.contact-section .myform{
    background-color: white;
    border-radius: 12px;
    position: relative;
    padding: 50px;
    color: #717171;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 20% 0px;
}

.contact-section h1{
    font-size: 24px;
    color: black;
font-weight: 400;
font-family: "Mortend", sans-serif;
margin-bottom: 30px;
}
.contact-section .form-control{
height: 45px;
width: 100%;
background: #F5F5F5;
border: 1px solid #EAEAEA;
border-radius: 7px;
padding-left: 22px;
margin-bottom: 22px;
}
.contact-section textarea.form-control{
height: 100px;
}
.contact-section button{


background: #0DDBDC;
border: 1px solid #0DDBDC;
box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
border-radius: 7px;
padding: 13px 42px;
font-weight: 700;

}
.no-scroll {
    overflow: hidden;
    height: 100%;
  }


  /* responsive design  */
  @media only screen and (max-width:767px){
    .contact-section{
        overflow: auto;
        width: 90%;
    }
  }
  @media only screen and (max-width:400px){
    .contact-section{
        padding: 20px;
    }
    .close-btn{
        position: absolute;
        top: 20px;
        right: 20px;
        
    }

  }