.ind-our-brands{width:100%;margin:0}
.mobile-brands{display:none}
.ind-our-brands__container{position:relative;overflow:hidden;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;height:160px;display:flex;align-items:center;>*{flex:0 0 100%}
&:hover .ind-our-brands__carousel{animation-play-state:paused}
}
.ind-our-brands__carousel{display:flex;will-change:transform;animation:scrolling 20s linear infinite}
@keyframes scrolling{0{transform:translateX(0)}
100%{transform:translateX(-100%)}
}
.ind-our-brands__carousel-item{width:215px;padding:0 10px;box-sizing:border-box}
.ind-our-brands__carousel-item a{display:block;width:100%;height:120px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;text-decoration:none;padding:20px;box-sizing:border-box;border:2px solid transparent}
.ind-our-brands__carousel-item a:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);border-color:#05141f;transform:translateY(-2px)}
.ind-our-brands__carousel-item img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}
.ind-our-brands__carousel-item a:hover img{transform:scale(1.05)}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.ind-our-brands{animation:fadeIn .6s ease-out}
.ind-our-brands__carousel-item.cloned{pointer-events:none}
@media(max-width:767px){.ind-our-brands__carousel-item{width:135px}
.mobile-brands{display:block}
.desktop-brands{display:none}
.ind-our-brands__container{width:auto}
.ind-our-brands__carousel-item a{height:100px;padding:15px}
}