هزینه و قیمت نگارش پروپوزال رشته فیزیک ماده چگال

/* Responsive Typography and Layout */
@media (max-width: 768px) {
h1 { font-size: 2em !important; margin-bottom: 25px !important; }
h2 { font-size: 1.8em !important; margin-top: 35px !important; margin-bottom: 20px !important; }
h3 { font-size: 1.4em !important; margin-top: 25px !important; margin-bottom: 12px !important; }
p, ul, table, td, th { font-size: 1em !important; }
.faq-container p { padding-bottom: 15px !important; }
.faq-container h3 { margin-top: 15px !important; }
.flowchart-item { padding: 10px 15px !important; font-size: 1em !important; }
.flowchart-container { padding: 15px !important; }
}

@media (max-width: 480px) {
h1 { font-size: 1.7em !important; margin-bottom: 20px !important; }
h2 { font-size: 1.5em !important; margin-top: 30px !important; margin-bottom: 18px !important; }
h3 { font-size: 1.2em !important; margin-top: 20px !important; margin-bottom: 10px !important; }
p, ul, table, td, th { font-size: 0.95em !important; line-height: 1.6 !important; }
.flowchart-item { padding: 8px 12px !important; font-size: 0.95em !important; }
}

/* Base Styles for the content block to ensure proper rendering */
body {
direction: rtl; /* For Persian language */
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif; /* Fallback fonts */
margin: 0;
padding: 0;
background-color: #f0f2f5; /* Light grey background for the page */
}

/* Ensure the main container behaves well */
div[style*=”max-width: 950px”] {
direction: rtl;
box-sizing: border-box; /* Include padding and border in the element’s total width and height */
text-align: right; /* Align text to the right for RTL */
}

/* Specific styles for headings to simulate H1, H2, H3 in a block editor */
/* The inline styles in the HTML will override these for a direct copy,
but these provide a good fallback/context for general display. */
h1 {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif;
font-size: 2.8em; /* Adjusted for larger screens */
font-weight: 800;
color: #003366; /* Deep blue */
text-align: center;
margin-bottom: 35px;
padding-bottom: 15px;
border-bottom: 3px solid #0055AA; /* Darker blue line */
}

h2 {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif;
font-size: 2.2em; /* Adjusted for larger screens */
font-weight: 700;
color: #0055AA; /* Medium blue */
margin-top: 50px;
margin-bottom: 25px;
border-bottom: 2px solid #D6EAF8; /* Light blue line */
padding-bottom: 10px;
}

h3 {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif;
font-size: 1.8em; /* Adjusted for larger screens */
font-weight: 600;
color: #0077CC; /* Lighter blue */
margin-top: 35px;
margin-bottom: 18px;
}

p {
font-size: 1.05em; /* Base paragraph font size */
text-align: justify;
margin-bottom: 15px;
}

ul {
list-style-type: ‘✓ ‘; /* Custom bullet point */
padding-right: 25px; /* Adjust padding for RTL */
padding-left: 0; /* Remove default left padding */
margin-bottom: 25px;
font-size: 1.05em;
color: #333;
}

li {
margin-bottom: 10px;
}

/* Table specific styling */
table {
width: 100%;
border-collapse: collapse;
text-align: center;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners are applied to content */
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

th, td {
padding: 15px;
border: 1px solid #e0e0e0; /* Light grey border */
font-size: 1.05em;
}

th {
background-color: #0077CC; /* Blue header */
color: #ffffff;
font-size: 1.1em;
font-weight: 600;
border: 1px solid #0055AA; /* Darker blue border for header */
}

tbody tr:nth-child(odd) {
background-color: #f7faff; /* Lightest blue for odd rows */
}

tbody tr:nth-child(even) {
background-color: #ffffff; /* White for even rows */
}

/* Flowchart (Infographic Alternative) Styling */
.flowchart-container {
background-color: #eef7ff; /* Very light blue */
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}

.flowchart-item {
background-color: #0077CC; /* Blue */
color: white;
padding: 12px 18px;
border-radius: 8px;
margin-bottom: 15px;
font-weight: 500;
font-size: 1.1em;
text-align: right;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
width: 85%; /* Adjust width for better look */
max-width: 400px; /* Limit max width */
}

/* Arrow styling for flowchart */
.flowchart-container > div > div[style*=”text-align: center; color: #666″] {
line-height: 0.5; /* Compact the arrow */
margin: -5px 0 10px 0; /* Adjust margin to bring arrow closer */
}

/* FAQ Section Styling */
.faq-container {
background-color: #f7faff;
border-radius: 10px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}