:root {
  --bodyFont: "Onest", sans-serif;
  --titleFont: "Onest", sans-serif;
  --primaryColor: #01A66B;
  --secondaryColor: #005651;
  --bodyColor: #4B655C;
  --whiteColor: #ffffff;
  --titleColor: #1C1E30;
  --borderColor: #CDE4DC;
  --inputbgColor: #E6F7F1;
  --shadow6: 0px 16px 32px 0px rgba(0, 0, 0, .06);
  --transition: 0.4s all ease;
}

.tp-skill-bar .skillbar {
  background: #eeeeee;
  display: inline-block;
  height: 6px;
  position: relative;
  width: 100%;
  display: block;
}
.tp-skill-bar .skillbar .skillbar-bar {
  background: var(--primaryColor);
  height: 6px;
  width: 0;
  margin-bottom: 0;
}
.tp-skill-bar .skillbar .skillbar-title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}
.tp-skill-bar .skillbar .skill-bar-percent {
  font-size: 15px;
  font-weight: 700;
  color: var(--titleColor);
}
.tp-skill-bar .tp-skillbar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 20px;
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
}
.tp-skill-bar.animation .skillbar .skillbar-bar, .tp-skill-bar.striped .skillbar .skillbar-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.tp-skill-bar.animation .skillbar .skillbar-bar {
  -webkit-animation: rs-progress-pie-stripes 1s linear infinite;
  animation: rs-progress-pie-stripes 1s linear infinite;
}
.tp-skill-bar.style1 {
  padding-top: 25px;
}
.tp-skill-bar.style2 .skillbar .skillbar-title {
  left: 0;
  padding: 2px 20px 0;
  top: 0;
  width: auto;
  background: #83b614;
}
.tp-skill-bar.style2 .skillbar .skill-bar-percent {
  right: 10px;
  top: 0;
}

.tp-progressbar-position-left .tp-skillbar-head {
  display: flex;
  flex-direction: row;
}

.tp-progressbar-position-right .tp-skillbar-head {
  display: flex;
  flex-direction: row-reverse;
}

.tp-progress-item-position-start .tp-skillbar-head {
  justify-content: flex-start;
}

.tp-progress-item-position-center .tp-skillbar-head {
  justify-content: center;
}

.tp-progress-item-position-end .tp-skillbar-head {
  justify-content: flex-end;
}

.tp-progress-item-position-stretch .tp-skillbar-head {
  justify-content: space-between;
}

/*# sourceMappingURL=progress.css.map */