.progress-review-page {
  position: relative;
  width: 80px;
  height: 80px;   
  margin-left: 0px;
  margin-right: auto;
}

.progress-circle-review-page {
  transform: rotate(-90deg);
  width: 80px;
  height: 80px;
}

.progress {
  position: relative;
  width: 70px;
  height: 70px;   
  margin-left: 0px;
  margin-right: auto;
}

.progress-circle {
  transform: rotate(-90deg);
  width: 70px;
  height: 70px;
}

.progress-circle-back {
  fill: none; 
  stroke: #eff1f2;
  stroke-width:8px;
}

.progress-circle-prog {
  fill: none; 
  stroke: #6d6d6d;
  stroke-width: 8px;  
  stroke-dasharray: 0 999;    
  stroke-dashoffset: 0px;
  transition: stroke-dasharray 1.5s linear 0s;
  stroke-linecap: round;
}


.progress-text {
width: 100%;
position: absolute;
top: 30px;
text-align: center;
font-size: 12px;
font-family: "Tajawal", sans-serif !important;
}

.progress-text-review-page {
  top: 35px !important;
}

.progress-circle-prog[lvl="5"]{
  stroke: rgb(162, 233, 189)!important;
}
.progress-circle-prog[lvl="4"]{
  stroke: rgb(161, 232, 152)!important;
}
.progress-circle-prog[lvl="3"]{
  stroke: rgb(233, 230, 162) !important;
}
.progress-circle-prog[lvl="2"]{
  stroke: rgb(242, 156, 102)!important;
}
.progress-circle-prog[lvl="1"]{
  stroke: rgb(244, 97, 84)!important;
}
.progress-circle-prog[lvl="0"]{
  stroke: rgb(212, 212, 212) !important;
}


.progress-circle-back.lvl5{
  stroke: rgb(162, 233, 189,0.335)!important;
}
.progress-circle-back.lvl4{
  stroke: rgb(161, 232, 152,0.335)!important;
}
.progress-circle-back.lvl3{
  stroke: rgb(233, 230, 162,0.335)!important;
}
.progress-circle-back.lvl2{
  stroke: rgb(242, 156, 102,0.335)!important;
}
.progress-circle-back.lvl1{
  stroke: rgba(244, 97, 84, 0.335)!important;
}

.progress-text.lvl5{
  color: rgb(162, 233, 189)!important;
}
.progress-text.lvl4{
  color: rgb(161, 232, 152)!important;
}
.progress-text.lvl3{
  color: rgb(233, 230, 162) !important;
}
.progress-text.lvl2{
  color: rgb(242, 156, 102)!important;
}
.progress-text.lvl1{
  color: rgb(244, 97, 84)!important;
}
.progress-text.lvl0{
  color: rgb(212, 212, 212) !important;
}