#RateStar {
  display: flex;
  padding: 1.5rem 0;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
#RateStar.RtlDir #AverageRate {
  margin-left: 1rem;
}
#RateStar.RtlDir .RateStar {
  direction: rtl;
}
#RateStar.RtlDir .RateStar > input {
  display: none;
}
#RateStar.RtlDir .RateStar > input:checked ~ label {
  color: #f7b538;
}
#RateStar.RtlDir .RateStar > input:checked ~ label::after {
  content: "\f005";
  font-family: "Font Awesome 6 Solid";
}
#RateStar.RtlDir .RateStar > input:checked ~ label:hover {
  color: #FBDA9B;
}
#RateStar.RtlDir .RateStar > input:checked ~ label:hover ~ label {
  color: #FBDA9B;
}
#RateStar.RtlDir .RateStar > label {
  padding: 0 0.1rem;
  cursor: pointer;
  font-size: 20px;
  color: #707070;
  transition: 0.2s;
}
#RateStar.RtlDir .RateStar > label::after {
  content: "\f005";
  font-family: "Font Awesome 6 Regular";
}
#RateStar.RtlDir .RateStar > label:hover {
  color: #f7b538;
}
#RateStar.RtlDir .RateStar > label:hover ~ label {
  color: #f7b538;
}
#RateStar.RtlDir .RateStar > label:hover ~ input:checked ~ label {
  color: #FBDA9B;
}
#RateStar.LtrDir #AverageRate {
  margin-right: 1rem;
}
#RateStar.LtrDir .RateStar {
  direction: rtl;
}
#RateStar.LtrDir .RateStar > input {
  display: none;
}
#RateStar.LtrDir .RateStar > input:checked ~ label {
  color: #f7b538;
}
#RateStar.LtrDir .RateStar > input:checked ~ label::after {
  content: "\f005";
  font-family: "Font Awesome 6 Solid";
}
#RateStar.LtrDir .RateStar > input:checked ~ label:hover {
  color: #FBDA9B;
}
#RateStar.LtrDir .RateStar > input:checked ~ label:hover ~ label {
  color: #FBDA9B;
}
#RateStar.LtrDir .RateStar > label {
  padding: 0 0.1rem;
  cursor: pointer;
  font-size: 20px;
  color: #707070;
  transition: 0.2s;
}
#RateStar.LtrDir .RateStar > label::after {
  content: "\f005";
  font-family: "Font Awesome 6 Regular";
}
#RateStar.LtrDir .RateStar > label:hover {
  color: #f7b538;
}
#RateStar.LtrDir .RateStar > label:hover ~ label {
  color: #f7b538;
}
#RateStar.LtrDir .RateStar > label:hover ~ input:checked ~ label {
  color: #FBDA9B;
}

/*# sourceMappingURL=rateStar.css.map */