﻿.google-reviews {
    padding: 55px 0;
    background: #fff
}

.google-review-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px
}

    .google-review-head h2 {
        font-size: 30px;
        font-weight: 700;
        color: #202428;
        margin: 0 0 8px
    }

    .google-review-head p {
        margin: 0;
        color: #777;
        font-size: 15px
    }

.google-score {
    display: flex;
    align-items: center;
    gap: 18px;
    border-left: 1px solid #ddd;
    padding-left: 25px;
    min-width: 300px
}

.google-g {
    font-size: 50px;
    font-weight: 700;
    color: #4285f4;
    line-height: 1
}

.google-score strong {
    font-size: 29px;
    color: #202428
}

.google-score span {
    display: block;
    color: #777;
    font-size: 14px;
    margin-top: 3px
}

.score-stars, .review-stars {
    color: #fbbc04;
    letter-spacing: 2px
}

.score-stars {
    display: inline-block;
    font-size: 20px;
    margin-left: 8px
}

.google-review-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px
}

.google-review-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 22px;
    min-height: 210px;
    box-shadow: 0 4px 15px rgba(0,0,0,.05)
}

.review-top {
    display: flex;
    align-items: center
}

.review-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #eef5fb;
    color: #168dcb;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px
}

.review-user {
    flex: 1
}

    .review-user strong {
        display: block;
        color: #222;
        font-size: 16px
    }

    .review-user span {
        display: block;
        color: #999;
        font-size: 13px;
        margin-top: 3px
    }

.google-mini {
    font-size: 21px;
    font-weight: 700;
    color: #4285f4
}

.review-stars {
    font-size: 20px;
    margin: 17px 0 12px
}

.review-content {
    font-size: 15px;
    line-height: 1.65;
    color: #555
}

.google-review-bottom {
    text-align: center;
    margin-top: 28px
}

.google-btn {
    display: inline-block;
    background: #08a4dc;
    color: #fff !important;
    padding: 13px 25px;
    border-radius: 4px;
    text-decoration: none;
    margin: 0 5px;
    font-weight: 600
}

    .google-btn:hover {
        background: #078fc0
    }

.google-btn-outline {
    background: #fff;
    color: #08a4dc !important;
    border: 1px solid #08a4dc
}

    .google-btn-outline:hover {
        background: #f4fbfe
    }

@media(max-width:991px) {
    .google-review-head {
        display: block
    }

    .google-score {
        border: 0;
        padding: 20px 0 0
    }

    .google-review-list {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:600px) {
    .google-reviews {
        padding: 35px 0
    }

    .google-review-head h2 {
        font-size: 24px
    }

    .google-review-list {
        grid-template-columns: 1fr
    }

    .google-score strong {
        font-size: 24px
    }
}
