.client-marquee-section { background: #0B0B0F; padding: 100px 0; overflow: hidden; position: relative; z-index: 1; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.client-marquee-heading { text-align: center; padding-bottom: 42px; }.client-marquee-heading .eyebrow { margin-bottom: 12px; }.client-marquee-heading h2 { margin: 0; font: 800 clamp(32px,4vw,52px)/1.12 var(--head); letter-spacing: -2.4px; }.client-marquee-heading h2 em { color: var(--gold-light); font-style: normal; }
.client-marquee { width: 100%; }.client-marquee-track { width: max-content; display: flex; animation: client-marquee-scroll 35s linear infinite; }.client-marquee-set { display: flex; gap: 16px; padding-right: 16px; }
.client-logo-card { width: 260px; height: 165px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; overflow: hidden; padding: 16px; border: 1px solid rgba(240,198,110,.16); border-radius: 16px; background: linear-gradient(145deg, #151821, #0f1117); box-shadow: inset 0 1px rgba(255,255,255,.06); }.client-logo-card img { display: block; width: 136px; height: 96px; object-fit: contain; }.client-logo-card > strong { color: var(--gold-light); font: 800 31px var(--head); letter-spacing: -1.4px; }.client-logo-card span { color: var(--muted); font-size: 11px; line-height: 1.35; text-align: center; }.client-logo-light { background: #f5f5f1; border-color: rgba(255,255,255,.7); }.client-logo-light span { color: #40434b; }.client-logo-light img { width: 186px; }.client-tapasya { flex-direction: row; gap: 12px; text-align: left; }.client-tapasya img { width: 76px; height: 76px; }.client-tapasya div { min-width: 0; }.client-tapasya strong { display: block; color: #171b27; font: 800 17px var(--head); letter-spacing: -.4px; margin-bottom: 4px; }.client-tapasya span { display: block; text-align: left; }
.client-marquee:hover .client-marquee-track { animation-play-state: paused; }@keyframes client-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 600px) { .client-marquee-section { padding: 74px 0; }.client-marquee-heading { padding: 0 20px 30px; }.client-logo-card { width: 220px; height: 148px; }.client-marquee-track { animation-duration: 28s; } }
@media (prefers-reduced-motion: reduce) { .client-marquee-track { animation: none; transform: translateX(0); } .client-marquee-set[aria-hidden="true"] { display: none; } }