:root {
  --base: 600px;
  --black: #0D1821;
  --white: #FFFAFB;
  --gold: #FFD700;
  --blue: #1B98E0;
}

.prog {
  
}

.prog > .line {
  background-color: var(--inactiveProgress);
  height: 3px;
  flex: 1;
}

.prog > .dot {
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: 50%;
}

.prog > .inactive {
  background-color: gray;
}

.prog > .active {
  background-color: var(--blue);
}

.prog > .dot p {
  white-space: nowrap;
  display: flex;
  column-gap: 5px;
  align-items: center;
  font-weight: bold;
  position: relative;
  top: 35px;
}