.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #00a99d}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::after,.success-checkmark .check-icon::before{content:'';height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#00a99d;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(0,168,157,.2)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}.progressbar{display:flex;padding:0;justify-content:space-between;counter-reset:step;margin-bottom:0}.progressbar li{flex:1;text-align:center;list-style:none;font-size:smaller;position:relative}.progressbar li:before{content:counter(step);counter-increment:step;width:30px;height:30px;border:2px solid #bebebe;display:block;margin:0 auto 10px auto;border-radius:50%;line-height:27px;background:#fff;color:#bebebe;text-align:center;font-weight:700}.progressbar li:after{content:'';position:absolute;width:100%;height:2px;background:#e9ecef;top:15px;left:-50%;z-index:-1}.progressbar li:first-child:after{content:none}.progressbar li.active:before{border-color:#00766e;background:#00766e;color:#fff}.progressbar li.active:after{background-color:#00766e}.load-bar-box{position:relative}.load-bar{height:4px;overflow:hidden;position:absolute;width:100%;background-color:#dadada;transition:all .2s ease;z-index:10;transition:all .3s cubic-bezier(.25,.8,.25,1)}.load-bar:before{display:block;position:absolute;content:"";left:-200px;width:200px;height:4px;background-color:#00a99d;animation:loading 2s linear infinite}@keyframes loading{from{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}