/* ==========================================================================
   SWIPER BACKGROUND SLIDER CUSTOM STYLES
   ========================================================================== */
.hero-bg-swiper {
    width: 100%;
    height: 100%;
}

.hero-bg-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-bg-swiper .hero-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}