انجام پایان نامه در قیدار + تضمینی

/* CSS پیشنهادی برای بهبود نمایش در ویرایشگر بلوک و ریسپانسیو بودن */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css’);

body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
background-color: #F4F7F6; /* رنگ پس‌زمینه کلی صفحه */
margin: 0;
padding: 0;
}

div {
box-sizing: border-box; /* برای سازگاری بهتر با ریسپانسیو بودن */
}

h1 {
font-family: ‘IRANSans’, sans-serif; /* فونت پیشنهادی برای هدینگ اصلی */
font-size: 2.5em; /* سایز بزرگ‌تر */
font-weight: bold;
color: #1A237E; /* آبی تیره */
text-align: center;
padding: 20px 0;
border-bottom: 3px solid #E8EAF6; /* خط زیرین آبی روشن */
background-color: #F8F9FA; /* پس‌زمینه کمی روشن‌تر برای H1 */
margin: 0; /* حذف مارجین پیش‌فرض */
}

h2 {
font-family: ‘IRANSans’, sans-serif;
font-size: 1.8em; /* سایز متوسط */
font-weight: bold;
color: #3F51B5; /* آبی متوسط */
border-bottom: 2px solid #E8EAF6;
padding-bottom: 10px;
margin-top: 40px;
margin-bottom: 25px;
}

h3 {
font-family: ‘IRANSans’, sans-serif;
font-size: 1.3em; /* سایز کوچک‌تر */
font-weight: bold;
color: #5C6BC0; /* آبی روشن‌تر */
margin-top: 30px;
margin-bottom: 15px;
}

p {
text-align: justify;
margin-bottom: 15px;
}

ul {
list-style-type: disc;
margin-left: 25px;
margin-bottom: 25px;
}

ul li {
margin-bottom: 8px;
}

/* استایل‌دهی برای جدول */
table {
width: 100%;
border-collapse: collapse;
min-width: 300px; /* حداقل عرض برای موبایل */
margin: 30px 0;
border: 1px solid #CFD8DC;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

table caption {
caption-side: top;
text-align: center;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 15px;
padding-top: 10px;
color: #3F51B5;
}

table th, table td {
padding: 15px;
border: 1px solid #CFD8DC;
text-align: right; /* راست‌چین برای فارسی */
}

table th {
background-color: #E8EAF6; /* پس‌زمینه آبی روشن برای هدر جدول */
font-weight: bold;
color: #1A237E;
}

/* استایل‌دهی برای اینفوگرافیک */
.infographic-box {
background-color: #E8F5E9; /* رنگ سبز روشن */
border-left: 5px solid #4CAF50; /* خط سبز پررنگ در سمت چپ */
padding: 20px;
margin: 30px 0;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.infographic-box h3 {
color: #2E7D32; /* رنگ سبز تیره */
margin-bottom: 15px;
font-weight: bold;
}

.infographic-box p {
font-size: 1.1em;
color: #4CAF50; /* رنگ سبز متوسط */
font-weight: bold;
}

/* استایل‌دهی برای بخش FAQ */
.faq-box {
background-color: #F8F9FA;
padding: 20px;
border-radius: 8px;
border: 1px solid #E8EAF6;
margin-top: 30px;
}

.faq-box h3 {
color: #5C6BC0;
margin-bottom: 10px;
}

/* ریسپانسیو بودن */
@media (max-width: 768px) {
h1 {
font-size: 2em;
padding: 15px 10px;
}
h2 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 20px;
padding-bottom: 8px;
}
h3 {
font-size: 1.2em;
margin-top: 25px;
margin-bottom: 10px;
}
div[style*=”max-width: 900px”] { /* div اصلی محتوا */
padding: 15px;
margin: 0 10px; /* کمی مارجین از کناره‌ها برای موبایل */
}
.infographic-box .display-flex {
flex-direction: column; /* اینفوگرافیک عمودی شود */
}
table, table thead, table tbody, table th, table td, table tr {
display: block; /* برای جداول در موبایل */
}
table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr {
border: 1px solid #CFD8DC;
margin-bottom: 10px;
border-radius: 5px;
}
table td {
border: none;
border-bottom: 1px solid #CFD8DC;
position: relative;
padding-left: 50%;
text-align: right;
}
table td:before {
position: absolute;
top: 0;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label); /* اضافه کردن label برای هر سلول */
font-weight: bold;
}
/* برای برچسب‌گذاری در موبایل */
td:nth-of-type(1):before { content: “ویژگی:”; }
td:nth-of-type(2):before { content: “رویکرد با پشتیبانی تخصصی:”; }
}

/* استایل برای صفحه نمایش‌های بزرگتر مانند تلویزیون */
@media (min-width: 1200px) {
div[style*=”max-width: 900px”] {
max-width: 1100px; /* افزایش عرض برای نمایشگرهای بزرگ */
padding: 30px;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2.2em;
}
h3 {
font-size: 1.5em;
}
}

/* فونت‌های پیشنهادی برای بارگذاری */
/* @font-face {
font-family: ‘IRANSans’;
font-style: normal;
font-weight: normal;
src: url(‘path/to/IRANSans.woff’) format(‘woff’);
} */