.stepper li span {
    position: relative;
    transform: none !important;
}

.stepper li:not(.active):not(.done) span {
    color: #9da4b0 !important;
    border-color: #dfe4ec !important;
    background: #f5f7fb !important;
    box-shadow: none !important;
    animation: none !important;
}

.stepper li:not(.active):not(.done) span::before,
.stepper li:not(.active):not(.done) span::after {
    display: none !important;
    content: none !important;
}

.stepper li.done:not(.active) span {
    color: transparent !important;
    border-color: #16855b !important;
    background: #16855b !important;
    box-shadow: none !important;
    animation: none !important;
}

.stepper li.done:not(.active) span::before {
    content: "\f00c" !important;
    position: absolute;
    inset: 0;
    display: grid !important;
    place-items: center;
    color: #fff;
    font-family: "Font Awesome 7 Free" !important;
    font-size: .75rem;
    font-weight: 900;
}

.stepper li.done:not(.active) span::after {
    display: none !important;
    content: none !important;
}

.stepper li.active:not(.done) span {
    color: #fff !important;
    border-color: #ff6b4a !important;
    background: #ff6b4a !important;
}

.stepper li.active:not(.done) span::before {
    display: none !important;
    content: none !important;
}

.stepper li.active:not(.done) span::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    inset: -6px;
    border: 2px solid rgba(201, 0, 18, .18);
    border-radius: 50%;
    animation: none !important;
}