h6{
    font-weight: bold; 
}

.stepper {
    .line {
        width: 2px;
        background-color: lightgrey;
    }
}

.password-strength-bar {
    width: 100%;
    height: 8px;
    background-color: #ddd;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.strength-indicator {
    height: 100%;
    width: 0;
    background-color: #e70b0b;
    transition: width 0.5s ease, background-color 0.5s ease;
}

#indicador-texto-senha {
    color: #666;
    font-size: 0.9rem;
}

#tip {
    font-style: italic;
    color: #666;
    font-size: 0.7rem;
    max-width: 90%;
    margin: 0 auto 10px;
}

.fs-7{
    font-size: 0.75rem;
}

/* Seleciona o radio button e aplica a borda vermelha */
input[type="radio"].is-invalid {
    border: 2px solid red; /* Adiciona a borda vermelha */
    outline: none; /* Remove o contorno padrão do navegador */
}