/* --- animate words --- */
.word-span {
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

.animate-heading-words.is-visible .word-span {
  opacity: 1;
  transform: translateY(0);
}

/* --- animate in section --- */
.stagger-item {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 0.7s ease-out,
    transform 0.7s ease-out;
}

.stagger-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .word-span,
  .stagger-item {
    transition: none !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/*  Fade In From Bottom */
.simple-fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.8s ease-out,
    transform 0.8s ease-out;
}

.simple-fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* add to simple-fade-in or  stagger-item */
.delay-1 {
  transition-delay: 0.5s !important;
}
.delay-2 {
  transition-delay: 1s !important;
}
.delay-3 {
  transition-delay: 1.5s !important;
}