:root {
    --star-bg-color: orange;
}
/* var(--star-bg-color); */

.star-rating {
    display: inline-block;
    font-size: 20px; /* 星のサイズ */
    color: #ccc; /* 星のデフォルト色 */
    position: relative;
    unicode-bidi: bidi-override;
}

.star-rating .star {
    display: inline-block;
    position: relative;
    margin-right: -4px; /* 星と星の間のスペース */
}

.star-rating .star::before {
    content: '★'; /* 星の塗りつぶし用 */
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* 初期状態は0幅 */
    color: #3489ff; /* 塗りつぶされた星の色 */
    overflow: hidden;
}

/* 星の数に応じた塗りつぶし設定 */
.star-rating[data-rating='0.1'] .star:nth-child(1)::before {
    width: 10%;
    color: #3489ff;
}
.star-rating[data-rating='0.2'] .star:nth-child(1)::before {
    width: 20%;
    color: #3489ff;
}
.star-rating[data-rating='0.3'] .star:nth-child(1)::before {
    width: 30%;
    color: #3489ff;
}
.star-rating[data-rating='0.4'] .star:nth-child(1)::before {
    width: 40%;
    color: #3489ff;
}
.star-rating[data-rating='0.5'] .star:nth-child(1)::before {
    width: 50%;
    color: #3489ff;
}
.star-rating[data-rating='0.6'] .star:nth-child(1)::before {
    width: 60%;
    color: #3489ff;
}
.star-rating[data-rating='0.7'] .star:nth-child(1)::before {
    width: 70%;
    color: #3489ff;
}
.star-rating[data-rating='0.8'] .star:nth-child(1)::before {
    width: 80%;
    color: #3489ff;
}
.star-rating[data-rating='0.9'] .star:nth-child(1)::before {
    width: 90%;
    color: #3489ff;
}
.star-rating[data-rating='1.0'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}

.star-rating[data-rating='1.1'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.1'] .star:nth-child(2)::before {
    width: 10%;
    color: #3489ff;
}
.star-rating[data-rating='1.2'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.2'] .star:nth-child(2)::before {
    width: 20%;
    color: #3489ff;
}
.star-rating[data-rating='1.3'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.3'] .star:nth-child(2)::before {
    width: 30%;
    color: #3489ff;
}
.star-rating[data-rating='1.4'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.4'] .star:nth-child(2)::before {
    width: 40%;
    color: #3489ff;
}
.star-rating[data-rating='1.5'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.5'] .star:nth-child(2)::before {
    width: 50%;
    color: #3489ff;
}
.star-rating[data-rating='1.6'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.6'] .star:nth-child(2)::before {
    width: 60%;
    color: #3489ff;
}
.star-rating[data-rating='1.7'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.7'] .star:nth-child(2)::before {
    width: 70%;
    color: #3489ff;
}
.star-rating[data-rating='1.8'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.8'] .star:nth-child(2)::before {
    width: 80%;
    color: #3489ff;
}
.star-rating[data-rating='1.9'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='1.9'] .star:nth-child(2)::before {
    width: 90%;
    color: #3489ff;
}
.star-rating[data-rating='2.0'] .star:nth-child(1)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='2.0'] .star:nth-child(2)::before {
    width: 100%;
    color: #3489ff;
}

.star-rating[data-rating='2.1'] .star:nth-child(1)::before,
.star-rating[data-rating='2.1'] .star:nth-child(2)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='2.1'] .star:nth-child(3)::before {
    width: 10%;
    color: #3489ff;
}
.star-rating[data-rating='2.2'] .star:nth-child(1)::before,
.star-rating[data-rating='2.2'] .star:nth-child(2)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='2.2'] .star:nth-child(3)::before {
    width: 20%;
    color: #3489ff;
}
.star-rating[data-rating='2.3'] .star:nth-child(1)::before,
.star-rating[data-rating='2.3'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.3'] .star:nth-child(3)::before {
    width: 30%;
    color: #3489ff;
}
.star-rating[data-rating='2.4'] .star:nth-child(1)::before,
.star-rating[data-rating='2.4'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.4'] .star:nth-child(3)::before {
    width: 40%;
    color: #3489ff;
}
.star-rating[data-rating='2.5'] .star:nth-child(1)::before,
.star-rating[data-rating='2.5'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.5'] .star:nth-child(3)::before {
    width: 50%;
    color: #3489ff;
}
.star-rating[data-rating='2.6'] .star:nth-child(1)::before,
.star-rating[data-rating='2.6'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.6'] .star:nth-child(3)::before {
    width: 60%;
    color: #3489ff;
}
.star-rating[data-rating='2.7'] .star:nth-child(1)::before,
.star-rating[data-rating='2.7'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.7'] .star:nth-child(3)::before {
    width: 70%;
    color: #3489ff;
}
.star-rating[data-rating='2.8'] .star:nth-child(1)::before,
.star-rating[data-rating='2.8'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.8'] .star:nth-child(3)::before {
    width: 80%;
    color: #3489ff;
}
.star-rating[data-rating='2.9'] .star:nth-child(1)::before,
.star-rating[data-rating='2.9'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.9'] .star:nth-child(3)::before {
    width: 90%;
    color: #3489ff;
}
.star-rating[data-rating='3.0'] .star:nth-child(1)::before,
.star-rating[data-rating='3.0'] .star:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='3.0'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}

.star-rating[data-rating='3.1'] .star:nth-child(1)::before,
.star-rating[data-rating='3.1'] .star:nth-child(2)::before,
.star-rating[data-rating='3.1'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.1'] .star:nth-child(4)::before {
    width: 10%;
    color: #3489ff;
}
.star-rating[data-rating='3.2'] .star:nth-child(1)::before,
.star-rating[data-rating='3.2'] .star:nth-child(2)::before,
.star-rating[data-rating='3.2'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.2'] .star:nth-child(4)::before {
    width: 20%;
    color: #3489ff;
}
.star-rating[data-rating='3.3'] .star:nth-child(1)::before,
.star-rating[data-rating='3.3'] .star:nth-child(2)::before,
.star-rating[data-rating='3.3'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.3'] .star:nth-child(4)::before {
    width: 30%;
    color: #3489ff;
}
.star-rating[data-rating='3.4'] .star:nth-child(1)::before,
.star-rating[data-rating='3.4'] .star:nth-child(2)::before,
.star-rating[data-rating='3.4'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.4'] .star:nth-child(4)::before {
    width: 40%;
    color: #3489ff;
}
.star-rating[data-rating='3.5'] .star:nth-child(1)::before,
.star-rating[data-rating='3.5'] .star:nth-child(2)::before,
.star-rating[data-rating='3.5'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.5'] .star:nth-child(4)::before {
    width: 50%;
    color: #3489ff;
}
.star-rating[data-rating='3.6'] .star:nth-child(1)::before,
.star-rating[data-rating='3.6'] .star:nth-child(2)::before,
.star-rating[data-rating='3.6'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.6'] .star:nth-child(4)::before {
    width: 60%;
    color: #3489ff;
}
.star-rating[data-rating='3.7'] .star:nth-child(1)::before,
.star-rating[data-rating='3.7'] .star:nth-child(2)::before,
.star-rating[data-rating='3.7'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.7'] .star:nth-child(4)::before {
    width: 70%;
    color: #3489ff;
}
.star-rating[data-rating='3.8'] .star:nth-child(1)::before,
.star-rating[data-rating='3.8'] .star:nth-child(2)::before,
.star-rating[data-rating='3.8'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.8'] .star:nth-child(4)::before {
    width: 80%;
    color: #3489ff;
}
.star-rating[data-rating='3.9'] .star:nth-child(1)::before,
.star-rating[data-rating='3.9'] .star:nth-child(2)::before,
.star-rating[data-rating='3.9'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='3.9'] .star:nth-child(4)::before {
    width: 90%;
    color: #3489ff;
}
.star-rating[data-rating='4.0'] .star:nth-child(1)::before,
.star-rating[data-rating='4.0'] .star:nth-child(2)::before,
.star-rating[data-rating='4.0'] .star:nth-child(3)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.0'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}

.star-rating[data-rating='4.1'] .star:nth-child(1)::before,
.star-rating[data-rating='4.1'] .star:nth-child(2)::before,
.star-rating[data-rating='4.1'] .star:nth-child(3)::before,
.star-rating[data-rating='4.1'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.1'] .star:nth-child(5)::before {
    width: 10%;
    color: #3489ff;
}
.star-rating[data-rating='4.2'] .star:nth-child(1)::before,
.star-rating[data-rating='4.2'] .star:nth-child(2)::before,
.star-rating[data-rating='4.2'] .star:nth-child(3)::before,
.star-rating[data-rating='4.2'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.2'] .star:nth-child(5)::before {
    width: 20%;
    color: #3489ff;
}
.star-rating[data-rating='4.3'] .star:nth-child(1)::before,
.star-rating[data-rating='4.3'] .star:nth-child(2)::before,
.star-rating[data-rating='4.3'] .star:nth-child(3)::before,
.star-rating[data-rating='4.3'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.3'] .star:nth-child(5)::before {
    width: 30%;
    color: #3489ff;
}
.star-rating[data-rating='4.4'] .star:nth-child(1)::before,
.star-rating[data-rating='4.4'] .star:nth-child(2)::before,
.star-rating[data-rating='4.4'] .star:nth-child(3)::before,
.star-rating[data-rating='4.4'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.4'] .star:nth-child(5)::before {
    width: 40%;
    color: #3489ff;
}
.star-rating[data-rating='4.5'] .star:nth-child(1)::before,
.star-rating[data-rating='4.5'] .star:nth-child(2)::before,
.star-rating[data-rating='4.5'] .star:nth-child(3)::before,
.star-rating[data-rating='4.5'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.5'] .star:nth-child(5)::before {
    width: 50%;
    color: #3489ff;
}
.star-rating[data-rating='4.6'] .star:nth-child(1)::before,
.star-rating[data-rating='4.6'] .star:nth-child(2)::before,
.star-rating[data-rating='4.6'] .star:nth-child(3)::before,
.star-rating[data-rating='4.6'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.6'] .star:nth-child(5)::before {
    width: 60%;
    color: #3489ff;
}
.star-rating[data-rating='4.7'] .star:nth-child(1)::before,
.star-rating[data-rating='4.7'] .star:nth-child(2)::before,
.star-rating[data-rating='4.7'] .star:nth-child(3)::before,
.star-rating[data-rating='4.7'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.7'] .star:nth-child(5)::before {
    width: 70%;
    color: #3489ff;
}
.star-rating[data-rating='4.8'] .star:nth-child(1)::before,
.star-rating[data-rating='4.8'] .star:nth-child(2)::before,
.star-rating[data-rating='4.8'] .star:nth-child(3)::before,
.star-rating[data-rating='4.8'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.8'] .star:nth-child(5)::before {
    width: 80%;
    color: #3489ff;
}
.star-rating[data-rating='4.9'] .star:nth-child(1)::before,
.star-rating[data-rating='4.9'] .star:nth-child(2)::before,
.star-rating[data-rating='4.9'] .star:nth-child(3)::before,
.star-rating[data-rating='4.9'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='4.9'] .star:nth-child(5)::before {
    width: 90%;
    color: #3489ff;
}
.star-rating[data-rating='5.0'] .star:nth-child(1)::before,
.star-rating[data-rating='5.0'] .star:nth-child(2)::before,
.star-rating[data-rating='5.0'] .star:nth-child(3)::before,
.star-rating[data-rating='5.0'] .star:nth-child(4)::before {
    width: 100%;
    color: #3489ff;
}
.star-rating[data-rating='5.0'] .star:nth-child(5)::before {
    width: 100%;
    color: #3489ff;
}

/* .rep-table {
    border: 1px solid #ccc;
} */

/* .rep-table th {
    border: 1px solid #ccc;
    background-color: #caeefb;
    font-size: 14px;
    font-weight: 900;
    width: 180px;
}

.rep-table td {
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 900;
}

.rep-table td.total {
    display: flex;
    height: 60px;
} */

.rep-total {
    font-size: 15px;
    font-weight: 900;
    color: #3489ff !important;
    margin: 0 !important;
    padding: 8px 0 0 16px;
}

.rep-dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
}

.rep-dl dt {
    /* border: 1px solid #ccc; */
    border-bottom: 1px solid #ccc;
    background-color: #caeefb;

    font-size: 14px;
    font-weight: 900;
    width: 250px !important;
    vertical-align: middle;
    padding: 17px 8px;
}
.rep-dl dd {
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    font-weight: 900;
    color: #3489ff;
    margin: 0 !important;
    padding: 10px;
    width: calc(100% - 250px);
    background-color: #fff;
}

.rep-dl dd:last-child,
.rep-dl dt:last-child {
    border-bottom: none;
}

.rep-dl dd.total {
    display: flex;
}

/* var(--star-bg-color); */

.star-rating {
    display: inline-block;
    font-size: 20px; /* 星のサイズ */
    color: #ccc; /* 星のデフォルト色 */
    position: relative;
    unicode-bidi: bidi-override;
}

.star-rating .star-o {
    display: inline-block;
    position: relative;
    margin-right: -4px; /* 星と星の間のスペース */
}

.star-rating .star-o::before {
    content: '★'; /* 星の塗りつぶし用 */
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* 初期状態は0幅 */
    color: var(--star-bg-color); /* 塗りつぶされた星の色 */
    overflow: hidden;
}

/* 星の数に応じた塗りつぶし設定 */
.star-rating[data-rating='0.1'] .star-o:nth-child(1)::before {
    width: 10%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.2'] .star-o:nth-child(1)::before {
    width: 20%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.3'] .star-o:nth-child(1)::before {
    width: 30%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.4'] .star-o:nth-child(1)::before {
    width: 40%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.5'] .star-o:nth-child(1)::before {
    width: 50%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.6'] .star-o:nth-child(1)::before {
    width: 60%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.7'] .star-o:nth-child(1)::before {
    width: 70%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.8'] .star-o:nth-child(1)::before {
    width: 80%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='0.9'] .star-o:nth-child(1)::before {
    width: 90%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.0'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}

.star-rating[data-rating='1.1'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.1'] .star-o:nth-child(2)::before {
    width: 10%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.2'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.2'] .star-o:nth-child(2)::before {
    width: 20%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.3'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.3'] .star-o:nth-child(2)::before {
    width: 30%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.4'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.4'] .star-o:nth-child(2)::before {
    width: 40%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.5'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.5'] .star-o:nth-child(2)::before {
    width: 50%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.6'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.6'] .star-o:nth-child(2)::before {
    width: 60%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.7'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.7'] .star-o:nth-child(2)::before {
    width: 70%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.8'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.8'] .star-o:nth-child(2)::before {
    width: 80%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.9'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='1.9'] .star-o:nth-child(2)::before {
    width: 90%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.0'] .star-o:nth-child(1)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.0'] .star-o:nth-child(2)::before {
    width: 100%;
    color: var(--star-bg-color);
}

.star-rating[data-rating='2.1'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.1'] .star-o:nth-child(2)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.1'] .star-o:nth-child(3)::before {
    width: 10%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.2'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.2'] .star-o:nth-child(2)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.2'] .star-o:nth-child(3)::before {
    width: 20%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.3'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.3'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.3'] .star-o:nth-child(3)::before {
    width: 30%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.4'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.4'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.4'] .star-o:nth-child(3)::before {
    width: 40%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.5'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.5'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.5'] .star-o:nth-child(3)::before {
    width: 50%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.6'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.6'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.6'] .star-o:nth-child(3)::before {
    width: 60%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.7'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.7'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.7'] .star-o:nth-child(3)::before {
    width: 70%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.8'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.8'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.8'] .star-o:nth-child(3)::before {
    width: 80%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='2.9'] .star-o:nth-child(1)::before,
.star-rating[data-rating='2.9'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='2.9'] .star-o:nth-child(3)::before {
    width: 90%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.0'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.0'] .star-o:nth-child(2)::before {
    width: 100%;
}
.star-rating[data-rating='3.0'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}

.star-rating[data-rating='3.1'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.1'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.1'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.1'] .star-o:nth-child(4)::before {
    width: 10%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.2'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.2'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.2'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.2'] .star-o:nth-child(4)::before {
    width: 20%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.3'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.3'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.3'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.3'] .star-o:nth-child(4)::before {
    width: 30%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.4'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.4'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.4'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.4'] .star-o:nth-child(4)::before {
    width: 40%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.5'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.5'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.5'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.5'] .star-o:nth-child(4)::before {
    width: 50%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.6'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.6'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.6'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.6'] .star-o:nth-child(4)::before {
    width: 60%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.7'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.7'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.7'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.7'] .star-o:nth-child(4)::before {
    width: 70%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.8'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.8'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.8'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.8'] .star-o:nth-child(4)::before {
    width: 80%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.9'] .star-o:nth-child(1)::before,
.star-rating[data-rating='3.9'] .star-o:nth-child(2)::before,
.star-rating[data-rating='3.9'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='3.9'] .star-o:nth-child(4)::before {
    width: 90%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.0'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.0'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.0'] .star-o:nth-child(3)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.0'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}

.star-rating[data-rating='4.1'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.1'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.1'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.1'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.1'] .star-o:nth-child(5)::before {
    width: 10%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.2'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.2'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.2'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.2'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.2'] .star-o:nth-child(5)::before {
    width: 20%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.3'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.3'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.3'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.3'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.3'] .star-o:nth-child(5)::before {
    width: 30%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.4'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.4'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.4'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.4'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.4'] .star-o:nth-child(5)::before {
    width: 40%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.5'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.5'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.5'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.5'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.5'] .star-o:nth-child(5)::before {
    width: 50%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.6'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.6'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.6'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.6'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.6'] .star-o:nth-child(5)::before {
    width: 60%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.7'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.7'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.7'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.7'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.7'] .star-o:nth-child(5)::before {
    width: 70%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.8'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.8'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.8'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.8'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.8'] .star-o:nth-child(5)::before {
    width: 80%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.9'] .star-o:nth-child(1)::before,
.star-rating[data-rating='4.9'] .star-o:nth-child(2)::before,
.star-rating[data-rating='4.9'] .star-o:nth-child(3)::before,
.star-rating[data-rating='4.9'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='4.9'] .star-o:nth-child(5)::before {
    width: 90%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='5.0'] .star-o:nth-child(1)::before,
.star-rating[data-rating='5.0'] .star-o:nth-child(2)::before,
.star-rating[data-rating='5.0'] .star-o:nth-child(3)::before,
.star-rating[data-rating='5.0'] .star-o:nth-child(4)::before {
    width: 100%;
    color: var(--star-bg-color);
}
.star-rating[data-rating='5.0'] .star-o:nth-child(5)::before {
    width: 100%;
    color: var(--star-bg-color);
}

.voice-list-right .company-feature2 {
    padding: 10px 0 0 5px !important;
    font-size: 16px !important;
}

.rep-elm {
    font-size: 15px;
    font-weight: 300;
    color: #333;
    margin: 0 !important;
    padding: 8px 0 0 16px;
    width: 120px;
    text-align: center;
}

.star-element {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.number-element {
    margin: 0;
    padding: 5px 0 0 10px;
    color: #3489ff !important;
    font-weight: 900 !important;
}

@media only screen and (max-width: 800px) {
    .rep-elm {
        width: 90px;
    }
}

@media only screen and (max-width: 668px) {
    .rep-dl dt {
        font-weight: 900;
        width: 100% !important;
        font-size: 14px;
        padding: 2px 8px;
    }
    .rep-dl dd {
        margin: 0 !important;
        padding: 2px 10px;
        width: 100%;
        justify-content: center;
        font-weight: 300;
    }
    .rep-elm {
        width: 90px;
        font-size: 13px;
        font-weight: 300;
        padding-right: 0px;
        margin: 0;
        padding: 3px 0 0 0;
    }

    .number-element {
        margin: 0;
        padding: 0;
    }

    .number-element {
        margin: 0;
        padding: 2px 0 0 10px;
    }

    .voice-list-right .company-feature2 {
        padding: 0 !important;
        font-size: 16px !important;
    }

    .star-rating {
        font-size: 15px;
        letter-spacing: -1px !important;
    }

    .rep-header {
        padding: 5px 8px !important;
        font-size: 13px !important;
        line-height: 13px !important;
        font-weight: 700px !important;
    }
}