.vizion-progressbar-content { position: relative; margin-bottom: 22px; }
  .vizion-progressbar-content:last-child { margin-bottom: 0; }
  .progress-value { float: right; border-radius: 0; color: var(--color-theme-secondary); line-height: 30px; font-weight: normal; position: relative; bottom: 0; right: 0; -webkit-border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); border-radius: var(--border-radius); }
  .vizion-progress-bar { -webkit-border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); border-radius: var(--border-radius); background: var(--global-body-lightcolor) none repeat scroll 0 0; box-shadow: 0 0 0; height: 8px; margin: 0; position: relative; width: 100%; margin: 10px 0 0; }
  .vizion-progress-bar>span { background: var(--color-theme-primary) none repeat scroll 0 0; display: block; height: 100%; width: 0; position: relative;}
  .vizion-progressbar-content .progress-title{
    font-family: var(--highlight-font-family);
    font-weight: var(--font-weight-semi-bold);
    color: var(--color-theme-secondary); 
  }
  .vizion-progress-bar>span:before{
    background: var(--color-theme-white);
    box-shadow: 0px 3px 12.48px 0.52px rgb(0,0,0,0.15);
    border-radius: 90px;
    content: "";
    height: 13px;
    width: 13px;
    display: block;
    right: -1px;
    position: absolute;
    top: -3px;
  }
  
.vizion-progressbar-style-3  .progress-value { display: inline-flex; padding: 6px 10px; margin-top: -50px; align-items: center; justify-content: center; background-color: var(--color-theme-primary); line-height: 1.5em; color: var(--color-theme-white); position: relative; border-radius: var(--border-radius); }
.vizion-progressbar-style-3  .progress-value::before { content: ''; display: inline-block; width: 0; left: 0; position: absolute; bottom: -4px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-style: solid; border-color: var(--color-theme-primary) transparent transparent; }