قبل از مراجعه به پلیس +۱۰ این لیست را بخوانید! مدارک لازم برای تعویض پلاک که اگر نباشد دوباره باید برگردید!: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۳۵: | خط ۳۵: | ||
<link rel="stylesheet" | <link rel="stylesheet" | ||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> | href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> | ||
<style> | |||
*{ | |||
margin:0; | |||
padding:0; | |||
box-sizing:border-box; | |||
} | |||
html, | |||
body{ | |||
width:100%; | |||
min-height:100%; | |||
} | |||
body{ | |||
font-family:tahoma,Arial,sans-serif; | |||
padding:35px 12px; | |||
color:#2b2b2b; | |||
overflow-x:hidden; | |||
} | |||
.docs-wrapper{ | |||
width:100%; | |||
max-width:1000px; | |||
margin:auto; | |||
} | |||
.docs-title{ | |||
text-align:center; | |||
color:#ffffff; | |||
font-size:27px; | |||
font-weight:800; | |||
line-height:1.5; | |||
margin-bottom:10px; | |||
} | |||
.docs-desc{ | |||
text-align:center; | |||
max-width:800px; | |||
margin:0 auto 35px; | |||
color:#f1fff5; | |||
font-size:14px; | |||
line-height:1.9; | |||
} | |||
.docs-grid{ | |||
display:flex; | |||
justify-content:center; | |||
align-items:flex-start; | |||
position:relative; | |||
padding-top:10px; | |||
overflow:visible; | |||
} | |||
.doc-card{ | |||
width:285px; | |||
min-width:285px; | |||
background:#FFD93D; | |||
border-radius:20px; | |||
padding:18px; | |||
box-shadow: | |||
0 10px 25px rgba(0,0,0,.15); | |||
transition:.3s; | |||
position:relative; | |||
} | |||
.doc-card:hover{ | |||
transform:translateY(-5px); | |||
box-shadow: | |||
0 18px 35px rgba(0,0,0,.22); | |||
} | |||
.card2{ | |||
margin-right:-45px; | |||
margin-top:55px; | |||
z-index:5; | |||
} | |||
.card3{ | |||
margin-right:-45px; | |||
margin-top:110px; | |||
z-index:10; | |||
} | |||
.doc-head{ | |||
display:flex; | |||
align-items:center; | |||
gap:10px; | |||
margin-bottom:14px; | |||
} | |||
.doc-icon{ | |||
width:46px; | |||
height:46px; | |||
border-radius:14px; | |||
background:#ffffff; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
color:#1e8449; | |||
font-size:20px; | |||
flex-shrink:0; | |||
} | |||
.doc-title{ | |||
font-size:18px; | |||
font-weight:800; | |||
line-height:1.5; | |||
} | |||
.doc-list{ | |||
list-style:none; | |||
} | |||
.doc-list li{ | |||
display:flex; | |||
align-items:flex-start; | |||
gap:8px; | |||
padding:9px 0; | |||
border-bottom:1px dashed rgba(0,0,0,.15); | |||
font-size:13px; | |||
line-height:1.8; | |||
} | |||
.doc-list li:last-child{ | |||
border-bottom:none; | |||
} | |||
.doc-list i{ | |||
color:#1e8449; | |||
font-size:15px; | |||
margin-top:5px; | |||
width:18px; | |||
text-align:center; | |||
} | |||
@media(max-width:1050px){ | |||
.docs-grid{ | |||
flex-direction:column; | |||
align-items:center; | |||
padding-top:0; | |||
} | |||
.card2, | |||
.card3{ | |||
margin-right:0; | |||
margin-top:-25px; | |||
} | |||
.doc-card{ | |||
width:90%; | |||
max-width:420px; | |||
min-width:auto; | |||
} | |||
} | |||
@media(max-width:768px){ | |||
body{ | |||
padding:25px 10px; | |||
} | |||
.docs-title{ | |||
font-size:23px; | |||
} | |||
.docs-desc{ | |||
font-size:13px; | |||
margin-bottom:25px; | |||
} | |||
.doc-card{ | |||
padding:15px; | |||
border-radius:18px; | |||
} | |||
.doc-icon{ | |||
width:40px; | |||
height:40px; | |||
font-size:18px; | |||
border-radius:12px; | |||
} | |||
.doc-title{ | |||
font-size:16px; | |||
} | |||
.doc-list li{ | |||
font-size:12px; | |||
padding:7px 0; | |||
} | |||
.doc-list i{ | |||
font-size:14px; | |||
} | |||
} | |||
@media(max-width:400px){ | |||
.docs-title{ | |||
font-size:21px; | |||
} | |||
.doc-card{ | |||
width:95%; | |||
} | |||
.doc-desc{ | |||
font-size:12px; | |||
} | |||
} | |||
</style> | |||
</head> | </head> | ||