/* Animation keyframes for fade-in and slide-up effect */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply animation to elements with the 'animate' class */
.animate {
  opacity: 0;
  animation: fadeInUp 0.6s ease-out forwards;
}

/* Apply staggered delays based on data-animation-delay attribute */
.animate[data-animation-delay="0.2s"] {
  animation-delay: 0.2s;
}
.animate[data-animation-delay="0.4s"] {
  animation-delay: 0.4s;
}
.animate[data-animation-delay="0.6s"] {
  animation-delay: 0.6s;
}
.animate[data-animation-delay="0.8s"] {
  animation-delay: 0.8s;
}
.animate[data-animation-delay="1s"] {
  animation-delay: 1s;
}
.animate[data-animation-delay="1.2s"] {
  animation-delay: 1.2s;
}
.animate[data-animation-delay="1.4s"] {
  animation-delay: 1.4s;
}
.animate[data-animation-delay="1.6s"] {
  animation-delay: 1.6s;
}
.animate[data-animation-delay="1.8s"] {
  animation-delay: 1.8s;
}
.animate[data-animation-delay="2s"] {
  animation-delay: 2s;
}
.animate[data-animation-delay="2.2s"] {
  animation-delay: 2.2s;
}
.animate[data-animation-delay="2.4s"] {
  animation-delay: 2.4s;
}
.animate[data-animation-delay="2.6s"] {
  animation-delay: 2.6s;
}
.animate[data-animation-delay="2.8s"] {
  animation-delay: 2.8s;
}
.animate[data-animation-delay="3s"] {
  animation-delay: 3s;
}
.animate[data-animation-delay="3.2s"] {
  animation-delay: 3.2s;
}
.animate[data-animation-delay="3.4s"] {
  animation-delay: 3.4s;
}
.animate[data-animation-delay="3.6s"] {
  animation-delay: 3.6s;
}
.animate[data-animation-delay="3.8s"] {
  animation-delay: 3.8s;
}
.animate[data-animation-delay="4s"] {
  animation-delay: 4s;
}
.animate[data-animation-delay="4.2s"] {
  animation-delay: 4.2s;
}
.animate[data-animation-delay="4.4s"] {
  animation-delay: 4.4s;
}
.animate[data-animation-delay="4.6s"] {
  animation-delay: 4.6s;
}
.animate[data-animation-delay="4.8s"] {
  animation-delay: 4.8s;
}