.elementor-184 .elementor-element.elementor-element-a59abac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-a59abac:not(.elementor-motion-effects-element-type-background), .elementor-184 .elementor-element.elementor-element-a59abac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5442e83 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-a59abac *//* ============================================================
   STAFF OUT — Glow inside container (no cut on mobile)
   For: Elementor Container widget

   Container select karein → Advanced → CSS ID → so-glow-cta
   → Advanced → Custom CSS mein ye paste karein.

   Ye glow ko container ke background par lagata hai (pseudo-
   element + overflow ke bajaye), is liye mobile par kabhi cut
   nahi hoga aur na hi koi horizontal scroll aayega.
   ============================================================ */

.elementor-184 .elementor-element.elementor-element-a59abac {
  background-image: radial-gradient(circle at 50% 0%, rgba(34,193,209,0.22), transparent 40%);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 120%;
}

/* --- Agar ".elementor-184 .elementor-element.elementor-element-a59abac" kaam na kare to isse replace karein:
#so-glow-cta { ... }
------------------------------------------------------------ *//* End custom CSS */