/* Animation keyframes */

/* Slider Animation */
@keyframes slide {
  0% {
    transform: translateX(200%);
  }
  100% {
    /* transform: translateX(calc(-220px * 4 - 2rem * 4)); */
    transform: translateX(calc(-100%));
  }
}

/* Fade In Animation for CTA Popup */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

.fade-out {
  animation: fadeIn 0.3s ease-in reverse forwards;
}