.form-helper {
    padding: 2rem;
    border-radius: 10px;
    margin: 22px 4rem 0;
    //background-color: #d8d8d8;
    background-color: #F5F5F5;
    position: sticky;
    top: 150px;

    .form-helper__progress-bar {
        width: 100%;
        position: relative;

        .bp-progress-bar {
            position: relative;
            height: auto;
            display: flex;
            flex-wrap: wrap;

            p {
                display: inline-flex;
                margin-right: 0;
                flex-basis: 100%;
                justify-content: end;
                margin-bottom: 5px;
            }

            .bp-progress-bar__line {
                background-color: #d8d8d8;
                height: 1rem;
                transition: width ease-in-out 0.4s;
                display: flex;
                justify-content: start;
                width: 100%;

                .bp-progress-bar__inner {
                    background-color: #27b527;
                    height: 1rem;
                    transition: width ease-in-out 0.4s;
                    display: flex;
                    justify-content: end;
                }
            }
        }
    }

    .form-helper__progress-info {
        p {
            &.title {
                font-size: 24px;
            }
        }
    }

    .form-helper__progress-item {
        &:last-child {
            margin-top: 15px;
        }

        p {
            &:first-child {
                width: 75px;
                color: #606060;
            }

            &:last-child {
                color: #8c8c8c;
            }
        }
    }
}

@media (max-width: 1023px) {
    .form-helper {
        margin: 0;
    }

    .bp-submission__form {
        order: 1;
    }

    .bp-submission__info {
        order: 0;
        margin-bottom: 1rem;
    }
}