.clients-brands{
    padding:80px 0;
    background:#f5f8fc;
    overflow:hidden;
}

.clients-title{
    font-size:36px;
    color:#0072bc;
    text-align:center;
    margin-bottom:50px;
    position:relative;
}

.clients-title:after{
    content:"";
    width:100px;
    height:4px;
    background:#f58220;
    display:block;
    margin:10px auto 0 auto;
    border-radius:4px;
}

/* MARQUEE STYLE */

.brands-marquee{
    overflow:hidden;
    position:relative;
}

.brands-track{
    display:flex;
    gap:60px;
    animation:scrollBrands 20s linear infinite;
}

.brand-item{
    flex:0 0 auto;
    width:150px;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.4s;
    filter: grayscale(100%);
}

.brand-item img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.brand-item:hover{
    transform:scale(1.2);
    filter:grayscale(0%);
}

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

/* RESPONSIVE */
@media(max-width:991px){
    .brands-track{
        gap:40px;
    }
    .brand-item{
        width:120px;
        height:80px;
    }
}