@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bounceIn {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  60% {
    transform: scale(1.08);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes glow {
  0%,
  100% {
    box-shadow: 0 0 8px rgba(212, 167, 121, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(212, 167, 121, 0.7);
  }
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.anim-slide-left {
  animation: slideInLeft 0.5s ease both;
}
.anim-slide-right {
  animation: slideInRight 0.5s ease both;
}
.anim-slide-up {
  animation: slideInUp 0.5s ease both;
}
.anim-bounce {
  animation: bounceIn 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.anim-glow {
  animation: glow 2.5s ease-in-out infinite;
}
.anim-float {
  animation: float 3s ease-in-out infinite;
}
.anim-gradient {
  background-size: 200% 200%;
  animation: gradient 4s ease infinite;
}
[data-aos] {
  opacity: 0;
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}
[data-aos="fade-up"] {
  transform: translateY(20px);
}
[data-aos="fade-in"] {
  transform: none;
}
[data-aos].aos-animate {
  opacity: 1;
  transform: none;
}
.btn:hover {
  animation: none;
}
.hero-slide img {
  transition: transform 8s ease;
}
.hero-slide.active img {
  transform: scale(1.04);
}