/* базовый вид слов в заголовке */
.title-animation .elementor-heading-title span {
  display: inline-block;
  margin-right: 0;
  color: #D7DEE3;
  /* базовый цвет */
}

/* анимируемое состояние */
.title-animation .elementor-heading-title span.animate {
  animation: colorScroll 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: calc(var(--index) * 0.12s);
  /* волна по словам */
}

/* плавная смена*/
@keyframes colorScroll {
  0% {
    color: #D7DEE3;
  }

  50% {
    color: #FF3333;
  }

  100% {
    color: #22252A;
  }
}