:root {
	--mv-color-ico: #2f3e57;
	--mv-color-primary: #003da6;
	--mv-color-primary-dark: #00286f;
	--mv-color-primary-light: #2f7df0;
	--mv-color-text: #111827;
	--mv-color-muted: #64748b;
	--mv-color-white: #fff;
	--mv-color-section-border: rgb(0 61 166 / 0.09);
	--mv-color-section-clean: #fff;
	--mv-color-section-tint: #f3f7ff;
	--mv-color-section-blue: #eef5ff;
	--mv-color-section-soft: #f6f9ff;
	--mv-color-section-softer: #fbfdff;
	--mv-font-family: "IBM Plex Sans Arabic", "Segoe UI", tahoma, arial, sans-serif;
	--mv-shadow-1: 0 2px 6px rgb(15 23 42 / 0.12), 0 1px 2px rgb(15 23 42 / 0.08);
	--mv-shadow-3: 0 10px 24px rgb(15 23 42 / 0.16), 0 4px 10px rgb(15 23 42 / 0.1);
	--mv-shadow-5: 0 28px 70px rgb(15 23 42 / 0.28), 0 12px 28px rgb(15 23 42 / 0.16);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--mv-color-white);
	color: var(--mv-color-text);
	font-family: var(--mv-font-family);
	font-weight: 400;
}

/* الأيقونات مش قابلة للنقر: النقرة بتعدّي منها للينك أو الزرار اللي فوقها،
   علشان تتبّع النقرات (جوجل تاج مانجر) يشوف عنصر a مش عنصر svg جوّاه. */
a svg,
button svg,
a svg *,
button svg * {
	pointer-events: none;
}

.mv-screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.mv-projects,
.mv-payment-plan,
.mv-project-features,
.mv-available-units,
.mv-other-projects {
	position: relative;
}

.mv-projects::before,
.mv-payment-plan::before,
.mv-project-features::before,
.mv-available-units::before,
.mv-other-projects::before {
	position: absolute;
	inset-block-start: 0;
	inset-inline: max(16px, calc((100% - 1120px) / 2));
	height: 1px;
	background: linear-gradient(90deg, rgb(0 61 166 / 0), rgb(0 61 166 / 0.14) 18%, rgb(0 61 166 / 0.3) 50%, rgb(0 61 166 / 0.14) 82%, rgb(0 61 166 / 0));
	content: "";
	pointer-events: none;
}