.brand-carousel-container{position:relative;width:100%;overflow:hidden;border-top:1px solid #000055;border-bottom:1px solid #000055;line-height:0;padding:15px 0;margin:0 auto}
.brand-track{display:flex;gap:clamp(15px,1.51vw,15.75px);transition:none;will-change:transform}
.brand-box{width:calc(3*clamp(45px,5vw,55.75px));height:clamp(45px,5vw,55.75px);margin:0 15px;flex-shrink:0;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .5s ease;overflow:hidden}
.brand-box img{height:55.775%;width:100%;object-fit:contain;filter:brightness(0) invert(1);transition:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;o-user-drag:none;user-drag:none;pointer-events:none}
.brand-carousel-container::before,.brand-carousel-container::after{content:"";position:absolute;top:0;width:15vw;height:100%;z-index:10;pointer-events:none}
.brand-carousel-container::before{left:0;background:linear-gradient(to right,rgba(0,0,0,1) 0%,transparent 100%)}
.brand-carousel-container::after{right:0;background:linear-gradient(to left,rgba(0,0,0,1) 0%,transparent 100%)}