/* Add this to slider.css */
/* Animation classes for Slick */
.title-anim,
.text-anim {
  opacity: 0;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

/* FadeInUp animation */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* FadeInRight animation */
@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

/* Apply animations based on data attributes */
[data-animation-in="fadeInUp"] {
  animation-name: fadeInUp;
}

[data-animation-in="fadeInRight"] {
  animation-name: fadeInRight;
}

/* Delay handling */
[data-delay-in] {
  animation-delay: calc(var(--delay) * 1s);
}