/* =========================
   CLIENTS SECTION
========================= */
.clients-section{
    padding:100px 20px;
    background:#0b1220;
    color:#fff;
}


/* =========================
   CAROUSEL
========================= */
.client-carousel{
    overflow:hidden;
    position:relative;
    width:100%;
}

.client-carousel .carousel-track{
    display:flex;
    gap:25px;
    width:max-content;
    animation:scrollLoop 25s linear infinite;
}

/* LOOP ANIMATION */
@keyframes scrollLoop{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}

/* CLIENT CARD */
.client-card{
    flex:0 0 180px;
    height:130px;

    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    backdrop-filter:blur(10px);
    transition:0.3s ease;
}


/* LOGO */
.client-card img{
    max-width:120px;
    max-height:80px;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:0.7;
    transition:0.3s;
}

/* HOVER LOGO */
.client-card:hover img{
    filter:none;
    opacity:1;
}

/* MOBILE */
@media(max-width:768px){
    .client-card{
        flex:0 0 140px;
        height:100px;
    }
}