.client-strip{background:#fff;border-bottom:1px solid var(--line);padding-block:25px 28px}
.client-strip-top{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:18px;min-height:28px}
.client-strip h2{font-size:14px;font-weight:500;letter-spacing:0;color:#777;text-align:center}
.client-motion-toggle{position:absolute;left:0;background:none;border:0;padding:5px 9px;color:#777;font-size:12px;line-height:1.5}
.client-motion-toggle:hover{color:#222}
.client-marquee{overflow:hidden;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.client-track{display:flex;width:max-content;animation:client-slide 38s linear infinite;will-change:transform}
.client-logos{list-style:none;display:flex;align-items:center;gap:24px;padding:0 24px 0 0;margin:0;flex:none}
.client-logos>li{flex:0 0 176px;width:176px}
.client-logo{display:flex;align-items:center;justify-content:center;height:76px;padding:4px 10px}
.client-logo img{display:block;width:100%;max-width:165px;height:64px;object-fit:contain;filter:grayscale(1);opacity:.73;transition:opacity .2s ease}
.client-logo:hover img{opacity:1}
.client-logo-allegro img{max-width:128px}
.client-logo-metab img{max-width:132px}
.client-logo-phoenix img{max-width:155px}
.client-logo-kababir img{width:64px;height:64px;border-radius:50%}
.client-strip.is-paused .client-track,.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}
@keyframes client-slide{to{transform:translateX(-50%)}}
@media(max-width:600px){.client-strip{padding-block:20px 23px}.client-logos{gap:18px;padding-right:18px}.client-logos>li{flex-basis:145px;width:145px}.client-logo{height:68px;padding-inline:7px}.client-logo img{height:54px}.client-logo-kababir img{width:54px;height:54px}.client-motion-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none;width:100%;transform:none;will-change:auto}.client-marquee{mask-image:none}.client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;padding:0;gap:16px}.client-logos>li{width:auto}.client-logos[aria-hidden="true"],.client-motion-toggle{display:none}.client-logo img{transition:none}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.client-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}