.ms-brands{
    padding:100px 0;
    background:#fff;
    overflow:hidden;
}

.brand-carousel{
    position:relative;
    overflow:hidden;
    margin-top:60px;
}

.brand-track{
    display:flex;
    width:max-content;
    animation:brandScroll 35s linear infinite;
}

.brand-carousel:hover .brand-track{
    animation-play-state:paused;
}

.brand-item{
    width:220px;
    height:120px;
    margin-right:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:18px;
    border:1px solid #ececec;
    transition:.35s;
}

.brand-item:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.brand-item img{
    max-width:150px;
    max-height:70px;
    filter:grayscale(100%);
    opacity:.65;
    transition:.35s;
}

.brand-item:hover img{
    filter:none;
    opacity:1;
}

@keyframes brandScroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}

@media(max-width:768px){

.brand-item{

width:170px;
height:90px;
margin-right:20px;

}

.brand-item img{

max-width:120px;

}

}