.steper-box{padding:40px 0;overflow:hidden}
.steper-inner{position:relative;padding-left:50px}
.back-btn{position:absolute;background:0;outline:0;border:0;left:0;cursor:pointer;width:24px;height:24px}
.back-btn span{font-size:24px}
.step-progress{max-width:927px;margin:0 auto;padding-left:45px;padding-right:10px;display:flex}
.step-progress .level{min-height:26px;position:relative;width:33.33%;text-align:right;white-space:nowrap;border-top:2px solid #b0b2b3}
.step-progress .level:last-child{width:8px}
.step-progress .level.next{border-top:2px solid #c21b17}
.step-progress .level.current::after{width:16px;height:16px;background-color:#c21b17;border:4px solid #fff;box-shadow:0 2px 8px 0 #00000040;top:-14px}
.step-progress .level.current .level-name{color:#20252b}
.step-progress .level.completed{border-top:2px solid #c21b17}
.step-progress .level.completed::after{content:'';position:absolute;width:8px;height:8px;background:#c21b17;top:-5px;border-radius:50%;left:0}
.step-progress .level::after{content:'';position:absolute;width:8px;height:8px;background:#b0b2b3;left:0;top:-5px;border-radius:50%}
.step-progress .level .level-name{transform:translateX(-40%);display:inline-block;position:absolute;left:0;top:100%;font-weight:400;font-size:12px;line-height:18px;text-transform:capitalize;color:#6f7072;min-width:60px;text-align:center}
.step-progress .level::after{box-sizing:unset}
.steper-box .back-btn{color:#000}
@media(max-width:991px){.steper-box{padding:20px 0}
.step-progress .level{min-height:20px;text-align:center;white-space:normal}
.step-progress{padding-left:16px;padding-right:16px;margin-bottom:24px;margin-top:24px}
.step-progress .level{min-height:20px;text-align:center;white-space:normal}
.step-progress .level .level-name{transform:translateX(-60%);font-size:11px;line-height:12px}
}
@media(max-width:1199px){.step-progress .level .level-name{transform:translateX(-40%)}
}
@media(max-width:767px){.steper-box{padding:16px 0 20px;min-height:44px}
.hideSteperMobile .step-progress{display:none}
.back-btn{top:-10px;width:28px;height:28px}
.step-progress{padding-left:0;padding-right:10px;margin-top:0}
.step-progress .level::after{content:'';position:absolute;width:8px;height:8px;background:#999;left:0;top:-5px;border-radius:50%}
.step-progress .level.current::after{width:8px;height:8px;top:-9px}
.step-progress .level .level-name{transform:translateX(-39%);font-size:11px;line-height:13px;text-align:center;min-width:auto;max-width:60px}
}