.form-wrapper {
    height: 590px;
}

@media (max-width: 768px) {
    .form-wrapper {
    height: 80vh;
    max-height: none;
    }

}

.order-footer-content {
    color: var(--color-dark-gray);
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fluentform * {
    box-sizing: content-box;
}

.fluentform-step {
    float: left;
    overflow-x: hidden;
    padding: 0;
}

.fluentform .ff-step-titles li:before {
    border-radius: 50% !important;
    color: #4b4b4b !important;

}

.fluentform .ff-step-titles li.ff_factive:before, .fluentform .ff-step-titles li.ff_completed:before {
    background: #4b4b4b !important;
    border: 1px solid transparent;
    color: #292929 !important;
}

.fluentform .ff-step-titles li.ff_completed {
    color: #4b4b4b !important;
}
.fluentform .ff-step-titles li.ff_active {
    color: #4b4b4b !important;
}

.fluentform .ff-step-header {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
}

#footer { display: none !important;}

.fluentform-step.active {
    height: 470px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fluentform {
    height: 100%;
}

#fluentform_4 {
    height: 100%;
}

#fluentform_4 fieldset {
    height: 100%;
}

.ff-step-container {
    height: 100%;
}

.ff-step-body {
    height: 100%;
}

.ff-el-progress-status  {
    display: none !important;
}

.fluentform .ff-el-progress-bar {
    background-color: var(--color-accent-yellow) !important;
    color: var(--color-black) !important;
}

.fluentform .ff-el-progress {
    background-color: #e9ecef;
    border-radius: .25rem !;
    font-size: .75rem;
    height: .25rem !important;
    line-height: 1rem !important;
    overflow: hidden
}

.fluentform .ff-el-progress-bar span {
    display: none !important;
}

#fluentform_4 > fieldset > div > div.ff-step-body > div.fluentform-step.active > div.ff-t-container.ff-column-container.ff_columns_total_2 > div.ff-t-cell.ff-t-column-2 > div > div.ff-el-input--label.asterisk-right > label, #fluentform_4 > fieldset > div > div.ff-step-body > div.fluentform-step.active > div.ff-t-container.ff-column-container.ff_columns_total_1.has-conditions.ff_cond_v > div > div.ff-el-group.ff-el-section-break.ff_left > div > p {
    font-size: 0.9rem !important;
    color: var(--color-dark-gray) !important;
}

#fluentform_4 > fieldset > div > div.ff-step-body > div.fluentform-step.active > div.ff-step-t-container.ff-inner_submit_container.ff-column-container.ff_columns_total_2 > div.ff-t-cell.ff-t-column-2 > div > button {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
}

.ff_payment_summary {
    overflow-x: auto;
}