.review-title {
    margin-top: 15px;
    font-size: 20px;
}

.rating-box {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.rating {
    --size: 30px;
    --mask: conic-gradient(from -18deg at 61% 34.5%, #0000 108deg, #000 0) 0 / var(--size),
    conic-gradient(from 270deg at 39% 34.5%, #0000 108deg, #000 0) 0 / var(--size),
    conic-gradient(from 54deg at 68% 56%, #0000 108deg, #000 0) 0 / var(--size),
    conic-gradient(from 198deg at 32% 56%, #0000 108deg, #000 0) 0 / var(--size),
    conic-gradient(from 126deg at 50% 69%, #0000 108deg, #000 0) 0 / var(--size);
    --bg: linear-gradient(90deg, #ff7200 calc(var(--size) * var(--val)), #ddd 0);
    height: var(--size);
    width: calc(var(--size) * 5);
    border: 0; /* Firefox adds a default border to ranges */
    -webkit-appearance: none;
    appearance: none;

    /* Chrome and Safari */
    &::-webkit-slider-runnable-track {
        height: 100%;
        mask: var(--mask);
        mask-composite: intersect;
        background: var(--bg);
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    &::-webkit-slider-thumb {
        opacity: 0;
    }

    /* Firefox */
    &::-moz-range-track {
        height: 100%;
        mask: var(--mask);
        mask-composite: intersect;
        background: var(--bg);
        print-color-adjust: exact;
    }

    &::-moz-range-thumb {
        opacity: 0;
    }
}

.stars-size {
    --size: 20px;
    height: var(--size) !important;
    width: calc(var(--size) * 5) !important;
}

.stars-size-index {
    --size: 13px;
    height: var(--size) !important;
    width: calc(var(--size) * 5) !important;
}

#rating-into-number {
    font-size: 14px;
}

.poor {
    color: #FF4C4C;
    margin-right: 100px;
}
.fair {
    color: #FF8C42;
    margin-right: 100px;
}
.good {
    color: #FFC542;
    margin-right: 100px;
}
.very-good {
    color: #8CE68C;
    margin-right: 100px;
}
.excellent {
    color: #4CAF50;
    margin-right: 100px;
}