.elementor-8958 .elementor-element.elementor-element-ee8071e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8958 .elementor-element.elementor-element-ee8071e:not(.elementor-motion-effects-element-type-background), .elementor-8958 .elementor-element.elementor-element-ee8071e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8958 .elementor-element.elementor-element-e3a55f1{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--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-8958 .elementor-element.elementor-element-98a2309 .elementor-heading-title{font-size:18px;line-height:1em;letter-spacing:4.5px;color:var( --e-global-color-8e03283 );}.elementor-8958 .elementor-element.elementor-element-fb062f0 .elementor-heading-title{font-size:225px;font-weight:900;line-height:1em;color:var( --e-global-color-secondary );}.elementor-8958 .elementor-element.elementor-element-e72f863{--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;--justify-content:center;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-8958 .elementor-element.elementor-element-a24db81 .elementor-button{background-color:var( --e-global-color-1868f34 );font-size:18px;font-weight:600;fill:var( --e-global-color-1b506fb );color:var( --e-global-color-1b506fb );border-radius:8px 8px 8px 8px;}.elementor-8958 .elementor-element.elementor-element-a24db81 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8958 .elementor-element.elementor-element-1153537 .elementor-button{background-color:var( --e-global-color-1868f34 );font-size:18px;font-weight:600;fill:var( --e-global-color-1b506fb );color:var( --e-global-color-1b506fb );border-radius:8px 8px 8px 8px;}.elementor-8958 .elementor-element.elementor-element-1153537 .elementor-button-content-wrapper{flex-direction:row-reverse;}/* Start custom CSS for container, class: .elementor-element-ee8071e *//* Add this CSS to your Elementor section's Custom CSS or in Customizer > Additional CSS */

/* Apply to your hero section */
.homepg-hero-section {
  position: relative;
  overflow: hidden;
}

/* Animated gradient background */
.homepg-hero-section::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    #0E1A32 0%,
    #184C9B 25%,
    #3B8BFF 50%,
    #BDDEF5 75%,
    #184C9B 100%
  );
  background-size: 400% 400%;
  animation: gradientMove 15s ease infinite;
  z-index: 0;
}

/* Noise texture overlay */
.homepg-hero-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
  z-index: 1;
  pointer-events: none;
}

/* Ensure content appears above the background */
.homepg-hero-section > .elementor-container {
  position: relative;
  z-index: 2;
}

/* Gradient animation */
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Optional: Smoother variant with slower animation */
.homepg-hero-section.smooth-gradient::before {
  animation: gradientMove 20s ease-in-out infinite;
}

/* Optional: Add subtle pulse effect */
.homepg-hero-section.with-pulse::before {
  animation: gradientMove 15s ease infinite, pulse 8s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
}/* End custom CSS */