.brands-section {
    overflow: hidden;
    margin-top: 80px;
    transition: margin-top 0.4s ease;
}
.brands-section .h3 {
    max-width: 1440px;
    margin: auto;
    padding: 0 24px 32px;
    position: relative;
    transition: padding 0.4s ease;
}

.brands-section .swiper {
    position: relative;
}
.brands-section .swiper::before {
    content: "";
    position: absolute;
    height: 100%;
    border-bottom: 1px solid var(--brand1);
    border-top: 1px solid var(--brand1);
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
}

.brands-section .swiper-wrapper {
    display: flex;
    align-items: center;
    height: 128px;
    transition-timing-function: linear !important;
}

.brands-section .brands-swiper .swiper-slide {
  width: auto !important; /* let images size themselves */
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 64px;
}

.brands-swiper img {
  max-height: 100%;
  width: auto;
  max-width: fit-content;
  object-fit: contain;
}
/* Responsive */
@media (max-width: 768px) {
    .brands-section {
        margin-top: 70px;
    }
    .brands-section .h3 {
        padding: 0 16px 24px;
    }    
    .brands-section .swiper-wrapper {
        height: 93px;
    }
    .brands-section .brands-swiper .swiper-slide {
        max-height: 93px;
        padding: 30px 0;
    }
}