/* hide radio button */
.rate > input{
display:none;
}

.rate{
display: inline-block;
border:0;

}

.rate > label {
float : right;

}

/* showing the stars */

.rate > label:before{
display:inline-block;
font-size: 1.1rem;
font-family: FontAwesome;
content: "\f005";
margin: 0;
padding: 0.3rem .2rem;
cursor: pointer;

}

/* Half stars */

.rate .half:before{
    content: '\f089';
    position: absolute;
    padding-right: 0;

}

/* click and hower */

input:checked ~ label, label:hover ~ label{
    color: #ffb503;
}

/* hover highlighgt */
input:checked + label:hover , input:checked ~ label:hover, input:checked ~ label:hover ~ label, label:hover ~ input:checked ~label{
    content: #cc9000;
}


.rating-star i{
color:#ffb503 !important;
}