/* CSS for star ratings */
.star-rating {
    color: #f7b731; /* Yellow color for filled stars */
    font-size: 24px; /* Adjust the font size as needed */
}

.star {
    display: inline-block;
    width: 20px; /* Adjust the width and height as needed */
    height: 20px;
    margin-right: 4px; /* Adjust the spacing between stars as needed */
}

.filled-star {
    color: #f7b731; /* Yellow color for filled stars */
}

.empty-star {
    color: #ccc; /* Color for empty stars */
}

/*review form*/
form.cst-review-form {
    float: left;
    width: 100%;
    border: 1px solid #e02b20;
    padding: 20px;
    border-radius: 10px;
}
span.cst-red-star-req {
    color: #FF0000;
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: 7px;
}
form.cst-review-form label {
     display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
form.cst-review-form textarea {
    width: 100%;
    height: 200px;
}
span.cst-red-star {
    color: #FF0000;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 7px;
}
input#submit_review {
    background: #E02B20;
    margin-top: 10px;
    color: #fff;
    padding: 16px 20px;
    cursor: pointer;
    box-shadow: none;
    border: none;
    font-weight: 700;
}
input#submit_review:disabled {
    background: #F1F3F5;
    color: #ADB5BD;
    cursor: context-menu;
}
.cst-notice-txt {
    text-align: center;
    font-size: 18px;
}
/*review form*/
/*display reviews*/
.review {
    border: 1px solid #e02b20;
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
}
p.cst-rat-name {
    font-size: 24px;
    font-weight: 700;
}
p.cst-rat-date {
    text-align: right;
}
.star-rating {
    text-align: right;
}
/*display reviews*/