.elementor-24 .elementor-element.elementor-element-f3fa74b{--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;}.elementor-24 .elementor-element.elementor-element-1dcf7fc{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -184px;}.elementor-24 .elementor-element.elementor-element-12ea906{--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-24 .elementor-element.elementor-element-12ea906:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-12ea906 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFC;}.elementor-24 .elementor-element.elementor-element-12ea906.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-45bba57{--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-24 .elementor-element.elementor-element-45bba57:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-45bba57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFC;}.elementor-24 .elementor-element.elementor-element-9a03557{background-color:#F7FAFC;}
/* Start custom CSS for container, class: .elementor-element-f3fa74b *//* 🔵 Gradient Hero Background — Works in WordPress free version */
.elementor-24 .elementor-element.elementor-element-f3fa74b {
  background: linear-gradient(135deg, #0d1b3f 0%, #1a2d5c 50%, #243a6b 100%);
  position: relative;
  color: #ffffff;
  overflow: hidden;
}

/* ✨ Add subtle highlight overlay (optional but recommended) */
.elementor-24 .elementor-element.elementor-element-f3fa74b::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: radial-gradient(ellipse at top right, rgba(74, 144, 226, 0.15), transparent 50%);
  z-index: 0;
  pointer-events: none;
}

/* Keep your content above the overlay */
.elementor-24 .elementor-element.elementor-element-f3fa74b > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */





