.marquee-container {
		    width: 100%;
		    overflow: hidden;
		    white-space: nowrap;
            background-color: rgb(var(--color-background));
		    position: relative;
		}


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


                        		.marquee-item {
                        		    display: inline-flex;
                        		    padding: 0 40px;
                        		    font-size: 14px;
                                    color: rgb(var(--color-text));
                        		    font-weight: 500;
                        		    justify-content: center;
                        		    align-items: center;
                        		    position: relative;
                        		}


        		.marquee-item::after {
        		    content: '';
        		    position: absolute;
        		    right: 0;
        		    top: 50%;
        		    transform: translateY(-50%);
        		    display: block;
        		    background: #000;
        		    border-radius: 50%;
        		    width: 3.6px;
        		    height: 3.6px;
        		}

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

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