.home-header-swiper {
    width: 100%;
    height: 400px; /* Required for vertical swiper */
}

@media (max-width: 991.98px) {
    .home-header-swiper {
        height: 350px;
    }
}

.home-header-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.home-header-swiper .home-header-image-container {
    height: 100%;
}

/* Optional: Ensure the swiper button colors match your theme if needed */
.home-header-swiper .swiper-button-next,
.home-header-swiper .swiper-button-prev {
    color: #ffffff;
}

.home-header-swiper .swiper-pagination-bullet {
    background: #ffffff;
}

.home-header-swiper .swiper-pagination-bullet-active {
    background: #ffffff;
}