**هزینه و قیمت انجام پروپوزال در محمدآباد + تضمینی**

/* CSS برای رسپانسیو کردن و بهبود نمایش در ویرایشگر بلوک */
body {
font-family: ‘Vazirmatn’, sans-serif; /* فرض می‌کنیم این فونت در محیط نمایش بارگذاری شده */
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
background-color: #f0f2f5; /* رنگ پس‌زمینه کلی برای حس تمیزی */
}

/* Container اصلی مقاله */
.article-container {
max-width: 800px;
margin: auto;
padding: 20px;
background-color: #fcfcfc;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* هدینگ‌ها */
h1 {
font-size: 2.8em; /* سایز بزرگ برای H1 */
font-weight: 800;
color: #1a237e; /* آبی تیره */
text-align: center;
margin-bottom: 40px;
padding-bottom: 15px;
border-bottom: 3px solid #7986cb; /* خط زیرین آبی روشن */
word-break: break-word; /* برای شکستن کلمات طولانی در موبایل */
}

h2 {
font-size: 1.9em; /* سایز متوسط برای H2 */
font-weight: 700;
color: #1a237e; /* آبی تیره */
margin-top: 35px;
margin-bottom: 25px;
word-break: break-word;
}

h3 {
font-size: 1.5em; /* سایز کوچکتر برای H3 */
font-weight: 600;
color: #3f51b5; /* آبی بنفش */
margin-top: 25px;
margin-bottom: 15px;
word-break: break-word;
}

/* پاراگراف‌ها */
p {
font-size: 1.1em;
text-align: justify;
margin-bottom: 20px;
line-height: 1.8;
}

/* لیست‌ها */
ul {
list-style-type: ‘🚀 ‘; /* آیکون موشک برای لیست‌ها */
font-size: 1.05em;
margin-left: 20px;
margin-bottom: 25px;
padding: 0; /* حذف padding پیش‌فرض برای کنترل بهتر */
}

ul li {
margin-bottom: 10px;
padding-right: 5px; /* فاصله از آیکون */
}

/* استایل‌های بخش‌های خاص (مانند باکس‌های رنگی) */
.info-box-blue {
background-color: #e8eaf6;
border-left: 5px solid #3f51b5;
padding: 18px;
margin-bottom: 30px;
border-radius: 8px;
}
.info-box-purple {
background-color: #f3e5f5;
border-right: 5px solid #9c27b0;
padding: 18px;
margin-bottom: 30px;
border-radius: 8px;
}
.info-box-teal {
background-color: #e0f2f7;
border-left: 5px solid #00acc1;
padding: 18px;
margin-bottom: 30px;
border-radius: 8px;
}
.info-box-yellow {
background-color: #fffde7;
border-left: 5px solid #fbc02d;
padding: 18px;
margin-bottom: 30px;
border-radius: 8px;
}
.conclusion-box {
background-color: #fce4ec;
border-top: 5px solid #e91e63;
padding: 25px;
margin-top: 40px;
border-radius: 12px;
}

/* جدول */
table {
width: 100%;
border-collapse: collapse;
margin: 0 auto;
border-radius: 10px;
overflow: hidden; /* برای گرد شدن گوشه‌های جدول */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
th, td {
padding: 15px;
text-align: center;
border: 1px solid #e0e0e0;
}
thead tr {
background-color: #3f51b5;
color: white;
}
tbody tr:nth-child(even) {
background-color: #eef2f7; /* رنگ‌آمیزی متناوب ردیف‌ها */
}
tbody tr:nth-child(odd) {
background-color: #f8f9fa;
}

/* اینفوگرافیک جایگزین */
.infographic-substitute {
background-color: #e0f7fa;
border: 1px solid #00bcd4;
border-radius: 12px;
padding: 25px;
margin-bottom: 40px;
box-shadow: 0 6px 20px rgba(0, 188, 212, 0.15);
}
.infographic-substitute ul {
list-style: none;
padding: 0;
margin: 0;
}
.infographic-substitute li {
display: flex;
align-items: flex-start; /* آیتم‌ها در بالا هم‌تراز شوند */
margin-bottom: 20px;
}
.infographic-substitute li span {
font-size: 2em; /* سایز آیکون */
color: #00bcd4;
margin-right: 15px;
line-height: 1; /* برای تنظیم ارتفاع آیکون */
flex-shrink: 0; /* جلوگیری از کوچک شدن آیکون */
}
.infographic-substitute li div {
flex-grow: 1;
}
.infographic-substitute li strong {
font-size: 1.2em;
color: #006064;
display: block; /* برای اینکه متن توضیحات از خط جدید شروع شود */
margin-bottom: 5px;
}

/* رسپانسیو کردن */
@media (max-width: 768px) {
.article-container {
padding: 15px;
}
h1 {
font-size: 2.2em;
margin-bottom: 30px;
}
h2 {
font-size: 1.6em;
margin-top: 30px;
margin-bottom: 20px;
}
h3 {
font-size: 1.3em;
margin-top: 20px;
margin-bottom: 10px;
}
p, ul, table, .infographic-substitute li div {
font-size: 1em;
}
th, td {
padding: 10px;
}
.infographic-substitute li {
flex-direction: column; /* در موبایل آیکون و متن زیر هم قرار بگیرند */
align-items: center;
text-align: center;
}
.infographic-substitute li span {
margin-right: 0;
margin-bottom: 10px;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.2em;
}
p, ul, table, .infographic-substitute li div {
font-size: 0.95em;
}
th, td {
padding: 8px;
}
}

// این اسکریپت تنها برای شبیه‌سازی نمایش هدینگ‌ها در یک محیط ویرایشگر HTML است
// و نیازی به کپی کردن در وردپرس یا ویرایشگر بلوک واقعی ندارد، زیرا آن‌ها خودشان هدینگ‌ها را تفسیر می‌کنند.
// اما برای نمایش بصری در یک محیط ساده، مفید است.
document.addEventListener(‘DOMContentLoaded’, function() {
// H1
const h1 = document.querySelector(‘h1’);
if (h1) {
h1.style.fontSize = ‘2.8em’;
h1.style.fontWeight = ‘800’;
h1.style.color = ‘#1a237e’;
h1.style.textAlign = ‘center’;
h1.style.marginBottom = ’40px’;
h1.style.paddingBottom = ’15px’;
h1.style.borderBottom = ‘3px solid #7986cb’;
}

// H2
document.querySelectorAll(‘h2’).forEach(function(h2) {
h2.style.fontSize = ‘1.9em’;
h2.style.fontWeight = ‘700’;
h2.style.color = ‘#1a237e’;
h2.style.marginTop = ’35px’;
h2.style.marginBottom = ’25px’;
});

// H3
document.querySelectorAll(‘h3’).forEach(function(h3) {
h3.style.fontSize = ‘1.5em’;
h3.style.fontWeight = ‘600’;
h3.style.color = ‘#3f51b5′;
h3.style.marginTop = ’25px’;
h3.style.marginBottom = ’15px’;
});
});