.elementor-486 .elementor-element.elementor-element-c7e777f{--display:flex;--min-height:130px;--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-486 .elementor-element.elementor-element-c7e777f:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-c7e777f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #3A3F77 0%, #4361EE 100%);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-c7e777f *//* 1) Force the gradient on the section, including sticky state */
.elementor-486 .elementor-element.elementor-element-c7e777f,
.elementor-486 .elementor-element.elementor-element-c7e777f.elementor-sticky--effects {
  background: linear-gradient(135deg, #8e2de2 0%, #4adede 100%) !important;
  position: relative; /* ensures children can be layered */
}

/* 2) Kill Elementor’s automatic overlay if any remained */
.elementor-486 .elementor-element.elementor-element-c7e777f .elementor-background-overlay {
  opacity: 0 !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}

/* 3) If some theme layer still covers it, draw our own gradient layer beneath content */
.elementor-486 .elementor-element.elementor-element-c7e777f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(135deg, #8e2de2 0%, #4adede 100%);
}
.elementor-486 .elementor-element.elementor-element-c7e777f > .elementor-container,
.elementor-486 .elementor-element.elementor-element-c7e777f > .e-con-inner {
  position: relative;
  z-index: 1; /* keep nav above the gradient */
}

.elementor-486 .elementor-element.elementor-element-c7e777f {
  background: linear-gradient(-45deg, #8e2de2, #4adede, #6a11cb, #2575fc);
  background-size: 400% 400%;
  animation: gradientFlow 20s ease infinite;
}

@keyframes gradientFlow {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

.elementor-486 .elementor-element.elementor-element-c7e777f a {
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* Make the section a stacking context */
.elementor-486 .elementor-element.elementor-element-c7e777f { position: relative; overflow: hidden; }

/* Animated gradient layer under the content */
.elementor-486 .elementor-element.elementor-element-c7e777f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(-45deg, #8e2de2, #4adede, #6a11cb, #2575fc);
  background-size: 400% 400%;
  animation: baFlow 24s ease infinite;
  /* If you want it brighter, bump opacity by adding a semi-transparent white on top via background: ... , rgba(255,255,255,.05); */
}

/* Keep nav and logo above the gradient */
.elementor-486 .elementor-element.elementor-element-c7e777f > .elementor-container,
.elementor-486 .elementor-element.elementor-element-c7e777f > .e-con,
.elementor-486 .elementor-element.elementor-element-c7e777f > .e-con-inner { position: relative; z-index: 1; }

/* Ensure sticky state keeps the animation */
.elementor-486 .elementor-element.elementor-element-c7e777f.elementor-sticky--effects::before {
  animation: baFlow 24s ease infinite;
}

@keyframes baFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.elementor-486 .elementor-element.elementor-element-c7e777f { box-shadow: 0 2px 10px rgba(0,0,0,0.25); }

.elementor-486 .elementor-element.elementor-element-c7e777f { box-shadow: 0 6px 20px rgba(0,0,0,0.15); }

.elementor-486 .elementor-element.elementor-element-c7e777f { box-shadow: 0 6px 20px rgba(142,45,226,0.25); }/* End custom CSS */