/*progressbar*/
#progressbar {margin: 10px 0px;overflow: hidden;counter-reset: step;padding: 0px;display: flex;flex-direction: row;justify-content: space-around;}
#progressbar li {list-style-type: none;color: white;text-transform: uppercase;font-size: 16px;/* width: 20%; */float: left;position: relative;text-align: center;}
#progressbar li:before {content: counter(step);counter-increment: step;width: 20px;line-height: 20px;display: block;font-size: 14px;color: #fff;background: #0e2a47;border-radius: 50%;margin: 0 auto 5px auto;}
/*progressbar connectors*/
#progressbar li:after {content: '';width: 100%;height: 2px;background: #132e65;position: absolute;left: -143%;top: 9px;/* z-index: -1; */}
#progressbar li:first-child:after { content: none;  }
#progressbar li.active:before,  #progressbar li.active:after{ background: #009ce1; color: white; }