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

/* Basic Reset for Consistency (can be overridden by block editor’s defaults) */
body { margin: 0; padding: 0; }
div, p, h1, h2, h3, ul, li, table, thead, tbody, th, td { box-sizing: border-box; }

/* Font Definitions for better readability across devices */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Regular.woff2’) format(‘woff2’);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Bold.woff2’) format(‘woff2’);
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: ‘Estedad’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/estedad@v2.0.0/Estedad-Regular.woff2’) format(‘woff2’);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: ‘Estedad’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/estedad@v2.0.0/Estedad-Bold.woff2’) format(‘woff2’);
font-weight: 700;
font-style: normal;
}

body {
font-family: ‘Vazirmatn’, ‘Estedad’, sans-serif; /* Fallback for unsupported fonts */
direction: rtl; /* For Persian text */
text-align: right; /* For Persian text */
background-color: #f0f2f5; /* Light background for the whole page */
margin: 0;
padding: 20px 0;
}

/* General text styling */
p {
color: #333;
line-height: 1.8;
margin-bottom: 1em;
}

/* List styling */
ul {
margin-right: 20px;
margin-bottom: 20px;
padding: 0;
}

ul li {
margin-bottom: 8px;
line-height: 1.7;
}

/* Table styling */
table {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

table th, table td {
border: 1px solid #e0e0e0;
padding: 12px 15px;
text-align: right;
}

table thead th {
background-color: #2e4c6d;
color: white;
font-weight: bold;
font-size: 1.1em;
}

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

/* Responsive Adjustments for elements with explicit widths/flex */
@media (max-width: 768px) {
h1 { font-size: 2em !important; margin-bottom: 20px !important; }
h2 { font-size: 1.6em !important; margin-top: 30px !important; margin-bottom: 15px !important; }
h3 { font-size: 1.2em !important; margin-top: 20px !important; margin-bottom: 10px !important; }
p, ul, table { font-size: 0.95em !important; line-height: 1.6 !important; }

.infographic-item {
width: 100% !important; /* Make infographic items stack */
margin-bottom: 20px;
}
.infographic-item > div:nth-child(2) { /* Adjust arrow position */
right: auto !important;
left: 50% !important;
top: auto !important;
bottom: -20px;
transform: translateX(-50%) rotate(0deg) !important;
}

.service-card {
width: 100% !important; /* Make service cards stack */
}

.main-container {
padding: 15px !important;
border-radius: 8px !important;
}

table thead th, table tbody td {
padding: 10px !important;
}
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
h1 { font-size: 2.2em !important; }
h2 { font-size: 1.7em !important; }
h3 { font-size: 1.3em !important; }

.infographic-item, .service-card {
width: calc(50% – 20px) !important; /* Two columns */
}
.infographic-item:nth-child(odd) > div:nth-child(2) { /* For arrows between columns */
right: -15px !important;
top: 50% !important;
transform: translateY(-50%) rotate(0deg) !important;
}
.infographic-item:last-child > div:nth-child(2) { /* Hide last arrow */
display: none;
}
}

/* General container for main content */
div[style*=”max-width: 900px;”] {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Specific styling for infographic alternative blocks */
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div {
flex-grow: 1; /* Allow items to grow */
max-width: calc(33% – 20px); /* Adjust for 3 columns on larger screens */
min-width: 250px; /* Minimum width before stacking */
position: relative;
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div > div[style*=”position: absolute;”] {
display: block; /* Show arrows by default */
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div:last-child > div[style*=”position: absolute;”] {
display: none; /* Hide arrow for the last item in the infographic flow */
}

@media (max-width: 1024px) {
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div {
max-width: calc(50% – 20px); /* Two columns on tablets */
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div:nth-child(odd):not(:last-child) > div[style*=”position: absolute;”] {
right: -15px !important;
top: 50% !important;
transform: translateY(-50%) rotate(0deg) !important; /* Horizontal arrow between two items */
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div:nth-child(even):not(:last-child) > div[style*=”position: absolute;”] {
right: auto !important;
left: 50% !important;
top: auto !important;
bottom: -20px !important;
transform: translateX(-50%) rotate(90deg) !important; /* Vertical arrow below even item */
}
}

@media (max-width: 600px) {
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div {
max-width: 100%; /* Single column on mobile */
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;”] > div:not(:last-child) > div[style*=”position: absolute;”] {
right: auto !important;
left: 50% !important;
top: auto !important;
bottom: -20px !important;
transform: translateX(-50%) rotate(90deg) !important; /* Vertical arrows for all but last */
}
}

/* Styling for the FAQ blocks */
div[style*=”background-color: #e6f7ff; border-left: 5px solid #007bff;”] {
border-radius: 8px;
box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}