/* Animation Keyframes */
@keyframes scroll {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(calc(-250px * 6));
  }
}

@keyframes fadeIn {
  from {
      opacity: 0;
      transform: translateY(20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}

/* Element Animations */
.hero-title {
  animation: fadeIn 1s ease-out forwards;
}

.hero-subtitle {
  animation: fadeIn 1s ease-out 0.3s forwards;
  opacity: 0;
}

.btn-primary {
  animation: fadeIn 1s ease-out 0.6s forwards;
  opacity: 0;
}

.carousel-item {
  animation: fadeIn 0.5s ease-out forwards;
}

.info-box {
  animation: fadeIn 0.5s ease-out forwards;
}

.info-box:nth-child(1) {
  animation-delay: 0.2s;
}

.info-box:nth-child(2) {
  animation-delay: 0.4s;
}

.info-box:nth-child(3) {
  animation-delay: 0.6s;
}

.info-box:nth-child(4) {
  animation-delay: 0.8s;
}

.whatsapp-btn {
  animation: pulse 2s infinite;
}