
.elementor-rating {
    display: flex;
    align-items: center;
    justify-content: var(--rating-alignment, center);
}

.elementor-rating .rating-icon-wrapper {
    display: inline-block;
    position: relative;
    font-size: var(--rating-size);
    margin-right: var(--rating-spacing);
}

.elementor-rating .rating-icon-wrapper .rating-icon svg{
    height: var(--rating-size);
    width: auto;
}

.elementor-rating .rating-icon-wrapper .rating-icon img{
    height: var(--rating-size);
}

.elementor-rating .rating-icon {
    cursor: pointer;
    transition: color 0.2s;
    fill: var(--rating-unmarked-color, #E0E0E0);
    color: var(--rating-unmarked-color, #E0E0E0);
}

.elementor-rating .rating-icon.full {
    color: var(--rating-unmarked-color, #E0E0E0);
}

.rating-icon-wrapper .rating-icon:hover ~ .rating-icon,
.rating-icon-wrapper:hover ~ .rating-icon-wrapper .rating-icon {
    color: var(--rating-unmarked-color, #E0E0E0) !important;
    fill: var(--rating-unmarked-color, #E0E0E0) !important;
}

.elementor-rating .rating-icon.half {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    overflow: hidden;
    color: var(--rating-unmarked-color, #E0E0E0);
    fill: var(--rating-unmarked-color, #E0E0E0);
}

.elementor-rating .rating-icon.full.marked,
.elementor-rating .rating-icon.half.marked,
.elementor-rating .rating-icon.full.hover,
.elementor-rating .rating-icon.half.hover
.elementor-rating .rating-icon.full.marked svg,
.elementor-rating .rating-icon.half.marked svg,
.elementor-rating .rating-icon.full.hover svg,
.elementor-rating .rating-icon.half.hover svg,
.elementor-rating .rating-icon.full.marked i,
.elementor-rating .rating-icon.half.marked i,
.elementor-rating .rating-icon.full.hover i,
.elementor-rating .rating-icon.half.hover i {
    color: var(--rating-marked-color, #FFD700);
    fill: var(--rating-marked-color, #FFD700);
}

/* .elementor-rating .rating-icon.full.marked ~ .rating-icon-wrapper .rating-icon svg path {
    fill: red !important;
} */

.elementor-rating .elementor-rating-value {
    margin-left: 10px;
    font-size: calc(var(--rating-size)*0.6);
    min-width: calc(var(--rating-size)*2);
}

.error-rating-message{
    color: #d9534f;
    margin: 10px 0;
    font-size: 1em;
    line-height: 1;
    font-family:"Roboto";
    font-weight: 400;
}

