.elementor-871 .elementor-element.elementor-element-3a334ea8{--display:flex;}.elementor-871 .elementor-element.elementor-element-2684868{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:1;--overlay-mix-blend-mode:overlay;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-871 .elementor-element.elementor-element-2684868:not(.elementor-motion-effects-element-type-background), .elementor-871 .elementor-element.elementor-element-2684868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-c94d9ab ) 0%, var( --e-global-color-a2c0d56 ) 100%);}.elementor-871 .elementor-element.elementor-element-2684868::before, .elementor-871 .elementor-element.elementor-element-2684868 > .elementor-background-video-container::before, .elementor-871 .elementor-element.elementor-element-2684868 > .e-con-inner > .elementor-background-video-container::before, .elementor-871 .elementor-element.elementor-element-2684868 > .elementor-background-slideshow::before, .elementor-871 .elementor-element.elementor-element-2684868 > .e-con-inner > .elementor-background-slideshow::before, .elementor-871 .elementor-element.elementor-element-2684868 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at top left, #172D6700 0%, #00000000 100%);}.elementor-871 .elementor-element.elementor-element-0742be4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:8em;--padding-left:2em;--padding-right:2em;}.elementor-871 .elementor-element.elementor-element-19669f5{width:auto;max-width:auto;text-align:center;}.elementor-871 .elementor-element.elementor-element-19669f5.elementor-element{--align-self:center;}.elementor-871 .elementor-element.elementor-element-19669f5 .elementor-heading-title{color:var( --e-global-color-7fbea4f );}.elementor-871 .elementor-element.elementor-element-72afa0b{--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;}.elementor-871 .elementor-element.elementor-element-9aed2fb{--display:flex;}.elementor-871 .elementor-element.elementor-element-a424e62{padding:5% 0% 10% 0%;color:#172D67;}@media(max-width:767px){.elementor-871 .elementor-element.elementor-element-2684868{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-871 .elementor-element.elementor-element-0742be4{--gap:7px 7px;--row-gap:7px;--column-gap:7px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for container, class: .elementor-element-2684868 *//* 1) Safer base + deeper vignette */
.elementor-871 .elementor-element.elementor-element-2684868 {
  position: relative;            /* ensures pseudo elements position correctly */
  overflow: hidden;              /* keeps glow inside the hero */
  box-shadow: inset 0 0 180px rgba(0,0,0,0.20); /* slightly deeper/cinematic */
}

/* 2) Cyan “spotlight” behind the model (you already had this) — keep, just tuned */
.elementor-871 .elementor-element.elementor-element-2684868::after {
  content:"";
  position:absolute;
  right:10%;                     /* bring it a touch closer to the model */
  top:32%;
  width:420px;                   /* a bit larger so it feathers nicer */
  height:420px;
  background: radial-gradient(circle at center,
    rgba(0,184,255,0.22) 0%,
    rgba(0,184,255,0.00) 70%);
  opacity: .9;
  pointer-events:none;
  z-index: 0;
}

/* 3) Subtle top-left brand glow to balance the hero (new) */
.elementor-871 .elementor-element.elementor-element-2684868::before {
  content:"";
  position:absolute;
  left:-8%;
  top:-12%;
  width:520px;
  height:520px;
  background:
    radial-gradient(circle at 35% 35%,
      rgba(0,184,255,0.18) 0%,
      rgba(23,45,103,0) 65%);
  mix-blend-mode: soft-light;    /* gentle, premium feel; if too subtle use 'overlay' */
  opacity:.9;
  pointer-events:none;
  z-index: 0;
}

/* 4) Optional micro-texture (very light dots) */
.elementor-871 .elementor-element.elementor-element-2684868 .ai-noise {             /* add an empty inner container with this class if you like */
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1.2px);
  background-size:24px 24px;
  opacity:.15;                   /* 10–15% is the sweet spot */
  pointer-events:none;
  z-index:0;
}

/* 5) Responsive trims so it never overwhelms on small screens */
@media (max-width: 1024px) {
  .elementor-871 .elementor-element.elementor-element-2684868::after { right:4%; top:38%; width:340px; height:340px; }
  .elementor-871 .elementor-element.elementor-element-2684868::before { left:-15%; top:-18%; width:420px; height:420px; }
}
@media (max-width: 767px) {
  .elementor-871 .elementor-element.elementor-element-2684868::after { opacity:.6; width:280px; height:280px; right:-4%; top:42%; }
  .elementor-871 .elementor-element.elementor-element-2684868::before { opacity:.45; }
  .elementor-871 .elementor-element.elementor-element-2684868 .ai-noise { opacity:.1; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a424e62 */.elementor-871 .elementor-element.elementor-element-a424e62 h2 {
  color: #172D67;
}/* End custom CSS */