.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-horizontal>.home-swiper.swiper-scrollbar, .home-swiper.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2* var(--swiper-scrollbar-sides-offset, 1%));
}

@media (max-width: 767.98px) {
    .Light-Scrollbar.rightScrollBarButtonsForMobile .swiper-button-prev, .Light-Scrollbar.rightScrollBarButtonsForMobile .swiper-button-prev-advance {
        right: 3.5rem;
        left: auto;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .Light-Scrollbar.rightScrollBarButtonsForMobile .swiper-button-next, .Light-Scrollbar.rightScrollBarButtonsForMobile .swiper-button-next-advance {
        right: .25rem;
        left: auto;
        margin-left: 0;
    }
}

#home-page-carousel {
    position: relative;
    width: 100%;
}

#carousel-home-controls-left, #carousel-home-controls-right {
    position: relative;
    bottom: 30px;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    #carousel-home-controls-left, #carousel-home-controls-right  {
        padding-left: 5rem;
        padding-right: 5rem;
		bottom: 1.325rem;
    }
}

.home-center-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.custom-carousel-container,
.custom-carousel-container .swiper,
.custom-carousel-container .swiper-wrapper,
.custom-carousel-container .swiper-slide {
    width: 100%;
}

.custom-carousel-container .swiper {
    overflow: hidden;
}

.custom-carousel-container .swiper-wrapper {
    align-items: stretch;
}

.custom-carousel-container .swiper-slide {
    flex-shrink: 0;
    overflow: hidden;
}

.custom-carousel-container .custom-slide,
.custom-carousel-container .sleek-banner,
.custom-carousel-container picture,
.custom-carousel-container .hero-banner-img {
    width: 100%;
    display: block;
}

.custom-carousel-container .hero-banner-img {
    height: auto;
    object-fit: cover;
}

.custom-carousel-container .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
}