.progressbar-flex{align-items:stretch;display:flex;justify-content:space-between;margin:35px 0 15px;padding:0 25px;width:100%}.progressbar-flex li{display:block;flex:0 1 auto;list-style-type:none;padding-top:35px;position:relative;text-align:center}.progressbar-flex li .active-bubble{background:#5d53f4}.progressbar-flex li .active-bubble,.progressbar-flex li .inactive-bubble{border-radius:50%;display:block;height:52px;left:calc(50% - 27px);position:absolute;top:-21px;width:52px}.progressbar-flex li:after{background-color:#5399f4;border:1px solid #5399f4;border-radius:50%;content:"";display:block;height:10px;left:calc(50% - 5px);line-height:10px;margin:0 auto 20px;position:absolute;top:0;width:10px;z-index:1}.progressbar-flex li:first-child:before{content:none}.progressbar{margin-top:25px}.progressbar li{color:#5399f4;float:left;font-weight:700;list-style-type:none;padding-top:30px;position:relative;text-align:center;width:33.33%}.progressbar li .active-bubble{background:#9da4aa;border-radius:50%;display:block;height:52px;left:calc(50% - 27px);position:absolute;top:-21px;width:52px}.progressbar li:before{background-color:#f2f9ff;content:"";height:2px;left:-50%;position:absolute;top:4px;width:100%}.progressbar li:after{background-color:#5399f4;border:1px solid #5399f4;border-radius:50%;content:"";display:block;height:10px;left:calc(50% - 5px);line-height:10px;margin:0 auto 20px;position:absolute;top:0;width:10px;z-index:1}.progressbar li:first-child:before{content:none}