/* Container styles */
.scrolling-text-container {
	background-color: #424242;
	overflow: hidden;
	position: relative;
	width: 1100%;
	height: 80px;
	color: #ffffff;
	line-height: 80px;
}

/* Inner container styles */
.scrolling-text-inner {
	display: flex;
	white-space: nowrap;
	font-size: 40px;
	font-weight: 600;
	position: absolute;
	animation: scroll-left 50s linear infinite; /* Modifica la durata qui per velocizzare l'animazione */
}

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

.scrolling-text-item {
	padding: 0 30px;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner {
	animation-play-state: paused;
}

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

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


@media (max-width:1023px){
	.scrolling-text-inner { font-size: 30px; }
}
@media (max-width:991px){
	.scrolling-text-inner { font-size: 27px; }
}
@media (max-width:767px){
	.scrolling-text-inner { font-size: 24px; }
}
@media (max-width:575px){
	.scrolling-text-inner { font-size: 21px; }
}