.marquee-container {
            display: flex; 
            align-items: center;
            width: 100%;
            /*max-width: 600px;*/
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 20px;
            padding: 8px 15px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }
        .fixed-label {
            font-size: 14px;
            font-weight: bold;
            color: #ff6f00; 
            padding-right: 10px;
            border-right: 1px solid #e0e0e0;
            white-space: nowrap; 
        }

        .scroll-container {
            flex-grow: 1; 
            overflow: hidden; 
            margin-left: 10px;
        }
        .scroll-content {
            display: flex;             width: 200%; 
            animation: scroll 20s linear infinite;
        }

        .marquee-container:hover .scroll-content {
            animation-play-state: paused;
        }

        .scroll-content ul {
            display: flex;             list-style: none;
            padding: 0;
            margin: 0;
            width: 50%;         }

        .scroll-content li {
            padding: 0 15px;             white-space: nowrap; 
        }

        .scroll-content a {
            text-decoration: none;
            color: #333;
            font-size: 14px;
            transition: color 0.3s;
        }

        .scroll-content a:hover {
            color: #007bff;
        }

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