:root {
	--primary-p1: #059899;
	--primary-p5: #059899;
	--primary-p7: #035b5c;
	--secondary-s5: #1e767e;
	--tertiary-t3: #d4bb9d;
	--white-w85: #f8f9fa;
}
@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 100;
	src: url(../assets/fonts/Qs_Iranyekan\ thin.ttf);
}
@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 300;
	src: url(../assets/fonts/Qs_Iranyekan\ light.ttf);
}

@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 400;
	src: url(../assets/fonts/Qs_Iranyekan.ttf);
}
@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 500;
	src: url(../assets/fonts/Qs_Iranyekan\ medium.ttf);
}
@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 700;
	src: url(../assets/fonts/Qs_Iranyekan\ bold.ttf);
}
@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 800;
	src: url(../assets/fonts/Qs_Iranyekan\ extrabold.ttf);
}
@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 900;
	src: url(../assets/fonts/Qs_Iranyekan\ extrablack.ttf);
}
body {
	font-family: IranYekan;
	margin: 0;
	padding: 0;
	direction: rtl;
}

a {
	text-decoration: none;
}
.main {
	width: 100%;
	display: flex;
	padding: 80px;
	justify-content: center;
}
.main > section {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 32px;
	width: 100%;
	max-width: 1200px;
}
@media screen and (max-width: 850px) {
	.main {
		padding-inline: 40px;
	}
}
@media screen and (max-width: 450px) {
	.main {
		padding-inline: 20px;
	}
}