.attps-guest-infinite-sliders-container {
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
    container: attps-guest-sliders-container / inline-size;
    padding: 10px;
    overflow: hidden;
    --attps-guest-review-bg: #fff;
    --attps-guest-star-bg: gray;
    --attps-guest-star: #ee7203;
    --attps-guest-city: #1497da;
    --attps-guest-divider: #1497da;
    --attps-guest-store: #3a3f44;
    --attps-guest-name: #3a3f44;

    .attps-guest-swiper-infinite {

        .swiper-wrapper {
            width: 100%;
            width: 100%;
            display: grid;
            grid-auto-flow: column;

            .swiper-slide {
                background-color: var(--attps-guest-review-bg, #fff);
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                height: auto;
                display: grid;
                grid-template-rows: subgrid;
                grid-row: span 4;
                padding: 20px;
                border-radius: 7px;
                cursor: grab;

                .review-title {
                    text-align: center;
                    padding-bottom: 15px;

                    h5 {
                        font-size: 20px;
                        color: var(--attps-guest-name);
                        padding-bottom: 0;

                        strong {
                            text-transform: uppercase;
                        }

                    }

                    .sub {
                        font-size: 12px !important;
                        font-weight: 500;
                        font-style: italic;
                    }
                }


                .review-rating {
                    position: relative;
                    color: transparent;
                    font-size: 20px;
                    margin: 0 16px;

                    &::before {
                        --percent: calc(var(--rating) /5*100%);
                        content: '★★★★★';
                        position: absolute;
                        top: 0;
                        left: 0;
                        color: rgba(0, 0, 0, 0.2);
                        background: linear-gradient(90deg, var(--attps-guest-star) var(--percent), var(--attps-guest-star-bg) var(--percent));
                        background-clip: text;
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }
                }

                p {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    line-clamp: 3;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    max-height: 60px;
                    margin: 5px 0;
                    font-size: 12px;
                    font-weight: bold;
                    padding: 5px 16px;
                    font-style: italic;
                    color: #626262;
                    line-height: 1.5;
                }

                .review-footer {
                    .hr {
                        background-color: var(--attps-guest-divider) !important;
                        min-height: 3px;
                        width: 60%;
                        margin: auto auto 0;
                    }

                    .review-store {
                        display: block;
                        text-transform: uppercase;
                        font-weight: 400;
                        text-align: center;
                        line-height: 2rem;
                        font-size: 1rem;
                        color: var(--attps-guest-store, #3a3f44);

                        strong {
                            color: var(--attps-guest-city);
                        }
                    }
                }

            }
        }
    }
}