.elementor-402 .elementor-element.elementor-element-5a1a4d1{--display:flex;}.elementor-402 .elementor-element.elementor-element-3258503{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-402 .elementor-element.elementor-element-43256a5.elementor-element{--align-self:center;}/* Start custom CSS for image, class: .elementor-element-16d4190 *//* 1) Outer Astra container ko full width + center flex banao */
.page-id-402 .site-content > .ast-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    justify-content: center;   /* andar ka content-area center aayega */
}

/* 2) Content-area ko ek fixed, thoda bada width do */
.page-id-402 #primary {
    width: 100%;
    max-width: 1400px;         /* agar chaho to 1500/1600 bhi kar sakte ho */
}

/* 3) Entry-content ke andar sab blocks ko center align karo */
.page-id-402 .entry-content {
    text-align: center;
}

/* 4) Blocks (image, shortcode, paragraphs) ko inline-block rakho
      taaki text-align:center inko sahi se center kare */
.page-id-402 .entry-content > * {
    display: inline-block;
    text-align: left;          /* andar ka text left hi rahe, sirf block center ho */
    max-width: 100%;
}/* End custom CSS */