هزینه و قیمت انجام پایان نامه در حاجی‌آباد + تضمینی

/* CSS Reset and Base Styles for Responsive Design */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f9f9f9;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5em;
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.2;
}

p {
margin-top: 0;
margin-bottom: 1em;
}

ul {
padding-left: 20px;
margin-bottom: 1em;
}

/* Specific styles for headings for block editor */
[data-h-level=”1″] {
font-size: 2.5em;
font-weight: bold;
color: #2c3e50;
text-align: center;
margin-bottom: 30px;
line-height: 1.2;
}
[data-h-level=”2″] {
font-size: 2em;
font-weight: bold;
color: #34495e;
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #e0f7fa;
padding-bottom: 10px;
}
[data-h-level=”3″] {
font-size: 1.6em;
font-weight: bold;
color: #3a5a78;
margin-top: 30px;
margin-bottom: 15px;
}

/* Responsive adjustments for headings */
@media (max-width: 768px) {
[data-h-level=”1″] {
font-size: 2em;
margin-bottom: 20px;
}
[data-h-level=”2″] {
font-size: 1.7em;
margin-top: 30px;
margin-bottom: 15px;
}
[data-h-level=”3″] {
font-size: 1.4em;
margin-top: 25px;
margin-bottom: 10px;
}
}

@media (max-width: 480px) {
[data-h-level=”1″] {
font-size: 1.7em;
margin-bottom: 15px;
}
[data-h-level=”2″] {
font-size: 1.5em;
margin-top: 25px;
margin-bottom: 10px;
}
[data-h-level=”3″] {
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 8px;
}
}

/* Responsive Table */
table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 1em;
text-align: right;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

th, td {
padding: 12px 20px;
border: 1px solid #add8e6;
text-align: right;
}

th {
background-color: #e0f7fa;
color: #34495e;
font-weight: bold;
text-align: center;
}

tbody tr:nth-child(odd) {
background-color: #f9f9f9;
}

tbody tr:nth-child(even) {
background-color: #ffffff;
}

@media (max-width: 600px) {
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #add8e6;
margin-bottom: 10px;
border-radius: 8px;
overflow: hidden;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: right;
}
td:last-child {
border-bottom: none;
}
td::before {
content: attr(data-label);
position: absolute;
left: 10px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
text-align: left;
color: #34495e;
}
td:nth-of-type(1)::before { content: “مقطع و نوع خدمات:”; }
td:nth-of-type(2)::before { content: “دامنه تقریبی هزینه:”; }

/* Ensure infoboxes stack on small screens */
.infographic-box {
flex-basis: 100% !important;
}
}

/* Custom styles for the infographic alternative */
.infographic-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 30px;
margin-bottom: 40px;
}

.infographic-box {
flex: 1 1 280px; /* Base for desktop, allows wrapping */
background-color: #f0f8ff;
border: 1px solid #cceeff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
text-align: center;
}
.infographic-box span {
font-size: 3em;
display: block;
margin-bottom: 10px;
}
.infographic-box h3 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 10px;
}
.infographic-box p {
font-size: 0.95em;
color: #555;
margin-bottom: 0;
}

/* Specific colors for infographic boxes */
.infographic-box:nth-child(1) { background-color: #f0f8ff; border-color: #cceeff; } /* Blue */
.infographic-box:nth-child(1) span, .infographic-box:nth-child(1) h3 { color: #007bff; }

.infographic-box:nth-child(2) { background-color: #f0fff0; border-color: #ccffcc; } /* Green */
.infographic-box:nth-child(2) span, .infographic-box:nth-child(2) h3 { color: #28a745; }

.infographic-box:nth-child(3) { background-color: #fffaf0; border-color: #ffeebb; } /* Yellow */
.infographic-box:nth-child(3) span, .infographic-box:nth-child(3) h3 { color: #ffc107; }

.infographic-box:nth-child(4) { background-color: #ffeef2; border-color: #ffccdd; } /* Red */
.infographic-box:nth-child(4) span, .infographic-box:nth-child(4) h3 { color: #dc3545; }

.infographic-box:nth-child(5) { background-color: #e6f7ff; border-color: #b3e0ff; } /* Light Blue */
.infographic-box:nth-child(5) span, .infographic-box:nth-child(5) h3 { color: #17a2b8; }

.infographic-box:nth-child(6) { background-color: #e0ffe0; border-color: #b3ffb3; } /* Teal */
.infographic-box:nth-child(6) span, .infographic-box:nth-child(6) h3 { color: #20c997; }

@media (max-width: 768px) {
.infographic-box {
flex-basis: calc(50% – 10px); /* Two columns on medium screens */
}
}

@media (max-width: 480px) {
.infographic-box {
flex-basis: 100%; /* One column on small screens */
}
}

// This script modifies the DOM to add data attributes for H1, H2, H3 elements
// This helps styling in block editors that might strip direct style attributes from elements
// The actual styling is still done via the tag
document.addEventListener(‘DOMContentLoaded’, function() {
// Find all H1, H2, H3 elements within the main content div
const contentDiv = document.querySelector(‘div[style*=”max-width: 900px”]’);
if (contentDiv) {
contentDiv.querySelectorAll(‘h1’).forEach(h => {
h.setAttribute(‘data-h-level’, ‘1’);
});
contentDiv.querySelectorAll(‘h2’).forEach(h => {
h.setAttribute(‘data-h-level’, ‘2’);
});
contentDiv.querySelectorAll(‘h3’).forEach(h => {
h.setAttribute(‘data-h-level’, ‘3’);
});
}

// For table responsiveness to add data-label
const tableRows = document.querySelectorAll(‘table tbody tr’);
tableRows.forEach(row => {
const cells = row.querySelectorAll(‘td’);
if (cells.length > 0) {
cells[0].setAttribute(‘data-label’, ‘مقطع و نوع خدمات:’);
cells[1].setAttribute(‘data-label’, ‘دامنه تقریبی هزینه:’);
}
});

// To ensure the infographic uses the correct class name for responsive behavior
const infographicDivs = document.querySelectorAll(‘.infographic-container > div’);
infographicDivs.forEach(div => {
div.classList.add(‘infographic-box’);
});
});