.scroll-container {
           margin: 0px;
           overflow: hidden;
           padding: 40px 0;
       }

       .scroll-content {
           display: flex;
           align-items: center;
           animation: scroll 35s linear infinite;
           white-space: nowrap;
       }

       .logo-item {
           display: flex;
           align-items: center;
           gap: 20px;
           margin-right: 40px;
           flex-shrink: 0;
       }

       .logo-text {
           color: white;
           font-family: 'Oswald', sans-serif;
           font-size: 1.5rem;
           font-weight: 500;
           line-height: 1.5;
           margin: 0;
           padding: 0;
           white-space: nowrap;
       }

       .logo-dot {
           width: 30px;
           height: 30px;
           background-color: #E93D2B;
           border-radius: 50%;
           flex-shrink: 0;
       }

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

           100% {
               transform: translateX(-50%);
           }
       }

       /* Pause animation on hover */
       /* .scroll-container:hover .scroll-content {
            animation-play-state: paused;
        } */

       /* Responsive font sizes */
       @media (max-width: 768px) {
           .logo-text {
               font-size: 1.2rem;
           }

           .logo-dot {
               width: 25px;
               height: 25px;
           }

           .logo-item {
               gap: 15px;
               margin-right: 30px;
           }
       }

       @media (max-width: 480px) {
           .logo-text {
               font-size: 1rem;
           }

           .logo-dot {
               width: 20px;
               height: 20px;
           }

           .logo-item {
               gap: 12px;
               margin-right: 25px;
           }
       }