/* Notation */
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
  display: flex;
  justify-content: center;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
  font-size: 30px;
}
.rating > span:hover,
.rating > span:hover ~ span,
.rating > span.selected:before {
  color: gold;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
   left: 3px;
   color: gold;
   cursor: pointer;
}

.rating > span.selected{
  color: gold;
}

.control-label {
    text-align: left!important;
    top: 0;
    padding: 0;
    font-size: 18px;
    color: #35e30e;
    font-weight: 400;
    width: 100%;
}