.dblm-logos-marquee {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.dblm-logos-row {
  overflow: hidden;
  position: relative;
}
.dblm-logos-track {
  display: flex;
  width: max-content;
  animation: scroll-left 30s linear infinite;
  gap: 64px;
}
.dblm-logos-row-right .dblm-logos-track {
  animation-name: scroll-right;
}
.dblm-logos-row-left .dblm-logos-track {
  animation-name: scroll-left;
}
.logo-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 56px;
  padding: 0;
}
.logo-item img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.logo-item img:hover {
  filter: grayscale(0%);
}
@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes scroll-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}