.Progress{position:relative;margin:30px auto;padding:0 20px}ul.SteppedProgress{counter-reset:step;display:flex;margin:auto;overflow:hidden;padding:0;position:relative;text-align:center;z-index:1}.SteppedProgress li{list-style-type:none;color:#404140;line-height:normal;text-transform:uppercase;flex:1;font-size:22px;position:relative;padding:0 2%}.SteppedProgress li:before{content:counter(step);counter-increment:step;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#d2d2d2;background:#fff;border-radius:50%;border:2px #d2d2d2 solid;margin:0 auto 10px;position:relative;z-index:1}.SteppedProgress li:after{content:'';width:100%;height:2px;background:#d2d2d2;position:absolute;left:-50%;top:19px;z-index:-1}.SteppedProgress li:first-child:after{content:none}.SteppedProgress li.complete:before{background:#0f9036;border-color:#0f9036;color:#fff}.SteppedProgress li.complete:after{background:#0f9036}.SteppedProgress li.current:before{border-color:#a9cc37;color:#a9cc37}.SteppedProgress li.current:after{background:#a9cc37}.teach-wrapper .Progress{margin-top:10px;margin-bottom:10px}.teach-wrapper .SteppedProgress li{cursor:pointer}.teach-wrapper .SteppedProgress li::before{font-weight:bold;font-size:22px;line-height:35px}.teach-wrapper .SteppedProgress li.start::before,.teach-wrapper .SteppedProgress li.start.complete::before{content:'start';border-color:#fff;background:#fff;font-size:1rem;border-radius:0;width:auto}.teach-wrapper .SteppedProgress li.start.complete::before{color:#0f9036}.teach-wrapper .SteppedProgress li.step1::before{content:'1'}.teach-wrapper .SteppedProgress li.step2::before{content:'2'}.teach-wrapper .SteppedProgress li.step3::before{content:'3'}.teach-wrapper .SteppedProgress li.step4::before{content:'4'}.teach-wrapper .SteppedProgress li.final::before{content:'';background:url(../images/checked.svg) center no-repeat;background-size:80%;background-color:#d2d2d2}.teach-wrapper .SteppedProgress li.final.current::before{background-color:#a9cc37}.teach-wrapper .SteppedProgress li.final.complete::before{background-color:#0f9036}.teach-wrapper .SteppedProgress li,.teach-wrapper .SteppedProgress li span{font-size:16px;line-height:1.2}@media(max-width:767px){.teach-wrapper .SteppedProgress li span{display:none}.teach-wrapper .Progress{margin-bottom:0}}@media(max-width:400px){.Progress{position:relative;margin:30px auto;padding:0 10px}.teach-wrapper .SteppedProgress li::before{font-size:18px;width:30px;height:30px;line-height:30px}.teach-wrapper .SteppedProgress li::after{top:15px}}@media(max-width:300px){.Progress{padding:0}}