   * {
       font-family: shabnam;
       padding: 0px;
       margin: 0px;
       border: none;
       outline: 0;
   }

.col-index{
    margin-top: 50px;
    background-color: #EFEFEF;
    border-radius: 7px;
    direction: rtl;
}
.link-page ul li{
    display: inline-block;
    padding:7px;
}
.link-page ul li a{
    text-decoration: none;
    color: black;
}
.link-page ul li a:hover{
 color: #003179;
    transition: 1s;
    
}
.col-div-page{
    display: flex;
}

/** start form **/
.col-div-form h4{
    direction: rtl;
    text-align: right;
    margin-bottom: 50px;
    font-size: 20px;
}
form .input-margin label{
     display: block;
    direction: rtl;
    text-align: right;
    margin-bottom: 5px;
}
form .input-margin input{
     display: block;
    direction: rtl;
    text-align: right;
width: 100%;
    height: 40px;
    border-radius: 5px;
    border-color: #EFEFEF;
    border:3px solid #EFEFEF;
}
.input-margin input{
    padding: 10px;
}
.input-margin{
    margin-bottom: 20px;
}
.input-margin textarea{
    height: 250px;
    width: 100%;
    border-radius: 5px;
    border:3px solid #EFEFEF;
    direction: rtl;
    padding: 10px;
}
.btn-send{
    display: block;
    width: 100%;
    border-radius: 5px;
    background-color: #003179;
    border:none !important;
    margin-bottom: 20px;
    color: #fff;
    padding: 10px;
}
/** end form **/
.call-us{
    direction: rtl;
    float: right;
    padding-left: 15px;
}
.title{
    background-color: #003179;
    padding: 10px;
    border-radius: 7px 7px 0px 0px;
    color: #fff;
    display:inline-block;
}
.col-call-us{
    background-color:#EFEFEF; 
    padding: 10px;
}
.col-call-us{
    display: flex;
    flex-wrap: wrap;
}
.loc,.fax,.sms,.tell{
    width: 50%;
    margin-bottom: 15px;
       margin-top: 15px;
    
}
.icon-callus{
    background-color: #FFD566;
padding: 10px;
    font-size: 2.2rem;
    border-radius: 50%;
    margin-left: 5px;
}
.col-map{
    margin-top: 10px;
}
.title-map-callus{
    font-size: 25px;
}
.map-callus{
    width: 100%;
    height: 450px;
    border-radius: 7px;
}




 @media only screen and (max-width:1089px) {
     .col-div-page {
    display: flex;
    flex-direction: column;
}
     .col-div-form{
         width: 100% !important;
     }
     .call-us{
         width: 100% !important;
     }
     
}

@media only screen and (max-width:622px) {
    .col-call-us{
        flex-direction: column;
    }
    .loc, .fax, .sms, .tell{
        width: 100%;
    }
}