.step-progress__wrapper{margin:0 auto;position:relative;width:90%}.step-progress__wrapper-before{background-color:gray;transform:translateY(-50%) perspective(1000px)}.step-progress__wrapper-after,.step-progress__wrapper-before{content:"";height:12px;left:0;position:absolute;top:50%;width:100%}.step-progress__wrapper-after{background-color:red;transform:scaleX(0) translateY(-50%) perspective(1000px);transform-origin:left center;transition:transform .5s ease}.step-progress__bar{align-items:center;display:flex;height:100px;justify-content:space-between;margin-bottom:40px;width:100%}.step-progress__step{--activeColor:red;--passiveColor:gray;--activeBorder:5px;--passiveBorder:5px;position:relative;z-index:2}.step-progress__step span{color:var(--passiveColor);display:block;font-size:50px;font-weight:900;opacity:1;text-align:center;transform:translateZ(0) scale(1) perspective(1000px);transition:.3s ease}@media (max-width:767px){.step-progress__step span{font-size:28px}}.step-progress__step--active .step-progress__step-label,.step-progress__step--active span{color:var(--activeColor)}.step-progress__step--active .step-progress__step-icon{opacity:1}.step-progress__step--valid .step-progress__step-icon{opacity:1;transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px)}.step-progress__step--valid span{color:var(--activeColor);opacity:0;transform:translateZ(0) scale(2) perspective(1000px)}.step-progress__step--valid .step-progress__step-label{color:var(--activeColor)}.step-progress__step:after{background-color:#fff;border:var(--passiveBorder) solid var(--passiveColor);border-radius:50%;content:"";height:75px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) perspective(1000px);transition:.3s ease;width:75px;z-index:-1}@media (max-width:767px){.step-progress__step:after{height:40px;width:40px}}.step-progress__step--active:after,.step-progress__step--valid:after{border:var(--activeBorder) solid var(--activeColor)}.step-progress__step--valid:after{background-color:var(--activeColor)}.step-progress__step-label{color:gray;font-size:18px;font-weight:600;left:50%;position:absolute;top:calc(100% + 25px);transform:translate(-50%) perspective(1000px);transition:.3s ease;white-space:nowrap}.step-progress__step-icon{color:#fff;font-size:36px;left:50%;opacity:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px);transition:transform .3s ease}@media (max-width:767px){.step-progress__step-icon{font-size:22px}}@keyframes modalEnter-20cf4f06{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-animation[data-v-20cf4f06]{animation:modalEnter-20cf4f06 .3s ease-out}[data-v-20cf4f06] strong{font-weight:600;color:#1f2937}[data-v-20cf4f06] ul{margin:.5rem 0;padding-left:1rem}[data-v-20cf4f06] li{margin:.25rem 0;line-height:1.5}[data-v-20cf4f06] ol{margin:.5rem 0;padding-left:1rem}[data-v-20cf4f06] p{margin:.25rem 0;line-height:1.5}.primary-modal-btn[data-v-20cf4f06]{background:linear-gradient(135deg,#303745 0%,#252a36 100%);box-shadow:0 2px 4px -1px #0000001a}.primary-modal-btn[data-v-20cf4f06]:hover{background:linear-gradient(135deg,#252a36 0%,#1e2028 100%);box-shadow:0 4px 6px -1px #00000026;transform:translateY(-1px)}.primary-modal-btn[data-v-20cf4f06]:focus{ring-color:#303745}@media (max-width: 640px){.modal-animation[data-v-20cf4f06]{margin:.5rem}}@keyframes modalEnter-b766cbec{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-animation[data-v-b766cbec]{animation:modalEnter-b766cbec .3s ease-out}.primary-modal-btn[data-v-b766cbec]{background:linear-gradient(135deg,#303745 0%,#252a36 100%);box-shadow:0 2px 4px -1px #0000001a}.primary-modal-btn[data-v-b766cbec]:hover{background:linear-gradient(135deg,#252a36 0%,#1e2028 100%);box-shadow:0 4px 6px -1px #00000026;transform:translateY(-1px)}.primary-modal-btn[data-v-b766cbec]:focus{ring-color:#303745}@media (max-width: 640px){.modal-animation[data-v-b766cbec]{margin:.5rem}}.loader{width:14px;height:14px;border:3px dotted #fff;border-style:solid solid dotted dotted;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px dotted #ff3d00;border-style:solid solid dotted;width:5px;height:5px;border-radius:50%;animation:rotationBack 1s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.step-progress__step-label{color:#fff!important}.animate__animated.animate__fadeIn,.animate__animated.animate__fadeOut{--animate-duration: .3s}