.progressBarWp .inner .number{max-width:150px;width:100%;padding-right:10px}.progressBarWp .inner .name h5{font-weight:500}.progressBarWp .inner .name{max-width:140px;width:100%;text-align:right;padding-left:15px}.progressBarInnerLine{border:2px solid #000;position:relative}.progressBarWp .inner .number h2{font-weight:500}.progressBarLine{height:45px;max-width:calc(100% - 290px);width:100%;overflow:hidden}.progressBarInnerLine:after{content:"";position:absolute;top:-2px;left:-2px;width:0;height:calc(100% + 4px);background-color:#4383f3;transition:all 1s linear}.progressBarWp{max-width:840px;margin:0 auto}.progressBarWp .outter+.outter{margin-top:39px}.progressBarWp.animated .progressBarInnerLine:after{width:calc(100% + 4px)}g.line-group path.line{fill:transparent}@media(min-width:768px){.progressBarInnerLine{height:100%!important}}@media(min-width:1199px){.progressBarWp .inner .name h5{font-size:24px}.progressBarWp .inner .number h2{font-size:50px}}@media(max-width:767px){.progressBarWp .outter{width:50%;padding:0 8px}.progressBarWp{margin:0 auto;display:flex;flex-wrap:wrap;max-width:200px;width:100%}.progressBarLine{height:240px;order:2;margin:0 auto;max-width:100%;display:flex;align-items:flex-end}.progressBarWp .inner .number{max-width:100%;padding-right:0;order:3;text-align:center;margin-top:14px}.progressBarWp .inner .name{max-width:100%;padding-left:0;order:1;text-align:center;margin-bottom:20px}.progressBarWp .outter+.outter{margin-top:0}.progressBarInnerLine{border-width:1px;width:30px!important;margin:0 auto}.progressBarWp .inner .name h5{font-weight:400;font-size:15px}.progressBarWp .inner .number h2{font-size:15px;font-weight:700}.progressBarWp.animated .progressBarInnerLine:after{height:calc(100% + 2px);top:-1px;width:calc(100% + 2px)}.progressBarWp .progressBarInnerLine:after{width:calc(100% + 2px);left:-1px;height:0%;top:100%}}