/* Home Page Specific Styles */

/* Hero Swiper */
.myHeroSwiper {
    margin-top: 100px !important;
}

    .myHeroSwiper .swiper-slide {
        display: block !important;
    }

    .myHeroSwiper .hero-parallax {
        width: 100% !important;
    }

/* Hero Section */
.hero-section {
    min-height: 100vh;
    position: relative;
}

/* Responsive hero images */
@media (max-width: 500px) {
    .hero-mobile-adjust {
        /* Mobile specific adjustments handled by JS */
    }
}