.gis-clients-track-wrapper {
overflow: hidden;
width: 100%;
position: relative;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}
.gis-clients-track {
display: flex;
align-items: center;
gap: 0px;
width: max-content;
animation: gis-marquee 45s linear infinite;
}
.gis-clients-track:hover {
animation-play-state: paused;
}
@keyframes gis-marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.gis-client-logo {
display: flex;
align-items: center;
justify-content: center;
padding: 0 48px;
text-decoration: none;
flex-shrink: 0;
height: 80px;
}
.gis-client-logo img {
max-height: 52px;
max-width: 160px;
width: auto;
height: auto;
filter: grayscale(100%) opacity(0.55);
transition: filter 0.35s ease, transform 0.35s ease;
display: block;
}
.gis-client-logo:hover img {
filter: grayscale(0%) opacity(1);
transform: scale(1.08);
}
.gis-client-text {
display: flex;
align-items: center;
justify-content: center;
padding: 0 48px;
flex-shrink: 0;
height: 80px;
text-decoration: none;
}
.gis-client-text span {
font-family: var(–awb-typography3-font-family, sans-serif);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.5px;
color: var(–awb-color6);
opacity: 0.55;
transition: color 0.35s ease, opacity 0.35s ease;
white-space: nowrap;
text-transform: uppercase;
}
.gis-client-text:hover span {
color: var(–awb-color4);
opacity: 1;
}