@media (max-width: 880px) {

    .logo-scroll-container {
        display: flex;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 60px;
        padding: 0;
        padding-right: 20px;
        width: 100% !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .logo-inner {
        scroll-snap-align: start;
        flex: 20 0 100px !important;
    }

    .logo-inner img {
        max-height: 60px !important;
        object-fit: contain;
    }

}


@media (max-width: 768px) {

    .logo-scroll-container {
        display: flex;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 50px;
        padding: 0;
        padding-right: 20px;
        width: 100% !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .logo-inner {
        scroll-snap-align: start;
        flex: 20 0 80px !important;
    }

    .logo-inner img {
        max-height: 43px !important;
        object-fit: contain;
    }

}