@keyframes marquee {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    @keyframes marquee-reverse {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }
    .animate-marquee {
      display: flex;
      width: max-content;
      animation: marquee 15s linear infinite;
    }
    .animate-marquee-reverse {
      display: flex;
      width: max-content;
      animation: marquee-reverse 15s linear infinite;
    }
    .animate-marquee:hover, .animate-marquee-reverse:hover {
      animation-play-state: paused;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }