.elementor-286 .elementor-element.elementor-element-620e778{--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-286 .elementor-element.elementor-element-52e26e6{--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-286 .elementor-element.elementor-element-672f5c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-286 .elementor-element.elementor-element-d2cced4{--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;}/* Start custom CSS for html, class: .elementor-element-672f5c9 *//* Main container to center the heading */
.gradient-heading-container {
  text-align: center;
  width: 100%;
}

/* Animated gradient heading styles */
.gradient-heading {
  font-size: 2rem;
  font-weight: 700;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
  background-size: 200% auto;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  animation: gradientAnimation 4s linear infinite;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin: 16px auto; /* Centered with auto margins */
  display: inline-block;
  padding: 0 20px;
}

/* Animation keyframes */
@keyframes gradientAnimation {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}/* End custom CSS */