.star-rating-input {
    display: inline-block;
    font-size: 0;
}

.star-rating-input .fa-star {
    font-size: 24px;
    color: #ddd;
    cursor: pointer;
}

.star-rating-input .fa-star.selected,
.star-rating-input .fa-star:hover {
    color: #f8d64e;
}


/* Filled star color */
.average-rating-display .fa-star {
    color: #ffcc00; /* Change this to the desired color for filled stars */
}

/* Empty star color */
.average-rating-display .fa-star-o {
    color: #ddd; /* Change this to the desired color for empty stars */
}
.fa-star.selected {
    color: #ffcc00; /* Your desired color for selected stars */
}