/* MAIN WRAPPER */

.swiper-brands-section .swiper-brands-section__wrapper {
    max-width: 100dvw;
    padding-bottom: 50px;
}


/* SWIPER ROOT */

.swiper-brands-section .swiper {
    width: 100%;
}


/* SWIPER WRAPPER — scoped and safe */

.swiper-brands-section .swiper-wrapper {
    transition-timing-function: linear !important;
    width: 30% !important;
    height: 150px !important;
}


/* SWIPER SLIDES */

.swiper-brands-section .swiper-slide {
    height: auto !important;
}


/* HORIZONTAL TICKER */

.swiper-brands-section .horizontal-ticker {
    margin: 0 -20px;
    display: flex;
    flex-direction: column;
    row-gap: 2.85vw;
}

.swiper-brands-section .horizontal-ticker__slide {
    position: relative;
    width: 15vw;
    /*aspect-ratio: 175/65;*/
    aspect-ratio: 122/45;
    overflow: hidden;
    backdrop-filter: blur(50px);
}


/* RESPONSIVE — MEDIUM */

@media screen and (max-width: 767.9px) {
    .swiper-brands-section .horizontal-ticker {
        row-gap: 15px;
    }
    .swiper-brands-section .horizontal-ticker__slide {
        width: 30vw;
    }
}


/* IMAGES INSIDE TICKER */

.swiper-brands-section .horizontal-ticker__slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 3px;
    transition: opacity 0.6s ease-out;
}

.swiper-brands-section .horizontal-ticker__slide img:last-child {
    position: absolute;
    inset: 0;
    opacity: 0;
}


/* HOVER EFFECT */

@media (hover: hover) and (pointer: fine) {
    .swiper-brands-section .horizontal-ticker__slide:hover img:last-child {
        opacity: 1;
    }
}


/* RESPONSIVE — TABLET */

@media screen and (max-width: 768px) {
    .swiper-brands-section .horizontal-ticker__slide {
        width: 30vw;
    }
}


/* RESPONSIVE — SMALL MOBILE */

@media screen and (max-width: 500px) {
    .swiper-brands-section .horizontal-ticker__slide {
        width: 40vw;
    }
}


/* RESPONSIVE — VERY SMALL DEVICES */

@media screen and (max-width: 400px) {
    .swiper-brands-section .horizontal-ticker__slide {
        width: 48vw;
    }
    .swiper-brands-section #horizontal-ticker-ltr,
    .swiper-brands-section #horizontal-ticker-rtl {
        height: 70px;
    }
}


/* RESPONSIVE — BETWEEN 401px AND 500px */

@media screen and (min-width: 401px) and (max-width: 500px) {
    .swiper-brands-section .horizontal-ticker__slide img {
        width: 80%;
    }
    .swiper-brands-section .swiper-wrapper {
        width: 75% !important;
    }
}