.marquee-wrapper {
      background: #fff8f0;
      overflow: hidden;
      position: relative;
      height: 40px;
    }

    .marquee-track {
      display: flex;
      width: max-content;
      position: absolute;
      white-space: nowrap;
      animation: scroll 15s linear infinite;
    }

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

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

    .marquee-item {
      display: flex;
      align-items: center;
      margin-right: 50px;
      color: #e67300;
      font-weight: bold;
    }

    .marquee-item img {
      height: 40px;
      margin-right: 5px;
    }

    .marquee-item a {
      background-color: #ffcc80;
      color: #e67300;
      padding: 5px 10px;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
    }