.clients{width:100%;padding:40px 0;overflow:hidden}.clients .clients-title{text-align:center;margin-bottom:20px;font-size:1.1rem;color:#666}.clients .carousel-viewport{position:relative;width:100%;overflow:hidden}.clients .carousel-viewport:after,.clients .carousel-viewport:before{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}.clients .carousel-viewport:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.clients .carousel-viewport:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.clients .ticker-track{display:flex;width:-moz-max-content;width:max-content;padding:10px 0;animation:scroll var(--speed) linear infinite;will-change:transform}.clients .ticker-track:hover{animation-play-state:paused}.clients .logo-card{flex:0 0 200px;height:100px;margin-right:20px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clients .logo-image{max-width:70%;max-height:50px;-o-object-fit:contain;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.clients .logo-card:hover .logo-image{filter:grayscale(0);opacity:1}.clients .inverted .logo-image{filter:invert(1) brightness(2)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:1024px){.clients .logo-card{flex:0 0 170px;height:90px;margin-right:18px}.clients .logo-image{max-height:45px}}@media(max-width:768px){.clients .logo-card{flex:0 0 150px;height:80px;margin-right:15px}.clients .logo-image{max-height:40px}}@media(max-width:480px){.clients .carousel-viewport:after,.clients .carousel-viewport:before{width:32px}}