/*==================================================
    MEMBERSHIP WIZARD
==================================================*/

.form-step{

    display:none;

    animation:fadeIn .35s ease;

}

.form-step.active{

    display:block;

}

.progress-wrapper{

    margin:2rem 0;

}

.progress-bar{

    width:100%;

    height:10px;

    background:#E5E7EB;

    border-radius:999px;

    overflow:hidden;

}

.progress-fill{

    width:16.66%;

    height:100%;

    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary)
    );

    transition:.35s ease;

}

.progress-text{

    text-align:right;

    margin-top:.5rem;

    color:var(--text-light);

    font-size:.9rem;

}

.review-box{

    background:#F9FAFB;

    border:1px solid #E5E7EB;

    border-radius:12px;

    padding:1rem;

    margin-bottom:1.5rem;

}

.wizard-buttons{

    display:flex;

    justify-content:space-between;

    gap:1rem;

    margin-top:2rem;

}

@keyframes fadeIn{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@media(max-width:768px){

    .wizard-buttons{

        flex-direction:column;

    }

}