/* Hide Radio button */

.rate > input{
    display: none;
}

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

.rate > label{
    float: right;
}

/* Showing Stars */

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


/* Half Star */

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

/* Click and hower */

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

/* hover highlight */

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


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

ul.thumb{
    margin: 0 auto;
    padding: 0;
    float: left;
}

ul.thumb li{
    list-style: none;
    margin: 10px;
}

ul.thumb li img{
    width: 80px;
    height: 80px;
    border: 1px solid grey;
}


.thumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}

.thumb li {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the gap as needed */
    padding: 0;
}

.thumb li a {
    display: inline-block;
    margin: 5px; /* Adjust margin for spacing between images */
}

.thumb li img {
    max-width: 100px; /* Adjust size as needed */
    height: auto;
    display: block;
}