.newsscroll {
	height: auto;
	overflow: hidden;
	position: relative;
	max-width: 100%;
}

.marquee {
	font-size: 230%;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	animation: movement-smooth linear infinite;
	animation-duration: 10s;
}

.rtl .marquee {
	animation-name: rtlmovement-smooth;
}

@keyframes movement-smooth {
	from {
		transform: translateX(100vw);
	}
	to {
		transform: translateX(-100%);
	}
}

@keyframes rtlmovement-smooth {
	from {
		transform: translateX(-100vw);
	}
	to {
		transform: translateX(100%);
	}
}

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