/****** Style Star Rating Widget *****/
.rating-sb-snp {
    border: none;
    float: left;
}

.rating-sb-snp > input {
    display: none;
}

.rating-sb-snp > label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    font-size: 13px
}

.rating-sb-snp > .half:before {
    content: "\f089";
    position: absolute;
}

.rating-sb-snp > label {
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating-sb-snp> input:checked ~ label,
    /* show gold star when clicked */
.rating:not(:checked) > label:hover,
    /* hover current star */
.rating:not(:checked) > label:hover ~ label {
}

/* hover previous stars in list */
.rating-sb-snp> input:checked + label:hover,
    /* hover current star when changing rating */
.rating-sb-snp> input:checked ~ label:hover,
.rating-sb-snp> label:hover ~ input:checked ~ label,
    /* lighten current selection */
.rating-sb-snp> input:checked ~ label:hover ~ label {
}

.sb-rating-value .ant-rate-star:not(:last-child) {
    margin-right: -3px;
}

/***** CSS rating *****/
[slide-in-from] {
    opacity: 0;
    transform: translateY(var(--translateY, 0)) translateX(var(--translateX, 0));
    animation: slideInFrom var(--sif-duration, 525ms) var(--sif-timing, ease-out) var(--sif-delay, 0ms) forwards;
}

[slide-in-from ^="top"] {
    --translateY: -100%
}

[slide-in-from ^="bottom"] {
    --translateY: 100%
}

[slide-in-from $="left"] {
    --translwateX: -100%
}

[slide-in-from $="right"] {
    --translateX: 100%
}

@keyframes slideInFrom {
    to {
        transform: unset;
        opacity: unset
    }
}

div:nth-of-type(1) {
    --clr: #78C5D5
}

div:nth-of-type(2) {
    --clr: #459BA8
}

div:nth-of-type(3) {
    --clr: #79C268
}

div:nth-of-type(4) {
    --clr: #C5D747
}

div:nth-of-type(5) {
    --clr: #F5D63D
}

div:nth-of-type(6) {
    --clr: #F18C32
}

div:nth-of-type(7) {
    --clr: #E868A1
}

div:nth-of-type(8) {
    --clr: #BF63A6
}

.sb-rating-value svg {
    scale: 0.8
}

.ant-space-align-center {
    align-items: center;
}

.ant-space {
    display: inline-flex;
}

a.sb-to-plan {
    color: rgb(68, 179, 207);
    transform: translate(0px, -10px);
    cursor: pointer !important
}

.sb-to-plan:hover {
    text-decoration: underline;
}

.ant-row {
    letter-spacing: 0.06rem;
    line-height: 1.5715;
    display: flex;
    row-gap: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.ant-col {
    letter-spacing: 0.06rem;
    line-height: 1.5715;
    position: relative;
    max-width: 100%;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.ant-avatar-image {
    background: transparent;
}

.ant-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
}

.scroll-sb::-webkit-scrollbar {
    width: 5px;
    opacity: 0.3;
    height: 5px;
}

.scroll-sb::-webkit-scrollbar-track {
    border-left: 0;
    border-radius: 10px;
}

.scroll-sb::-webkit-scrollbar-thumb {
    background: rgba(120, 120, 120, 0.3);
    border-radius: 10px;
}

.scroll-sb::-webkit-scrollbar-thumb:hover {
    background: rgba(120, 120, 120, 0.7);
}

.sb-styled-1 {
    position: fixed;
    left: 0px;
    bottom: 40px;
    z-index: 5997;
    background: white;
    padding: 0px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.sb-styled-2 {
    position: fixed;
    left: 40px;
    bottom: 2px;
    z-index: 5997;
    background: white;
    padding: 0px 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.sb-styled-3 {
    position: fixed;
    right: 0px;
    bottom: 40px;
    z-index: 5997;
    background: white;
    padding: 0px 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}

.sb-styled-4 {
    position: fixed;
    right: 40px;
    bottom: 2px;
    z-index: 5997;
    background: white;
    padding: 0px 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

@media (max-width: 480px) {
    .sb-hide-on-mobie {
        display: none !important;
    }
}

.google-review-preview:hover #sb-google-review-preview-1 {
    display: none;
}

.google-review-preview:hover #sb-google-review-preview-2 {
    display: block !important;
}

.sb-svg-close {
    position: absolute;
    right: 8px;
    top: 8px;
    scale: 3;
    cursor: pointer
}

.sb-svg-g {
    scale: 1.3
}

.sb-rating-star-svg {
    scale: 2.5;
    margin-bottom: 2px;
}

.sb-value-rating-point {
    font-size: 20px;
    font-weight: 800
}

.sb-value-rating-count {
    font-width: 400;
    font-size: 15px;
    margin-top: -10px;
}

.sb-value-rating-see-all {
    font-size: 15px;
    text-decoration: none;
    position: absolute;
    top: 15px;
    right: 15px;
}