/*
.step-app {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 0px 25px;
}

*/
.step-steps {
    
}

/*
.step-content {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 3;
    padding: 25px!important;
}
*/

.step-footer {
    display:block;
    width:100%;
}

.step-steps li .heading-content:nth-child(2) {
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding-top: 0;
}

.step-steps li.active .heading-content:nth-child(2) {
    height: auto;
    opacity: 100;
    visibility: visible;
    transition: 500ms all;
    padding-top: 35px;
}

.step-steps li .heading-icon .icon-edit {
    display: none;
}

.step-steps li .heading-icon .icon-checked {
    display: none;
}

.step-steps li .heading-icon .icon-unchecked {
    display: block;
}

.step-steps li.active .heading-icon .icon-edit {
    display: block;
}

.step-steps li.active .heading-icon .icon-checked {
    display: none;
}

.step-steps li.active .heading-icon .icon-unchecked {
    display: none;
}

.step-steps li.done .heading-icon .icon-edit {
    display: none;
}

.step-steps li.done .heading-icon .icon-checked {
    display: block;
}

.step-steps li.done .heading-icon .icon-unchecked {
    display: none;
}

.step-steps li .heading-icon {
    display: flex;
    align-items: center;
}

.step-app .step-steps li[data-step-target="step4"] {
    pointer-events: none;
}