.wlcm-wrap{margin:40px 0}
.wlcm-title{
font-size:11px;
letter-spacing:.25em;
text-transform:uppercase;
font-weight:600;
color:#7b8794;
margin:0 0 25px;
}

.wlcm-grid{
display:flex;
flex-wrap:wrap;
gap:80px;
align-items:center;
padding:40px;
background:#fff;
}

.wlcm-marquee{
position:relative;
overflow:hidden;
background:#fff;
padding:70px 40px;
}

.wlcm-marquee:before,
.wlcm-marquee:after{
content:'';
position:absolute;
top:0;
height:100%;
width:120px;
z-index:2;
pointer-events:none;
}

.wlcm-marquee:before{
left:0;
background:transparent;
}

.wlcm-marquee:after{
right:0;
background:transparent;
}

.wlcm-track{
display:flex;
align-items:center;
gap:120px;
width:max-content;
animation:wlcm-scroll var(--speed) linear infinite;
}

.wlcm-marquee:hover .wlcm-track{
animation-play-state:paused;
}

.wlcm-logo img{
max-height:55px;
width:auto;
opacity:.55;
filter:grayscale(100%);
transition:.3s ease;
}

.wlcm-logo img:hover{
opacity:1;
filter:none;
}

@keyframes wlcm-scroll{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}

@media(max-width:768px){
.wlcm-track{gap:50px}
.wlcm-logo img{max-height:34px}
.wlcm-marquee{padding:45px 20px}
}