انجام پروپوزال دکتری در خیابان بلوار کشاورز + تضمینی

/* Basic reset for better compatibility */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Vazirmatn font if available, otherwise a generic sans-serif */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2’) format(‘woff2’);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2’) format(‘woff2’);
font-weight: 700;
font-style: normal;
}
/* Fallback for system fonts */
* {
font-family: ‘Vazirmatn’, ‘BlinkMacSystemFont’, ‘Segoe UI’, ‘Roboto’, ‘Oxygen’, ‘Ubuntu’, ‘Cantarell’, ‘Fira Sans’, ‘Droid Sans’, ‘Helvetica Neue’, sans-serif !important;
box-sizing: border-box;
}

/* Ensure responsiveness for images inside the content block */
img {
max-width: 100%;
height: auto;
display: block; /* Prevents extra space below image */
margin: 15px 0;
border-radius: 8px;
}

/* Table responsiveness */
table {
width: 100% !important; /* Override inline width for full responsiveness */
display: block; /* Allows horizontal scrolling on small screens */
overflow-x: auto; /* Enables horizontal scroll if content overflows */
white-space: nowrap; /* Prevents cell content from wrapping */
}
table thead, table tbody, table th, table td, table tr {
display: block; /* For smaller screens, each row acts as a block */
}
table thead {
display: none; /* Hide header on small screens if preferable for vertical display */
}
table tr {
margin-bottom: 15px;
border: 1px solid #BDC3C7;
border-radius: 8px;
background-color: #F8F9FA;
padding: 10px;
}
table td {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 10px !important;
border: none !important; /* Remove individual cell borders on small screens */
font-size: 16px !important;
line-height: 1.5;
white-space: normal; /* Allow text wrapping within cells on small screens */
}
table td:first-child {
font-weight: bold;
color: #2C3E50;
margin-bottom: 5px;
}
table td:not(:first-child) {
text-align: left;
}
/* Revert table styles for larger screens (e.g., tablets and desktops) */
@media (min-width: 768px) {
table {
display: table !important;
overflow-x: hidden !important;
}
table thead {
display: table-header-group !important;
}
table tbody, table tr {
display: table-row-group !important;
margin-bottom: 0;
border: none;
background-color: transparent;
padding: 0;
}
table tr:nth-child(even) {
background-color: #F2F2F2 !important;
}
table tr:nth-child(odd) {
background-color: white !important;
}
table th, table td {
display: table-cell !important;
border: 1px solid #BDC3C7 !important;
white-space: nowrap;
text-align: right; /* Ensure right-to-left text alignment */
}
table td {
font-size: 17px !important;
}
}

/* General responsiveness for content blocks */
div {
max-width: 100%;
box-sizing: border-box;
}
/* Adjust padding/margins for smaller screens */
@media (max-width: 767px) {
h1 {
font-size: 28px !important;
padding: 15px 10px !important;
}
h2 {
font-size: 22px !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 19px !important;
margin-top: 25px !important;
margin-bottom: 10px !important;
}
p, ul, ol, li, div > p {
font-size: 16px !important;
}
div[style*=”padding: 20px”] {
padding: 15px !important;
}
div[style*=”padding: 25px”] {
padding: 20px !important;
}
ul[style*=”margin-left”] {
margin-left: 20px !important;
}
ol[style*=”margin-left”] {
margin-left: 20px !important;
}
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 1024px) {
h1 {
font-size: 30px !important;
}
h2 {
font-size: 24px !important;
}
h3 {
font-size: 20px !important;
}
p, ul, ol, li, div > p {
font-size: 16.5px !important;
}
}

/* General block styling for readability */
p {
text-align: justify;
}

/* RTL specific adjustments – Vazirmatn is an RTL font */
body, h1, h2, h3, p, ul, ol, li, table {
direction: rtl;
text-align: right;
}
ul, ol {
padding-right: 25px; /* Adjust for bullet/number positioning */
padding-left: 0;
}
ul li, ol li {
text-align: justify;
}
table th, table td {
text-align: right !important;
}