.about-page .clients-carousel-viewport {
  --clients-logo-width: 180px;
  --clients-logo-gap: 36px;
  --clients-loop-duration: 70s;
  overflow: hidden;
  margin-top: 28px;
}
.about-page .clients-carousel-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--clients-logo-gap);
}
.about-page .clients-carousel-track.is-looping {
  display: flex;
  width: max-content;
  animation: relier-clients-loop var(--clients-loop-duration) linear infinite;
  will-change: transform;
}
.about-page .clients-carousel-track.is-looping .clients-carousel-group {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-right: var(--clients-logo-gap);
}
.about-page .client-logo-card {
  display: grid;
  place-items: center;
  flex: 0 0 var(--clients-logo-width);
  width: var(--clients-logo-width);
  min-width: 0;
  height: 112px;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.about-page .client-logo-card img {
  display: block;
  width: 100%;
  height: 90px;
  object-fit: contain;
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
}
@keyframes relier-clients-loop {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (max-width: 540px) {
  .about-page .clients-carousel-viewport {
    --clients-logo-width: 144px;
    --clients-logo-gap: 24px;
    --clients-loop-duration: 55s;
  }
  .about-page .client-logo-card {
    height: 100px;
    padding: 8px;
  }
  .about-page .client-logo-card img {
    height: 82px;
  }
}