/*----------------------------------------*/
/*  01. MIXIN CSS START
/*----------------------------------------*/
.wcf__progressbar.style-2 {
  height: 150px;
  width: 150px;
}
.wcf__progressbar.style-3 .dots {
  gap: 10px;
  display: flex;
}
.wcf__progressbar.style-3 .dot {
  border: 1px solid #F9B099;
  display: inline-block;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.wcf__progressbar.style-3 .dot.active {
  background-color: #7DDED8;
}