.helpers--render_percentage {
  width: clamp(68px, 6vw, 10rem);
  height: clamp(68px, 6vw, 10rem);
}
.helpers--render_percentage b {
  font-size: clamp(19px, 1.6vw, 6rem);
  line-height: 100%;
  font-family: Outfit, sans-serif;
  font-weight: 700;
}
.helpers--render_percentage small {
  font-size: clamp(16px, 1.0vw, 6rem);
  /* line-height: clamp(24px, 1.4vw, 6rem); */
  line-height: 100%;
  font-family: Outfit, sans-serif;
  font-weight: 400;
}

.helpers--progress {
  display: flex;
  align-items: justify-center;
}

h5.helpers--progress-title  {
  margin-bottom: 8px;
 font-size: clamp(12px, 1.11vw, 1.11vw);
  font-weight:500;
}

@media screen and (min-width: 981px) { 
    .helpers--progress-title {
       font-weight:700;       
    }
}

.helpers--progress-bar {
  overflow: hidden;
  height: clamp(12px, 0.8vw, 6rem);
  width: 100%;
  border-radius: clamp(4px, 0.3vw, 6rem);
  background-color: #e5f0cc;
}
.helpers--progress-bar-uitleg-wrapper {
    color: #51A5AE;
    font-weight: bold;
    font-size: clamp(14px, 0.8vw, 0.8vw);
   /* position: absolute;*/
    right: 0;
    top: 0.225vw; 
}



.helpers--progress-bar.backupped {
  background-color: #bad1dd;
  height: 12px;
}
.helpers--progress-bar-fill {
  height: 100%;
 /* height: clamp(12px, 0.8vw, 6rem);*/
  border-radius: clamp(4px, 0.3vw, 6rem);
}
.helpers--progress-value {
  color: #7BB500;
  line-height: clamp(12px, 0.8vw, 6rem);
  margin-left: clamp(10px, 0.8vw, 3rem);
  font-weight: bold;
}
.helpers--progress-value.backupped {
  color: #0078BB;
}

.progress-bar-financed {
  background-color: rgba(123, 181, 0, 0.2);
}
.progress-bar-backupped {
  background-color: rgba(0, 120, 187, 0.2);
}
.progress-bar-financed-bar {
  height: 12px;
}
.progress-bar-financed,
.progress-bar-financed-bar,
.progress-bar-financed-bar-filled {
  border-radius: 4px;
}
.progress-bar-backupped,
.progress-bar-backupped-bar,
.progress-bar-backupped-bar-filled {
  border-radius: 4px;
}