/* Massaa Toolkit — Moving strip. */
.ms.ms-strip {
	--ms-speed: 40s;
	background: #e30e7d;
	color: #fff;
	font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
	padding: 18px 0;
	overflow: hidden;
}
.ms.ms-strip *, .ms.ms-strip *::before, .ms.ms-strip *::after { box-sizing: border-box; }
.ms-strip .ms-s__viewport { display: flex; width: max-content; animation: ms-strip-scroll var(--ms-speed) linear infinite; }
.ms-strip:hover .ms-s__viewport { animation-play-state: paused; }
.ms.ms-strip .ms-s__row { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.ms.ms-strip .ms-s__item {
	display: flex;
	align-items: center;
	gap: 28px;
	margin: 0;
	padding: 0 28px 0 0;
	font-family: "Barlow Condensed", "IBM Plex Sans Arabic", sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.1;
	white-space: nowrap;
}
.ms.ms-strip .ms-s__item a { color: inherit; text-decoration: none; }
.ms.ms-strip .ms-s__item a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.ms.ms-strip .ms-s__item a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ms-strip .ms-s__star { width: 18px; height: 18px; fill: #fbd9ea; flex: none; }
@keyframes ms-strip-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 600px) {
	.ms.ms-strip { padding: 14px 0; }
	.ms.ms-strip .ms-s__item { font-size: 24px; gap: 20px; padding-right: 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.ms-strip .ms-s__viewport { animation: none; overflow-x: auto; width: auto; }
}