انجام پایان نامه در رامسر + تضمینی

@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://webfonts.fontg.com/webfonts/v2/css?family=B+Nazanin’) format(‘woff2’); /* Placeholder for font loading */
font-weight: normal;
font-style: normal;
}
body {
font-family: ‘B Nazanin’, Tahoma, Arial, sans-serif;
line-height: 1.8;
color: #34495E;
background-color: #F8F9F9;
margin: 0;
padding: 0;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #FFFFFF;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
}
h1, h2, h3 {
text-align: right;
font-family: ‘B Nazanin’, sans-serif;
}
h1 {
font-size: 2.5em;
font-weight: bold;
color: #2C3E50;
margin-top: 0;
margin-bottom: 30px;
}
h2 {
font-size: 1.8em;
font-weight: bold;
color: #34495E;
border-bottom: 2px solid #3498DB;
padding-bottom: 10px;
margin-top: 40px;
margin-bottom: 25px;
position: relative;
padding-right: 20px;
}
h2::before {
content: ‘📚’;
position: absolute;
right: 0;
top: 0;
font-size: 1em;
line-height: 1;
color: #27AE60;
}
h3 {
font-size: 1.4em;
font-weight: bold;
color: #2980B9;
margin-top: 30px;
margin-bottom: 15px;
padding-right: 15px;
position: relative;
}
h3::before {
content: ‘🔹’;
position: absolute;
right: 0;
top: 0;
font-size: 0.8em;
line-height: 1.5;
color: #F39C12;
}
p {
text-align: justify;
margin-bottom: 15px;
}
ul, ol {
padding-right: 20px;
margin-bottom: 15px;
}
ul li, ol li {
margin-bottom: 8px;
padding-right: 10px;
position: relative;
}
ul li::before {
content: ‘•’;
position: absolute;
right: 0;
color: #27AE60;
font-weight: bold;
}
ol li::before {
font-weight: bold;
color: #3498DB;
}
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
background-color: #FDFEFE;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
th, td {
border: 1px solid #D5DBDB;
padding: 12px 15px;
text-align: right;
font-size: 0.95em;
color: #34495E;
}
th {
background-color: #3498DB;
color: white;
font-weight: bold;
border-bottom: 2px solid #2980B9;
}
tr:nth-child(even) {
background-color: #F7F9F9;
}
.info-box {
background-color: #E8F8F5;
border-right: 5px solid #2ECC71;
padding: 15px 20px;
margin: 25px 0;
border-radius: 8px;
font-size: 0.95em;
line-height: 1.7;
color: #27AE60;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.warning-box {
background-color: #FDF2E9;
border-right: 5px solid #F39C12;
padding: 15px 20px;
margin: 25px 0;
border-radius: 8px;
font-size: 0.95em;
line-height: 1.7;
color: #D35400;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.section-separator {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(52, 152, 219, 0.75), rgba(0, 0, 0, 0));
margin: 60px 0;
}
.infographic-block {
background-color: #ECF0F1;
border-radius: 12px;
padding: 25px;
margin: 40px 0;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.infographic-title {
font-size: 1.6em;
font-weight: bold;
color: #2C3E50;
margin-bottom: 20px;
border-bottom: 2px dashed #BDC3C7;
padding-bottom: 10px;
width: 100%;
}
.infographic-step {
background-color: #FFFFFF;
border: 1px solid #D5DBDB;
border-radius: 10px;
padding: 15px 20px;
margin: 10px 0;
width: 85%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
align-items: flex-end; /* Align text to the right for RTL */
text-align: right;
}
.infographic-step .icon {
font-size: 2em;
margin-bottom: 10px;
color: #3498DB;
}
.infographic-step strong {
font-size: 1.1em;
color: #2980B9;
margin-bottom: 5px;
}
.infographic-arrow {
font-size: 2.5em;
color: #3498DB;
margin: 10px 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.container {
padding: 15px;
margin: 0 10px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
padding-right: 15px;
}
h2::before {
font-size: 0.9em;
}
h3 {
font-size: 1.2em;
padding-right: 10px;
}
h3::before {
font-size: 0.7em;
}
th, td {
padding: 10px;
font-size: 0.9em;
}
.infographic-step {
width: 95%;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.3em;
padding-right: 10px;
}
h3 {
font-size: 1.1em;
padding-right: 8px;
}
.infographic-step {
width: 100%;
padding: 10px;
}
}

@keyframes neon-blue {
from {
text-shadow: 0 0 5px #3498DB, 0 0 10px #3498DB, 0 0 15px #3498DB, 0 0 20px #3498DB;
}
to {
text-shadow: 0 0 2px #3498DB, 0 0 5px #3498DB, 0 0 7px #3498DB, 0 0 10px #3498DB;
}
}