/*============================================================================================
   Start Brand CSS 
==============================================================================================*/
.brand-section.style-3 .brands-wrapper {
}
.brand-section.style-3 .brand-card {
    text-align: center;
    border: 1px solid #eee;
    background: var(--white-color);
    margin: 2px 0px;
    border-radius: 8px;
}
.brand-section.style-3 .swiper-slide.brand-card img {
    max-width: 124px;
    height: 124px;
    object-fit: contain;
}
.brand-section.style-3 .swiper-slide {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .brand-section.style-3 .swiper-slide.brand-card img {
        max-width: 100px;
        height: 80px;
    }
}

/*============================================================================================
   End Brand CSS
==============================================================================================*/