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

/* CSS برای رسپانسیو بودن و زیبایی بیشتر در ویرایشگر بلوک */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap’); /* فونت مناسب فارسی */

body {
font-family: ‘Vazirmatn’, ‘B Nazanin’, ‘Arial’, sans-serif;
direction: rtl;
line-height: 1.8;
color: #333333;
background-color: #ffffff;
padding: 0;
margin: 0;
}

/* Base styles for headers to ensure they are distinct */
h1, h2, h3 {
font-family: ‘Vazirmatn’, ‘B Nazanin’, ‘Arial’, sans-serif;
text-align: right;
margin-top: 2em;
margin-bottom: 0.8em;
line-height: 1.4;
padding-bottom: 0.3em;
}

h1 {
font-size: 36px;
font-weight: bold;
color: #004080; /* Deep Professional Blue */
text-align: center;
border-bottom: 3px solid #DAA520; /* Soft Gold */
padding-top: 20px;
padding-bottom: 20px;
}

h2 {
font-size: 28px;
font-weight: bold;
color: #5A005A; /* Rich Plum */
border-bottom: 2px solid #DAA520; /* Soft Gold */
padding-top: 15px;
padding-bottom: 15px;
}

h3 {
font-size: 22px;
font-weight: bold;
color: #004080; /* Deep Professional Blue */
padding-top: 10px;
padding-bottom: 10px;
margin-top: 30px;
}

p {
margin-bottom: 20px;
font-size: 18px;
}

ul {
list-style-type: disc;
padding-right: 25px; /* Adjust for RTL */
margin-bottom: 20px;
}

ul li {
margin-bottom: 10px;
font-size: 17px;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-size: 17px;
}

caption {
caption-side: top;
text-align: center;
font-weight: bold;
font-size: 20px;
margin-bottom: 15px;
color: #004080;
}

th, td {
border: 1px solid #ddd;
padding: 12px;
text-align: right; /* RTL */
}

thead th {
background-color: #008080; /* Muted Teal */
color: white;
font-weight: bold;
}

tbody tr:nth-child(even) {
background-color: #f2f2f2;
}

tbody tr:hover {
background-color: #e6f7ff;
}

/* General Link Styling */
a {
color: #008080;
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #DAA520;
text-decoration: underline;
}

/* Block Styles for special sections */
.toc-container {
background-color: #f8f8f8;
border-right: 5px solid #008080; /* Changed to right for RTL */
padding: 15px 20px;
margin: 30px 0;
border-radius: 5px;
}

.toc-container p {
font-size: 19px;
font-weight: bold;
color: #004080;
margin-bottom: 10px;
}

.toc-container ul {
list-style-type: none;
padding-right: 0; /* Adjust for RTL */
}

/* Infographic/Flowchart Alternative */
.infographic-container {
background-color: #fefefe;
border: 1px solid #DAA520;
padding: 25px;
margin: 30px 0;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.infographic-container h3 {
font-size: 24px;
font-weight: bold;
color: #004080;
text-align: center;
margin-bottom: 20px;
border-bottom: none; /* No extra border */
padding-bottom: 0;
}

.infographic-item {
background-color: #e6f7ff; /* Light Blue */
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border-right: 4px solid #008080; /* Changed to right for RTL */
margin-bottom: 15px; /* Spacing between items */
}
.infographic-item:nth-child(2) { /* Example for specific item styling */
background-color: #fff0e6; /* Light Orange */
border-right: 4px solid #DAA520;
}
.infographic-item:nth-child(3) {
background-color: #e6ffe6; /* Light Green */
border-right: 4px solid #006600;
}
.infographic-item:nth-child(4) {
background-color: #ffe6f2; /* Light Pink */
border-right: 4px solid #CC0066;
}
.infographic-item:nth-child(5) {
background-color: #f5f5f5; /* Light Grey */
border-right: 4px solid #808080;
}
.infographic-item:nth-child(6) {
background-color: #ffe0b3; /* Lighter Orange */
border-right: 4px solid #FF8C00;
}

.infographic-item p:first-child {
font-weight: bold;
font-size: 19px;
margin-bottom: 10px;
}

.infographic-item p:last-child {
color: #333333;
font-size: 17px;
}

/* FAQ Section */
.faq-section {
background-color: #fcfcfc;
border: 1px solid #eee;
padding: 20px;
margin: 30px 0;
border-radius: 8px;
}

.faq-section h3 {
font-size: 22px;
font-weight: bold;
color: #004080;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0; /* Reset margin for first H3 in FAQ */
border-bottom: none; /* No border for FAQ H3 */
}

/* Responsive Design */
@media (max-width: 768px) {
h1 {
font-size: 28px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
p, ul li, table, th, td {
font-size: 16px;
}
.infographic-item {
flex: 1 1 100%; /* Stack items on small screens */
}
.toc-container, .infographic-container, .faq-section {
padding: 15px;
margin: 20px 0;
}
}

@media (max-width: 480px) {
h1 {
font-size: 24px;
padding-top: 15px;
padding-bottom: 15px;
}
h2 {
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
h3 {
font-size: 18px;
padding-top: 8px;
padding-bottom: 8px;
}
p, ul li, table, th, td {
font-size: 15px;
}
/* Table overflow for very small screens */
table, caption {
display: block;
width: 100%;
}
thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 5px;
}
td {
border: none;
position: relative;
padding-left: 50%;
text-align: right; /* RTL */
min-height: 40px; /* Ensure space for content */
display: flex;
align-items: center;
justify-content: flex-end; /* Align content to the right */
}
td:before {
content: attr(data-label);
position: absolute;
right: 10px; /* Label on the right */
width: 45%;
padding-left: 10px;
font-weight: bold;
white-space: nowrap;
text-align: left; /* Label text to the left */
color: #555;
}
/* Adding labels for table cells for small screens */
td:nth-of-type(1):before { content: “نوع خدمت:”; }
td:nth-of-type(2):before { content: “طیف هزینه (تقریبی):”; }
}

/* General container for the whole article */
.article-container {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
}