/* قواعد مشترکِ کروم این‌جا نیستند — یک‌بار در chrome.css تعریف
   شده‌اند که روی هر صفحه‌ای بار می‌شود. پورت‌گر بلوک <style> طرح را
   در هر پنج شیوه‌نامه کپی می‌کرد. */

/* sy-port-stamp: 96a4afecea */

/* بلوک <style> خودِ طرح — قواعدی که درون‌خطی نبودند. */

html, body { margin: 0; padding: 0; scroll-behavior: smooth; overflow-x: hidden; }

.lift { transition: transform .16s ease, box-shadow .16s ease; }

.crumbs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.crumbs > * { flex: none; }

@media (max-width: 1024px) {
    .mainnav { display: none; position: absolute; top: 100%; inset-inline-start: 0; inset-inline-end: 0; flex-direction: column; align-items: stretch; background: var(--sy-white); border-bottom: 1px solid var(--sy-border); padding: 10px clamp(16px,4vw,40px) 18px; gap: 2px; box-shadow: 0 20px 34px -20px rgba(9,90,98,.4); }
    #navtoggle:checked ~ .mainnav { display: flex; }
    .mainnav > a { padding: 15px 6px; font-size: 18px; border-bottom: 1px solid var(--sy-hairline-soft); }
    .megawrap { display: block; }
    .megapanel { position: static; box-shadow: none; border: none; border-radius: 0; padding: 4px 0 12px; }
    .megawrap:hover .megapanel, .megawrap:focus-within .megapanel { display: none; }
    .megatoggle:checked ~ .megapanel { display: block; }
    .megawrap:hover .megachev { transform: none; }
    .megatoggle:checked ~ .megatrigger .megachev { transform: rotate(180deg); }
    .megatrigger { padding: 15px 6px; font-size: 18px; border-bottom: 1px solid var(--sy-hairline-soft); justify-content: space-between; width: 100%; }
    .megagrid { grid-template-columns: 1fr; gap: 8px; min-height: 0; }
    .mmaster { padding-inline-end: 0; border-inline-end: none; gap: 10px; }
    .mdetail, .mmaster:hover > .mrow:first-child .mdetail { position: static; display: block; inset: auto; padding: 0 0 6px; }
    .mcat, .mmaster:hover > .mrow:first-child .mcat { background: transparent; color: var(--sy-primary); font-weight: 800; padding: 6px 0; font-size: 15px; }
    .mcat svg, .mmaster:hover > .mrow:first-child .mcat svg { display: none; }
    .mdetailhead { display: none; }
    .mcta { grid-column: auto; }
    .mdetaillist { grid-template-columns: 1fr; }
    .megalink { padding: 11px 8px; font-size: 16px; }
    .hamburger { display: flex; }
    .headphone-label { display: none; }
    .phonehead { padding: 8px; }
  }

/* کلاس‌های پورت‌شدهٔ خدمات.dc.html */

/* از فایل طرح پورت شده؛ مقادیر دست‌نخورده‌اند.
   هر رشتهٔ استایلِ یکسان یک کلاس مشترک گرفته است. */

.svc-p001 {
	min-height: 100vh;
}

.svc-p002 {
	background: var(--sy-primary-dark);
	color: var(--sy-white);
}

.svc-p003 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 9px clamp(16px,4vw,40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 14px;
}

.svc-p004 {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.svc-p005 {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-weight: 500;
	color: rgba(255,255,255,.9);
}

.svc-p006 {
	color: rgba(255,255,255,.55);
}

.svc-p007 {
	color: rgba(255,255,255,.9);
}

.svc-p008 {
	display: flex;
	align-items: center;
	gap: 13px;
	flex-wrap: wrap;
}

.svc-p009 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255,255,255,.92);
	font-weight: 600;
}

.svc-p010 {
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,.28);
}

.svc-p011 {
	color: rgba(255,255,255,.85);
	display: inline-flex;
}

.svc-p012 {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255,255,255,.94);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--sy-border);
}

.svc-p013 {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 12px clamp(16px,4vw,40px);
	display: flex;
	align-items: center;
	gap: 16px;
}

.svc-p014 {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: none;
}

.svc-p015 {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: linear-gradient(135deg,var(--sy-primary),var(--sy-primary-dark));
	display: flex;
	align-items: center;
	justify-content: center;
}

.svc-p016 {
	font-size: 18px;
	font-weight: 800;
	color: var(--sy-ink);
	line-height: 1.2;
}

.svc-p017 {
	font-size: 12.5px;
	font-weight: 500;
	color: var(--sy-muted);
}

.svc-p018 {
	font-size: 16px;
	font-weight: 600;
	color: var(--sy-body);
}

.svc-p019 {
	font-size: 16px;
	font-weight: 700;
	color: var(--sy-primary);
}

.svc-p020 {
	background: linear-gradient(135deg,var(--sy-surface-tint),var(--sy-surface-3));
	border: 1.5px solid var(--sy-tint);
}

.svc-p021 {
	margin: 0;
	font-size: 16.5px;
	font-weight: 800;
	color: var(--sy-ink);
}

.svc-p022 {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--sy-body);
}

.svc-p023 {
	margin-top: auto;
	font-size: 15px;
	font-weight: 700;
	color: var(--sy-white);
	background: var(--sy-cta);
	border-radius: 12px;
	padding: 12px 16px;
	text-align: center;
}

.svc-p024 {
	font-size: 14px;
	font-weight: 700;
	color: var(--sy-primary);
	text-align: center;
	direction: ltr;
}

.svc-p025 {
	background: linear-gradient(135deg,var(--sy-cta-tint),var(--sy-cta-surface));
	border: 1.5px solid var(--sy-cta-border);
}

.svc-p026 {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--sy-cta-ink);
}

.svc-p027 {
	font-size: 14px;
	font-weight: 700;
	color: var(--sy-cta-dark);
	text-align: center;
	direction: ltr;
}

.svc-p028 {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: none;
	margin-inline-start: auto;
}

.svc-p029 {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 7px 14px;
	border-radius: 13px;
	border: 1.5px solid var(--sy-tint);
}

.svc-p030 {
	width: 40px;
	height: 40px;
	border-radius: 11px;
	background: var(--sy-surface-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.svc-p031 {
	line-height: 1.3;
}

.svc-p032 {
	display: block;
	font-size: 12.5px;
	color: var(--sy-muted);
	font-weight: 600;
}

.svc-p033 {
	display: block;
	font-size: 19px;
	font-weight: 800;
	color: var(--sy-ink);
	direction: ltr;
}

.svc-p034 {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	border: 1.5px solid var(--sy-tint);
	background: var(--sy-white);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex: none;
}

.svc-p035 {
	background: var(--sy-surface);
	border-bottom: 1px solid var(--sy-hairline);
}

.svc-p036 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 11px clamp(16px,4vw,40px);
	font-size: 13.5px;
	color: var(--sy-muted);
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.svc-p037 {
	color: var(--sy-muted);
}

.svc-p038 {
	color: var(--sy-ink);
	font-weight: 700;
}

.svc-p039 {
	background: linear-gradient(180deg,var(--sy-surface),var(--sy-hairline));
}

.svc-p040 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(36px,5vw,64px) clamp(16px,4vw,40px);
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
	gap: clamp(28px,5vw,56px);
	align-items: center;
}

.svc-p042 {
	margin: 18px 0 16px;
	font-size: clamp(30px,4.6vw,46px);
	line-height: 1.3;
	font-weight: 800;
	color: var(--sy-ink);
}

.svc-p043 {
	margin: 0 0 28px;
	font-size: clamp(17px,2vw,20px);
	line-height: 1.9;
	color: var(--sy-body);
	max-width: 52ch;
}

.svc-p044 {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 24px;
}

.svc-p045 {
	font-size: 18px;
	font-weight: 700;
	color: var(--sy-white);
	background: var(--sy-cta);
	border-radius: 14px;
	padding: 16px 26px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 12px 26px -10px rgba(232,92,58,.7);
}

.svc-p046 {
	font-size: 18px;
	font-weight: 700;
	color: var(--sy-primary);
	background: var(--sy-white);
	border: 2px solid var(--sy-primary);
	border-radius: 14px;
	padding: 14px 24px;
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.svc-p047 {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.svc-p048 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16.5px;
	color: var(--sy-body);
	font-weight: 600;
}

.svc-p049 {
	position: relative;
	border-radius: 26px;
	overflow: hidden;
	box-shadow: 0 30px 60px -30px rgba(9,90,98,.6);
	aspect-ratio: 5/4;
}

.svc-p050 {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg,var(--sy-primary),var(--sy-primary-dark));
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.svc-p051 {
	position: absolute;
	top: -25%;
	inset-inline-start: -15%;
	width: 70%;
	height: 130%;
	background: radial-gradient(circle, rgba(255,255,255,.14), transparent 60%);
}

.svc-p052 {
	position: absolute;
	bottom: 20px;
	inset-inline-end: 22px;
	font-size: 15px;
	font-weight: 700;
	color: rgba(255,255,255,.92);
}

.svc-p053 {
	background: var(--sy-white);
	border-bottom: 1px solid var(--sy-surface-2);
}

.svc-p054 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(22px,3.5vw,36px) clamp(16px,4vw,40px);
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
	gap: 16px;
}

.svc-p055 {
	display: flex;
	align-items: center;
	gap: 12px;
}

.svc-p056 {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	background: var(--sy-surface-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.svc-p057 {
	font-size: 16px;
	font-weight: 700;
	color: var(--sy-ink);
	line-height: 1.4;
}

.svc-p058 {
	background: var(--sy-surface);
}

.svc-p059 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(44px,6vw,76px) clamp(16px,4vw,40px);
}

.svc-p060 {
	text-align: center;
	max-width: 62ch;
	margin: 0 auto 40px;
}

.svc-p061 {
	font-size: 14px;
	font-weight: 700;
	color: var(--sy-accent);
	letter-spacing: .01em;
}

.svc-p062 {
	margin: 10px 0 12px;
	font-size: clamp(26px,3.5vw,37px);
	font-weight: 800;
	color: var(--sy-ink);
	line-height: 1.3;
}

.svc-p063 {
	margin: 0;
	font-size: clamp(17px,1.9vw,19px);
	line-height: 1.9;
	color: var(--sy-body);
}

.svc-p064 {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
	gap: 18px;
}

.svc-p065 {
	background: var(--sy-white);
	border: 1px solid var(--sy-border);
	border-radius: 16px;
	padding: 22px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.svc-p066 {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	background: var(--sy-surface-2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.svc-p067 {
	margin: 0;
	font-size: 17.5px;
	font-weight: 700;
	color: var(--sy-ink);
}

.svc-p068 {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--sy-muted);
}

.svc-p069 {
	background: var(--sy-cta-tint);
	border: 1.5px solid var(--sy-cta-border);
	border-radius: 16px;
	padding: 22px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.svc-p070 {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	background: var(--sy-white);
	display: flex;
	align-items: center;
	justify-content: center;
}

.svc-p071 {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--sy-cta-ink);
}

.svc-p072 {
	background: var(--sy-white);
}

.svc-p073 {
	text-align: center;
	margin-bottom: 36px;
}

.svc-p074 {
	margin: 10px 0 0;
	font-size: clamp(26px,3.5vw,37px);
	font-weight: 800;
	color: var(--sy-ink);
	line-height: 1.3;
}

.svc-p075 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
	gap: 14px 40px;
	max-width: 960px;
	margin: 0 auto;
}

.svc-p076 {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	font-size: 17px;
	line-height: 1.7;
	color: var(--sy-body);
	padding: 6px 0;
}

.svc-p077 {
	max-width: 960px;
	margin: 32px auto 0;
	background: linear-gradient(135deg,var(--sy-surface-tint),var(--sy-surface-3));
	border: 1.5px solid var(--sy-tint);
	border-radius: 18px;
	padding: 26px 28px;
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.svc-p078 {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	background: var(--sy-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.svc-p079 {
	margin: 0;
	font-size: 17.5px;
	line-height: 1.9;
	color: var(--sy-body);
}

.svc-p080 {
	color: var(--sy-primary);
}

.svc-p081 {
	text-align: center;
	margin-bottom: 40px;
}

.svc-p082 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
	gap: 20px;
}

.svc-p083 {
	border: 1px solid var(--sy-border);
	border-radius: 20px;
	padding: 28px 24px;
	background: var(--sy-white);
}

.svc-p084 {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.svc-p085 {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--sy-primary);
	color: var(--sy-white);
	font-size: 20px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
}

.svc-p086 {
	margin: 0 0 8px;
	font-size: 19px;
	font-weight: 800;
	color: var(--sy-ink);
}

.svc-p087 {
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	color: var(--sy-body);
}

.svc-p088 {
	text-align: center;
	max-width: 64ch;
	margin: 0 auto 40px;
}

.svc-p089 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
	gap: 20px;
}

.svc-p090 {
	border: 1px solid var(--sy-tint);
	border-radius: 20px;
	padding: 30px;
	background: var(--sy-surface);
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.svc-p091 {
	width: 56px;
	height: 56px;
	border-radius: 15px;
	background: var(--sy-surface-tint);
	display: flex;
	align-items: center;
	justify-content: center;
}

.svc-p092 {
	margin: 0;
	font-size: 19px;
	font-weight: 800;
	color: var(--sy-ink);
}

.svc-p093 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(20px,4vw,44px) clamp(16px,4vw,40px);
}

.svc-p094 {
	background: linear-gradient(135deg,var(--sy-primary),var(--sy-primary-dark));
	border-radius: 24px;
	padding: clamp(30px,4vw,48px);
	display: flex;
	align-items: center;
	gap: clamp(24px,4vw,44px);
	flex-wrap: wrap;
}

.svc-p095 {
	flex: 1;
	min-width: 280px;
}

.svc-p096 {
	margin: 0 0 12px;
	font-size: clamp(23px,3vw,30px);
	font-weight: 800;
	color: var(--sy-white);
}

.svc-p097 {
	margin: 0;
	font-size: clamp(16px,1.9vw,18px);
	line-height: 1.9;
	color: rgba(255,255,255,.9);
	max-width: 66ch;
}

.svc-p098 {
	color: var(--sy-white);
}

.svc-p099 {
	display: flex;
	flex-direction: column;
	gap: 11px;
	min-width: 230px;
}

.svc-p100 {
	font-size: 17px;
	font-weight: 700;
	color: var(--sy-white);
	background: var(--sy-cta);
	border-radius: 13px;
	padding: 15px 24px;
	text-align: center;
}

.svc-p101 {
	font-size: 17px;
	font-weight: 700;
	color: var(--sy-white);
	background: rgba(255,255,255,.14);
	border: 1.5px solid rgba(255,255,255,.4);
	border-radius: 13px;
	padding: 13px 24px;
	text-align: center;
}

.svc-p102 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
	gap: 22px;
}

.svc-p103 {
	border: 1px solid var(--sy-border);
	border-radius: 20px;
	overflow: hidden;
	background: var(--sy-white);
}

.svc-p104 {
	aspect-ratio: 1/1;
	background: linear-gradient(135deg,var(--sy-surface-tint),var(--sy-tint));
	display: flex;
	align-items: center;
	justify-content: center;
}

.svc-p105 {
	padding: 22px;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.svc-p106 {
	font-size: 15px;
	color: var(--sy-muted);
}

.svc-p108 {
	margin-top: 6px;
	font-size: 15px;
	font-weight: 700;
	color: var(--sy-primary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.svc-p109 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(44px,6vw,72px) clamp(16px,4vw,40px);
}

.svc-p110 {
	margin: 10px 0 12px;
	font-size: clamp(25px,3.2vw,34px);
	font-weight: 800;
	color: var(--sy-ink);
	line-height: 1.3;
}

.svc-p111 {
	font-size: 16px;
	font-weight: 700;
	color: var(--sy-primary);
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.svc-p112 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
	gap: 22px;
}

.svc-p113 {
	border: 1px solid var(--sy-border);
	border-radius: 20px;
	padding: 26px;
	background: var(--sy-white);
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.svc-p114 {
	display: flex;
	gap: 3px;
}

.svc-p115 {
	margin: 0;
	font-size: 16.5px;
	line-height: 1.85;
	color: var(--sy-body);
}

.svc-p116 {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: auto;
}

.svc-p117 {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--sy-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	color: var(--sy-primary);
}

.svc-p118 {
	font-size: 15px;
	font-weight: 700;
	color: var(--sy-ink);
}

.svc-p119 {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--sy-cta-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	color: var(--sy-cta-dark);
}

.svc-p120 {
	max-width: 840px;
	margin: 0 auto;
	padding: clamp(44px,6vw,72px) clamp(16px,4vw,40px);
}

.svc-p121 {
	margin: 10px 0 0;
	font-size: clamp(25px,3.2vw,34px);
	font-weight: 800;
	color: var(--sy-ink);
	line-height: 1.3;
}

.svc-p122 {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.svc-p123 {
	background: var(--sy-surface);
	border: 1px solid var(--sy-border);
	border-radius: 16px;
	padding: 4px 22px;
}

.svc-p124 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 18px 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--sy-ink);
}

.svc-p125 {
	margin: 0;
	padding: 0 0 18px;
	font-size: 16.5px;
	line-height: 1.9;
	color: var(--sy-body);
}

.svc-p126 {
	background: var(--sy-surface);
	border-top: 1px solid var(--sy-hairline);
}

.svc-p127 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(28px,4vw,44px) clamp(16px,4vw,40px);
}

.svc-p128 {
	margin: 0 0 16px;
	font-size: 20px;
	font-weight: 800;
	color: var(--sy-ink);
}

.svc-p129 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.svc-p130 {
	font-size: 15px;
	font-weight: 600;
	color: var(--sy-primary);
	background: var(--sy-white);
	border: 1.5px solid var(--sy-tint);
	border-radius: 999px;
	padding: 11px 20px;
}

.svc-p131 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(40px,5vw,64px) clamp(16px,4vw,40px);
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	gap: clamp(24px,4vw,44px);
	align-items: center;
}

.svc-p132 {
	margin: 0 0 14px;
	font-size: clamp(26px,3.5vw,37px);
	font-weight: 800;
	color: var(--sy-ink);
	line-height: 1.3;
}

.svc-p133 {
	margin: 0 0 24px;
	font-size: clamp(17px,1.9vw,19px);
	line-height: 1.9;
	color: var(--sy-body);
}

.svc-p134 {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 26px;
}

.svc-p135 {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.svc-p136 {
	display: flex;
	gap: 12px;
}

.svc-p137 {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--sy-surface-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.svc-p138 {
	font-size: 16px;
	font-weight: 800;
	color: var(--sy-ink);
}

.svc-p139 {
	font-size: 15.5px;
	color: var(--sy-body);
	line-height: 1.7;
}

.svc-p140 {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.svc-p141 {
	font-size: 15px;
	font-weight: 700;
	color: var(--sy-primary);
	background: var(--sy-white);
	border: 2px solid var(--sy-primary);
	border-radius: 12px;
	padding: 11px 20px;
}

.svc-p142 {
	position: relative;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 20px 44px -26px rgba(9,90,98,.5);
	aspect-ratio: 4/3;
	border: 1px solid var(--sy-border-strong);
}

.svc-p143 {
	background: var(--sy-footer);
	color: rgba(255,255,255,.82);
}

.svc-p144 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(44px,6vw,72px) clamp(16px,4vw,40px) 32px;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
	gap: 36px;
}

.svc-p145 {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.svc-p146 {
	width: 44px;
	height: 44px;
	border-radius: 13px;
	background: linear-gradient(135deg,var(--sy-primary),var(--sy-primary-dark));
	display: flex;
	align-items: center;
	justify-content: center;
}

.svc-p147 {
	font-size: 18px;
	font-weight: 800;
	color: var(--sy-white);
}

.svc-p148 {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.95;
}

.svc-p149 {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 700;
	color: var(--sy-white);
}

.svc-p150 {
	display: flex;
	flex-direction: column;
	gap: 11px;
	font-size: 15.5px;
}

.svc-p151 {
	color: rgba(255,255,255,.82);
}

.svc-p152 {
	display: flex;
	flex-direction: column;
	gap: 13px;
	font-size: 15.5px;
	line-height: 1.7;
}

.svc-p153 {
	display: flex;
	gap: 9px;
}

.svc-p154 {
	display: flex;
	gap: 9px;
	color: var(--sy-white);
	font-weight: 700;
	direction: ltr;
	justify-content: flex-end;
}

.svc-p155 {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.svc-p156 {
	width: 78px;
	height: 88px;
	border-radius: 12px;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.14);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
	padding: 8px;
}

.svc-p157 {
	font-size: 11px;
	color: rgba(255,255,255,.75);
	line-height: 1.4;
}

.svc-p158 {
	border-top: 1px solid rgba(255,255,255,.1);
}

.svc-p159 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px clamp(16px,4vw,40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 14px;
	color: rgba(255,255,255,.55);
}

.svc-p160 {
	display: flex;
	gap: 18px;
}

.svc-p161 {
	position: fixed;
	bottom: 0;
	inset-inline-start: 0;
	inset-inline-end: 0;
	z-index: 90;
	background: var(--sy-white);
	border-top: 1px solid var(--sy-border);
	box-shadow: 0 -8px 24px -12px rgba(9,90,98,.35);
	padding: 10px 12px;
	gap: 10px;
	align-items: center;
}

.svc-p162 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 14px;
	border-radius: 13px;
	background: var(--sy-cta);
	color: var(--sy-white);
	font-size: 16px;
	font-weight: 800;
}

.svc-p163 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 14px;
	border-radius: 13px;
	background: var(--sy-success-tint);
	color: var(--sy-success);
	font-size: 16px;
	font-weight: 800;
}

/* sy-port-stamp: 96a4afecea */

/* قاعدهٔ ۱ — کف ۱۴ پیکسل (بند ۱۰ و ۱۹ سند).
 *
 * فایل‌های طرح این کف را می‌شکنند. هر کلاسی که زیر کف بود این‌جا
 * بالا می‌آید، و چون لایهٔ جداست هزینه‌اش در سنجهٔ ب دیده می‌شود.
 */

.svc-p017 { font-size: 14px; }

.svc-p032 { font-size: 14px; }

.svc-p036 { font-size: 14px; }

.svc-p157 { font-size: 14px; }

.mdetailhead { font-size: 14px; }