الگو:کادر اطلاعاتی - تاریخچهٔ نسخه‌ها

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۰:۱۵

2026-07-20T10:15:39Z

@@ خط ۱: / خط ۱: @@
 <html>
+<div class="nikan-box">
-<!-- باکس خدمات چاپ و تبلیغات نعمتی - نسخه نهایی -->
+    <!-- متن خود را اینجا وارد کنید -->
-<div class="service-box">
+     <p>هنگامی که شما از چاپ متین بازدید می‌کنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...</p>
 </div>
 </html>

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۴۸

2026-07-20T09:48:20Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۴۸
خط ۱:		خط ۱:
	<html>		<html>

	<!-- باکس خدمات چاپ و تبلیغات نعمتی -->		<!-- باکس خدمات چاپ و تبلیغات نعمتی - نسخه نهایی -->
	<div class="service-box">		<div class="service-box">
	<h2 class="service-title">خدمات چاپ و تبلیغات نعمتی</h2>		<h2 class="service-title">خدمات چاپ و تبلیغات نعمتی</h2>
خط ۳۱:		خط ۳۱:
	content: "";		content: "";
	position: absolute;		position: absolute;
	bottom: -~~5px~~;		/* Distance: تغییر به -15px برای افزایش فاصله سایه */
			bottom: -15px;
	width: 45%;		width: 45%;
	height: 25px;		height: 25px;
	z-index: -1;		z-index: -1;
	filter: blur(~~14px~~);		/* Blur: تغییر به 20px برای نرم‌تر شدن و گسترش سایه */
			filter: blur(20px);
	pointer-events: none;		pointer-events: none;
	clip-path: inset(0px -50px -50px -50px);		clip-path: inset(0px -50px -50px -50px);
	}		}

	~~/* سایه با Opacity 75 درصد */~~
	.service-box::before {		.service-box::before {
	right: 15px;		right: 15px;

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۴۵

2026-07-20T09:45:16Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۴۵
خط ۱:		خط ۱:
	<html>		<html>

	<!-- باکس خدمات ~~- سایه هدایت شده به سمت بالا~~ -->		<!-- باکس خدمات چاپ و تبلیغات نعمتی -->
	<div class="service-box">		<div class="service-box">
	<h2 class="service-title">چاپ ~~بنر در چاپ متین~~</h2>		<h2 class="service-title">خدمات چاپ و تبلیغات نعمتی</h2>
	<div class="service-content">		<div class="service-content">
	<p>		<p>
	هنگامی که شما از <strong>چاپ ~~متین~~</strong> بازدید می‌کنید، لازم نیست نگران از کیفیت بنر و یا		هنگامی که شما از <strong>خدمات چاپ و تبلیغات نعمتی</strong> بازدید می‌کنید، لازم نیست نگران کیفیت بنر و یا <strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً فایل خود را طراحی کرده‌اید، به سادگی فایل‌های آماده خود را بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایل‌های شما را بررسی می‌کنیم تا اطمینان حاصل شود که فایل‌ها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد.
	<strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً ~~بنر~~ خود را طراحی کرده‌اید، به سادگی فایل‌های آماده خود را
	بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایل‌های شما را بررسی می‌کنیم تا اطمینان حاصل شود
	که فایل‌ها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد.
	</p>		</p>
	</div>		</div>
خط ۳۴:		خط ۳۱:
	content: "";		content: "";
	position: absolute;		position: absolute;
	~~/* تغییر در اینجا: سایه ۵ پیکسل بالاتر رفت */~~
	bottom: -5px;		bottom: -5px;
	width: 45%;		width: 45%;
خط ۴۱:		خط ۳۷:
	filter: blur(14px);		filter: blur(14px);
	pointer-events: none;		pointer-events: none;
	~~/* لبه بالایی سایه را کات می‌کند تا نفوذ به داخل کادر صفر شود */~~
	clip-path: inset(0px -50px -50px -50px);		clip-path: inset(0px -50px -50px -50px);
	}		}

			/* سایه با Opacity 75 درصد */
	.service-box::before {		.service-box::before {
	right: 15px;		right: 15px;
	background: linear-gradient(		background: linear-gradient(
	to left,		to left,
	rgba(0, 0, 0, 0.40) 0%,		rgba(0, 0, 0, 0.75) 0%,
	rgba(0, 0, 0, 0.20) 40%,		rgba(0, 0, 0, 0.35) 40%,
	rgba(0, 0, 0, 0) 100%		rgba(0, 0, 0, 0) 100%
	);		);
خط ۵۹:		خط ۵۵:
	background: linear-gradient(		background: linear-gradient(
	to right,		to right,
	rgba(0, 0, 0, 0.40) 0%,		rgba(0, 0, 0, 0.75) 0%,
	rgba(0, 0, 0, 0.20) 40%,		rgba(0, 0, 0, 0.35) 40%,
	rgba(0, 0, 0, 0) 100%		rgba(0, 0, 0, 0) 100%
	);		);

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۴۲

2026-07-20T09:42:21Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۴۲
خط ۱:		خط ۱:
	<html>		<html>

	<!-- باکس خدمات ~~با اصلاح قطعی نفوذ~~ سایه به ~~داخل کادر~~ -->		<!-- باکس خدمات - سایه هدایت شده به سمت بالا -->
	<div class="service-box">		<div class="service-box">
	<h2 class="service-title">چاپ بنر در چاپ متین</h2>		<h2 class="service-title">چاپ بنر در چاپ متین</h2>
خط ۱۸:		خط ۱۸:
	position: relative;		position: relative;
	direction: rtl;		direction: rtl;
	background: #ffffff; ~~/* رنگ کاملاً سفید بدون نفوذ سایه */~~		background: #ffffff;
	max-width: 950px;		max-width: 950px;
	margin: 50px auto;		margin: 50px auto;
	padding: ~~28px 38px~~;		padding: 30px 40px;
	border-top: ~~3px~~ solid #8b1e1e;		border-top: 4px solid #8b1e1e;
	border-left: 1px solid #e5e7eb;		border-left: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;		border-right: 1px solid #e5e7eb;
	border-bottom: ~~1px solid #e5e7eb~~;		border-bottom: none;
	border-radius: 0;		border-radius: 12px;

	~~/* ایجاد لایه‌بندی برای اطمینان از قرارگیری روی سایه‌ها */~~
	z-index: 2;		z-index: 2;
	~~box-shadow: none;~~
	}		}

	~~/* استایل مشترک برای هر دو سایه */~~
	.service-box::before,		.service-box::before,
	.service-box::after {		.service-box::after {
	content: "";		content: "";
	position: absolute;		position: absolute;
	/* سایه ~~کمی پایین‌تر از لبه شروع می‌شود تا به داخل کادر نفوذ نکند~~ */		/* تغییر در اینجا: سایه ۵ پیکسل بالاتر رفت */
	bottom: -~~12px~~;		bottom: -5px;
	width: 48%;		width: 45%;
	height: 25px;		height: 25px;
	z-index: -1; ~~/* فرستادن به پشت باکس اصلی */~~		z-index: -1;
	filter: blur(14px);		filter: blur(14px);
	pointer-events: none;		pointer-events: none;
	/* ~~جلوگیری از پخش شدن~~ سایه به ~~سمت بالا~~ */		/* لبه بالایی سایه را کات می‌کند تا نفوذ به داخل کادر صفر شود */
	clip-path: inset(0px -50px -50px -50px);		clip-path: inset(0px -50px -50px -50px);
	}		}

	~~/* سایه 1: سمت راست (پررنگ در راست، محو در مرکز) */~~
	.service-box::before {		.service-box::before {
	right: ~~5px~~;		right: 15px;
	background: linear-gradient(		background: linear-gradient(
	to left,		to left,
	rgba(0, 0, 0, 0.45) 0%,		rgba(0, 0, 0, 0.40) 0%,
	rgba(0, 0, 0, 0.25) 40%,		rgba(0, 0, 0, 0.20) 40%,
	rgba(0, 0, 0, 0) 100%		rgba(0, 0, 0, 0) 100%
	);		);
	}		}

	~~/* سایه 2: سمت چپ (پررنگ در چپ، محو در مرکز) */~~
	.service-box::after {		.service-box::after {
	left: ~~5px~~;		left: 15px;
	background: linear-gradient(		background: linear-gradient(
	to right,		to right,
	rgba(0, 0, 0, 0.45) 0%,		rgba(0, 0, 0, 0.40) 0%,
	rgba(0, 0, 0, 0.25) 40%,		rgba(0, 0, 0, 0.20) 40%,
	rgba(0, 0, 0, 0) 100%		rgba(0, 0, 0, 0) 100%
	);		);
خط ۹۶:		خط ۹۰:
	margin: 20px 15px;		margin: 20px 15px;
	padding: 20px;		padding: 20px;
			border-radius: 10px;
	}		}
	}		}

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۳۷

2026-07-20T09:37:33Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۳۷
خط ۱:		خط ۱:
	<html>		<html>

	<!-- باکس خدمات ~~چاپ متین -~~ با ~~سایه‌های هدایت شده~~ به ~~زیر~~ کادر -->		<!-- باکس خدمات با اصلاح قطعی نفوذ سایه به داخل کادر -->
	<div class="service-box">		<div class="service-box">
	<h2 class="service-title">چاپ بنر در چاپ متین</h2>		<h2 class="service-title">چاپ بنر در چاپ متین</h2>
خط ۱۸:		خط ۱۸:
	position: relative;		position: relative;
	direction: rtl;		direction: rtl;
	background: #ffffff;		background: #ffffff; /* رنگ کاملاً سفید بدون نفوذ سایه */
	max-width: 950px;		max-width: 950px;
	margin: ~~40px~~ auto;		margin: 50px auto;
	padding: 28px 38px;		padding: 28px 38px;
	border-top: 3px solid #8b1e1e;		border-top: 3px solid #8b1e1e;
خط ۲۷:		خط ۲۷:
	border-bottom: 1px solid #e5e7eb;		border-bottom: 1px solid #e5e7eb;
	border-radius: 0;		border-radius: 0;

			/* ایجاد لایه‌بندی برای اطمینان از قرارگیری روی سایه‌ها */
			z-index: 2;
	box-shadow: none;		box-shadow: none;
	~~z-index: 1; /* افزایش لایه باکس اصلی برای پوشش کامل لبه سایه‌ها */~~
	}		}

	/* سایه ~~1: سمت راست (هدایت شده به زیر کادر)~~ */		/* استایل مشترک برای هر دو سایه */
	.service-box::before {		.service-box::before,
			.service-box::after {
	content: "";		content: "";
	position: absolute;		position: absolute;
	~~right~~: 0;		/* سایه کمی پایین‌تر از لبه شروع می‌شود تا به داخل کادر نفوذ نکند */
	~~bottom~~: -~~15px~~; /* ~~نزدیک‌تر کردن~~ به ~~لبه پایینی برای پنهان~~ شدن ~~لبه~~ بالا */		bottom: -12px;
	~~width~~: ~~52%~~;		width: 48%;
	~~height~~: ~~20px~~;		height: 25px;
			z-index: -1; /* فرستادن به پشت باکس اصلی */
			filter: blur(14px);
			pointer-events: none;
			/* جلوگیری از پخش شدن سایه به سمت بالا */
			clip-path: inset(0px -50px -50px -50px);
			}

			/* سایه 1: سمت راست (پررنگ در راست، محو در مرکز) */
			.service-box::before {
			right: 5px;
	background: linear-gradient(		background: linear-gradient(
	to left,		to left,
	rgba(0, 0, 0, 0.38) 0%,		rgba(0, 0, 0, 0.45) 0%,
	rgba(0, 0, 0, 0.~~30) 18%,~~		rgba(0, 0, 0, 0.25) 40%,
	~~rgba(0, 0, 0, 0.18~~) 40%,		rgba(0, 0, 0, 0) 100%
	rgba(0, 0, 0, ~~0.08) 62%,~~
	~~rgba(0, 0, 0, 0.~~00) 100%
	);		);
	~~filter: blur(12px); /* بلور متناسب جهت عدم نفوذ سایه به بالای لبه پایینی */~~
	~~z-index: -1;~~
	~~pointer-events: none;~~
	}		}

	/* سایه 2: سمت چپ (~~هدایت شده به زیر کادر~~) */		/* سایه 2: سمت چپ (پررنگ در چپ، محو در مرکز) */
	.service-box::after {		.service-box::after {
	~~content: "";~~		left: 5px;
	~~position: absolute;~~
	left: 0;
	~~bottom: -15px; /* نزدیک‌تر کردن به لبه پایینی برای پنهان شدن لبه بالا */~~
	~~width: 52%;~~
	~~height: 20px~~;
	background: linear-gradient(		background: linear-gradient(
	to right,		to right,
	rgba(0, 0, 0, 0.38) 0%,		rgba(0, 0, 0, 0.45) 0%,
	rgba(0, 0, 0, 0.~~30) 18%,~~		rgba(0, 0, 0, 0.25) 40%,
	~~rgba(0, 0, 0, 0.18~~) 40%,		rgba(0, 0, 0, 0) 100%
	rgba(0, 0, 0, ~~0.08) 62%,~~
	~~rgba(0, 0, 0, 0.~~00) 100%
	);		);
	~~filter: blur(12px); /* بلور متناسب جهت عدم نفوذ سایه به بالای لبه پایینی */~~
	~~z-index: -1;~~
	~~pointer-events: none;~~
	}		}

خط ۱۰۱:		خط ۹۹:
	}		}
	</style>		</style>


	</html>		</html>

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۰۵

2026-07-20T09:05:33Z

نمایش تغییرات

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۰۱

2026-07-20T09:01:09Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۰۱
خط ۱:		خط ۱:
	<html>		<html>
	<!-- باکس خدمات چاپ متین - نسخه نهایی (بدون ~~سایه، طراحی فلت~~) -->
			<!-- باکس خدمات چاپ متین - نسخه نهایی با سایه دقیق (بدون سایه در وسط) -->
	<div class="matin-info-box">		<div class="matin-info-box">
	<h2 class="matin-title">چاپ بنر در چاپ متین</h2>		<h2 class="matin-title">چاپ بنر در چاپ متین</h2>
خط ۱۸:		خط ۱۹:
	margin: 40px auto;		margin: 40px auto;
	padding: 30px 40px;		padding: 30px 40px;
			position: relative; /* برای قرارگیری سایه‌ها */

	/* حذف ~~کامل سایه‌ها~~ */		/* استایل اصلی باکس */
			border: 1px solid #e5e7eb;
			border-top: 3px solid #8b1e1e; /* نوار زرشکی بالا */
			border-radius: 0; /* تیز بودن گوشه‌ها مشابه تصویر */

			/* حذف سایه پیش‌فرض */
	box-shadow: none !important;		box-shadow: none !important;
	~~filter~~: ~~none !important~~;		}

	/* ~~گوشه‌های گرد و نوار قرمز بالا~~ */		/* ایجاد سایه اختصاصی (تیره‌تر در گوشه‌ها، بدون سایه در وسط) */
	~~border~~-~~radius~~: ~~8px~~;		.matin-info-box::before,
	~~border-top~~: ~~5px solid #8b1e1e~~;		.matin-info-box::after {
	~~border~~-left: ~~1px solid #e5e7eb~~;		content: "";
	~~border~~-~~right~~: ~~1px solid #e5e7eb;~~		position: absolute;
	~~border-bottom~~: ~~1px solid #e5e7eb~~;		bottom: -15px; /* تنظیم فاصله از پایین */
			z-index: -1;
			width: 45%; /* پوشش حدود نیمی از عرض هر طرف */
			height: 20px;
			background: rgba(0, 0, 0, 0.35); /* تیرگی بیشتر */
			filter: blur(15px); /* پخش‌شدگی نرم */
			}

			.matin-info-box::before {
			left: 10px; /* سایه چپ */
			}

			.matin-info-box::after {
			right: 10px; /* سایه راست */
	}		}

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۵۶

2026-07-20T08:56:53Z

@@ خط ۱: / خط ۱: @@
 <html>
+<!-- باکس خدمات چاپ متین - نسخه نهایی (بدون سایه، طراحی فلت) -->
 <div class="matin-info-box">
      <h2 class="matin-title">چاپ بنر در چاپ متین</h2>
@@ خط ۲۰: / خط ۱۹: @@
      padding: 30px 40px;
-     /* تنظیمات گوشه و کادر */
+     /* حذف کامل سایه‌ها */
      border-radius: 8px;
      border-top: 5px solid #8b1e1e;
@@ خط ۲۶: / خط ۲۹: @@
      border-right: 1px solid #e5e7eb;
      border-bottom: 1px solid #e5e7eb;
+}
@@ خط ۷۶: / خط ۵۲: @@
+}
 @media (max-width: 600px) {
      .matin-info-box {

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۳۵

2026-07-20T08:35:16Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۳۵
خط ۱:		خط ۱:
	<html>		<html>

	<!-- باکس خدمات چاپ متین - ~~نسخه بهینه‌سازی شده~~ با سایه ~~نرم و گوشه‌های گرد~~ -->		<!-- باکس خدمات چاپ متین - با سایه اختصاصی گوشه‌دار -->
	<div class="matin-info-box">		<div class="matin-info-box">
	<h2 class="matin-title">چاپ بنر در چاپ متین</h2>		<h2 class="matin-title">چاپ بنر در چاپ متین</h2>
خط ۲۰:		خط ۲۰:
	padding: 30px 40px;		padding: 30px 40px;

	/* ~~گوشه‌های گرد~~ */		/* تنظیمات گوشه و کادر */
	border-radius: 8px;		border-radius: 8px;

	~~/* نوار قرمز بالایی */~~
	border-top: 5px solid #8b1e1e;		border-top: 5px solid #8b1e1e;
	border-left: 1px solid #e5e7eb;		border-left: 1px solid #e5e7eb;
خط ۲۹:		خط ۲۷:
	border-bottom: 1px solid #e5e7eb;		border-bottom: 1px solid #e5e7eb;

	/* سایه ~~نرم~~ و ~~پخش‌شده (Soft & Diffused Shadow)~~ */		/* این مورد برای قرارگیری سایه‌ها ضروری است */
	box-shadow: 0 15px ~~35px -5px rgba(0, 0, 0, 0.15), 0 10px~~ 15px ~~-5px~~ rgba(0, 0, 0, 0.05);		position: relative;
			z-index: 1;
	/* ~~تضمین نمایش درست در همه مرورگرها~~ */		}
	~~overflow~~: ~~hidden~~;
			/* ایجاد سایه اختصاصی در گوشه‌ها */
			.matin-info-box::before,
			.matin-info-box::after {
			content: "";
			position: absolute;
			bottom: 15px;
			z-index: -1; /* سایه پشت باکس قرار می‌گیرد */
			width: 45%;
			height: 10px;
			/* سایه غلیظ و تیره */
			box-shadow: 0 15px 15px rgba(0, 0, 0, 0.6);
			}

			.matin-info-box::before {
			left: 10px;
			transform: rotate(-3deg); /* شیب سمت چپ */
			}

			.matin-info-box::after {
			right: 10px;
			transform: rotate(3deg); /* شیب سمت راست */
	}		}

خط ۶۱:		خط ۸۰:
	padding: 20px;		padding: 20px;
	margin: 20px 15px;		margin: 20px 15px;
	}
	~~.matin-title {~~
	~~font-size: 1.25rem;~~
	}		}
	}		}

Javid در ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۳۴

2026-07-20T08:34:00Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۳۴
خط ۱:		خط ۱:
	<html>		<html>

	<!-- ~~شروع~~ باکس خدمات چاپ متین - ~~کد جامع~~ -->		<!-- باکس خدمات چاپ متین - نسخه بهینه‌سازی شده با سایه نرم و گوشه‌های گرد -->
	<div class="matin-info-box">		<div class="matin-info-box">
	<h2 class="matin-title">چاپ بنر در چاپ متین</h2>		<h2 class="matin-title">چاپ بنر در چاپ متین</h2>
خط ۱۲:		خط ۱۲:

	<style>		<style>
	~~/* تنظیمات استایل اختصاصی برای باکس */~~
	.matin-info-box {		.matin-info-box {
	direction: rtl;		direction: rtl;
خط ۲۱:		خط ۲۰:
	padding: 30px 40px;		padding: 30px 40px;

	/* ~~نوار قرمز بالایی (مشابه تصویر)~~ */		/* گوشه‌های گرد */
	~~border: 1px solid #e5e7eb;~~		border-radius: 8px;
	border-~~top~~: ~~4px solid #8b1e1e~~;

	/* ~~سایه نرم و عمیق (Soft Shadow)~~ */		/* نوار قرمز بالایی */
	~~box~~-~~shadow~~: ~~0 20px 25px~~ -~~5px rgba(0, 0, 0, 0.15), 0 10px 10px~~ -~~5px rgba(0, 0, 0, 0.08)~~;		border-top: 5px solid #8b1e1e;
			border-left: 1px solid #e5e7eb;
			border-right: 1px solid #e5e7eb;
			border-bottom: 1px solid #e5e7eb;

	/* ~~انحنای صفر برای حفظ حالت مینیمال~~ */		/* سایه نرم و پخش‌شده (Soft & Diffused Shadow) */
	~~border~~-~~radius~~: 0;		box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.15), 0 10px 15px -5px rgba(0, 0, 0, 0.05);

			/* تضمین نمایش درست در همه مرورگرها */
			overflow: hidden;
	}		}

خط ۳۶:		خط ۴۰:
	color: #333;		color: #333;
	text-align: center;		text-align: center;
	margin~~-top~~: 0;		margin: 0 0 25px 0;
	~~margin-bottom:~~ 25px;
	font-weight: 700;		font-weight: 700;
	}		}
خط ۴۵:		خط ۴۸:
	line-height: 2;		line-height: 2;
	color: #374151;		color: #374151;
	text-align: justify; ~~/* تراز متن */~~		text-align: justify;
	margin: 0;		margin: 0;
	}		}

	.matin-body strong {		.matin-body strong {
	color: #8b1e1e; ~~/* رنگ زرشکی برای کلمات کلیدی */~~		color: #8b1e1e;
	font-weight: 700;		font-weight: 700;
	}		}

	~~/* ریسپانسیو برای موبایل */~~
	@media (max-width: 600px) {		@media (max-width: 600px) {
	.matin-info-box {		.matin-info-box {
	padding: ~~20px~~ 20px;		padding: 20px;
	margin: 20px 15px;		margin: 20px 15px;
	}		}
	.matin-title {		.matin-title {
	font-size: 1.25rem;		font-size: 1.25rem;
	}
	~~.matin-body p {~~
	~~font-size: 0.95rem;~~
	~~line-height: 1.8;~~
	}		}
	}		}
	</style>		</style>
	~~<!-- پایان باکس -->~~


	</html>		</html>