.elementor-1956 .elementor-element.elementor-element-e3bd7a3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--padding-top:200px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-1956 .elementor-element.elementor-element-e3bd7a3:not(.elementor-motion-effects-element-type-background), .elementor-1956 .elementor-element.elementor-element-e3bd7a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #23A4552B 28%, #000000 90%);}.elementor-1956 .elementor-element.elementor-element-e3bd7a3::before, .elementor-1956 .elementor-element.elementor-element-e3bd7a3 > .elementor-background-video-container::before, .elementor-1956 .elementor-element.elementor-element-e3bd7a3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1956 .elementor-element.elementor-element-e3bd7a3 > .elementor-background-slideshow::before, .elementor-1956 .elementor-element.elementor-element-e3bd7a3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1956 .elementor-element.elementor-element-e3bd7a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000047 85%, #070707 100%);}.elementor-1956 .elementor-element.elementor-element-b4c4328{--display:flex;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1956 .elementor-element.elementor-element-e3bd7a3{--flex-wrap:wrap;--padding-top:50px;--padding-bottom:160px;--padding-left:50px;--padding-right:50px;}.elementor-1956 .elementor-element.elementor-element-b4c4328{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1956 .elementor-element.elementor-element-b4c4328.e-con{--align-self:center;}.elementor-1956 .elementor-element.elementor-element-73c60cd > .elementor-widget-container{margin:100px 0px 100px 0px;padding:0px 0px 0px 0px;}.elementor-1956 .elementor-element.elementor-element-73c60cd.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-1956 .elementor-element.elementor-element-e3bd7a3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1956 .elementor-element.elementor-element-b4c4328{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1956 .elementor-element.elementor-element-73c60cd > .elementor-widget-container{margin:100px 0px 0px 0px;}}@media(min-width:768px){.elementor-1956 .elementor-element.elementor-element-b4c4328{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1956 .elementor-element.elementor-element-b4c4328{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-e3bd7a3 *//* 🌌 Animated Brand Gradient Background for Hero Section */
.herohead {
  position: relative;
  background: linear-gradient(
    130deg,
    #041A18,   /* Dark Emerald */
    #0D3E36,   /* Deep Teal */
    #116A59,   /* Brand Primary */
    #1DD2A5,   /* Mint Accent */
    #0D3E36,   /* Back to Deep Teal for loop smoothness */
    #041A18
  );
  background-size: 400% 400%;
  animation: heroGradient 22s ease infinite;
}

/* Optional: Adds depth even when animation slows */
.herohead::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    rgba(0,0,0,0) 35%,
    rgba(0,0,0,0.45) 70%,
    rgba(0,0,0,0.75) 100%
  );
}

/* Animation */
@keyframes heroGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */