/* ========================================================= 
    CLIENT LOGO MARQUEE 
========================================================= */ 

.clients-section { 
    overflow: hidden; 
} 

.clients-title { 
    text-align: center; 
    color: #1f2937; 
    font-size: 50px;
    font-weight: 700;
    line-height: 1.28em;
    margin-bottom: 16px;
} 

.clients-description {
    text-align: center; 
}

#client-logos .marquee-row { 
    position: relative; 
    overflow: hidden; 
    padding: 4px 0; 
} 

#client-logos .marquee-track { 
    display: flex; 
    width: max-content; 
    will-change: transform; 
    animation: marqueeScroll 45s linear infinite; 
} 

#client-logos .marquee-row.offset .marquee-track { 
    animation-delay: -50s; 
} 

@keyframes marqueeScroll { 
    from { transform: translateX(0); } 
    to   { transform: translateX(-50%); } 
} 

#client-logos .marquee-item { 
    flex: 0 0 auto; 
    width: 210px; 
    height: 120px; 
    margin: 0 4px; 
    background: #fff; 
    border: 1px solid #eef0f4; 
    border-radius: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 14px 18px; 
    overflow: hidden; 
} 

#client-logos .marquee-item img { 
    max-width: 100%;
    width: 120px;
    height: auto;
    object-fit: contain; 
    display: block; 
    transition: transform 0.35s ease; 
} 

#client-logos .marquee-item:hover img { 
    transform: scale(1.15); 
}

#client-logos .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

@media (prefers-reduced-motion: reduce) { 
    #client-logos .marquee-track { animation: none !important; } 
    #client-logos .marquee-item img { transition: none !important; } 
} 

@media screen and (max-width: 767px) {
    #client-logos .marquee-item {
        width: 120px;
        padding: 14px 7px;
    }
}