/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.star-rating {
  cursor: default;
}

.rev.sec-rev .star-rating {
  cursor: pointer;
}

.stars input.star {
  display: none;
}

.stars label.star {
  float: right;
  padding: 0 2px;
  font-size: 15px;
  color: #444;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.stars input.star:checked ~ label.star:before {
  content: "\f005";
  color: #d29500;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.stars input.star-10:checked ~ label.star:before, .stars input.star-5:checked ~ label.star:before {
  color: #d29500;
}

.stars input.star-1:checked ~ label.star:before, .stars input.star-6:checked ~ label.star:before {
  color: #f62;
}

.stars label.star:before {
  content: "\f006";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
}

.stars-vv input.star {
  display: none;
}

.stars-vv label.star {
  float: right;
  padding: 0 2px;
  font-size: 16px;
  padding: 0 0 0 8px;
  color: #ffffff;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.stars-vv input.star:checked ~ label.star:before {
  content: "\f005";
  text-shadow: 0 0 5px #000000;
  color: #fbc02d;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
}

.stars-vv input.star-10:checked ~ label.star:before, .stars-vv input.star-5:checked ~ label.star:before {
  color: #d29500;
}

.stars-vv input.star-1:checked ~ label.star:before, .stars-vv input.star-6:checked ~ label.star:before {
  color: #f62;
}

.stars-vv label.star:before {
  content: "\f006";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
}

.rev {
  margin-top: 16px;
}

.sec-rev hr {
  margin: 20px;
  border: none;
  border-bottom: thin solid rgba(255, 255, 255, 0.1);
}

.sec-rev div.title {
  font-size: 2em;
}

.sec-rev h1 span {
  font-weight: 300;
  color: #fd4;
}

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