.marquee-container {
  overflow: hidden;
  background-color: var(--color-3); /* orange */
  white-space: nowrap;
}

.marquee-content {
  display: flex;
  animation: scroll-left 20s linear infinite;
  padding: 29px 0;
}

.marquee-item {
  display: flex;
  align-items: center;
  font-size: 30px;
  font-weight: 600;
  color: white;
  margin-right: 50px;
}
.marquee-item img {
  height: 80px;
  width: auto;
  display: block;
}
.marquee-item .hr-arrow {
  width: 100%;
  margin: 0 35px;
  height: auto;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}