هزینه و قیمت انجام پروپوزال در پیرانشهر + تضمینی

/* Global Styles for Responsiveness and Aesthetics */
body {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
background-color: #F8F9FA; /* Light background for the whole page */
direction: rtl; /* Right-to-left for Persian */
}

/* Base container for the article */
div[style*=”max-width: 900px”] {
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
padding: 20px;
}

/* Headings styles */
h1 {
font-size: 2.5em;
font-weight: bold;
color: #1A2E44;
text-align: center;
margin-bottom: 30px;
padding: 20px 0;
background-color: #F8F9FA;
border-bottom: 3px solid #007BFF;
}

h2 {
font-size: 2em;
font-weight: bold;
color: #007BFF; /* Primary blue for H2 */
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #E6F3FF; /* Lighter blue border */
padding-bottom: 10px;
}

h3 {
font-size: 1.5em;
font-weight: bold;
color: #1A2E44; /* Darker text for H3 */
margin-top: 30px;
margin-bottom: 15px;
}

h4 {
font-size: 1.2em;
color: #1A2E44;
margin-bottom: 10px;
font-weight: bold;
}

/* Paragraphs and Lists */
p {
font-size: 1em;
margin-bottom: 15px;
}

ul {
list-style-type: disc;
margin-left: 25px; /* Adjust for RTL */
padding-right: 0; /* Adjust for RTL */
margin-bottom: 20px;
font-size: 1em;
}

ul li {
margin-bottom: 8px;
}

/* Specific Section Styles */
div[style*=”border-left: 5px solid #007BFF”] { /* Introduction block */
background-color: #E6F3FF;
border-left: 5px solid #007BFF;
padding: 15px 20px;
margin-bottom: 30px;
border-radius: 8px;
}

div[style*=”background-color: #F0F8FF”] { /* Infographic/Process block */
background-color: #F0F8FF;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

div[style*=”background-color: #F8FCFF”] { /* FAQ block */
background-color: #F8FCFF;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
border: 1px solid #E0F2FF;
}

/* Table Styles */
table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 1em;
min-width: 350px; /* Ensure table is readable on small screens */
}

table caption {
caption-side: top;
text-align: right;
font-weight: bold;
margin-bottom: 10px;
color: #1A2E44;
font-size: 1.1em;
}

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

table thead {
background-color: #007BFF;
color: white;
}

table tbody tr:nth-child(even) { /* Zebra striping */
background-color: #F8F9FA;
}

table tbody tr:hover {
background-color: #E6F3FF; /* Hover effect */
}

/* Infographic Card Styles */
div[style*=”display: flex;”] > div[style*=”flex: 1 1 300px”] {
background-color: #FFFFFF;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
text-align: center;
border: 1px solid #CCE5FF;
transition: transform 0.2s ease-in-out;
}

div[style*=”display: flex;”] > div[style*=”flex: 1 1 300px”]:hover {
transform: translateY(-5px);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
padding: 15px 0;
}

h2 {
font-size: 1.7em;
margin-top: 30px;
}

h3 {
font-size: 1.3em;
margin-top: 25px;
}

/* Adjust padding for overall content */
div[style*=”max-width: 900px”] {
padding: 15px;
border-radius: 8px;
}

/* Adjust table for smaller screens */
table, table th, table td {
font-size: 0.9em;
padding: 10px 12px;
}

/* Infographic cards stacking on smaller screens */
div[style*=”display: flex;”] {
flex-direction: column;
align-items: center;
}
div[style*=”flex: 1 1 300px”] {
width: 100%;
max-width: 350px; /* Max width for individual cards */
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
padding: 10px 0;
}

h2 {
font-size: 1.5em;
margin-top: 20px;
}

h3 {
font-size: 1.2em;
margin-top: 20px;
}

p, ul, li {
font-size: 0.9em;
}

/* Ensure table overflow on very small screens */
div[style*=”overflow-x: auto”] {
-webkit-overflow-scrolling: touch; /* Smooth scrolling for touch devices */
}
table {
min-width: 320px; /* Absolute min width for content */
}

/* Further condense infographic cards */
div[style*=”flex: 1 1 300px”] {
padding: 15px;
}
}

/* Color Palette Description (for reference, not code) */
/* Primary: #007BFF (Deep Blue) */
/* Accent: #FFD700 (Gold/Yellow for subtle highlights or icons if images were used) – not directly used in text styling but implied by emojis. */
/* Text: #1A2E44 (Dark Blue/Almost Black) for main headings, #333 (Dark Gray) for body text, #555 (Medium Gray) for subtle text. */
/* Backgrounds: #F8F9FA (Very Light Gray), #FFFFFF (White), #E6F3FF (Light Blue), #F0F8FF (Lighter Blue), #F8FCFF (Even Lighter Blue). */
/* Borders: #ddd (Light Gray), #CCE5FF (Light Blue). */

“`