/* Modern Hero Slider Styles */

/* Custom pagination bullets */
.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  background: white;
  width: 2rem !important;
  border-radius: 0.5rem;
}

/* Parallax zoom effect on images */
.swiper-slide img {
  transition: transform 8s ease-out;
}

.swiper-slide-active img {
  transform: scale(1.05);
}

/* Smooth scroll indicator animation */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0) translateX(-50%);
  }
  50% {
    transform: translateY(10px) translateX(-50%);
  }
}

/* Button hover effects */
.hero-section a {
  position: relative;
  overflow: hidden;
}

.hero-section a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  transition: width 0.6s, height 0.6s, top 0.6s, left 0.6s;
  transform: translate(-50%, -50%);
}

.hero-section a:hover::before {
  width: 300px;
  height: 300px;
}

/* Glass morphism effects */
.backdrop-blur-sm {
  backdrop-filter: blur(8px);
}

.backdrop-blur-md {
  backdrop-filter: blur(12px);
}

/* Pulse animation for badge dot */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .swiper-pagination {
    bottom: 1rem !important;
    left: 50% !important;
    transform: translateX(-50%);
  }
}