/* Hide the form-builder step partial's own inner stepper (dynamic_form_steps.
   blade.php's ".stepper.apply-now-form"); the outer auth sub-stepper
   (auth_sub_stepper.blade.php) replaces it wherever both appear together. */
.stepper.apply-now-form { display: none !important; }

/* Outer sub-stepper — same design as .ndp-stepbar. Column count is dynamic,
   set per-instance via the --ndp-sub-steps custom property. */
.ndp-sub-stepper {
    display               : grid;
    grid-template-columns : repeat(var(--ndp-sub-steps, 3), 1fr);
    margin-bottom         : 28px;
}
.ndp-sub-stepper__item {
    padding     : 16px 4px 0;
    border-top  : 2px solid #D9DCE4;
    display     : flex;
    align-items : center;
    gap         : 11px;
    transition  : .2s;
}
.ndp-sub-stepper__item i {
    width         : 22px;
    height        : 22px;
    border-radius : 50%;
    flex          : none;
    display       : grid;
    place-items   : center;
    font-style    : normal;
    font-size     : 11.5px;
    font-weight   : 700;
    background    : #D9DCE4;
    color         : #fff;
    transition    : .2s;
}
.ndp-sub-stepper__item span {
    font-size   : 14px;
    color       : #6B7385;
    font-weight : 500;
}
.ndp-sub-stepper__item.is-active {
    border-top-color: #132A6B;
}
.ndp-sub-stepper__item.is-active i {
    background: #132A6B;
}
.ndp-sub-stepper__item.is-active span {
    color       : #141821;
    font-weight : 600;
}
.ndp-sub-stepper__item.is-done {
    border-top-color: #E2703A;
}
.ndp-sub-stepper__item.is-done i {
    background: #E2703A;
}