.gradient-text,
.oca-hero-section h1 em,
.oca-hero h1 em,
.hero-title em {
  background: linear-gradient(135deg, #9c6b91 0%, #017e84 35%, #c49abd 60%, #00a8b0 85%, #9c6b91 100%);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
  animation: ocaGradientShift 5s ease infinite;
  font-style: normal;
}

.section-gradient-label {
  background: linear-gradient(90deg, #714b67, #017e84);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

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