/* Container styles */
.scrolling-text-container {
    background-color: #FFFFCC;
    border-radius: 8px;
	border-color: blue;
	border-style: solid; 
    overflow: hidden;
	inline-size: 900px
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
	color: blue;
    font-size: 15px;
    font-weight: 555;
    padding: 4px 0;*
	box-sizing: border-box;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 2px 10;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

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

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

    100% {
        transform: translateX(0%);
    }
	
}

}