:root {
	--hn-font-family: "Vazir";
	--hn-direction: rtl;
}

@font-face {
	font-family: "Vazir";
	src: url("../fonts/vazir/Vazir-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Vazir";
	src: url("../fonts/vazir/Vazir-Medium.woff2") format("woff2");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Vazir";
	src: url("../fonts/vazir/Vazir-Bold.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

html[dir="rtl"] body {
	direction: var(--hn-direction);
	font-family: var(--hn-font-family) !important;
}

html[dir="rtl"] body :where(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, label, li, span, strong, em, small, blockquote, dt, dd, th, td, .elementor, .elementor-widget, .elementor-button, .elementor-field) {
	font-family: var(--hn-font-family) !important;
}