.acf-star-rating {
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.acf-star-rating .star_title_show {
    font-size: 12px;
    font-weight: normal;
    color: #009224;
    margin-bottom: 5px;
}

.acf-star-rating .star {
    font-size: 24px;
    color: #ccc;
    transition: color 0.3s;
}

.acf-star-rating .star.filled {
    color: gold;
}

.acf-star-rating .star {
    font-size: 24px;
    color: #ccc; /* Default color for stars */
    transition: color 0.3s; /* Smooth color transition */
}

.acf-star-rating .star.filled {
    color: gold; /* Color for filled stars */
}


/*** HOVER STAR **/
.acf-star-rating .personal-star {
    cursor: pointer;
    font-size: 24px;
    color: #ccc; /* Default color for stars */
    transition: color 0.3s; /* Smooth color transition */
}

.acf-star-rating .personal-star.filled {
    color: gold; /* Color for filled stars */
}

.acf-star-rating .personal-star:hover,
.acf-star-rating .personal-star:hover ~ .personal-star {
    color: #ccc; /* Reset color for stars after the hovered star */
}

.acf-star-rating .personal-star:hover, .acf-star-rating .personal-star.hovered {
    color: gold; /* Highlight the hovered star */
}

/* Optional: Add animation */
.acf-star-rating .personal-star {
    transition: transform 0.3s ease, color 0.3s ease;
}

.acf-star-rating .personal-star:hover {
    transform: scale(1.2); /* Slightly enlarge the hovered star */
}
.star-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    z-index: 1000;
    display: none;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}