@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+Symbols+2&display=swap');
@media screen and (max-width: 480px) {
.reviews-star-block .rating {
    margin-top: 0px!important;
}
}
.reviews-star-block .rating {
    font-size: 48px;
    /*color: #fd703b;*/
    color: #d93c02;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    -webkit-text-stroke: 2px #d93c02; /* width and color */
    margin-top: -1px;
}

.reviews-star-block .ratingBorder{
    color: transparent;
    position: absolute;
    z-index: 99;
    font-size: 48px;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    -webkit-text-stroke: 2px #fd703b; /* width and color */
}
.rating::before { 
content: "★★★★★";
/* This is the key:
    Both Windows and Linux will find the '★' in the 
    'Noto Sans Symbols 2' file and render the exact same glyph.
  
  font-family: 'Noto Sans', 'Noto Sans Symbols 2', sans-serif;*/

  /* Now you can use ONE size for all systems!
  */
  /*font-size: 42px;  Or 45px, or whatever looks best. It will be consistent. */
}
.review-main .rating::before, .review-main .ratingBorder::after{
  /* This is the key:
    Both Windows and Linux will find the '★' in the 
    'Noto Sans Symbols 2' file and render the exact same glyph.
  */
  font-family: 'Noto Sans', 'Noto Sans Symbols 2', sans-serif;

  font-size: 42px;/*  Or 45px, or whatever looks best. It will be consistent. */
}
.ratingBorder::after { 
content: "★★★★★";
/* This is the key:
    Both Windows and Linux will find the '★' in the 
    'Noto Sans Symbols 2' file and render the exact same glyph.
  
  font-family: 'Noto Sans', 'Noto Sans Symbols 2', sans-serif;
*/
  /* Now you can use ONE size for all systems!
  */
  /*font-size: 42px;  Or 45px, or whatever looks best. It will be consistent. */
}




/**/
.review-row .reviews-star-block .rating{
  font-family: 'Noto Sans', 'Noto Sans Symbols 2', sans-serif;
    font-size: 21px;
}
.review-row .reviews-star-block .ratingBorder{
  font-family: 'Noto Sans', 'Noto Sans Symbols 2', sans-serif;
    font-size: 21px;
}

.rating-score { 
    border: none;
    float: left;
  }
  
  .rating-score > input { display: none; } 
  .rating-score > label:before { 
    margin: 5px;
    font-size: 30px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
  }
  
  .rating-score > .half:before { 
    content: "\f089";
    position: absolute;
  }
  
  .rating-score > label { 
    color: #ddd; 
   float: right; 
  }
  
  
  .rating-score > input:checked ~ label, /* show gold star when clicked */
  .rating-score:not(:checked) > label:hover, /* hover current star */
  .rating-score:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */
  
  .rating-score > input:checked + label:hover, /* hover current star when changing rating */
  .rating-score > input:checked ~ label:hover,
  .rating-score > label:hover ~ input:checked ~ label, /* lighten current selection */
  .rating-score > input:checked ~ label:hover ~ label { color: #FFED85;  }
  
  input, label {
    cursor: pointer;
  }
  
  input[type="submit"] {
    margin-top: 5px;
    background-color: #302d2b;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 12px 30px;
  }
  
  input[type="submit"]:focus {
    outline: 0;
  }
  
  input[type="submit"]:active {
    transform: scale(0.98);
  }
  
  input[type="submit"]:disabled {
    background-color: #ddd;
    cursor: not-allowed;
  }
  
  .fa-heart {
    color: red;
    font-size: 30px;
    margin-bottom: 10px;
  }
  
  .fa-heart:before {
    content: "\f004";
    font-family: FontAwesome;
  }