/* n10-site-code: [Imported] Logo Carousel Styles [Nine10 CSS] · last edited by unknown on 2026-11-08 22:24:21 UTC · Nine10 entries are maintained by Nine10; use the Client entries for site changes. */
.logo-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* adjust to your logo height range */
}

.logo-carousel-track {
  display: flex;
  align-items: center;
  gap: 60px;
  width: max-content;
  animation: logo-scroll 30s linear infinite;
}
.alt .logo-carousel-track{
	animation: logo-scroll-alt 25s linear infinite;
	transform: translateX(-50%);
}

.logo-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.logo-slide img {
  width: 150px;
  height: auto;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.2s;
}

.logo-slide img:hover {
  filter: grayscale(0%);
}

@keyframes logo-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes logo-scroll-alt {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}