انجام پایان نامه علوم قرآن و حدیث + مشاوره، نگارش و اصلاح [ارشد و دکتری]

/* این بخش استایل‌ها برای اطمینان از نمایش صحیح در محیط‌های مختلف و ریسپانسیو بودن ارائه شده است.
در ویرایشگرهای بلوک معمولاً نیاز به تگ نیست و باید استایل‌ها اینلاین شوند، اما برای
قابلیت خوانایی اینجا قرار داده شده و در نهایت به صورت اینلاین در تگ‌های HTML بالا اعمال شده است.
این بخش را در صورت کپی به ویرایشگر بلوک حذف کنید، زیرا استایل‌های اصلی به صورت اینلاین تعریف شده‌اند. */
body {
font-family: ‘Vazirmatn’, sans-serif; /* فونت پیشنهادی برای فارسی */
direction: rtl; /* برای زبان فارسی */
margin: 0;
padding: 0;
background-color: #f4f7fa;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
background-color: #fcfcfc;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
h1 {
font-size: 32px;
font-weight: bold;
color: #1a2a47;
text-align: center;
line-height: 1.5;
margin-bottom: 30px;
}
h2 {
font-size: 26px;
font-weight: bold;
color: #28547a;
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #e0e7ee;
padding-bottom: 10px;
}
h3 {
font-size: 20px;
font-weight: bold;
color: #4a6a8f;
margin-top: 30px;
margin-bottom: 15px;
}
p, li {
line-height: 1.8;
color: #333;
font-size: 16px;
text-align: justify;
}
ul {
margin-right: 25px; /* برای لیست‌های RTL */
list-style-position: inside; /* اطمینان از نمایش بولت در داخل محتوا */
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
font-size: 15px;
text-align: right;
}
table th, table td {
border: 1px solid #d3e0ea;
padding: 12px;
}
table th {
background-color: #e6f0f7;
font-weight: bold;
color: #1a2a47;
}
table tr:nth-child(even) {
background-color: #f7f9fb;
}
table tr:nth-child(odd) {
background-color: #fff;
}

/* Styles for the “infographic” block */
.infographic-container {
margin-top: 50px;
margin-bottom: 50px;
background-color: #eef7f4;
border-radius: 15px;
padding: 25px;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
text-align: center;
}
.infographic-title {
font-size: 22px;
font-weight: bold;
color: #1e6c52;
margin-bottom: 25px;
}
.infographic-items {
display: flex;
flex-wrap: wrap; /* برای ریسپانسیو بودن */
justify-content: center;
gap: 20px;
}
.infographic-item {
background-color: #d1e7dd; /* Default background */
border-radius: 10px;
padding: 20px;
width: 180px; /* عرض ثابت برای آیتم‌ها */
box-sizing: border-box; /* padding در عرض محاسبه شود */
text-align: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transition: transform 0.3s ease-in-out; /* انیمیشن هاور */
}
.infographic-item:hover {
transform: translateY(-5px);
}
.infographic-item span {
font-size: 30px;
display: block;
margin-bottom: 10px;
}
.infographic-item p:first-of-type { /* Title of the item */
font-weight: bold;
color: #1e6c52; /* Default color */
margin-bottom: 5px;
}
.infographic-item p:last-of-type { /* Description of the item */
font-size: 14px;
color: #3c763d; /* Default color */
}

/* Specific colors for each infographic item */
.infographic-item:nth-child(1) { background-color: #d1e7dd; }
.infographic-item:nth-child(1) p:first-of-type { color: #1e6c52; }
.infographic-item:nth-child(1) p:last-of-type { color: #3c763d; }

.infographic-item:nth-child(2) { background-color: #dbe9f6; }
.infographic-item:nth-child(2) p:first-of-type { color: #28547a; }
.infographic-item:nth-child(2) p:last-of-type { color: #4a6a8f; }

.infographic-item:nth-child(3) { background-color: #fcefd4; }
.infographic-item:nth-child(3) p:first-of-type { color: #9c7a2c; }
.infographic-item:nth-child(3) p:last-of-type { color: #ad8f3c; }

.infographic-item:nth-child(4) { background-color: #f7e1e6; }
.infographic-item:nth-child(4) p:first-of-type { color: #7a2839; }
.infographic-item:nth-child(4) p:last-of-type { color: #8f3c4d; }

.infographic-item:nth-child(5) { background-color: #e3dffc; }
.infographic-item:nth-child(5) p:first-of-type { color: #5a287a; }
.infographic-item:nth-child(5) p:last-of-type { color: #6e3c8f; }

/* FAQ section styles */
.faq-item {
background-color: #f7f9fb;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
}
.faq-item h3 {
margin-top: 0;
margin-bottom: 15px;
color: #4a6a8f;
font-size: 20px;
}
.faq-item p {
margin-bottom: 0;
font-size: 16px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 28px;
margin-bottom: 20px;
}
h2 {
font-size: 22px;
margin-top: 30px;
}
h3 {
font-size: 18px;
margin-top: 25px;
}
p, li, table th, table td {
font-size: 15px;
}
.container {
padding: 15px;
}
.infographic-item {
width: 100%; /* آیتم‌ها در موبایل زیر هم قرار می‌گیرند */
max-width: 300px; /* حداکثر عرض برای جلوگیری از کشیدگی بیش از حد */
}
.infographic-items {
gap: 15px;
}
}

@media (max-width: 480px) {
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 17px;
}
p, li, table th, table td {
font-size: 14px;
}
.container {
padding: 10px;
}
.infographic-item {
padding: 15px;
}
.infographic-item span {
font-size: 25px;
}
}