/** (start) partner's section **/

.logo-slider {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.logo-slider .logo-slide img {
    height: 240px;
    width: 240px;
    object-fit: contain;
}

.logo-slider {
    height: 300px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 99vw;
}

.logo-slider .slide-track {
    animation: scroll 60s linear infinite;
    display: flex;
    width: calc(320px * 19);
}

.logo-slider .logo-slide {
    height: 240px;
    width: 240px;
    margin: 0 40px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-320px * 10));
    }
}


/**********************************
*
* responsive css 
*
*
************************************/

@media only screen and (max-width:768px) {
    .logo-slider .logo-slide img {
        height: 120px;
        width: 120px;
    }
    .logo-slider {
        height: 140px;
    }
    .logo-slider .logo-slide {
        height: 120px;
        width: 120px;
        margin: 0 20px;
    }
}


/** (end) partner's section **/