:host{
  display: inline-flex;
}
.totalScore{
  display: inline-block;
  height: 153px;
  width: 153px;
  border: 9px solid #e4e4e4;
  border-radius: 100%;
  margin-top:-3%;
  background-color: #fff;

}

.totalScore h2{
  margin-top:30px;
  font-size: 2.25em;
  color: #000000;
  opacity: 0.7;
  text-align: center;
}
.totalScore h4{
  color: #000000;
  font-size:18px;
  text-align: center;
  text-transform: capitalize;
}
.mat-progress-spinner{

  display: inline-block;
  height: 164px;
  width: 164px;
  position: relative;
  border-radius: 100%;
  left: -14px;
  top: -14px;
}
.mat-primary /deep/ path{
  stroke: #00ccff !important;
}

.primary-color {
  color: #00ccff !important;
}
.scorePosition{
  position: relative;
  top: -167px;
}
.outerRing{
  display: inline-block;
  border-radius: 100%;
  height: 175px;
  border: 15px solid #f2f2f2;
}
