انجام پایان نامه در خیابان شریعتی + تضمینی

/* Global styles for better readability and responsiveness */
body {
font-family: ‘B Nazanin’, ‘Iranian Sans’, Arial, sans-serif;
line-height: 1.8;
color: #333333;
margin: 0;
padding: 0;
background-color: #f5f7fa; /* Light background for the whole page */
}

/* Main container styling for responsiveness and aesthetics */
div[style*=”font-family”] {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Headings Styling – H1 */
h1[style*=”font-size: 38px”] {
font-size: 38px;
font-weight: 800;
text-align: center;
color: #1A5276; /* Dark Blue */
margin-bottom: 40px;
padding: 15px 0;
border-bottom: 3px solid #E0F2F7; /* Light Blue Border */
letter-spacing: -0.5px;
/* Responsive adjustments for H1 */
font-size: clamp(28px, 5vw, 38px); /* Fluid font size */
}

/* Headings Styling – H2 */
h2[style*=”font-size: 30px”] {
font-size: 30px;
font-weight: 700;
color: #2E86C1; /* Medium Blue */
margin-top: 50px;
margin-bottom: 25px;
border-bottom: 2px solid #E0F2F7;
padding-bottom: 10px;
/* Responsive adjustments for H2 */
font-size: clamp(24px, 4vw, 30px); /* Fluid font size */
}

/* Headings Styling – H3 */
h3[style*=”font-size: 24px”] {
font-size: 24px;
font-weight: 600;
color: #1A5276; /* Dark Blue */
margin-top: 40px;
margin-bottom: 15px;
/* Responsive adjustments for H3 */
font-size: clamp(20px, 3.5vw, 24px); /* Fluid font size */
}

/* Paragraphs */
p {
font-size: 18px;
text-align: justify;
margin-bottom: 20px;
/* Responsive adjustments for paragraphs */
font-size: clamp(16px, 2.5vw, 18px);
line-height: 1.7;
}

/* Lists */
ul, ol {
margin-left: 30px;
margin-bottom: 20px;
font-size: 18px;
/* Responsive adjustments for lists */
font-size: clamp(16px, 2.5vw, 18px);
}
li {
margin-bottom: 10px;
line-height: 1.6;
}

/* Table styling */
table {
width: 100%;
border-collapse: collapse;
min-width: 400px; /* Ensures table is scrollable on very small screens */
font-size: 17px;
background-color: #E0F2F7; /* Light Blue Background */
border-radius: 8px;
overflow: hidden; /* Ensures border-radius applies */
}
th, td {
padding: 15px;
text-align: right;
border-bottom: 1px solid #C0D8E8; /* Lighter blue border */
/* Responsive font size for table cells */
font-size: clamp(14px, 2.2vw, 17px);
}
thead th {
background-color: #2E86C1; /* Medium Blue for header */
color: #FFFFFF;
font-weight: bold;
border-bottom: 2px solid #1A5276; /* Darker blue border for header */
}
tbody tr:nth-child(even) {
background-color: #F0F8FF; /* Alternate row color */
}
/* Responsive table container */
div[style*=”overflow-x: auto”] {
overflow-x: auto; /* Allows horizontal scrolling for table on small screens */
margin-bottom: 40px;
border: 1px solid #E0F2F7;
border-radius: 8px;
background-color: #F8F8F8;
}

/* Infographic-like Section Styling */
div[style*=”display: flex; flex-wrap: wrap”] {
background-color: #F0F8FF; /* Very light blue background */
border: 2px solid #2E86C1; /* Medium Blue Border */
border-radius: 12px;
padding: 30px;
margin: 40px 0;
display: flex;
flex-wrap: wrap; /* Allows items to wrap to new lines */
justify-content: space-around;
gap: 20px; /* Space between items */
}
div[style*=”flex: 1 1 300px”] { /* Individual infographic boxes */
min-width: 280px; /* Ensures boxes don’t get too small */
background-color: #FFFFFF;
border: 1px solid #C0D8E8;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
text-align: center;
transition: transform 0.2s ease-in-out; /* Simple hover effect */
}
div[style*=”flex: 1 1 300px”]:hover {
transform: translateY(-5px);
}
div[style*=”font-size: 48px”] { /* Emoji styling */
margin: 0;
font-size: clamp(40px, 6vw, 48px);
}
div[style*=”font-size: 22px”] { /* Infographic H3 */
font-size: clamp(18px, 3vw, 22px);
}
div[style*=”font-size: 16px”] { /* Infographic paragraph */
font-size: clamp(14px, 2.2vw, 16px);
}

/* FAQ Section Styling */
div[style*=”border-left: 5px solid #1A5276″] {
background-color: #F8F8F8; /* Light gray background */
border-left: 5px solid #1A5276; /* Dark blue left border */
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
div[style*=”border-left: 5px solid #1A5276″] h3 {
font-size: clamp(18px, 3vw, 22px);
font-weight: 600;
color: #1A5276;
margin-top: 0;
margin-bottom: 10px;
}
div[style*=”border-left: 5px solid #1A5276″] p {
font-size: clamp(15px, 2.4vw, 17px);
text-align: justify;
margin-bottom: 0; /* Remove extra margin for FAQ paragraphs */
}

/* Ensure good spacing for mobile */
@media (max-width: 768px) {
div[style*=”font-family”] {
padding: 15px;
}
h1[style*=”font-size”] {
margin-bottom: 30px;
}
h2[style*=”font-size”] {
margin-top: 40px;
margin-bottom: 20px;
}
h3[style*=”font-size”] {
margin-top: 30px;
margin-bottom: 10px;
}
p, ul, ol, li {
margin-bottom: 15px;
}
ul, ol {
margin-left: 20px;
}
/* Adjust infographic layout for smaller screens */
div[style*=”flex: 1 1 300px”] {
flex: 1 1 100%; /* Stack items vertically */
margin-bottom: 15px;
}
}

/* Styling for print/TV (larger screens) */
@media (min-width: 1920px) {
div[style*=”font-family”] {
max-width: 1400px; /* Wider content for very large displays */
padding: 40px;
}
h1[style*=”font-size”] { font-size: 42px; }
h2[style*=”font-size”] { font-size: 34px; }
h3[style*=”font-size”] { font-size: 28px; }
p, ul, ol, li { font-size: 20px; }
th, td { font-size: 19px; padding: 20px; }
}