/******* contact-us page ********/
/*start section block-bg */

.block-bg{
    background: #262626;
    width: 100%;
    height: 350px;
}

.block-bg h1{
    padding-top: 120px;
    color: #fff;
     font-family: 'Amiri', serif;
    z-index: 1;
    font-size: 2.5rem;
     direction: rtl;
     text-align: right;
     margin-bottom: 40px
}


/*end section block-bg */


/*start section map */
.map{
    width: 1100px;
    margin: 0 auto;
}

/*end section map 



/*start section  Contact-us*/

.Contact-us{
        position: relative;
     top: -140px;
    box-shadow: 1px 1px 4px rgba(101, 90, 90, 0.3);
    z-index: 1;
    font-family: 'Amiri', serif;
    background: linear-gradient(135deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
    padding: 0 20px;
    width: 1100px;
    margin: 0 auto;
    border-radius:0px 0 15px 15px;
    color: #fff;

}

.Contact-us .border-Contact{
    border-right: rgba(255,255,255,0.4) solid 1px !important; 
    height: 690px;
}

.Contact-us h5{
    margin-bottom: 50px;
    font-size: 25px;
    font-weight: 600;
    margin-top: 90px;
    margin-left: 20px;
     text-align: center;
    direction: rtl;
    letter-spacing: 1px
}

.Contact-us p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    padding: 0 10px 20px 20px;
    margin-left: 0;
    direction: rtl;
    font-family: 'Source Serif Pro', serif;
}

.Contact-us #p{
       font-family: 'Amiri', serif;
}

.Contact-us ul li{
    position: relative;
    left: 30px;
}

.Contact-us ul li h6{
      font-size: 21px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 0;
    margin: 0;
}
.Contact-us ul li h6:hover,
.Contact-us ul li p{
    cursor: pointer;
}

.Contact-us ul li h6 span{
border: 1px solid #fff;
    padding: 10px 15px;
    position: relative;
     top: 4px;
    right: 20px;
    border-radius: 50%;
    font-size: 18px;
    vertical-align: middle;
}



.Contact-us ul li h6 svg{
    position: relative;
    left: 2px;
    font-weight: 400;
}

.Contact-us ul li p{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 10px;
     letter-spacing: .8px;
}

.Contact-us .form-group input,
.Contact-us .form-group textarea
{
    width: 100%;
    display: block;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;
    margin-left: 20px;
    height: 45px;
    box-sizing: border-box;
    outline: none;
}

.Contact-us .form-group textarea{
    height: 90px
}
.Contact-us .form-group .btn{
  background:#9fc5e4;
    font-size: 0.913rem;
    font-weight: 700;
    line-height: 1.813rem;
    min-width: 10.188rem;
    min-height: 3.125rem;
    border-radius: 1.5rem;
    color: #fff;
    position: relative;
    left: 20px;
}

.Contact-us .form-group .btn:hover{
    background: #fff;
    color: #695d5d;
    
}

.Contact-us ::placeholder {
  color: #fff;
direction: rtl;
text-align: right;
  font-family: 'Mirza', cursive;
  font-size: 18px;
  padding-right: 10px
}


/*end section  Contact-us*/


/*start section  footer*/


.footer{
  padding-top: 150px !important
}


/*end section  footer*/