.bt-client-logos .marquee {
  padding: 8px 0 12px;
}

.bt-client-logos .marquee-track {
  display: flex;
  width: max-content;
  max-width: none !important;--bt-max-width:100000px!important;
  gap: 0;
  animation: bt-client-logos-scroll 48s linear infinite;
}

.bt-client-logos .client-logos-group {
  display: flex;
  flex: 0 0 auto;
  gap: 14px;
  padding-right: 14px;
}

.bt-client-logos .logo-chip {
  box-sizing: border-box;
  flex: 0 0 200px;
  width: 200px;
  min-width: 0;
  height: 90px;--bt-css-height:90px;
  padding: 14px 20px;
  background: #fff;
  filter: grayscale(1);
  opacity: .72;
}

.bt-client-logos .logo-chip.lg {
  padding: 6px 12px;
}

.bt-client-logos .logo-chip span:where(.bt-background-image) {
  display: block;
  width: var(--bt-auto-width, auto);
  height: auto;--bt-css-height:var(--bt-natural-height);
  max-width: 100%;--bt-max-width:100000px;
  max-height: 100%;--bt-max-height:100000px;
  object-fit: contain;
}

.bt-client-logos .logo-chip:hover {
  filter: none;
  opacity: 1;
}

.bt-client-logos .marquee:hover .marquee-track,
.bt-client-logos .marquee:focus-within .marquee-track {
  animation-play-state: paused;
}

.bt-client-logos .marquee:focus-visible {
  outline: 2px solid var(--navy, #204593);
  outline-offset: -3px;
}

@keyframes bt-client-logos-scroll {
  to { transform: translateX(-50%); }
}

@media (hover: none) {
  .bt-client-logos .logo-chip { filter: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .bt-client-logos .marquee { overflow-x: auto !important; }
  .bt-client-logos .marquee-track { animation: none; transform: none; }
  .bt-client-logos .client-logos-group[aria-hidden="true"] { display: none; }
}