/* utils/_mixins.scss */
/* utils/_variables.scss */
/* Single source of truth: Tailwind themes.css defines --vars, SCSS references them */
/* utils/_functions.scss */
.hero-slider {
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.4;
}
.hero-slider .swiper-wrapper {
  height: 100%;
}
.hero-slider .swiper-slide {
  height: 100%;
}
.hero-slider .swiper-controls {
  z-index: 20;
}

@keyframes hero-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero-slider .swiper-slide-active .animate-hero {
  animation: hero-fade-up 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.hero-slider .swiper-slide-active .animate-hero-d1 {
  animation: hero-fade-up 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  animation-delay: 0.15s;
}

.hero-slider .swiper-slide-active .animate-hero-d2 {
  animation: hero-fade-up 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  animation-delay: 0.28s;
}

.hero-slider .swiper-slide-active .animate-hero-d3 {
  animation: hero-fade-up 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  animation-delay: 0.4s;
}

.hero-slider .swiper-slide img {
  transform: scale(1.06);
  transition: transform 8s ease-out;
}

.hero-slider .swiper-slide-active img {
  transform: scale(1);
}