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

/* Global Styles for Responsiveness and Font */
body {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl; /* Ensure right-to-left for Persian */
margin: 0;
padding: 0;
background-color: #EAF2F8; /* Light background for the page */
}

/* Vazirmatn font import (if not already included globally) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/vazirmatn-font-face.css’);

/* Headings Styling */
h1 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.5em; /* Larger on desktop */
font-weight: 800;
color: #2C3E50;
text-align: center;
margin-bottom: 30px;
line-height: 1.3;
}
h2 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.8em; /* Responsive size */
font-weight: 700;
color: #2C3E50;
margin-top: 40px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #3498DB;
}
h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.4em; /* Responsive size */
font-weight: 600;
color: #2980B9;
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraph and List Styling */
p {
font-size: 1.1em;
line-height: 1.8;
color: #34495E;
margin-bottom: 15px;
text-align: justify;
}
ul {
list-style: none;
padding-left: 0;
margin-bottom: 25px;
}
li {
margin-bottom: 15px;
padding-left: 30px;
position: relative;
font-size: 1.1em;
text-align: justify;
}
li span { /* For bullet point icons */
position: absolute;
left: 0;
top: 0;
color: #27AE60;
font-size: 1.5em;
}

/* Table Responsiveness */
table {
width: 100%;
border-collapse: collapse;
margin: 0 auto;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
overflow-x: auto; /* Allow horizontal scroll on small screens */
display: block; /* Make table behave like a block element */
-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}
thead {
background-color: #3498DB;
color: white;
}
th, td {
padding: 15px;
border: 1px solid #BDC3C7;
text-align: center;
font-size: 1.1em;
}
td:first-child { /* Align content in the first column to right */
text-align: right;
}

/* Infographic-like steps */
.step-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-top: 30px;
margin-bottom: 40px;
}
.step-box {
flex: 1 1 calc(50% – 20px); /* Two columns on larger screens */
min-width: 280px; /* Minimum width before stacking */
background-color: #EBF5FB;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
display: flex;
align-items: flex-start;
border: 1px solid #D6EAF8;
}
.step-box span {
font-size: 2em;
color: #3498DB;
font-weight: bold;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
border-radius: 50%;
background-color: #D6EAF8;
}
.step-box h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.3em;
color: #2C3E50;
margin-top: 0;
margin-bottom: 10px;
}
.step-box p {
font-size: 0.95em;
color: #555;
margin: 0;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
h1 {
font-size: 2em;
margin-bottom: 20px;
}
h2 {
font-size: 1.6em;
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 1.2em;
margin-top: 25px;
margin-bottom: 10px;
}
p {
font-size: 1em;
margin-bottom: 10px;
}
li {
font-size: 1em;
margin-bottom: 10px;
padding-left: 25px;
}
li span {
font-size: 1.2em;
width: 35px;
height: 35px;
}
th, td {
padding: 10px;
font-size: 0.95em;
}
.step-box {
flex: 1 1 100%; /* Stack columns on smaller screens */
margin-bottom: 15px;
padding: 20px;
}
.step-box span {
font-size: 1.8em;
width: 40px;
height: 40px;
}
.step-box h3 {
font-size: 1.2em;
}
.step-box p {
font-size: 0.9em;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.1em;
}
p, li {
font-size: 0.95em;
}
th, td {
padding: 8px;
font-size: 0.9em;
}
}

/* Ensure text within the main div is contained */
div[style*=”max-width: 900px”] {
padding: 20px;
}

/* Specific styles for card-like sections */
div[style*=”background-color: #E0F2F7″],
div[style*=”background-color: #ECF0F1″],
div[style*=”background-color: #E8F6F3″],
div[style*=”background-color: #F0F4F7″] {
border-radius: 12px;
margin-bottom: 25px;
}