.custom-rating-field {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.affective_review_section_title {
    font-size: 24px!important; /* Adjust the size as needed */
    margin-bottom: 20px; /* Space between the title and the first review section */
    border-bottom: 2px solid #ddd; /* Add a bottom border to create a section line */
    padding-bottom: 10px; /* Space between the title text and the border */
    font-weight: bold;
}

.reviewx_recommended {
    display: flex!important;
    flex-direction: column;
    align-items: center;
}

.reviewx_recommended_list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.reviewx_star {
    margin-right: 5px;
}

.reviewx-star-rating {
    display: flex;
    align-items: center;
}

.reviewx-star-rating input {
    display: none;
}

.reviewx-star-rating label {
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
}

.reviewx-star-rating label svg {
    fill: white;
    stroke: #ffaf22;
}

.reviewx-star-rating label svg.selected {
    fill: #ffaf22;
    stroke: #ffaf22;
}