/*Progress Bar*/
.progress_outer{position:relative;}
.progressbar{width:100%;clear:both;display:inline-block;}
.progress{float:left;-webkit-transition:width 3s;-o-transition:width 3s;transition:width 3s;width: 20%;}
.progress > span{display:block;text-align:right;padding-right:15px;font-weight:700;}
.wp-block-nk-progress-counter.progress_outer { margin: 10px 0 25px 0}

.wp-block-nk-progress-counter.progress_outer .progressbar .progress { width: 50px;text-align: right;padding-right: 10px;font-weight: 600;transition: width 1s cubic-bezier(.77, 0, .175, 1)}

/* Circle Counter*/
.circle_outer svg.prog-radial{height:auto;max-width:240px;padding:0;transform:rotate(-90deg);width:100%;}
.circle_outer svg.prog-radial circle{fill:rgba(0,0,0,0);stroke-dashoffset:219.91148575129;stroke-width:4;}
.circle_outer svg.prog-radial circle.complete{stroke-dasharray:219.91148575129;}
.circle_outer svg.prog-radial text{fill:#fafafa;font-size:16px;text-anchor:middle;}