#brands {
    padding-top: 50px;
    padding-bottom: 45px;
    margin-top: 109px;
}
#brands h3 {
    font-size: 2em;
}
#brands a {
    font-size: 1.25em;
}
#brands a::after {
    content: '';
    position: relative;
    margin-top: -2px;
    margin-left: 6px;
    width: 8px;
    height: 15px;
    background-image: url("../../../images/2024/icons/icon-arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(20%) sepia(45%) saturate(6171%) hue-rotate(342deg) brightness(90%) contrast(94%);
}
#brands .swiper {
    margin-top: 42px;
}
#brands .swiper-wrapper {
    transition-timing-function: linear !important;
}
@media screen and (max-width: 567px) {
    #brands {
        padding-top: 27px;
        padding-bottom: 36px;
        margin-top: 56px;
    }
    #brands .brands-top {
        flex-direction: column;
        align-items: center;
    }
    #brands h3 {
        font-size: 1.5em;
        margin-bottom: 11px;
    }
    #brands a {
        font-size: 1em;
    }
    #brands a::after {
        width: 5px;
        height: 9px;
    }
    #brands .swiper {
        margin-top: 16px;
    }
    #brands img {
        max-height: 45px;
        width: auto;
    }
}