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

.logo-slider {
    /* From https://css.glass */
    width: 98vw;
    overflow: hidden;
    height: 200px;
    position: relative;
    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 {
    height: 200px;
    width: 200px;
    margin: 0 40px;
}

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

.logo-slider .slide-track {
    width: calc(320px * 104); /* 320px (slide+margin) * (54 original + 54 duplicated) */
    animation: scroll 90s linear infinite; /* **Increased duration for smooth scroll** */
    display: flex;
}

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

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


/**********************************
*
* 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 **/