.block-wrapper.mkbh-block-article-inline-city-change-analytics {
    display: grid;
    grid-template-columns: 170px 1fr;
    grid-template-areas:
        "left right";

    padding: 0;
    margin: 30px 0;

    font-family: 'Montserrat', sans-serif;
    color: #303030;

    border-top: 1px solid #8A9DB0;
    border-bottom: 1px solid #80808094;
    background-color: #f6f6f6;

    h3, h4, h5, h6 {
        font-family: 'Montserrat', sans-serif;
        margin: 0 !important;
        padding: 0 !important;
    }

    .left {
        grid-area: left;
        position: relative;
        padding: 8px;

        display: grid;
        grid-gap: 5px;
        grid-template-rows: auto auto 1fr;
        grid-template-areas:
            "address"
            "rating"
            "logo";

        .address {
            grid-area: address;
            display: block;

            font-size: 15px;
            font-weight: 600;
            line-height: 1.1;

            color: #6c6c6c;

            &:before {
                display: block;
                font-family: "mkbh-icons", sans-serif !important;
                font-size: 23px;
                margin-left: -4px;
                margin-bottom: 3px;
                content: 'b' !important;
                color: #75afe5;
                font-style: normal !important;
                font-weight: 400 !important;
                font-variant: normal !important;
                text-transform: none !important;
            }
        }

        .rating {
            grid-area: rating;

            display: block;

            font-size: 60px;
            font-weight: 900;

            color: #75afe5;

            &:after {
                content: "%";
                font-size: 42px;
            }
        }

        .logo {
            align-self: end;
            grid-area: logo;
            width: 64px;
            height: 16px;
            margin-bottom: 0;
        }
    }

    .right {
        grid-area: right;
        position: relative;
        border-left: 1px solid #c3c3c370;

        & > a {
            position: absolute;
            top: 4px;
            right: 10px;

            font-size: 13px;
            font-weight: 300;
        }

        .rating-parameters {
            display: grid;
            grid-template-columns: auto auto;

            .parameters-list {
                h5 {
                    display: block;

                    padding: 10px !important;
                    padding-top: 26px !important;
                    padding-bottom: 16px !important;

                    font-size: 15px;
                    font-weight: 400;
                    color: #666;

                    text-decoration: underline;
                    text-underline-offset: 4px;
                    text-decoration-thickness: 2px;
                }

                ul {
                    background: none !important;
                    margin: 0 !important;
                    padding: 0 !important;

                    li {
                        margin: 0 !important;
                        padding: 10px !important;

                        list-style: none !important;
                        border-top: 1px solid #c3c3c3;

                        display: grid;
                        grid-gap: 5px;
                        align-items: center;
                        grid-template-columns: 32px 1fr auto;
                        grid-template-rows: minmax(32px, 1fr);

                        font-size: 14px;
                        font-weight: 300;
                        color: #303030;

                        &:before {
                            content: ' ' !important;
                        }

                        &:nth-child(2n) {
                            background-color: #f6f6f6;
                        }

                        &:nth-child(2n+1) {
                            background-color: #ececec;
                        }

                        img {
                            filter: invert(50%);
                            width: 100%;
                            height: auto;
                            margin: 0;
                        }

                        .label {
                            text-align: left;
                            font-size: 14px;
                            font-weight: 300;
                            color: #666;
                            padding: 0;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap;
                        }

                        .rating {
                            text-align: right;
                            font-size: 15px;
                            font-weight: 300;
                            color: #666;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 768px) {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-template-areas:
            "left"
            "right";

        .left {
            padding-bottom: 0;

            grid-gap: 0;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto;
            grid-template-areas:
                "address address"
                "logo rating";

            border-bottom: 1px solid #c3c3c3;


            .rating {
                text-align: right;
                font-size: 75px;

                &:after {
                    content: "%";
                    font-size: 52px;
                }
            }

            .logo {
                margin-bottom: 15px;
            }
        }

        .right {
            position: relative;
            padding-bottom: 40px;
            border-left: none;

            & > a {
                top: revert;
                bottom: 5px;
            }

            .rating-parameters {
                display: block;

                .parameters-list {
                    ul li:last-child {
                        border-bottom: 1px solid #c3c3c3;
                    }
                }
            }
        }
    }
}