.scrolling-text {
	overflow: hidden;
	white-space: nowrap;
}

.marquee {
	animation: marquee 20s linear infinite;
}

.marquee ul {
	display: flex;
	animation: marquee 20s linear infinite;
}

@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-111.5%); }
}

@media (max-width: 1399px) {
	@keyframes marquee {
		from { transform: translateX(0); }
		to { transform: translateX(-133%); }
	}
}

@media (max-width: 1199.98px) {
	@keyframes marquee {
		from { transform: translateX(0); }
		to { transform: translateX(-122%); }
	}
}

@media (max-width: 991.98px) {
	@keyframes marquee {
		from { transform: translateX(0); }
		to { transform: translateX(-92.5%); }
	}
}

@media (max-width: 767.98px) {
	@keyframes marquee {
		from { transform: translateX(0); }
		to { transform: translateX(-125%); }
	}
}

@media (max-width: 575.98px) {
	.marquee {
	  animation: marquee-mobile 10s linear infinite;
	}
	
	.marquee ul {
	  animation: marquee-mobile 10s linear infinite;
	}
  
	@keyframes marquee-mobile {
	  0% {
		transform: translateX(0);
		opacity: 0;
	  }
	  5% {
		opacity: 1;
	  }
	  95% {
		opacity: 1;
	  }
	  100% {
		transform: translateX(-60vw);
		opacity: 0;
	  }
	}
  }