.client-logos { padding: 28px 0 12px; }
.client-logos-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.client-logos-viewport { overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; border-block: 1px solid #e8edf1; background: #fff; }
.client-logos-viewport::-webkit-scrollbar { display: none; }
.client-logos-viewport:focus-visible { outline: 2px solid #165b88; outline-offset: 4px; }
.client-logos-track { display: flex; width: max-content; animation: client-logos-scroll 30s linear infinite; }
.client-logos-group { display: flex; flex: 0 0 auto; align-items: center; gap: 32px; margin: 0; padding: 28px 16px; list-style: none; }
.client-logos-group li { display: flex; align-items: center; justify-content: center; flex: 0 0 200px; width: 200px; height: 160px; overflow: hidden; }
.client-logos-group img { display: block; width: 180px; height: 140px; object-fit: contain; }
.client-logos-group .client-logo-arulos { transform: scale(1.9); }
.client-logos-viewport:hover .client-logos-track,
.client-logos-viewport:focus-within .client-logos-track { animation-play-state: paused; }
@keyframes client-logos-scroll { to { transform: translateX(-50%); } }
@media (max-width: 575px) {
  .client-logos-heading { flex-wrap: wrap; gap: 12px; }
  .client-logos-group { gap: 20px; padding: 20px 10px; }
  .client-logos-group li { flex-basis: 170px; width: 170px; }
  .client-logos-group img { width: 160px; height: 130px; }
}
@media (prefers-reduced-motion: reduce) {
  .client-logos-track { animation: none; }
  .client-logos-group[aria-hidden="true"] { display: none; }
}