.rating-block {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

  padding: 40px 25px;

}

.rating-block-note {

  font-weight: 500;

  font-size: 30px;

  margin: 20px 0;

}

.rating-block-text {

  text-align: center;

  color: var(--text-color);

}

.rating-block-detailed {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

  padding: 20px 0;

}

.rating-block-total {

  display: flex;

  justify-content: space-between;

  align-items: center;

  background-color: #f5f9ff;

  border-radius: 50px;

  padding: 10px 15px;

}

.rating-block-total-text {

  font-weight: 500;

  margin-top: 2px;

  margin-left: 5px;

}

.rating-block-count {

  font-size: 14px;

  margin-top: 10px;

  color: var(--text-color);

  margin-bottom: 15px;

}

.rating-block-individual {

  display: flex;

  align-items: center;

  margin: 15px 0;

}

.rating-block-individual:first-child {

  margin-top: 0;

}

.rating-block-star {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  font-weight: 500;

  width: 40px;

}

.rating-block-star i {

  font-size: 18px;

  margin-left: 3px;

}

.rating-block-bar {

  margin: 0 10px;

}

.rating-block-percentage {

  font-weight: 500;

  width: 44px;

}

.rating-bg {

  background-color: #f5f9ff;

  border-radius: 15px;

}