/*
==================================================
ABOUT CLIENTS
==================================================
*/

.sidv-about-clients{

    padding:6rem 0;

    background:#FFFFFF;

    overflow:hidden;

}

/*
==================================================
HEADER
==================================================
*/

.sidv-about-clients__header{

    max-width:760px;

    margin:0 auto 4.5rem;

    text-align:center;

    opacity:0;

    transform:translateY(35px);

    transition:.8s ease;

}

.sidv-about-clients.is-visible
.sidv-about-clients__header{

    opacity:1;

    transform:none;

}

.sidv-about-clients__eyebrow{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:.6rem 1.2rem;

    border-radius:999px;

    background:#FFF4E5;

    color:#F59E0B;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.sidv-about-clients__header h2{

    margin:1.2rem 0;

    font-size:clamp(2.3rem,4vw,3.5rem);

    color:#0F172A;

    line-height:1.15;

}

.sidv-about-clients__header p{

    max-width:650px;

    margin:0 auto;

    color:#64748B;

    line-height:1.85;

    font-size:1.05rem;

}

/*
==================================================
MARQUEE
==================================================
*/

.sidv-about-clients__marquee{

    width:100%;

    overflow:hidden;

    position:relative;

}

.sidv-about-clients__track{

    display:flex;

    align-items:center;

    gap:2rem;

    width:max-content;

    animation:sidvAboutClientsScroll 34s linear infinite;

}

.sidv-about-clients__marquee:hover
.sidv-about-clients__track{

    animation-play-state:paused;

}

/*
==================================================
CLIENT
==================================================
*/

.sidv-about-client{

    display:flex;

    justify-content:center;

    align-items:center;

    width:220px;

    height:120px;

    flex-shrink:0;

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    border-radius:20px;

    transition:.35s;

}

.sidv-about-client:hover{

    transform:translateY(-6px);

    border-color:#F59E0B;

    box-shadow:0 20px 45px rgba(15,23,42,.08);

}

.sidv-about-client img{

    max-width:150px;

    max-height:60px;

    width:auto;

    height:auto;

    object-fit:contain;

    transition:.35s;

}

.sidv-about-client:hover img{

    transform:scale(1.05);

}

/*
==================================================
FOOTER
==================================================
*/

.sidv-about-clients__footer{

    margin-top:4rem;

    text-align:center;

    opacity:0;

    transform:translateY(35px);

    transition:.8s ease .2s;

}

.sidv-about-clients.is-visible
.sidv-about-clients__footer{

    opacity:1;

    transform:none;

}

.sidv-about-clients__footer p{

    max-width:700px;

    margin:0 auto;

    color:#64748B;

    line-height:1.85;

    font-size:1.05rem;

}

/*
==================================================
ANIMATION
==================================================
*/

@keyframes sidvAboutClientsScroll{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

/*
==================================================
RESPONSIVE
==================================================
*/

@media(max-width:992px){

    .sidv-about-client{

        width:190px;

        height:105px;

    }

    .sidv-about-client img{

        max-width:130px;

        max-height:52px;

    }

}

@media(max-width:768px){

    .sidv-about-clients{

        padding:5rem 0;

    }

    .sidv-about-clients__header{

        margin-bottom:3rem;

    }

    .sidv-about-clients__track{

        gap:1rem;

    }

    .sidv-about-client{

        width:160px;

        height:90px;

        border-radius:16px;

    }

    .sidv-about-client img{

        max-width:105px;

        max-height:42px;

    }

    .sidv-about-clients__footer{

        margin-top:3rem;

    }

}