/* Add custom CSS styles below */ 
.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *) {
    padding-left: 3rem !important;
}

.carousel-slider .swiper, salla-slider[type]:not(.hydrated) .swiper>div>div, salla-slider[type]:not(.hydrated)>div {
    display: flex !important;
    margin-left: -.625rem;
    margin-right: -.625rem;
    padding-left: 5px !important;
    padding-right: 5px;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto !important;
}

.banner--fixed img, .banner-entry {
    --tw-bg-opacity: 1;
    background-color: transparent !important;

}