.logo-carousel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
}

.logo-carousel__header .swiper-nav {
    display: flex;
    align-items: center;
    gap: 30px;
}

.swiper-nav .icon {
    width: 100%;
    max-width: 30px;
}

.swiper-nav button {
    background-color: transparent;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.swiper-nav button:focus,
.swiper-nav button:hover {
    background-color: transparent;
    outline: none !important;
}

.logo-carousel__carousel {
    width: 100%;
    max-width: calc(100% - (50% - var(--container-max) / 2) - 80px + var(--lg));
    margin-right: 0;
}

.logo-carousel__carousel .swiper-slide {
    padding: var(--lg);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-carousel__carousel .swiper-slide img {
    width: 100%;
    max-width: 200px;
    height: auto;
}

@media screen and (max-width: 640px) {
    .logo-carousel__header {
        padding-bottom: 0;
    }
}