.container-contato {
    width: 80%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contato-formulario {
    width: 40%;
    height: 600px;
    background-color: var(--azul-escuro);
    padding: 2.5rem 2.5rem 10rem 2.5rem;
    border-radius: 1rem 0rem 0rem 1rem;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

form {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

form div {
    width: 100%;
    height: 100%;
}
form div label, form label, form div div label{
    color: var(--branco);
    font-size: 1.5rem;
    font-weight: 450;
    font-family: "Open Sans";
    border-radius: 1rem;
}

form input,
form textarea,
form select,
form button {
    font-family: "Montserrat";
    font-size: 1.5rem;
    border: 2px solid white;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

form button {
    cursor: pointer;
    padding: 1rem;
    color: var(--branco);
    background-color: transparent;
    border-radius: 10rem;
    transition: 0.35s;
}

form button:hover {
    transition: 0.35s;
    transform: scale(1.1);
}

form input:focus,
form textarea:focus,
form select:focus,
form button:focus {
    outline: none;
}

form textarea{
    height: 150px;
    resize: none;
}

.name-tel {
    display: flex;
    flex-direction: row !important;
}

.name-tel div{
    width: 45%;
}

.contato-formulario div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-map {
    width: 40%;
    height: 800px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.form-map iframe{
    width: 100%;
    height: 100%;
    border-radius: 0rem 1rem 1rem 0rem;
}

.contato-formulario h3 {
    font-family: "Open Sans";
    font-size: 2.5rem;
    color: var(--branco);
}