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

/* Global styles for better responsiveness and consistency */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}

/* Font embedding – Vazirmatn is a good Persian font */
@import url(‘https://cdn.fontcdn.ir/Font/Persian/Vazirmatn/Vazirmatn.css’);

/* Base styles for text within the main content block */
div[style*=”font-family: ‘Vazirmatn'”] p,
div[style*=”font-family: ‘Vazirmatn'”] li,
div[style*=”font-family: ‘Vazirmatn'”] table,
div[style*=”font-family: ‘Vazirmatn'”] span {
font-family: ‘Vazirmatn’, sans-serif;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
margin: 0 10px; /* Add horizontal margin on smaller screens */
}
h1 {
font-size: 2em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.6em !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 1.2em !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
}
p, li {
font-size: 1em !important;
line-height: 1.7 !important;
}
table, thead, tbody, th, td, tr {
display: block;
width: 100%;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ccc;
margin-bottom: 15px;
display: block; /* Ensure each row takes full width */
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
text-align: right !important;
}
td:before {
position: absolute;
top: 6px;
right: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
content: attr(data-label); /* Use data-label for mobile headers */
}
td:nth-of-type(1):before { content: “نوع پرونده”; }
td:nth-of-type(2):before { content: “توضیحات و مثال‌ها”; }

/* Adjust flex items for contact section */
div[style*=”display: flex; flex-wrap: wrap; justify-content: center;”] a {
flex: 1 1 100% !important;
max-width: 100% !important;
}
}

/* tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”max-width: 900px”] {
padding: 20px;
margin: 0 20px;
}
h1 {
font-size: 2.2em !important;
}
h2 {
font-size: 1.7em !important;
}
h3 {
font-size: 1.3em !important;
}
p, li {
font-size: 1.05em !important;
}
}

/* Large screens (laptops, TVs) */
@media (min-width: 1025px) {
div[style*=”max-width: 900px”] {
padding: 30px;
}
}

/* Hover effects for links and buttons */
a[style*=”text-decoration: none; transition: color 0.3s ease;”]:hover,
div[style*=”display: flex;”] a:hover,
a[style*=”display: inline-block;”]:hover {
color: #0056b3 !important; /* Darker blue for general links */
transform: translateY(-2px); /* Slight lift effect */
box-shadow: 0 6px 15px rgba(0, 123, 255, 0.2);
}
div[style*=”display: flex;”] a:hover {
background-color: #0056b3 !important; /* Darker blue for call buttons */
}
a[style*=”display: inline-block;”][style*=”background-color: #28a745;”]:hover {
background-color: #218838 !important; /* Darker green for quick call */
}