#progressbar{color:#d3d3d3;margin-bottom:30px;overflow:hidden}#progressbar .active{color:#333}#progressbar li{float:right;width:16.66%;font-size:13px;font-weight:400;list-style-type:none;position:relative}#progressbar #account:before{color:#000;font-size:27px;font-weight:500}#progressbar #personal:before{color:#000;font-size:19px;font-weight:500}#progressbar #payment:before{color:#000;font-size:23px;font-weight:500}#progressbar #task:before{color:#000;font-size:30px;font-weight:500}#progressbar #agreement:before{color:#000;font-size:28px;font-weight:500}#progressbar #confirm:before{color:#000;font-size:20px;font-weight:500}.timeline-icon{color:#fff;background:#d3d3d3;border-radius:50%;place-content:center;width:50px;height:50px;margin:0 auto 10px;padding:2px;font-size:20px;line-height:45px;display:grid}.timeline-icon svg{width:30px;height:30px}#progressbar li:after{content:"";z-index:-1;background:#d3d3d3;width:100%;height:2px;position:absolute;top:25px;right:0}#progressbar li.active .timeline-icon,#progressbar li.active:after{background:#fde900}