.divider-text-pink,
.divider-text-green,
.divider-text-brown,
.divider-text-Maroon{
    position: relative;
    display: inline-block;
    font-size: 0.8rem;
    padding: 0rem 1rem;
}

.divider.divider-primary .divider-text-Maroon:before, 
.divider.divider-primary .divider-text-Maroon:after {
    border-color: #800000;
}

.divider.divider-primary .divider-text-pink:before, 
.divider.divider-primary .divider-text-pink:after {
    border-color: #8C004B;
}

.divider.divider-primary .divider-text-green:before, 
.divider.divider-primary .divider-text-green:after {
    border-color: #002900;
}

.divider.divider-primary .divider-text-brown:before, 
.divider.divider-primary .divider-text-brown:after {
    border-color: #633200;
}

.divider .divider-text-pink:after,
.divider .divider-text-green:after,
.divider .divider-text-brown:after,
.divider .divider-text-Maroon:after{
    left: 100%;
}

.divider .divider-text-pink:before,
.divider .divider-text-green:before,
.divider .divider-text-brown:before,
.divider .divider-text-Maroon:before{
    right: 100%;
}

.divider .divider-text-pink:after,
.divider .divider-text-green:after,
.divider .divider-text-brown:after,
.divider .divider-text-Maroon:after,
.divider .divider-text-pink:before,
.divider .divider-text-green:before,
.divider .divider-text-brown:before,
.divider .divider-text-Maroon:before{
    content: "";
    position: absolute;
    top: 50%;
    width: 100vw;
    border-top: 2px solid rgba(58, 53, 65, 0.12);

}

.speedometer {
  position: relative;
  width: 260px;
  margin: auto;
}

.speedomete2 {
  position: relative;
  width: 220px;
  margin: auto;
}

.speedomete3 {
  position: relative;
  width: 280px;
  margin: auto;
}

.scale span {
  position: absolute;
  left: 48%;
  bottom: 0;
  transform:
    rotate(calc(-90deg + (var(--i) * 1.8deg)))
    translateY(-120px)
    rotate(calc(90deg - (var(--i) * 1.8deg)));
  transform-origin: bottom center;
  font-size: 12px;
  color: #9aa0a6;
}

.scale2 span {
  position: absolute;
  left: 48%;
  bottom: 0;
  transform:
    rotate(calc(-90deg + (var(--i) * 1.8deg)))
    translateY(-100px)
    rotate(calc(90deg - (var(--i) * 1.8deg)));
  transform-origin: bottom center;
  font-size: 12px;
  color: #9aa0a6;
}

.scale3 span {
  position: absolute;
  left: 48%;
  bottom: 0;
  transform:
    rotate(calc(-90deg + (var(--i) * 1.8deg)))
    translateY(-155px)
    rotate(calc(90deg - (var(--i) * 1.8deg)));
  transform-origin: bottom center;
  font-size: 14px;
  color: #9aa0a6;
}

.scale .succeed {
  color: green;
  font-weight: bold;
  font-size: 14px;
}

.scale2 .succeed {
  color: green;
  font-weight: bold;
  font-size: 14px;
}

.scale3 .succeed {
  color: green;
  font-weight: bold;
  font-size: 14px;
}