/* ==== بارگذاری فونت‌های FontAwesome ==== */
@font-face {
  font-family: 'FontAwesome';
  src: url('/templates/h4/fonts/fa-regular-400.woff2') format('woff2'),
       url('/templates/h4/fonts/fa-regular-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/templates/h4/fonts/fa-solid-900.woff2') format('woff2'),
       url('/templates/h4/fonts/fa-solid-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/templates/h4/fonts/fa-brands-400.woff2') format('woff2'),
       url('/templates/h4/fonts/fa-brands-400.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ==== فونت‌ها و اولویت‌ها ==== */

/* 1. فونت منوی اصلی همیشه کلمه */
.sp-megamenu-parent > li > a {
  font-family: 'Kalameh', sans-serif !important;
}

/* 2. فونت تمام تیترها (h1-h8) و کلاس‌های خاص با فونت فاطمه */
h1, h2, h3, h4, h5, h6, h7, h8,
.section-title, .sp-page-title, .sp-slide-title, .sp-title, .title, .heading, .page-header,
.animated-heading-before-part,
.animated-heading-after-part,
.animated-heading-highlighted-text,
.animated-heading-text,
.sppb-addon-title {
  font-family: 'Fatemefaramarzian', sans-serif !important;
}

/* 3. فونت کل سایت به جز آیکون‌ها، با فونت شبنم و وزن سمی بولد */
body, p, span, div, a, li, input, textarea, button {
  font-family: 'Shabnam', sans-serif !important;
  font-weight: 600 !important;
  font-feature-settings: "tnum";
}

/* 4. حفظ فونت آیکون‌ها (FontAwesome) */
/* وزن و فونت مناسب برای هر کلاس */
.fa, .fa-paper-plane-o, .fa-quote-left {
  font-family: "FontAwesome" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  speak: none !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.fas {
  font-family: "FontAwesome" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  speak: none !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.far {
  font-family: "FontAwesome" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  speak: none !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.fab {
  font-family: "FontAwesome" !important;
  font-weight: normal !important;
  font-style: normal !important;
  speak: none !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.sp-icon {
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  speak: none !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* ======== ادامه کدهای قبلی بدون تغییر ======== */

.sp-page-title {
	position: relative;
	display: table;
	width: 100%;
	text-align: center;
    padding: 150px 0 130px 0;
    background-position: center top;
	background-size: cover;
}

.sp-page-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
}

.sp-page-title .container {
	vertical-align: middle;
}

.sp-page-title .sp-page-title-heading {
	font-family: 'Fatemefaramarzian', sans-serif !important;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.3;
	text-transform: none;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
	text-shadow: 2px 14px 10px rgba(0,0,0,0.9);
	margin: 0;
	padding: 0;
}

.sp-page-title .sp-page-title-sub-heading {
	font-family: 'Fatemefaramarzian', sans-serif !important;
	color: #fff;
	text-shadow: 2px 14px 10px rgba(0,0,0,0.9);
	margin: 0;
	padding: 0;
}

@media (min-width: 1023px) {
	.sp-page-title .sp-page-title-heading,
	.sp-page-title .sp-page-title-sub-heading {
		font-family: 'Fatemefaramarzian', sans-serif !important;
		font-size: 35px;
		font-weight: 700;
		letter-spacing: -0.03em;
		line-height: 1.3;
		text-transform: none;
		text-align: center;
	}
}

.sp-page-title .breadcrumb {
	margin: 15px auto 0 auto;
	position: relative;
	z-index: 5;
	display: block !important;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-family: Kalameh !important;
	font-weight: 500;
}
.sp-page-title .breadcrumb > li {
	display: inline-block;
}
.breadcrumb-item + .breadcrumb-item::before {
    font-size: 10px;
}

#sp-header {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	box-shadow: none;
	line-height: 38px;
	padding: 35px 0;
	background: transparent;
	font-family: Kalameh !important;
	font-weight: 500;
}

#sp-header.header-sticky {
	padding: 10px 0;
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0 1px 3px rgba(255,255,255,.1);
}

#sp-header #sp-logo, #sp-header #sp-menu {
	display: table;
	margin: auto;
}

#sp-header .logo {
	height: inherit;
	display: inline-block;
	margin: 0;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	line-height: 38px;
	margin: 0;
	text-decoration: none;
	position: relative;
	transition: all .3s ease;
	text-transform: uppercase;
}

.sp-megamenu-parent > li.active > a {
	font-weight: 600;
}

#offcanvas-toggler {
	display: block;
	height: inherit;
	line-height: 39px;
	font-size: 20px;
}

#sp-footer .container-inner {
    border-top: none;
}

.sp-contact-info li {
	font-size: 16px;
	color: #999999;
}

.sp-contact-info li .fa {
	width: 34px;
	height: 34px;
	background: #606267;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	line-height: 34px;
	margin-right: 5px;
}

#sp-bottom .sp-module ul {
	list-style: none;
	padding: 0;
}

#sp-bottom .sp-module ul > li {
	margin-bottom: 10px;
}

#sp-bottom .sp-module ul > li > a:before {
	content: ' ';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #606267;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
	margin-top: -2px;
}

#sp-bottom4 .sp-module ul > li > a:before {
	display: none;
}

#sp-bottom .sp-module ul > li > a:hover,
#sp-bottom .sp-module ul > li > a:active,
#sp-bottom .sp-module ul > li > a:focus {
	color: #fff;
}

#sp-footer .social-icons {
	font-size: 21px;
}

#sp-bottom .social-icons {
	font-size: 25px;
}

.sppb-testimonial-pro .sppb-addon-testimonial-pro-client-url {
	display: block;
	font-size: 16px;
}

.featherlight, .speasyimagegallery-modal-wrapper {
	z-index: 9999;
}

#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner {
	border-radius: 0 0 3px 3px;
	background: rgba(0,0,0,0.8);
}

#sp-bottom a {
	color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a {
	font-size: 20px;
	text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner {
	padding-top: 70px;
}

.sp-page-title-heading, .float-start {
	float: none !important;
}

.burger-icon > span {
	background-color: #fff;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: #fff;
}

.sp-sign-in {
	color: #fff;
}