@keyframes slides{0%{transform:translate(0)}to{transform:translate(-100%)}}.logos{white-space:nowrap;background-color:var(--greyBg);padding:0;margin-block:10px;padding-block:50px;position:relative;overflow:hidden}.logo-wrapper{gap:24px;display:grid}.logos:before,.logos:after{content:"";z-index:2;width:250px;height:100%;position:absolute;top:0}.logos.light:before{background:linear-gradient(270deg,#fff0,#fff);left:0}.logos.light:after{background:linear-gradient(90deg,#fff0,#fff);right:0}.logos.dark:before{background:linear-gradient(270deg,#1e1e1e00,#1e1e1e);left:0}.logos.dark:after{background:linear-gradient(90deg,#1e1e1e00,#1e1e1e);right:0}.logoItems{animation:100s linear infinite slides;display:inline-block}.logos:hover .logoItems{animation-play-state:paused}.logoItems img{filter:grayscale();max-width:200px;max-height:30px;margin:0 45px}@media screen and (max-width:1025px){.logoItems{animation:45s linear infinite slides;display:inline-block}.logoItems img{margin:0 24px}}@media screen and (max-width:725px){.logos:before,.logos:after{width:10px}}@media screen and (max-width:475px){.logos:before,.logos:after{width:50px}}