.nav-wizard .nav-item-circle {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    border-radius: 50%;
    margin: 0 auto 5px;
    font-size: 18px;
}

.nav-wizard .nav-link.active .nav-item-circle {
    background-color: #0d6efd;
    color: white;
}

.nav-wizard .nav-link {
    color: #6c757d;
    text-align: center;
}

.nav-wizard .nav-link.active {
    color: #0d6efd;
}

.plan-card {
    border: 2px solid transparent; /* Borda padrão */
    cursor: pointer; /* Cursor indicando que é clicável */
    transition: border-color 0.3s ease; /* Transição suave */
}

.plan-card:hover {
    border-color: #007bff; /* Borda azul ao passar o mouse */
}

.plan-card.selected {
    border-color: #007bff; /* Borda azul para o card selecionado */
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); /* Destaque adicional */
}

/* Estilo para inputs mais consistentes */
.form-control {
    border-radius: 5px; /* Bordas arredondadas */
    padding: 10px; /* Espaçamento interno */
}

/* Alinhar o botão de pagamento */
.btn-primary {
    padding: 10px 20px;
    font-size: 1rem;
}

.is-invalid {
    border-color: #dc3545; /* Vermelho para erro */
}
.is-valid {
    border-color: #28a745; /* Verde para sucesso */
}

.invalid-feedback {
    display: block;
    color: #dc3545;
    font-size: 0.875em;
}

input[type="tel"]::placeholder {
    color: #bbb;
    font-style: italic;
}

#nextButtonSpinner {
    margin-left: 8px;
}