مشاوره با وکیل رایگان در بندرگز + شماره تماس

/* Responsive adjustments for smaller screens if this CSS were embedded or linked */
@media (max-width: 768px) {
div[style*=”max-width: 1200px”] {
padding: 15px;
}
h1 {
font-size: 2em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.7em !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 1.2em !important;
margin-bottom: 8px !important;
}
p, ul, li, table {
font-size: 1em !important;
}
div[style*=”display: flex; flex-wrap: wrap”] > div {
flex: 1 1 100% !important; /* Stack infographic blocks on small screens */
}
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #dee2e6; margin-bottom: 10px; border-radius: 8px; overflow: hidden; }
td {
border: none;
border-bottom: 1px solid #dee2e6;
position: relative;
padding-left: 50% !important;
text-align: right !important;
}
td:last-child {
border-bottom: 0;
}
td:before {
position: absolute;
top: 0;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
color: #0056b3;
}
td:nth-of-type(1):before { content: “حوزه حقوقی”; }
td:nth-of-type(2):before { content: “چند مثال رایج”; }

div[style*=”max-width: 700px”] {
padding: 20px;
margin: 20px auto !important;
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center; gap: 20px”] a {
padding: 12px 20px !important;
font-size: 1.1em !important;
flex: 1 1 100% !important;
}
div[style*=”padding-top: 20px”] ul {
flex-direction: column;
align-items: center;
}
}

// This script is purely for demonstrating that headings can be styled.
// In a real website, these styles would be in a CSS file.
document.addEventListener(‘DOMContentLoaded’, function() {
// Apply H1 specific styles
const h1Element = document.querySelector(‘h1[style*=”font-size: 2.5em”]’);
if (h1Element) {
h1Element.style.fontSize = ‘2.5em’;
h1Element.style.fontWeight = ‘800’;
h1Element.style.color = ‘#0056b3’;
h1Element.style.textAlign = ‘center’;
h1Element.style.marginBottom = ’30px’;
h1Element.style.padding = ’15px 0′;
h1Element.style.borderBottom = ‘3px solid #0056b3’;
}

// Apply H2 specific styles
document.querySelectorAll(‘h2[style*=”font-size: 2em”]’).forEach(h2 => {
h2.style.fontSize = ‘2em’;
h2.style.fontWeight = ‘700’;
h2.style.color = ‘#0056b3′;
h2.style.marginTop = ’40px’;
h2.style.marginBottom = ’20px’;
h2.style.borderBottom = ‘2px dashed #e0e0e0′;
h2.style.paddingBottom = ’10px’;
});

// Apply H3 specific styles
document.querySelectorAll(‘h3[style*=”font-size: 1.4em”]’).forEach(h3 => {
h3.style.fontSize = ‘1.4em’;
h3.style.fontWeight = ‘600’;
h3.style.color = ‘#0056b3′;
h3.style.marginBottom = ’10px’;
});
document.querySelectorAll(‘h3[style*=”font-size: 1.3em”]’).forEach(h3 => {
h3.style.fontSize = ‘1.3em’;
h3.style.fontWeight = ‘700’;
h3.style.color = ‘#0056b3′;
h3.style.margin = ’10px 0’;
});

// Apply H4 specific styles
document.querySelectorAll(‘h4[style*=”font-size: 1.4em”]’).forEach(h4 => {
h4.style.fontSize = ‘1.4em’;
h4.style.fontWeight = ‘600’;
h4.style.color = ‘#0056b3′;
h4.style.marginBottom = ’15px’;
});
document.querySelectorAll(‘h4[style*=”font-size: 1.3em”]’).forEach(h4 => {
h4.style.fontSize = ‘1.3em’;
h4.style.fontWeight = ‘600’;
h4.style.color = ‘#0056b3′;
h4.style.marginBottom = ’15px’;
});

// Apply contact number hover effect (example for interactivity)
document.querySelectorAll(‘a[href^=”tel:”]’).forEach(link => {
link.onmouseover = function() {
this.style.backgroundColor = ‘#218838’; // Darker green on hover
}
link.onmouseout = function() {
this.style.backgroundColor = ‘#28a745’; // Original green
}
});

// Apply internal link hover effect
document.querySelectorAll(‘a[style*=”color: #007bff”]’).forEach(link => {
link.onmouseover = function() {
this.style.color = ‘#0056b3’; // Darker blue on hover
}
link.onmouseout = function() {
this.style.color = ‘#007bff’; // Original blue
}
});
document.querySelectorAll(‘a[style*=”color: #0056b3″]’).forEach(link => {
link.onmouseover = function() {
this.style.textDecoration = ‘underline’; // Underline on hover for TOC
}
link.onmouseout = function() {
this.style.textDecoration = ‘none’; // No underline
}
});
});