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

/* Basic responsive adjustments for smaller screens */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.5em !important;
}
h3 {
font-size: 1.2em !important;
}
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ccc;
margin-bottom: 10px;
display: block; /* Ensure each row is a block */
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50% !important; /* Make room for label */
text-align: right !important; /* Align content right */
}
td::before {
content: attr(data-label); /* Use data-label for the pseudo-element */
position: absolute;
right: 6px;
width: 45%; /* Label width */
padding-left: 10px;
font-weight: bold;
text-align: right;
color: #3c8dbc;
}
/* Hide the original header titles on small screens if you want to use data-label */
/* For this specific table, keeping original headers as blocks might be fine if `display: block` for td works well */

/* For our table, we will use a different approach that doesn’t rely on data-label but ensures readability */
table, thead, tbody, th, td, tr {
display: block;
}
thead { display: none; } /* Hide the original header */
tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
}
td {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 15px !important;
border-bottom: 1px solid #f0f0f0 !important;
font-size: 0.95em !important;
}
td:first-child {
background-color: #f7fbff;
font-weight: bold;
color: #286090;
border-bottom: 1px solid #e1eaf2 !important;
border-right: 4px solid #3c8dbc;
padding-right: 15px !important;
}
td:last-child {
border-bottom: none !important;
padding-right: 15px !important;
color: #555;
}
td:first-child + td { /* Second td for actual content */
flex-direction: column;
align-items: flex-start;
}
td:first-child + td::before {
/* Remove pseudo element if not using data-label directly */
content: “”;
display: none;
}

/* Ensure flex items wrap properly */
div[style*=”display: flex”] {
flex-direction: column;
gap: 15px;
}
div[style*=”flex: 1 1 300px”], div[style*=”flex: 1 1 40%”] {
flex: 1 1 100% !important;
min-width: unset !important;
}
ul {
padding-right: 10px !important;
margin-right: 0 !important;
}
ul li {
padding-right: 0 !important;
}
}

@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”max-width: 900px”] {
padding: 30px;
}
h1 {
font-size: 2.5em !important;
}
h2 {
font-size: 1.7em !important;
}
h3 {
font-size: 1.3em !important;
}
div[style*=”flex: 1 1 40%”] {
flex: 1 1 45%; /* Adjust for 2 columns on tablets */
}
}