.jobber-steps-progress{
    width: 100%;
    max-width: 320px;
    margin: auto;
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}
.jobber-steps-progress .step-progress-item{
    width: 100%;
    height: 8px;
    box-shadow: inset 0 2px 4px #0000000d;
    border-radius: 4px;
    background: var(--color-neutral-200);
}
.jobber-steps-progress .step-progress-item.active{
    background: var(--color-purple-500);
}

.jobber-step-block .btn-prev,
.jobber-step-block .btn-next{
    padding-left: 16px;
    padding-right: 16px;
}
.text-success{
    color: var(--color-green-600);
}
.form-styles  .label-custom{
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
}

.form-styles .field-jobber-1-date,
.form-styles .field-jobber-2-alternative-date,
.form-styles .field-jobber-2-date{
    position: relative;
}

.form-styles .field-jobber-1-date:after,
.form-styles .field-jobber-2-alternative-date:after,
.form-styles .field-jobber-2-date:after{
    content:'\0043';
    font-family: 'plusonemoving';
    position: absolute;
    right: 16px;
    bottom: calc(50% - 18px);
    display: block;
    color: var(--color-black);
    line-height: 16px;
}
.filepond--drop-label.filepond--drop-label{
    border-radius: 8px;
    border: 1px dashed var(--color-pink-200);
    transition: var(--base-transition);
}
.filepond--drop-label.filepond--drop-label:hover label{
    transition: var(--base-transition);
}
.filepond--drop-label.filepond--drop-label:hover label,
.filepond--drop-label.filepond--drop-label:hover{
    opacity: .7;
    cursor: pointer;
}