body{

font-family: Vazir, sans-serif;

background:#f7f8fc;

}

.navbar{

background:#071b38;

}

.hero{

background:linear-gradient(135deg,#071b38,#0f4c81);

color:white;

padding:120px 0;

}

.hero h1{

font-size:55px;

font-weight:900;

}

.hero-card{

background:rgba(255,255,255,.08);

backdrop-filter:blur(12px);

padding:45px;

border-radius:20px;

border:1px solid rgba(255,255,255,.15);

}

.feature{

background:white;

padding:35px;

border-radius:20px;

height:100%;

transition:.3s;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.feature:hover{

transform:translateY(-8px);

}

.feature i{

font-size:45px;

color:#c89b3c;

margin-bottom:20px;

display:block;

}

.mission{

background:#fff;

}

footer{

background:#071b38;

color:white;

padding:50px 0;

}

footer a{

color:white;

margin-right:15px;

}

.btn-warning{

background:#c89b3c;

border:none;

}

.btn-warning:hover{

background:#b4882e;

}

@media(max-width:768px){

.hero{

text-align:center;

padding:80px 0;

}

.hero h1{

font-size:36px;

}

.hero-card{

margin-top:40px;

}

}