.review-page.review-sec {
    padding: 60px 0px;
  }
  .review-page.review-sec h2 {
    color: var(--primary-btn-color);
  }
  .background-overlay-inner {
    background-color: #50302d;
    opacity: 0.3;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
  }
  /* div.stars {
      width: 270px;
      display: inline-block;  
    } */
  
  .mt-200 {
    margin-top: 200px;
  }
  
  input.star {
    display: none;
  }
  .all-star {
    display: table-cell;
}
  
  label.star {
    padding: 10px;
    font-size: 36px;
    color: #ff4d00;
    transition: all 0.2s;
    float: right;
  }
  
  input.star:checked ~ label.star:before {
    content: "\f005";
  
    color: #fd4;
  
    transition: all 0.25s;
  }
  
  input.star-5:checked ~ label.star:before {
    color: #fe7;
  
    text-shadow: 0 0 20px #952;
  }
  
  input.star-1:checked ~ label.star:before {
    color: #ff4d00;
  }
  
  label.star:hover {
    transform: rotate(-15deg) scale(1.3);
  }
  
  label.star:before {
    content: "\f006";
  
    font-family: FontAwesome;
  }
  .stars p {
    margin: 0px;
    font-size: 20px;
    font-family: var();
  }
  .review-show {
    background: #cce5de;
    padding: 20px 40px;
    margin: 20px 0px 30px 0px;
  }
  .review-start .ratings {
    margin-right: 20px;
  }
  .review-start .ratings i {
    color: #ffd22c;
    font-size: 24px;
}
h5.review-date {
    font-size: 14px;
    opacity: 0.7;
    font-family: var(--font-Roboto-Regular);
    margin: 0px;
}
.review-content {
    margin: 10px 0px;
}
.review-username p {
    margin: 0px;
    color: var(--primary-btn-color);
    font-size: 20px;
}

@media (max-width: 575px) {
  .review-show {
    background: #cce5de;
    padding: 20px 10px;
    margin: 20px 0px 30px 0px;
}
}