.sub_banner_contato {
    padding-top: 130px;
    padding-bottom: 80px;
    --stop: 600px;
    background: linear-gradient(180deg,
            #0063C3 0%,
            #003f8f 35%,
            #002F5D 70%,
            #002F5D var(--stop),
            #F4F4F4 var(--stop));
}

.blck_title_contato {
    padding-bottom: 60px;
}

.formulario {
    background: #fff;
    border-radius: 0px 10px 10px 0px;
}

.horarios_contato {
    display: flex;
    gap: 10px;
}

.title_legenda_contato {
    padding-bottom: 10px;
    padding-left: 16px;
    position: relative;
}

.title_legenda_contato::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 20px;
    background: linear-gradient(27deg, #0063C3 22.94%, #002F5D 84.69%);
    position: absolute;
    left: 5px;
}

.mapa_contato {
    background: #F4F4F4;
    padding-bottom: 80px;
}

.container_contato {
    max-width: 800px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.mapa_contato_item img {
    border-radius: 10px 10px 0px 0px;
    border: 1px solid var(--gradiente_1_b, #0063C3);
}

.legenda_contato {
    background: #FFF;
    font-family: 'IBM Plex Sans', sans-serif;
    padding-top: 16px;
    padding-left: 32px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid var(--gradiente_1_b, #0063C3);
    border-top: none;
}

.horarios_contato {
    padding-bottom: 10px;
}

@media (max-width: 800px) {
    .grid_contato {
        grid-template-columns: 1fr;
    }

    .contato-dados {
        border-radius: 8px 8px 0px 0px;
        padding: 20px;
    }

    .form {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .form .col-2 {
        grid-column: 1;
    }

    .formulario {
        border-radius: 0px 0px 10px 10px;
    }
}

@media (max-width: 500px) {
    .contato-email {
        display: flex;
        flex-direction: column;
        gap: 6px;
        max-width: 100%;
        font-style: normal;
    }

    .contato-email a {
        display: block;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .botao {
        padding: 10px 20px;
    }

    .sub_banner_contato {
        padding-bottom: 40px;
    }

    .legenda_contato {
        padding-left: 16px;
    }

    .title_legenda_contato {
        padding-left: 16px;
    }

    .title_legenda_contato::before {
        left: 5px;
    }
}