.marquee-container {
    width: 100%;
    background-color: #337299;
    /* padding: 15px 0; */
  }
 
  .marquee-content {
    display: flex;
    animation: marquee 20s linear infinite;
  }
 
  .marquee-item {
    flex: 0 0 auto;
    padding: 0 20px;
    /* font-size: 1.2rem; */
    /* color: #495057; */
  }
 
  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
 
    100% {
      transform: translateX(-100%);
    }
  }
 
  /* Optional: Pause animation on hover */
  .marquee-container:hover .marquee-content {
    animation-play-state: paused;
  }