.reveal-on-scroll {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

.reveal-on-scroll[data-ss-delay='1'] {
  transition-delay: 0.08s;
}

.reveal-on-scroll[data-ss-delay='2'] {
  transition-delay: 0.16s;
}

.reveal-on-scroll[data-ss-delay='3'] {
  transition-delay: 0.24s;
}

.reveal-on-scroll[data-ss-delay='4'] {
  transition-delay: 0.32s;
}

.reveal-on-scroll.in-view {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-soft {
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.55s ease-out,
    transform 0.55s ease-out;
}

.fade-in-soft.in-view {
  opacity: 1;
  transform: translateY(0);
}

.slide-in-right {
  opacity: 0;
  transform: translateX(25px);
  transition:
    opacity 0.55s ease-out,
    transform 0.55s ease-out;
}

.slide-in-right.in-view {
  opacity: 1;
  transform: translateX(0);
}

.slide-in-left {
  opacity: 0;
  transform: translateX(-25px);
  transition:
    opacity 0.55s ease-out,
    transform 0.55s ease-out;
}

.slide-in-left.in-view {
  opacity: 1;
  transform: translateX(0);
}

.ss-delay-sm {
  transition-delay: 0.08s;
}

.ss-delay-md {
  transition-delay: 0.18s;
}

.ss-delay-lg {
  transition-delay: 0.28s;
}