/* Clients Marquee CSS */
.clients-module {
    border-top: 1px solid rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.03);
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.marquee-content {
    display: inline-block;
    animation: scrollMarquee 30s linear infinite;
}
@keyframes scrollMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.client-logo {
    cursor: default;
}

.client-logo img {
    filter: grayscale(100%);
    opacity: 0.6;
    mix-blend-mode: multiply;
    transition: all 0.4s ease;
}

.client-logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}