body{
font-family: 'DelavaranBody', 'Vazirmatn', Tahoma, Arial, sans-serif;
background:#f2f4f8;
margin:0;
direction:rtl;
}


header{
background:#111827;
color:white;
padding:20px;
display:flex;
justify-content:space-between;
}


nav a{
color:white;
text-decoration:none;
margin:10px;
}


.hero{
background:white;
margin:40px;
padding:60px;
text-align:center;
border-radius:25px;
}


.hero h1{
font-size:45px;
color:#2563eb;
}


.btn{
background:#2563eb;
color:white;
padding:15px 40px;
border-radius:10px;
text-decoration:none;
}


.cards{
display:flex;
gap:30px;
margin:40px;
}


.card{
background:white;
padding:40px;
border-radius:20px;
flex:1;
text-align:center;
font-size:20px;
}