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

.marquee-icon-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--mil-gap, 30px);
  animation: marquee var(--mil-speed, 20s) linear infinite;
}

.marquee-wrapper[dir="rtl"] .marquee-icon-list {
  animation-name: marquee-rtl;
}

.marquee-icon-list .mil-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

/* add trailing space after last item */
.marquee-icon-list .mil-item:last-child {
  margin-right: 40px; /* for LTR */
}
.marquee-wrapper[dir="rtl"] .marquee-icon-list .mil-item:last-child {
  margin-right: 0;
  margin-left: 40px; /* for RTL */
}

.marquee-wrapper:hover .marquee-icon-list {
  animation-play-state: paused;
}

/* LTR scroll */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* RTL scroll */
@keyframes marquee-rtl {
  0%   { transform: translateX(0); }
  100% { transform: translateX(100%); }
}