@font-face {font-family: yekan;src: url(Yekan.ttf);}
@font-face {font-family: iran;src: url(Iranian\ Sans.ttf);}
body{font-family: yekan ;background-color:#412D15 ;width: 100%;}
.img-nav{width: 100%;height: 5vh;}
.img-carousel{height: 100vh;border-radius: 30px;}
.div-csrousel{width: 98%;margin-right: 1%;}
.menu{border-radius: 30px;width: 98%;margin-right: 1%;}
.span-main{text-align: center;}
.div-foter{width: 98%;margin-right: 1%;}
.div-foter2{border-radius: 30px;}
.div-foter-col{text-align: justify;padding-left: 5%;}
.div-col{border: 1px #e1dcc9 solid;width: 40%;}
.a-foter{text-decoration: none;color: white;font-family:iran ;}
.btn-header{width: 30%;height: 15vh;margin-right: 35%;}
.img-foter{width:3% ;height: 5vh;margin-right:1% ;margin-left: 0.5%;}
.div-foter3{text-align: center;}
.img-header{width: 30%;height:5vh ;margin-right:5%;}
.a-header{text-decoration: none;}
.div-header{display: flex;margin-left: 2%;}
.a-foter2{color: #e1dcc9;text-decoration: none;}
.p-foter{text-align: justify;}
.div-main13{float: left;}
.div-main18{width: 80%;}
.div-main19{width: 80%;}
.div-main20{width: 80%;}
.div-main12{background-color: #e1dcc9 ;box-shadow: 0 0 15px rgb(0, 0, 0);}
.h-main{color: #412D15 ;}
.div-main5{border-radius:10px ;width: 98%;margin-right: 1%;padding-right: 5%;padding-left: 5%;}
.div-main-5{font-size: 120%;opacity:0.7;;}
.img-main{height: 5vh;margin-right: 1%;float: left;}
.a-main{text-decoration: none;font-size: 20px;}
.a-main13{text-decoration: none;font-size: 20px;float: left;margin-top: 0.5%;}
.div{text-align: center;font-weight: bolder;font-size: 30px;}
.div-min{display: flex;}
.span-main2{color: #e1dcc9 ;}
.span-main3{color: #412D15;}
.div-main7{width: 98%;margin-right: 1%;text-align: center;}
.img-main1{width: 20%;height: 10vh;margin-right: 40%;}
.card{background-color: #e1dcc9;box-shadow: 0 0 15px rgb(0, 0, 0);}
@media screen and (max-width:455px) {
    .a-header{font-size: 6vw;}
    .img-carousel{width: 80%;height: 70vh;}
    .div-header{display: none;}
    .div-col-main1{margin-top: 5%;}
    .div-col-main2{margin-top: 5%;}
    .div-col-main3{margin-top: 5%;height: auto;}
    .div-main5{text-align: center;}
    .div-min{display: block;}
    .div-main13{display: flex;}
}
@media screen and (max-width:867px) {
    .img-foter{width:8% ;}
    .div-menu{display: none;}
    .div-header{display: none;}
    .div-col-main1{margin-top: 5%;}
    .div-col-main2{margin-top: 7%;}
    .div-col-main3{margin-top: 5%;}
    .img-main{display: none;}
}