@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap’);
body { font-family: ‘Vazirmatn’, sans-serif; margin: 0; padding: 0; }
h1, h2, h3 { font-family: ‘Vazirmatn’, sans-serif; color: #2C3E50; margin-bottom: 20px; }
p { margin-bottom: 15px; text-align: justify; }
ul { list-style-type: disc; margin-left: 20px; margin-bottom: 15px; }
ol { list-style-type: decimal; margin-left: 20px; margin-bottom: 15px; }
a { color: #2980B9; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border-radius: 8px; }
.section-box { background-color: #F9F9F9; border-left: 5px solid #2980B9; padding: 20px; margin-bottom: 30px; border-radius: 5px; }
.highlight-box { background-color: #ECF0F1; padding: 15px; border-radius: 5px; margin-bottom: 20px; font-weight: 500; color: #34495E; }
.table-container { overflow-x: auto; margin-bottom: 30px; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; background-color: #FFFFFF; box-shadow: 0 2px 8px rgba(0,0,0,0.03); border-radius: 8px; overflow: hidden; }
th, td { padding: 15px; text-align: right; border-bottom: 1px solid #ECEFF1; }
th { background-color: #2980B9; color: #FFFFFF; font-weight: 600; text-align: center; }
tr:nth-child(even) { background-color: #F8F8F8; }
.infographic-style {
background: linear-gradient(135deg, #E0F2F7 0%, #D1EEF5 100%);
border-radius: 15px;
padding: 30px;
margin: 40px 0;
box-shadow: 0 8px 25px rgba(0, 123, 192, 0.1);
position: relative;
overflow: hidden;
border: 1px solid #B3DDF0;
}
.infographic-style::before {
content: ”;
position: absolute;
top: -20px;
right: -20px;
width: 80px;
height: 80px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
transform: rotate(45deg);
}
.infographic-title {
font-size: 1.8em;
font-weight: bold;
color: #2C3E50;
text-align: center;
margin-bottom: 25px;
position: relative;
}
.infographic-item {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 123, 192, 0.2);
}
.infographic-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.infographic-icon {
font-size: 2.2em;
color: #007BC0;
margin-left: 15px;
flex-shrink: 0;
line-height: 1;
}
.infographic-text {
font-size: 1.1em;
color: #34495E;
text-align: justify;
}
@media (max-width: 768px) {
h1 { font-size: 2em !important; }
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.3em !important; }
.container { padding: 15px; }
.section-box, .highlight-box { padding: 15px; }
th, td { padding: 10px; }
.infographic-title { font-size: 1.5em; }
.infographic-icon { font-size: 1.8em; }
.infographic-text { font-size: 1em; }
}
@media (max-width: 480px) {
h1 { font-size: 1.8em !important; }
h2 { font-size: 1.4em !important; }
h3 { font-size: 1.2em !important; }
.container { padding: 10px; }
.infographic-item { flex-direction: column; align-items: center; text-align: center; }
.infographic-icon { margin-left: 0; margin-bottom: 10px; }
.infographic-text { font-size: 0.95em; }
}

هزینه و قیمت انجام پایان نامه در وردآورد + تضمینی