@font-face {
	font-family: vazir;
	font-style: normal;
	font-weight: bold;
	src: url('./fonts/vazir/Vazir-Bold-FD-WOL.eot');
	src: url('./fonts/vazir/Vazir-Bold-FD-WOL.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/vazir/Vazir-Bold-FD-WOL.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/vazir/Vazir-Bold-FD-WOL.ttf') format('truetype');
}

@font-face {
	font-family: vazir;
	font-style: normal;
	font-weight: 100;
	src: url('./fonts/vazir/Vazir-Thin-FD-WOL.eot');
	src: url('./fonts/vazir/Vazir-Thin-FD-WOL.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/vazir/Vazir-Thin-FD-WOL.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/vazir/Vazir-Thin-FD-WOL.ttf') format('truetype');
}

@font-face {
	font-family: vazir;
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/vazir/Vazir-Light-FD-WOL.eot');
	src: url('./fonts/vazir/Vazir-Light-FD-WOL.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/vazir/Vazir-Light-FD-WOL.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/vazir/Vazir-Light-FD-WOL.ttf') format('truetype');
}

@font-face {
	font-family: vazir;
	font-style: normal;
	font-weight: normal;
	src: url('./fonts/vazir/Vazir-FD-WOL.eot');
	src: url('./fonts/vazir/Vazir-FD-WOL.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/vazir/Vazir-FD-WOL.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/vazir/Vazir-FD-WOL.ttf') format('truetype');
}

@font-face {
	font-family: vazir;
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/vazir/Vazir-Medium-FD-WOL.eot');
	src: url('./fonts/vazir/Vazir-Medium-FD-WOL.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/vazir/Vazir-Medium-FD-WOL.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/vazir/Vazir-Medium-FD-WOL.ttf') format('truetype');
}

/*-----------------------------------------------------------------*/

html {
	font-size: 14px !important;
}

body {
	font-family: vazir !important;
	color: var(--font-color);
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	background-color: #ffffff;
	-moz-font-feature-settings: 'ss02';
	-webkit-font-feature-settings: 'ss02';
	font-feature-settings: 'ss02';
}

	body * {
		transition: all 0.2s;
	}

*[data-bs-toggle='tooltip'] {
	transition: none !important;
}

form {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

.right-to-left {
	direction: rtl;
	text-align: right;
}

[type='email'],
[type='number'],
[type='tel'],
[type='url'] {
	direction: rtl;
}

/* =================================== */
/*  Helpers Classes
/* =================================== */
/*-------- System Colors (text, background & border) --------*/
.first-color {
	color: var(--first-color) !important;
}

.second-color {
	color: var(--second-color) !important;
}

.font-color {
	color: var(--font-color) !important;
}

.hover-first-color:hover {
	color: var(--first-color) !important;
}

.bg-first-color {
	background-color: var(--first-color) !important;
}

.bg-second-color {
	background-color: var(--second-color) !important;
}

.bg-font-color {
	background-color: var(--font-color) !important;
}

.bg-hover:hover {
	filter: saturate(0.9) grayscale(0.1) contrast(1.1) brightness(0.9);
}

.border-first-color {
	border-color: var(--first-color) !important;
}

.border-second-color {
	border-color: var(--second-color) !important;
}

.border-font-color {
	border-color: var(--font-color) !important;
}

.border-first-color {
	border-color: var(--first-color) !important;
}

.border-second-color {
	border-color: var(--second-color) !important;
}

.border-font-color {
	border-color: var(--font-color) !important;
}

.title-color {
	color: hsl(var(--first-color-hs) calc(var(--first-color-l) - 6%)) !important;
}

.active-color-bg:active,
.active-color-bg:focus {
	background-color: var(--first-color) !important;
}

.active-color-border:active,
.active-color-border:focus {
	border-color: var(--first-color) !important;
}

/*-------- Background Template --------*/
.bg-light {
	background-color: #fff !important;
}

.bg-light-1 {
	background-color: #f9f9fb !important;
}

.bg-light-2 {
	background-color: #f8f8fa !important;
}

.bg-light-3 {
	background-color: #f5f5f5 !important;
}

.bg-light-4 {
	background-color: #eff0f2 !important;
}

.bg-light-5 {
	background-color: #ececec !important;
}

.bg-gray {
	background-color: #efefef !important;
}

.bg-dark {
	background-color: #111418 !important;
}

.bg-dark-1 {
	background-color: #191f24 !important;
}

.bg-dark-2 {
	background-color: #232a31 !important;
}

.bg-dark-3 {
	background-color: #2b343c !important;
}

.bg-dark-4 {
	background-color: #38434f !important;
}

.bg-dark-5 {
	background-color: #435161 !important;
}

/*-------- Text Align --------*/
.text-justify {
	text-align: justify;
}

/*-------- Text Size --------*/
.fs-7 {
	font-size: 0.75rem !important;
}

.fs-8 {
	font-size: 0.65rem !important;
}

.fs-9 {
	font-size: 0.5rem !important;
}

.fs-10 {
	font-size: 1.1rem !important;
}

.fs-15 {
	font-size: 1.15rem !important;
}

/*-------- Font Weight --------*/
.fw-800 {
	font-weight: 800 !important;
}

.fw-850 {
	font-weight: 850 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

/*-------- Letter Spacing --------*/
.ls-0 {
	letter-spacing: 0 !important;
}

.ls-1 {
	letter-spacing: 1px !important;
}

.ls-2 {
	letter-spacing: 2px !important;
}

.ls-3 {
	letter-spacing: 3px !important;
}

/*-------- Line Height --------*/
.lh-0 {
	line-height: 15px !important;
}

.lh-1 {
	line-height: 20px !important;
}

.lh-2 {
	line-height: 25px !important;
}

.lh-3 {
	line-height: 30px !important;
}

/*-------- Word Spacing --------*/
.ws-1 {
	word-spacing: 1px !important;
}

.ws-2 {
	word-spacing: 2px !important;
}

.ws-3 {
	word-spacing: 3px !important;
}

/*-------- Element Size --------*/
.max-content-h {
	height: max-content !important;
}

.max-content-w {
	width: max-content !important;
}

.h-15 {
	height: 15% !important;
}

.h-20 {
	height: 20% !important;
}

.h-35 {
	height: 35% !important;
}

.h-65 {
	height: 65% !important;
}

.h-80 {
	height: 80% !important;
}

.h-85 {
	height: 85% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-35 {
	width: 35% !important;
}

.w-65 {
	width: 65% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

/*-------- Box Shadow --------*/
.shadow-1 {
	box-shadow: 0 0 4px silver;
}

.shadow-2 {
	box-shadow: 0 0 6px silver;
}

.shadow-3 {
	box-shadow: 0 0 8px silver;
}

.shadow-4 {
	box-shadow: 0 0 10px silver;
}

.shadow-5 {
	box-shadow: 0 0 12px silver;
}

.shadow-gray-1 {
	box-shadow: 0 0 4px silver;
}

.shadow-gray-2 {
	box-shadow: 0 0 6px gray;
}

.shadow-gray-3 {
	box-shadow: 0 0 8px gray;
}

.shadow-gray-4 {
	box-shadow: 0 0 10px gray;
}

.shadow-gray-5 {
	box-shadow: 0 0 12px gray;
}

.shadow-hover:hover {
	box-shadow: 0 0 12px gray;
}

.shadow-hover-first-color:hover {
	box-shadow: 0 0 10px var(--first-color);
}

/*-------- Padding & Margin --------*/
.pt-6,
.py-6 {
	padding-top: 4rem !important;
}

.pt-7,
.py-7 {
	padding-top: 5rem !important;
}

.pt-075,
.py-075 {
	padding-top: 0.75rem !important;
}

.ps-6,
.px-6 {
	padding-right: 4rem !important;
}

.ps-7,
.px-7 {
	padding-right: 5rem !important;
}

.ps-075,
.px-075 {
	padding-right: 0.75rem !important;
}

.pb-6,
.py-6 {
	padding-bottom: 4rem !important;
}

.pb-7,
.py-7 {
	padding-bottom: 5rem !important;
}

.pb-075,
.py-075 {
	padding-bottom: 0.75rem !important;
}

.pe-6,
.px-6 {
	padding-left: 4rem !important;
}

.pe-7,
.px-7 {
	padding-left: 5rem !important;
}

.pe-075,
.px-075 {
	padding-left: 0.75rem !important;
}

.p-6 {
	padding: 4rem !important;
}

.p-7 {
	padding: 5rem !important;
}

.p-075 {
	padding: 0.75rem !important;
}

.mt-6,
.my-6 {
	margin-top: 4rem !important;
}

.mt-7,
.my-7 {
	margin-top: 5rem !important;
}

.mt-075,
.my-075 {
	margin-top: 0.75rem !important;
}

.ms-6,
.mx-6 {
	margin-right: 4rem !important;
}

.ms-7,
.mx-7 {
	margin-right: 5rem !important;
}

.ms-075,
.mx-075 {
	margin-right: 0.75rem !important;
}

.mb-6,
.my-6 {
	margin-bottom: 4rem !important;
}

.mb-7,
.my-7 {
	margin-bottom: 5rem !important;
}

.mb-075,
.my-075 {
	margin-bottom: 0.75rem !important;
}

.me-6,
.mx-6 {
	margin-left: 4rem !important;
}

.me-7,
.mx-7 {
	margin-left: 5rem !important;
}

.me-075,
.mx-075 {
	margin-left: 0.75rem !important;
}

.m-6 {
	margin: 4rem !important;
}

.m-7 {
	margin: 5rem !important;
}

.m-075 {
	margin: 0.75rem !important;
}

/*-------- Input Outline --------*/
.outline-none {
	outline: none !important;
}

#back-to-top {
	display: none;
	position: fixed;
	z-index: 1030;
	bottom: 8px;
	right: 10px;
	background-color: hsl(var(--first-color-hs) calc(var(--first-color-l) + 5%) / 60%);
	text-align: center;
	color: #fff;
	font-size: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

	#back-to-top:hover {
		background-color: var(--first-color);
		-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

.navbar .dropdown-toggle::after {
	display: none;
}