.paragraph--type--embed-view:has(.node--type-google-review) {
    padding: calc(var(--section-padding) * 2) var(--grid-padding);
    
    .view-header {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 20px;
    }

    .header {
        width: fit-content;
        display: flex;

        @media(max-width: 768px) {
            flex-direction: column-reverse;
        }

        .field--name-field-google-review-sum {
            transform: translateY(-25%);
            display: flex;
            align-items: center;
            margin-left: 24px;

            .field--name-field-review-count {
                color: #868686;
                font-size: 12px;
            }

            .field--name-field-review-average {
                font-size: 18px;
                font-weight: 800;
                color: black;
                display: flex;
                position: relative;

                &::after {
                    margin-left: 5px;
                    content: url("../../images/icons/dark-stars.svg");
                    width: 100px;
                    display: block;
                }

                &::before {
                    margin-left: 5px;
                    content: url("../../images/icons/gold-stars.svg");
                    width: 100px;
                    display: block;
                    position: absolute;
                    top: 0;
                    right: 0;
                    clip-path: polygon(0 0, var(--starsize) 0, var(--starsize) 100%, 0% 100%);
                }
            }

            &::before {
                content: url("../../images/icons/google-big.svg");
                margin-right: 13px;
                width: 45px;
                height: 45px;
            }
        }

        @media(max-width: 768px) {
            flex-direction: column-reverse;

            .field--name-field-google-review-sum {
                margin-left: 0;
                transform: translateY(0);
                margin-bottom: 10px;

            }
        }
    }

    .field--name-field-text {


        h1, .h1,
        h2, .h2,
        h3, .h3 {
            font-size: var(--font-size-32);
            color: var(--color-gray-7);
        }

        p,
        h4, .h4,
        h5, .h5,
        h6, .h6 {
            max-width: 560px;
        }

    }

    .swiper {
        margin-top: 40px;
        overflow: visible;
        position: relative;

        &:after {
            content: '';
            position: absolute;
            top: 0;
            right: 100%;
            width: 100%;
            height: 100%;
            background: white;
            z-index: 10;
        }

        .swiper-wrapper {
            overflow: visible;
            align-items: stretch;


        }
    }

    .swiper-slide {
        display: grid;
        height: auto;

        /* height: 100%;
        justify-self: stretch; */
        .views-field,
        .field-content {
            display: contents;
        }

        .node__content {
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 22px 16px;
            border: 1px solid var(--color-gray-2);

            .field--name-title {
                display: none;
            }

            .top {
                order: 1;
                display: flex;
                align-items: center;
                position: relative;
                margin-bottom: 8px;

                .field--type-image {
                    width: 40px;
                    height: 40px;
                    border-radius: 100%;
                    overflow: hidden;
                    margin-right: 14px;
                    position: relative;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        opacity: 0;
                    }


                }

                &:after {
                    content: "";
                    background: url("../../images/icons/google-big.svg") center center no-repeat transparent;
                    background-size: 40px 40px;
                    width: 40px;
                    height: 40px;
                    position: absolute;
                    bottom: 0;
                    left: 0px;
                }

                .field--name-field-text-oneline {
                    font-size: var(--font-size-16);
                    font-weight: var(--font-semibold);
                }

                .field--name-field-date-added {
                    font-size: var(--font-size-12);
                    font-weight: var(--font-light);
                }

            }

            .field--type-text-with-summary {
                margin: 8px 0;
                order: 3;

                p {
                    font-size: var(--font-size-14);
                }
            }

            .field--name-field-five-star {
                color: transparent;
                order: 2;
                background-image: url("../../images/icons/dark-stars.svg");
                width: 100px;
                background-position: center;
                background-size: 100px;
                position: relative;

                .filled-stars {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-image: url("../../images/icons/gold-stars.svg");
                    background-position: center;
                    background-size: 100px;
                }
            }
        }
    }
}

@media(max-width: 550px) {
    .paragraph--type--embed-view:has(.node--type-google-review) {
        .field--name-field-text {

            h1, .h1,
            h2, .h2,
            h3, .h3 {
                font-size: var(--font-size-24);
            }
        }

        .swiper-slide {
            width: auto;

            .node__content {
                width: 320px;
            }
        }
    }
}