.lp-hero-signup-area{
    background-color: #2C52E8;
} 

.lp-hero-signup-area .card{
    background-color: #3e98ff;
}

.lp-hero-signup-area.impact-area form .form-control, .impact-area form .form-select{
    color: #6b7280;
    background-color: #fff;
    border-radius: 0.55em;
    margin-bottom: 1.666em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.142em;
    font-size: 1.14286em;
    font-weight: 600;
    line-height: 1;
    border: none;
    font-weight: 400;
}


.lp-hero-signup-area #formulario_cadastro_atendente{
    display: flex;
}

.lp-hero-signup-area #card_geral_form{
    padding: 3rem;
}
.lp-hero-signup-area .form-check{
    display: flex;
}

@media (max-width: 767px){
    .lp-hero-signup-area #formulario_cadastro_atendente{
        display: flex;
        flex-direction: column;
        padding: 0px!important;
    }

    .impact-area.lp-hero-signup-area .row.d-flex.align-items-center.mb-50{
        padding: 0px 48px!important;
    }

    .lp-hero-signup-area form .row.mb-4 {
        display: flex;
    }

    .lp-hero-signup-area form .row.mb-4 div.col-xs-6 {
        width: 50%;
        margin-bottom: 25px;
    }

    .lp-hero-signup-area #card_geral_form{
        padding: 1rem;
    }

    .lp-hero-signup-area .form-check{
        display: block;
    }
}


.lp-hero-signup-area .custom-radio-card {
    background: #4da0ff;
    box-shadow:  10px 10px 30px #4188d9,
                -10px -10px 30px #59b8ff;

    border: 1px solid #c1deff;
    border-radius: .55em;
    cursor: pointer;
    transition-duration: .5s;
}

.lp-hero-signup-area .custom-radio-card:hover{
    border-radius: .55rem;
    background: #3E98FF;
    box-shadow:  10px 10px 30px #3E98FF,
                -10px -10px 30px #59b8ff;
             border: none;
             transform: scale(1.05);
}

.lp-hero-signup-area input[type='submit']{
    font-weight: 700;
}

.lp-hero-signup-area  .form-check label{
 margin-left: 10px!important;
}

.lp-hero-signup-area  button#mostrarSenhaBtn {
    height: 52px;
}

.lp-hero-signup-area  input.custom-radio-input{
    display: none;
}
/* Estilos para cards com inputs selecionados */
.lp-hero-signup-area  .custom-radio-card input:checked + .card-body {
    background-color: #007bff; /* Cor de fundo quando selecionado */
    color: #fff; /* Cor do texto quando selecionado */
    border-color: #007bff; /* Cor da borda quando selecionado */
    transition: all 0.3s; /* Efeito de transição suave */
    border-radius: .55em;
}

/* Estilos para o título do card quando selecionado */
.lp-hero-signup-area  .custom-radio-card input:checked + .card-body .card-title {
    font-weight: bold; /* Estilo de fonte quando selecionado */
}