:root {
  --marquee-speed: 15s;
  --marquee-visible: 4;
  --marquee-gap: 20px;
}

.marquee-wrapper-05856380 {
  overflow: hidden;
  width: 100%;
  display: flex;
}

.marquee-track-05856380 {
  display: flex;
  width: max-content;
  align-items: stretch;
}

.marquee-group-05856380 {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  gap: var(--marquee-gap);
  padding-right: var(--marquee-gap);
}

.marquee-item-05856380 {
  /* Using 100% of container width to accurately measure visible items relative to the section/column size */
  width: calc((100% - (var(--marquee-gap) * (var(--marquee-visible) - 1))) / var(--marquee-visible));
  max-width: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  align-self: stretch;
  transition: transform 0.3s ease;
}

.marquee-item-05856380 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.marquee-item-05856380 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.direction-left-05856380 {
  animation: marquee-scroll-left-05856380 var(--marquee-speed) linear infinite;
}

.direction-right-05856380 {
  animation: marquee-scroll-right-05856380 var(--marquee-speed) linear infinite;
}

.pause-on-hover-05856380:hover .marquee-track-05856380 {
  animation-play-state: paused;
}

@keyframes marquee-scroll-left-05856380 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% / 3));
  }
}

@keyframes marquee-scroll-right-05856380 {
  0% {
    transform: translateX(calc(-100% / 3));
  }
  100% {
    transform: translateX(0);
  }
}
