.clients-ticker {
width: 100%;
background: #101113;
padding: 14px 0;
overflow: hidden;
position: relative;
} .clients-ticker::before,
.clients-ticker::after {
content: "";
position: absolute;
top: 0;
width: 120px;
height: 100%;
z-index: 2;
pointer-events: none;
}
.clients-ticker::before {
left: 0;
background: linear-gradient(to right, #101113, transparent);
}
.clients-ticker::after {
right: 0;
background: linear-gradient(to left, #101113, transparent);
} .clients-ticker__track {
display: flex;
gap: 0;
width: max-content;
animation: flexy-ticker-scroll 30s linear infinite;
will-change: transform;
}
.clients-ticker__track:hover {
animation-play-state: paused;
} .clients-ticker__item {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 0 28px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #868E96;
white-space: nowrap;
transition: color 0.2s ease;
cursor: default;
-webkit-font-smoothing: antialiased;
}
.clients-ticker__item:hover {
color: #ffffff;
} .clients-ticker__item::after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: #7A4FF7;
flex-shrink: 0;
} @keyframes flexy-ticker-scroll {
0%   { transform: translateX(0); }
100% { transform: translateX(-50%); }
} @media (prefers-reduced-motion: reduce) {
.clients-ticker__track {
animation: none;
}
} @media (max-width: 767px) {
.clients-ticker {
padding: 10px 0;
}
.clients-ticker__item {
font-size: 11px;
padding: 0 18px;
}
.clients-ticker::before,
.clients-ticker::after {
width: 60px;
}
}