انجام پایان نامه در گلپایگان + تضمینی: راهنمای کامل گام‌به‌گام برای یک تجربه موفق

/* Responsive Styles for Mobile, Tablet, Laptop, TV */
@media (max-width: 1200px) {
h1 { font-size: 2.5em !important; }
h2 { font-size: 2em !important; }
h3 { font-size: 1.4em !important; }
p { font-size: 1em !important; }
ul, ol { font-size: 1em !important; }
.card-container > div {
flex: 1 1 calc(48% – 20px) !important;
}
}

@media (max-width: 768px) {
h1 { font-size: 2.2em !important; margin-bottom: 30px !important; }
h2 { font-size: 1.8em !important; margin-top: 40px !important; margin-bottom: 20px !important; }
h3 { font-size: 1.3em !important; }
p { font-size: 0.95em !important; }
ul, ol { font-size: 0.95em !important; }
.card-container > div,
.step-container > div {
flex: 1 1 100% !important; /* Stack items vertically on smaller screens */
min-width: unset !important;
}
table { min-width: 100% !important; display: block; overflow-x: auto; }
table th, table td { padding: 12px !important; }
.step-container div, .card-container div {
margin-bottom: 20px;
}
}

@media (max-width: 480px) {
h1 { font-size: 1.8em !important; margin-bottom: 25px !important; }
h2 { font-size: 1.6em !important; margin-top: 30px !important; margin-bottom: 15px !important; }
h3 { font-size: 1.2em !important; }
p { font-size: 0.9em !important; }
ul, ol { font-size: 0.9em !important; padding-left: 15px !important;}
div[style*=”border-left: 5px solid #2ECC71″] { padding: 15px 20px !important; }
.step-container div, .card-container div {
padding: 20px !important;
margin-bottom: 15px;
}
table {
font-size: 0.85em; /* Smaller font for mobile tables */
}
table th, table td {
white-space: normal; /* Allow text to wrap in table cells */
}
}

/* Base styles for block editor compatibility and unique design */
body {
direction: rtl; /* Ensure RTL for Persian text */
text-align: right; /* Align text to the right */
}
/* General container for the article, ensuring it behaves responsively */
div[style*=”max-width: 100%”] {
direction: rtl;
text-align: right;
box-sizing: border-box; /* Include padding and border in the element’s total width and height */
}

/* Style for the step-by-step visual “infographic” alternative */
div[style*=”display: flex; flex-wrap: wrap; justify-content: space-around;”] > div {
box-sizing: border-box;
}

/* Style for the card-based “Why expert” section */
div[style*=”display: flex; flex-wrap: wrap; justify-content: space-around;”] > div:hover {
transform: translateY(-5px); /* Subtle hover effect */
}

/* Style for the bullet point “Quality Tips” section */
div[style*=”list-style: none”] li {
box-sizing: border-box;
}

/* Table responsiveness */
table {
box-sizing: border-box;
}
table th, table td {
box-sizing: border-box;
white-space: nowrap; /* Prevent breaking lines in table headers initially */
}