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