مشاوره پایان نامه رشته معارف اسلامی و حقوق + تضمینی

/* Responsive Design for various devices */
@media (max-width: 768px) {
h1 { font-size: 2em !important; }
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.2em !important; }
div { padding: 15px !important; }
ul, ol { margin-left: 15px !important; }
table { font-size: 0.9em; }
th, td { padding: 10px !important; }
.faq-item h3 { font-size: 1.1em !important; }
.faq-item p { font-size: 0.9em !important; }
.info-graphic-step { flex: 1 1 100% !important; } /* Stack infographic steps on small screens */
}

@media (min-width: 769px) and (max-width: 1024px) {
h1 { font-size: 2.2em !important; }
h2 { font-size: 1.8em !important; }
h3 { font-size: 1.3em !important; }
div { padding: 20px !important; }
}

/* General Styling (for block editor) */
body {
font-family: ‘B Nazanin’, ‘Sahel’, ‘Vazirmatn’, sans-serif;
direction: rtl; /* Ensure right-to-left for Persian text */
text-align: right; /* Align text right */
}

/* Base styles for the content container */
div[style*=”background-color: #FDFEFE”] {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #FDFEFE; /* Light white background */
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* H1 styling */
h1 {
font-size: 2.5em; /* Larger for H1 */
font-weight: bold;
color: #2C3E50; /* Dark blue */
text-align: center;
margin-bottom: 0.8em;
}

/* H2 styling */
h2 {
font-size: 2em; /* Slightly smaller for H2 */
font-weight: bold;
color: #1A5276; /* Medium blue */
margin-top: 2.5em;
margin-bottom: 1em;
border-bottom: 2px solid #D6EAF8; /* Light blue border */
padding-bottom: 0.5em;
}

/* H3 styling */
h3 {
font-size: 1.5em; /* Smaller for H3 */
font-weight: bold;
color: #6C3483; /* Deep purple */
margin-top: 2em;
margin-bottom: 0.8em;
}

/* Paragraph styling */
p {
line-height: 1.8;
font-size: 1.1em;
color: #333333; /* Dark grey for readability */
margin-bottom: 1em;
}

/* List styling */
ul {
list-style: disc;
margin-left: 25px; /* Indent lists */
margin-bottom: 20px;
color: #333333;
}
ul li {
margin-bottom: 8px;
}
ul li strong {
color: #444444; /* Slightly darker for strong text in lists */
}
/* Custom list style for checkmark */
ul[style*=”list-style: check;”] li::marker {
content: “✅”; /* Visual checkmark */
font-size: 1.1em;
}

/* Custom box styles (intro, guaranteed section) */
div[style*=”border-left: 5px solid #3498DB”] { /* Intro box */
background-color: #EBF5FB; /* Light blue background */
padding: 15px 25px;
border-left: 5px solid #3498DB; /* Vibrant blue border */
border-radius: 8px;
margin-bottom: 30px;
}
div[style*=”border-left: 5px solid #27AE60″] { /* Guaranteed section box */
background-color: #F0FAF0; /* Light green background */
padding: 20px;
border-left: 5px solid #27AE60; /* Green border */
border-radius: 8px;
margin-bottom: 30px;
}

/* Table styling */
table {
width: 100%;
border-collapse: collapse;
margin: 0 auto;
background-color: #FFFFFF;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
th, td {
padding: 15px;
text-align: right;
border-bottom: 1px solid #EEEEEE;
}
th {
background-color: #3498DB; /* Vibrant blue for table header */
color: white;
border-bottom: 2px solid #D6EAF8;
font-size: 1.1em;
}
tr:nth-child(even) { /* Zebra striping for table rows */
background-color: #F8F8F8;
}

/* Infographic alternative (Roadmap) styling */
div[style*=”background-color: #FBF3E7″] { /* Main container for infographic */
background-color: #FBF3E7; /* Light orange/cream background */
padding: 25px;
border-radius: 12px;
margin-bottom: 30px;
box-shadow: 0 3px 15px rgba(0,0,0,0.07);
}
div[style*=”display: flex; flex-wrap: wrap;”] > div { /* Individual step boxes */
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border: 1px solid #FFECB3; /* Light orange border */
}
div[style*=”background-color: #FBF3E7″] p strong {
color: #5B2C6F; /* Dark purple for infographic step titles */
}
div[style*=”background-color: #FBF3E7″] span[style*=”color: #FFC107″] {
color: #FFC107; /* Bright yellow for icons */
}

/* Benefits section styling */
div[style*=”background-color: #F8F8F8″] {
background-color: #F8F8F8; /* Light grey background */
padding: 25px;
border-radius: 12px;
margin-bottom: 30px;
}
div[style*=”background-color: #F8F8F8″] li {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
div[style*=”background-color: #F8F8F8″] li span {
font-size: 1.5em;
color: #8E44AD; /* Medium purple for icons */
margin-right: 15px;
}
div[style*=”background-color: #F8F8F8″] li strong {
color: #8E44AD; /* Medium purple for benefit titles */
}

/* FAQ section styling */
div[style*=”border: 1px solid #D6EAF8″] { /* Individual FAQ items */
background-color: #FFFFFF;
border: 1px solid #D6EAF8; /* Light blue border */
border-radius: 8px;
margin-bottom: 15px;
padding: 15px 20px;
}
div[style*=”border: 1px solid #D6EAF8″] h3 {
font-size: 1.25em;
color: #34495E; /* Dark grey-blue for FAQ questions */
margin-top: 0;
margin-bottom: 10px;
}
div[style*=”border: 1px solid #D6EAF8″] p {
color: #555; /* Medium grey for FAQ answers */
font-size: 1em;
}