.elementor-11 .elementor-element.elementor-element-84c94f0{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-9300515 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:300;letter-spacing:6.5px;color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-84c94f0 */.bg-a {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background: #0e1725;
  isolation: isolate;
}

.bg-a::before,
.bg-a::after {
  content: "";
  position: absolute;
  inset: -60%;
  z-index: -1;
  pointer-events: none;
  filter: blur(90px);
  will-change: transform, opacity;
}

.bg-a::before {
  background:
    radial-gradient(circle at 30% 40%, rgba(14, 107, 161, 0.9) 0%, rgba(14, 107, 161, 0.45) 18%, transparent 38%),
    radial-gradient(circle at 70% 60%, rgba(50, 188, 109, 0.8) 0%, rgba(50, 188, 109, 0.4) 18%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(14, 107, 161, 0.45) 0%, transparent 45%);
  animation: glowMoveOne 16s ease-in-out infinite alternate;
}

.bg-a::after {
  background:
    radial-gradient(circle at 70% 30%, rgba(50, 188, 109, 0.65) 0%, transparent 32%),
    radial-gradient(circle at 25% 70%, rgba(14, 107, 161, 0.7) 0%, transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(50, 188, 109, 0.35) 0%, transparent 48%);
  mix-blend-mode: screen;
  animation: glowMoveTwo 22s ease-in-out infinite alternate;
}

.bg-a > * {
  position: relative;
  z-index: 2;
}

@keyframes glowMoveOne {
  0% {
    transform: translate3d(-18%, -10%, 0) rotate(0deg) scale(1);
    opacity: 0.8;
  }

  35% {
    transform: translate3d(12%, 8%, 0) rotate(25deg) scale(1.15);
    opacity: 1;
  }

  70% {
    transform: translate3d(22%, -6%, 0) rotate(55deg) scale(1.25);
    opacity: 0.9;
  }

  100% {
    transform: translate3d(-8%, 16%, 0) rotate(80deg) scale(1.1);
    opacity: 1;
  }
}

@keyframes glowMoveTwo {
  0% {
    transform: translate3d(18%, 12%, 0) rotate(0deg) scale(1.1);
    opacity: 0.65;
  }

  40% {
    transform: translate3d(-16%, -8%, 0) rotate(-35deg) scale(1.25);
    opacity: 0.95;
  }

  75% {
    transform: translate3d(-24%, 10%, 0) rotate(-70deg) scale(1.35);
    opacity: 0.75;
  }

  100% {
    transform: translate3d(10%, -16%, 0) rotate(-100deg) scale(1.15);
    opacity: 0.9;
  }
}

@media (max-width: 767px) {
  .bg-a {
    min-height: 100vh;
  }

  .bg-a::before,
  .bg-a::after {
    inset: -90%;
    filter: blur(65px);
  }

  .bg-a::before {
    animation: glowMoveOneMobile 12s ease-in-out infinite alternate;
  }

  .bg-a::after {
    animation: glowMoveTwoMobile 15s ease-in-out infinite alternate;
  }
}

@keyframes glowMoveOneMobile {
  0% {
    transform: translate3d(-35%, -20%, 0) rotate(0deg) scale(1.1);
  }

  50% {
    transform: translate3d(25%, 20%, 0) rotate(40deg) scale(1.35);
  }

  100% {
    transform: translate3d(-10%, 35%, 0) rotate(80deg) scale(1.2);
  }
}

@keyframes glowMoveTwoMobile {
  0% {
    transform: translate3d(35%, 25%, 0) rotate(0deg) scale(1.2);
  }

  50% {
    transform: translate3d(-30%, -20%, 0) rotate(-45deg) scale(1.45);
  }

  100% {
    transform: translate3d(15%, -35%, 0) rotate(-90deg) scale(1.25);
  }
}/* End custom CSS */