: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: 120px;
	margin-top: 84px;
	width: 100%;
	max-width: 1200px;
}
@media screen and (max-width: 1350px) {
	.main {
		padding-inline: 36px;
	}
}
@media screen and (max-width: 1200px) {
	.main {
		padding-inline: 20px;
	}
}

@media screen and (max-width: 800px) {
	.main > section {
		gap: 40px;
		margin-top: 0px;
	}
}
@media screen and (max-width: 450px) {
	.main {
		padding: 24px;
		padding-inline: 18px;
	}
}
/* brand slides */
.brandsSliderContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	width: 100%;
	max-width: 1200px;
}
.brandsSliderContainer h4 {
	font-size: 24px;
	font-weight: 800;
	text-align: center;
}
.brandSwiper {
	width: 100%;
	max-width: 420px;
	/* max-height: 240px; */
}
@media screen and (max-width: 500px) {
	.brandSwiper {
		width: 100%;
		max-width: 320px;
		/* max-height: 240px; */
	}
}
@media screen and (max-width: 400px) {
	.brandSwiper {
		width: 100%;
		max-width: 280px;
		/* max-height: 240px; */
	}
}
.brandSwiper .swiper-wrapper {
	padding-block: 32px;
}
.brandSwiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.brandSwiper .swiper-slide img {
	width: 70%;
	object-fit: contain;
}
.brandSwiper .swiper-button-next,
.brandSwiper .swiper-button-prev {
	position: absolute;
	transition: all 0.2s ease;
	color: black;
	font-size: 12px;
}
.brandSwiper .swiper-button-next::after,
.brandSwiper .swiper-button-prev::after {
	font-size: 32px;
}

.brandSwiper .swiper-button-next:hover,
.brandSwiper .swiper-button-prev:hover {
	color: var(--primary-p1);
}

/* brand slides */