#progressbar li .step-circle{width:35px;height:35px;border-radius:50%;background:#d8e6fd;position:relative;z-index:2;transition:all .4s ease}#progressbar li:not(:first-child)::before,#progressbar li:not(:first-child)::after{content:"";position:absolute;top:17px;transform:translateY(-50%);left:-50%;width:100%;height:2px;z-index:1}#progressbar li:not(:first-child)::before{background:#dee2e6}#progressbar li:not(:first-child)::after{background:#0b76a6;width:0%;transition:width .6s ease-in-out}#progressbar li.active .step-circle,#progressbar li.done .step-circle{background:#0b76a6;color:#fff}#progressbar li.done .step-circle svg{transition:all .4s ease}#progressbar li.active:not(:first-child)::after,#progressbar li.done:not(:first-child)::after{width:100%}