div.google-rating {
    background-color: #464646;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: auto;
    padding: 12px;
    border-radius: 7px;
    & img {
        position: relative !important;
        height: 34px !important;
        width: auto !important;
        z-index: 1 !important;
        display: flex !important;
    }
    & div.stars {display: flex;gap: 3px;margin-bottom: 7px;}
    & div.stars img {height: 14px !important;width: auto !important;}
    & p.total-reviews {        
        color: #d9d9d9;
        font-size: 14px;
        display: flex;
        gap: 10px;
        & span span {font-weight: 500;font-size: 15px;color: #e5e5e5;}
    }
}
div.reviews {
    margin-bottom: 30px;
    & div.child {display: flex;align-items: flex-start;gap: 30px;}
    & div.tab.start {width: 370px;}
    & h2 {font-size: 22px;font-weight: 400;color: #353535;font-family: 'Inter', sans-serif;}
    & h3 {
        font-size: 36px;
        font-family: "Bricolage Grotesque", serif !important;
        margin: 10px 0;
        & span {font-family: "Bricolage Grotesque", serif !important;}
    }
    & div.google-rating {
        background-color: #f8f9fa;
        & p.total-reviews {        
            color: #353535;
            font-size: 14px;
            display: flex;
            gap: 10px;
            & span span {font-weight: 500;font-size: 15px;color: #272727;}    
        }
    }
}
div.reviews div.tab.end {
    flex: 1;
    height: auto;
    & div.subtab {width: calc(33.33% - 10px);display: grid;gap: 14px;}
    & div.inside {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 14px;
        overflow: auto;
    }
    & div.inside::-webkit-scrollbar {display: none;}
    & div.review {background-color: #f8f9fa;padding: 20px;border-radius: 17px;}
}
div.reviews div.tab.end div.review {
    & a.heading {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        text-decoration: none;
        color: #272727;
    }
    & a.heading:hover {
        opacity: 0.8;
        & img:first-child {opacity: 0.5;}
    }
    & a.heading img:nth-child(1) {
        height: 35px;
        width: 35px;
        object-fit: cover;
        border-radius: 50px;
        overflow: visible;
    }
    & a.heading img:last-child {
        height: 22px;
        width: auto;
    } 
    & a.heading p {
        flex: 1;
        display: block;
        & span {display: block;font-size: 15px;}
        & span:last-child {font-size: 12px;color: #353535;margin-top: 3px;}
    }
    & div:nth-child(2) {margin-top: 14px;}
    & div:nth-child(2) p {font-size: 15px;line-height: 1.4;margin-top: 10px;color: #272727;}
    & div.stars {display: flex;gap: 3px;margin-bottom: 7px;}
    & div.stars img {height: 14px !important;width: auto !important;overflow: visible;}
}
a.read-all-reviews {
    font-size: 15px;
    text-decoration: none;
    color: #272727;
    background-color: rgba(233, 76, 59, 0.1);
    padding: 0 20px;
    height: 42px;
    border-radius: 50px;
    transition: all 250ms ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    transition: all 250ms ease-in-out;    
    & svg {transition: transform 250ms ease-in-out;height: 12px;width: 12px;display: flex;fill: #353535;}
    & img {height: 20px;width: auto;}
    & img[data-type="white"] {display: none;}    
    &:hover {
        background-color: rgba(233, 76, 59, 1);
        color: #fff;
        & svg {fill: #fff;transform: rotate(45deg);}
        & img[data-type="white"] {display: flex;}
        & img[data-type="normal"] {display: none !important;}
    }
}

@media only screen and (max-width: 1390px) {
    div.reviews div.tab.end div.subtab {width: calc(50% - 7px);}
}
@media only screen and (max-width: 1090px) {
    div.reviews div.child {display: grid;gap: 20px;}
}