/* Hero Carousel Styles */

/* Hide scrollbar but keep scrollable */
#heroCarousel {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

#heroCarousel::-webkit-scrollbar {
    display: none;
}

/* Smooth transitions for slides */
.hero-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Enhanced backdrop for better text readability */
.hero-overlay {
    background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
}