

.content2 h3 {
    text-align: center;
}

.contactForm {
    padding: 30px;
    border-radius: 15px;
}

.wf1 fieldset {
    margin: 2rem 0;
    border: 1px solid #22ca09;
    border-radius: 6px;
    padding: .5rem 2%;
}

.wf1 legend {
    color: rgb(3, 3, 10);
    padding: 0 .5rem;
}

.wf1 label {
    display: block;
    padding-top: 1rem;
    color: rgb(37, 103, 41);
    font-size: .9rem;
}

.wf1 div {
    padding-top: 1rem;
    color: rgb(0, 0, 0);
    font-size: .9rem;
}

.wf1 input[type="text"],
.wf1 input[type="tel"],
.wf1 input[type="email"],
.wf1 input[type="date"],
.wf1 input[type="number"],
.wf1 select {
    background-color: #eee;
    display: block;
    border: solid 1px grey;
    border-radius: 6px;
    padding: .75rem;
    color: grey;
    width: 100%;
    max-width: 400px;
    appearance: none;

}

.wf1 input[type="radio"],
.wf1 input[type="checkbox"] {
    margin-right: 6px;
}

.wf1 input[type="submit"] {
    border: none;
    background-image: linear-gradient(#9c2c13, #6f200e);
    color: #fff;
    border-radius: 6px;
    padding: .8rem;
    width: 96%;
    max-width: 400px;
    margin: -1rem 2% 2rem 2%;
    box-shadow: 1px 1px 4px rgb(130, 130, 130);
    display:block;


}

.request{
    justify-self: center;
}

.wf1 input:required {
    border-bottom: solid 6px red;

}

.wf1 input:required:valid {
    border-bottom: solid 6px rgb(26, 135, 43);

}