.brands-section{overflow:hidden;display:flex;justify-content:center}.brands-slider{position:relative;width:100%;margin:0 auto;overflow:hidden}.brands-slider::after,.brands-slider::before{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}.brands-slider::before{left:0;background:linear-gradient(to right,var(--bg-clr,#f8f9fa) 0,rgba(248,249,250,0) 100%)}.brands-slider::after{right:0;background:linear-gradient(to left,var(--bg-clr,#f8f9fa) 0,rgba(248,249,250,0) 100%)}.brands-slide-track{display:flex;width:max-content;padding:10px 0;gap:3rem;cursor:grab;will-change:transform}.brands-slide-track:active{cursor:grabbing}.brands-slide{width:150px;display:flex;align-items:center;justify-content:center;padding:15px;flex-shrink:0;box-shadow:0 0 10px rgba(0,0,0,.3);background-color:#f8f8f8;border-radius:1rem;overflow:hidden;--p:0}body.bg-black .brands-slide{box-shadow:0 0 10px rgba(255,255,255,.5)}.brands-slide:hover{--p:1!important}.brands-slide img{max-width:100%;height:60px;object-fit:contain;filter:grayscale(calc(100% - (var(--p) * 100%)));opacity:calc(.6 + (var(--p) * .4));transform:scale(calc(.8 + (var(--p) * .28)));pointer-events:none;transition:filter .1s ease-out,opacity .1s ease-out,transform .1s ease-out}@media (min-width:768px){.brands-slide{width:180px}.brands-slide-track{gap:1rem}}@media (min-width:992px){.brands-slide{width:228px}}@media (min-width:1200px){.brands-slide{width:264px}}