.hero{
    height: 40vh;
}
form {
    border:1px solid var(--bg) !important;
    background-color: #FDFDFD;
    border-radius: 4rem;
}
/* select and date use the same style as the inputs */
.contact-form .form-select,
.contact-form input[type="date"] {
    border: 1px solid var(--bg);
    font-size: .85rem;
    padding: .7rem 1rem;
}
.contact-form .form-select:focus,
.contact-form input[type="date"]:focus {
    border-color: var(--second);
    box-shadow: 0 0 0 .2rem rgba(48, 139, 210, .15);
}
.contact-form input[type="date"] {
    color: var(--sec-text);
}

/* security code */
.captcha-img {
    height: 2.8rem;
    border: 1px solid var(--bg);
    border-radius: 1rem;
    background-color: var(--bg);
}
.captcha-refresh {
    width: 2.6rem;
    height: 2.6rem;
    padding: 0;
    border: 1px solid var(--bg);
    background-color: var(--white);
    color: var(--second);
}
.captcha-refresh i {
    transition: transform .5s ease;
}
.captcha-refresh:hover {
    border-color: var(--second);
}
.captcha-refresh:hover i {
    transform: rotate(180deg);
}
.captcha-input {
    min-width: 10rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
}
.captcha-input::placeholder {
    text-transform: none;
    letter-spacing: normal;
}