.step {
    position: relative;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: calc(1.5rem / -2);
    margin-left: calc(1.5rem / -2);
}

.step .step-item {
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-bottom: 2.25rem;
}

.step .step-content-wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.step .step-icon {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    margin-right: 1rem;
}

.step .active .step-icon,
.step .active.is-valid .step-icon {
    color: #fff;
    background-color: var(--bs-primary);
}

.step-title {
    display: block;
    color: var(--bs-body-color);
    font-weight: 600;
}

.step .active .step-title,
.step .active.is-valid .step-title {
    color: var(--bs-primary);
}

.step-text:last-child {
    color: #677788;
    margin-bottom: 0;
}

.step-item.focus .step-title-description {
    display: block;
}

.step-item .step-title-description {
    display: none;
}

.step .step-content {
    flex: 1;
}

.step-icon-xs .step-icon,
.step-icon-xs.step-icon {
    font-size: 0.75rem;
    width: 1.75rem;
    height: 1.75rem;
}

.step .step-icon::after {
    position: absolute;
    top: 3.875rem;
    left: 1.5625rem;
    height: calc(100% - 2.375rem);
    border-left: 0.125rem solid rgba(33, 50, 91, 0.1);
    content: "";
}

.step-icon-xs .step-icon::after,
.step-icon-xs.step-icon::after {
    top: 2.5rem;
    left: 0.8125rem;
    width: 1.625rem;
    height: calc(100% - 1rem);
}


.step .step-avatar {
    font-size: 1rem;
    font-weight: 600;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    margin-right: 1rem;
}

.step .step-avatar::after {
    position: absolute;
    top: 3.875rem;
    left: 1.5625rem;
    height: calc(100% - 2.375rem);
    border-left: 0.125rem solid rgba(33, 50, 91, 0.1);
    content: "";
}

.step-avatar-sm .step-avatar,
.step-avatar-sm.step-avatar {
    font-size: 0.8125rem;
    width: 2.5rem;
    height: 2.5rem;
}

.step-avatar-sm .step-avatar::after,
.step-avatar-sm.step-avatar::after {
    top: 3.25rem;
    left: 1.1875rem;
    width: 1.625rem;
    height: calc(100% - 1.75rem);
}

.step .step-avatar-img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

.step-icon-soft-dark {
    color: #21325b;
    background-color: rgba(33, 50, 91, .1);
}

.card-header-title {
    margin-bottom: 0;
    color: var(--bs-black);
}

.bg-img-start {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.asmitta_formflow_buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
}

ul.list-group.list-group-flush>.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

/* ----------------------------------------------
* Generated by Gradienty on 2025-02-22 08:07
* animation fade-out-alternate
* ----------------------------------------
*/
@keyframes fade-out-alternate {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .1;
    }
}

.fade-out-alternate {
    animation: fade-out-alternate 1s ease 0s infinite alternate none;
    pointer-events: none;
}