.client-slider{--client-logo-count: 8;--client-slide-width-desktop: 200px;--client-slide-width-mobile: 150px;height:120px;margin:auto;overflow:hidden;position:relative;width:100%}.client-slider:before,.client-slider:after{background:linear-gradient(to right,#fff,#fff0);content:"";height:120px;position:absolute;width:150px;z-index:2;pointer-events:none}.client-slider:after{right:0;top:0;transform:rotate(180deg)}.client-slider:before{left:0;top:0}.client-slide-track{animation:scroll-desktop 30s linear infinite;display:flex;width:calc(var(--client-slide-width-desktop) * var(--client-logo-count) * 2)}.client-slide{height:120px;width:var(--client-slide-width-desktop);display:flex;align-items:center;justify-content:center;padding:0 30px}.client-slide img{max-width:100%;max-height:80px;opacity:.8;transition:all .3s ease;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.client-slide img:hover{opacity:1;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}@keyframes scroll-desktop{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--client-slide-width-desktop) * var(--client-logo-count)))}}@keyframes scroll-mobile{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--client-slide-width-mobile) * var(--client-logo-count)))}}@media(max-width:768px){.client-slider:before,.client-slider:after{width:50px}.client-slide{width:var(--client-slide-width-mobile);padding:0 15px}.client-slide-track{animation-name:scroll-mobile;width:calc(var(--client-slide-width-mobile) * var(--client-logo-count) * 2)}}