@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



.container {
    margin-top: 185px;
    margin-bottom: 5%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.contact-us {
   
    padding: 20px;
    display: flex;
    justify-content: space-between;
    border-radius:10px;
    box-shadow: 2px 2px 2px 2px #aaaaaa;
    
}




form input{
    box-shadow: 5px 3px 5px #aaaaaa;
    height: 25px;
    transition: ease-in-out;
    transition-duration: 350ms;
    height: 30px;
    border:1px solid #808080;
    border-radius: 3px;
}

form input:hover{

    transform: scale(1.01);
}
form select {
    box-shadow: 5px 3px 5px #aaaaaa;
    height: 34px;
    transition: ease-in-out;
    transition-duration: 350ms;
    cursor: pointer;
    border:1px solid #808080;
    border-radius: 3px;
    
}

form select:hover {
    transform: scale(1.01);
}

form label {
    font-size: small;
    font-weight:500;
    margin-bottom: 1%;
    margin-top: 1%;
}

.number-field label{
    margin-top: 2%;
    margin-bottom: 1%;
}

form textarea {
    width: 510px;
    height: 80px;
    margin-left: 7px;
    box-shadow: 5px 3px 5px #aaaaaa;
    transition: ease-in-out;
    transition-duration: 350ms;
    border:1px solid #808080;
    border-radius: 3px;
}

form textarea:hover {
    transform: scale(1.01);
}

.contact-us form {
    display: flex;
    flex-direction: column;
    width: 600px;
    margin-top: 2%;
    
}


.phone-number {
    display: flex;
    flex-direction: column;
    width: 47%;
}
.phone-number optgroup, option {
    cursor: pointer;
}

.number-field {
    display: flex;
    justify-content: space-between;
    
}

.msg-box {
    margin-top: 5%;
    display: flex;
}
  
.msg-box label {
    width: 100px;
}


.submit-button input[type="submit"] {
    margin-top: 17px;
    width: 200px;
    display: flex;
    justify-content: center;
    margin-left: 67%;
    border-radius: 3px;
    border:1px solid #808080;
}
.submit-button input[type="submit"]:hover {
    border-color: rgb(53, 53, 53);
}