انجام مقاله دکتری در مرند [اکسپ 100% تضمینی]

/*
This CSS section is provided as a guideline for block editor users to apply custom CSS for a more refined look.
In a direct copy-paste to a block editor, some of these styles might need to be applied to individual blocks or via a custom CSS plugin.
The inline styles in the HTML are designed to give a basic visual structure even without this external CSS.
For responsiveness, most block editors handle responsive typography and image scaling automatically.
*/

@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap’);

body {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl; /* For Persian text */
text-align: right;
background-color: #F8F9FA; /* Light background for the page */
margin: 0;
padding: 20px;
box-sizing: border-box;
}

/* Global container styling */
div[style*=”max-width: 850px”] {
margin-top: 30px;
margin-bottom: 30px;
}

h1, h2, h3 {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.4;
}

h1 {
font-size: 3.2em; /* Larger for desktop */
font-weight: 800;
color: #1A237E; /* Deep Indigo */
text-align: center;
margin-bottom: 40px;
}

h2 {
font-size: 2.2em;
font-weight: 700;
color: #1A237E;
margin-top: 45px;
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: 2px solid #00ACC1; /* Teal accent */
}

h3 {
font-size: 1.6em;
font-weight: 600;
color: #3F51B5; /* Indigo */
margin-top: 35px;
margin-bottom: 20px;
}

p {
font-size: 1.1em;
line-height: 1.8;
color: #424242; /* Dark Gray */
margin-bottom: 25px;
text-align: justify;
}

ul {
list-style-type: disc;
padding-right: 25px; /* For RTL */
padding-left: 0;
margin-bottom: 25px;
}

li {
margin-bottom: 10px;
color: #424242;
}

table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
border: 1px solid #00ACC1; /* Teal border */
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners */
}

th, td {
padding: 15px;
border: 1px solid #E0F7FA; /* Lighter teal for internal borders */
text-align: right; /* For RTL */
vertical-align: top;
}

thead th {
background-color: #E0F7FA; /* Lightest blue for header background */
font-weight: 700;
color: #1A237E;
font-size: 1.1em;
}

/* Infographic Alternative Section Styling */
div[style*=”background-color: #E8F5E9″] {
background-color: #E8F5E9; /* Light green for the infographic background */
border-radius: 15px;
padding: 30px;
margin-top: 40px;
margin-bottom: 40px;
box-shadow: 0 8px 25px rgba(0, 172, 193, 0.15); /* Subtle shadow with accent color */
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 25px;
}

div[style*=”flex: 1 1 280px”] {
background-color: #FFFFFF;
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 220px;
}

div[style*=”flex: 1 1 280px”] span {
font-size: 3em;
color: #00ACC1; /* Teal for icons */
margin-bottom: 15px;
}

div[style*=”flex: 1 1 280px”] h3 {
font-size: 1.5em;
font-weight: 700;
color: #1A237E;
margin-bottom: 10px;
margin-top: 0; /* Override default h3 margin-top */
}

div[style*=”flex: 1 1 280px”] p {
font-size: 0.95em;
color: #424242;
margin-bottom: 0; /* Override default p margin-bottom */
line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2.5em;
margin-bottom: 30px;
}
h2 {
font-size: 1.8em;
margin-top: 35px;
margin-bottom: 20px;
}
h3 {
font-size: 1.4em;
margin-top: 25px;
margin-bottom: 15px;
}
p {
font-size: 1em;
line-height: 1.7;
margin-bottom: 20px;
}
div[style*=”max-width: 850px”] {
padding: 15px;
}
table {
font-size: 0.9em;
}
th, td {
padding: 10px;
}
div[style*=”background-color: #E8F5E9″] {
padding: 20px;
gap: 15px;
}
div[style*=”flex: 1 1 280px”] {
min-height: auto; /* Allow cards to adjust height */
padding: 20px;
}
div[style*=”flex: 1 1 280px”] span {
font-size: 2.5em;
margin-bottom: 10px;
}
div[style*=”flex: 1 1 280px”] h3 {
font-size: 1.3em;
}
div[style*=”flex: 1 1 280px”] p {
font-size: 0.9em;
}
}

@media (max-width: 480px) {
h1 {
font-size: 2em;
margin-bottom: 20px;
}
h2 {
font-size: 1.6em;
margin-top: 25px;
margin-bottom: 15px;
}
h3 {
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 10px;
}
p {
font-size: 0.95em;
line-height: 1.6;
margin-bottom: 15px;
}
div[style*=”max-width: 850px”] {
padding: 10px;
}
th, td {
padding: 8px;
}
div[style*=”background-color: #E8F5E9″] {
padding: 15px;
flex-direction: column; /* Stack cards vertically on very small screens */
gap: 10px;
}
div[style*=”flex: 1 1 280px”] {
width: 100%; /* Full width for cards */
flex: none;
}
div[style*=”flex: 1 1 280px”] span {
font-size: 2em;
}
div[style*=”flex: 1 1 280px”] h3 {
font-size: 1.1em;
}
}

/* For larger screens like TV, the max-width and font sizes will naturally scale up if the container allows. */
/* The current max-width is 850px, which is a good readable width for most devices. */