@font-face {
    font-family: "vazir light";
    src: 
    url("../fonts/vazir/Vazir-Light.ttf") format("truetype"),
    url("../fonts/vazir/Vazir-Light.woff") format("woff"),
    url("../fonts/vazir/Vazir-Light.woff2") format("woff2");
}



@media screen and (max-width:550px)/*از 500 به قبل */{
    .delet-befor500{
        display: none;
    }
    .gotohome-img{
        width: 50px;
        height: 50px;
    }
    .footer-box1{
    /* display: flex; */
    width: 300px;
    display: grid;
    margin-bottom: 5%;
    margin-top: 5%;
    }
    .footer-box1-img{
    width: 300px;
    object-fit: cover;
    justify-self: center;
    }
}
body{
    font-family: "vazir light";
}


*{
    box-sizing: border-box;
    
}
.header{
    display: flex;
    background-color: rgb(0, 0, 128);
    justify-content:space-evenly;
    margin: auto;
    
    
}
.header-right{
    display: flex;
    gap: 4px;
}
h1{
    font-size: medium;
    color: #CFD8DC;
    
    
}
.header-right-phone{
    color: #CFD8DC;
    display: flex;
    align-items: center;
    
}
.header-right-phone:hover{
    color: gold;
}


.header-right-email{
    color: #CFD8DC;
    display: flex;
    align-items: center;
}
.header-right-links{
    text-decoration: none;
    color: #CFD8DC;
}

.header-right-links:hover{
    color: gold;
}
.header-right-icons{
    width: 24px;
    height: 24px;
}
.header-left{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
}
.header-left-icons{
    text-decoration: none;
    width: 1.8rem;
    height: 1.8rem;
}





.gotohome{
    display: flex;
    direction: unset;
    justify-content: center;
}
.gotohome-link{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}
.gotohome-img{
    width:12rem ;
    height: 12rem;
    justify-content: center;
    
}

.main-picture-img{
    width: 100%;
    object-fit: cover;
}
.main{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
}
.main-p{
    font-size: xx-large;
    align-self: center;
    margin-right: 10%;
}
.main-div{
   margin-right: 10%;
   line-height: 2;
   font-size: larger;
    
}
.main-aboutus{
    text-decoration: none;
    color: rgb(0, 0, 128);
    margin-left: auto;
    margin-right: auto;
    transition:all 250ms ease-in;
    -webkit-transition:all 250ms ease-in;
    -moz-transition:all 250ms ease-in;
    -ms-transition:all 250ms ease-in;
    -o-transition:all 250ms ease-in;
}
.main-aboutus:hover{
    color: darkgoldenrod;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}






.footer{
    display: flex;
    gap: 5%;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #CFD8DC;
}
.footer-box1{
    /* display: flex; */
    width: 500px;
    display: grid;
    margin-bottom: 5%;
    margin-top: 5%;
}
.footer-box1-adress{
   display: flex;
   justify-self: center;
}
.footer-box1-adress-logo{
    width: 2rem;
    height: 2rem;
}
.footer-box1-adress-p{
    text-align: center;
    color: rgb(0, 0, 128);
    font-size: larger;
}
.footer-box1-p{
    text-align: center;
    color: rgb(0, 0, 128);
    font-size: larger;
}
.footer-box1-img{
    width:95%;
    object-fit: cover;
    justify-self: center;
}


.footer-box2{
    width: 150px;
    display: grid;
    align-items: center;
}
.footer-box2-about-us{
   justify-self: center;
   display: flex;
   justify-content: center;
   gap: 2px;
}
.footer-box2-icon{
    width: 20px;
    height: 20px;
}
.footer-box2-about-us-link{
   text-decoration: none;
   color: rgb(0, 0, 128);
    font-size: larger;
}
.footer-box2-about-us-link:hover{
   color: gold;
}


.footer-box3{
    width: 200px;
    
    display: grid;
    justify-content: center;
    margin-top: 10%;
    /* gap: 10%; */
}
.footer-box3-link{
    width: 100px;
    height: 100px;
    align-self: center;
    justify-self: center;
}
.footer-box3-link-img{
     width: 100px;
    height: 100px;
    transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
}
.footer-box3-link-img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.footer-box3-socials{
    display: flex;
   /* align-items: center; */
   justify-content: center;
    
}

.footer-box3-socials-img{
    width: 30px;
    height: 30px;
}
.footer-box3-watsapp{
    transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
}
.footer-box3-watsapp:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.footer-box3-instagram{
    transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
}
.footer-box3-instagram:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}