.logos-marquee .marquee-line {
    overflow: hidden;
    display: flex;
}

.logos-marquee[direction="right"] .marquee-line {
    justify-content: flex-end;
}

.logos-marquee .marquee-line .inner-marquee {
    white-space: nowrap;
    align-items: center;
    display: flex;
}

.logos-marquee img {
    margin-right: calc(100vw * 43 / var(--page-width));
    height: calc(100vw * 32 / var(--page-width));
    width: auto;
    display: block;
}

.logos-list .logos {
    -webkit-grid-column: 2 / span 10;
    grid-column: 2 / span 10;
    display: flex;
    justify-content: space-between;
    gap: calc(100vw * 80 / var(--page-width))
        calc(100vw * 50 / var(--page-width));
    flex-wrap: wrap;
}

.logos-list .logos img {
    width: auto;
    max-width: calc(100vw * 150 / var(--page-width));
    height: calc(100vw * 50 / var(--page-width));
}

@media only screen and (max-width: 740px) {
    .logos-marquee .marquee-line {
        margin-bottom: calc(100vw * 40 / var(--page-width));
    }

    .logos-list {
        padding-left: 0;
        padding-right: 0;
    }

    .logos-list > * {
        padding-right: var(--padding-general);
        padding-left: var(--padding-general);
    }

    .logos-list .logos-title {
        display: block;
        margin-bottom: calc(100vw * 25 / var(--page-width));
    }

    .logos-list .grid12 {
        display: flex;
        width: 100%;
        float: left;
        justify-content: flex-start;
        align-items: center;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
    }

    .logos-list .logos {
        width: auto;
        flex-wrap: nowrap;
        gap: calc(100vw * 40 / var(--page-width));
    }

    .logos-list .logos img {
        height: calc(100vw * 40 / var(--page-width));
    }
}