.reviews.item-views .item .preview-text p {
    margin-top: 0px;
}

.reviews.item-views .item .link-block-more {
    margin: 30px 0px 0px;
}


.reviews.item-views.compact .item {
    padding: 30px 30px 30px 70px;
    position: relative;
    text-align: left;
}

.reviews.item-views.compact .item.wlogo .image {
    width: 60px;
    height: 50px;
    line-height: 50px;
}

.reviews.item-views.compact .item:not(.wlogo) .image {
    width: 50px;
    height: 50px;
    line-height: 50px;
    float: left;
}

.reviews.item-views.compact .votes_block.nstar.big .ratings .item-rating svg {
    width: auto;
    height: 16px;
}

.reviews.item-views.compact.linked .votes_block.nstar.big .ratings .item-rating svg {
    width: 18px;
    height: 17px;
    width: auto;
}

.reviews.item-views.compact .item .top_wrapper .top-info .wrap {
    padding-bottom: 1px;
}

.reviews.item-views.compact .item .svg-inline-quote {
    left: -22px;
}

.reviews.item-views.compact .item .svg-inline-quote svg {
    width: 22px;
    height: 15px;
}


.reviews.item-views.compact.linked .item.wlogo .image {
    width: 80px;
    height: 62px;
    line-height: 62px;
}

.reviews.item-views.compact.linked .item:not(.wlogo) .image {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.reviews.item-views.list-mode .item-wrapper {
    height: 100%;
    font-size: 13px;
}

.reviews.item-views.list-mode .item-wrapper:before {
    display: none;
}

.reviews.item-views.list-mode .respone_wrap {
    padding: 26px 30px 23px;
    margin-top: -1px;
    background: #f7f7f7;
}

.reviews.item-views.list-mode .with-img .response_body {
    padding-left: 60px
}

.reviews.item-views.list-mode .response_img {
    float: left;
    overflow: hidden;
    text-align: center;
}

.reviews.item-views.list-mode .response_img img {
    width: 40px;
    height: 40px
}

.reviews.item-views.list-mode .respone_wrap .response_title {
    margin-bottom: 1px;
    margin-top: -2px;
    color: #383838;
}

.reviews.item-views.list-mode .item.no_img .title {
    margin-bottom: 0;
}

.reviews.item-views .item .top_wrapper .top-info > .wrap > div {
    font-size: 12px;
}

.reviews.item-views .item .top_wrapper .title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding-bottom: 5px;
}

.reviews.item-views .item .body-info {
    padding: 0;
    font-size: 13px;
}

.reviews.item-views.list-mode .item .body-info {
    float: left;
}

.reviews.item-views.list-mode .item {
    padding: 30px 30px 25px;
}

.reviews.item-views.list-mode .items {
    margin-top: 0;
}

.reviews.item-views .item .body-info .row.flexbox {
    margin: 0px -16px;
}

.reviews.item-views .item .body-info .row.flexbox > div {
    padding: 0px 16px;
    box-sizing: border-box;
}

.reviews.item-views .item .body-info .files_block {
    margin-top: 11px;
    margin-bottom: -3px;
}

.reviews.item-views .item .body-info .files_block a {
    overflow: hidden;
    text-overflow: ellipsis;
}

.reviews.item-views .item .body-info .files_block .size {
    font-size: 12px;
}

.reviews.item-views .item .body-info .video_block {
    margin: 24px 0px 7px;
}

.reviews.item-views .item .body-info .video_block .video {
    margin-top: 20px;
}

.reviews.item-views .item .body-info .video_block .video:first-child {
    margin-top: 0;
}


.reviews.item-views.more-item .item {
    padding-left: 39px;
    padding-right: 39px;
}

body .reviews.item-views.more-item .item .svg-inline-quote {
    display: none;
}

.reviews.item-views.more-item .item .top_wrapper, .reviews.item-views.more-item .item .body-info {
    padding: 0px;
}

.with-text-block-wrapper > .row > div:first-of-type {
    padding-bottom: 25px;
}

.with-text-block-wrapper .reviews.item-views {
    padding-top: 5px;
}

.with-text-block-wrapper .block-links {
    margin: 0px -8px;
}

.with-text-block-wrapper .block-links > span {
    padding: 0px 3px 0 8px;
}

.with-text-block-wrapper .reviews.item-views.more-item .item {
    padding-top: 29px;
    padding-bottom: 39px;
}

.with-text-block-wrapper .reviews.item-views .item .top_wrapper {
    margin-bottom: 5px;
}

.bordered {
    border: 1px solid #e5e5e5;
}

.rounded {
    border-radius: 100%;
}

.reviews.item-views.compact.list-mode .item-wrapper {
    margin: 32px 0 0 0;
}

.reviews.item-views.compact.list-mode .item-wrapper:first-child {
    margin: 0;
}

.reviews.item-views.compact.linked .item:not(.wlogo) .image.pull-left + .top-info {
    padding-left: 78px;
    padding-top: 6px;
}

.reviews.item-views.compact.linked .item:not(.wlogo) .image.pull-right + .top-info {
    padding-right: 78px;
    padding-top: 6px;
}

.top_block .pull-right {
    float: right;
}

.item-views.reviews .pull-left {
    float: left;
}

.reviews.item-views:not(.list-mode) {
    clear: both;
}


.reviews_swiper.swiper .item {
    background-color: #fff;
    border: none;
}


.reviews_swiper.swiper .top_wrapper img {
    border-radius: 100%;
}

.reviews_swiper.swiper .item .top_wrapper .top-info .wrap {
    font-size: 12px;
}

.reviews_swiper.swiper .item .top_wrapper .title {
    font-size: 18px;
}

.reviews_swiper.swiper .item .body-info {
    position: relative;
}

.reviews_swiper.swiper .item .body-info:before {
    content: "";
    position: absolute;
    left: -40px;
    top: 6px;
    width: 20px;
    height: 16px;
    background: url('../../../../images/svg/quotes.svg');
}

.reviews_swiper.swiper.compact .item:not(.wlogo) .image.pull-left + .top-info {
    padding-left: 68px;
    padding-top: 2px;
}

.reviews_swiper.swiper.compact .item:not(.wlogo) .image.pull-right + .top-info {
    padding-right: 68px;
    padding-top: 2px;
}

/*detail*/
.popup.review-detail_frame {
    max-width: 700px;
    width: 100%;
}

.review-detail {
    .review-author {
        display: flex;
        flex-direction: column-reverse;
        gap: 4px;

        font-size: var(--font-h5-size);
        line-height: 1.1;
        font-weight: 500;
        align-items: flex-start !important;

        .date {
            color: var(--color-secondary-gray-dark);
            font-size: var(--font-caption-size);
            display: block;
        }
    }

    .top-info {
        display: flex;
    }

    .votes_block.nstar {
        height: auto;
        margin-left: auto;
    }

    .close-block {
        margin-top: 0;
    }
}

#main .review-detail .reviews.item-views .close svg {
    display: none;
}

#main .review-detail .reviews.item-views .item {
    padding: 0px;
}

#main .review-detail .reviews.item-views .item .image {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#main .review-detail .reviews.item-views .item .top_wrapper {
    padding: 0px;
}


#main .review-detail .reviews.item-views .item .header-block {
    padding: 40px 40px 10px 60px;
}

#main .review-detail .reviews.item-views .item .header-block {
    padding: 40px 40px 10px 60px;
}

#main .review-detail .reviews.item-views .item .bottom-block {
    padding: 10px 40px 50px 60px;
}

#main .review-detail .reviews.item-views .item .bottom-block .preview-text {
    line-height: 24px;
}

#main .review-detail .reviews.item-views .votes_block.nstar {
    position: relative;
}

#main .review-detail .reviews.item-views .votes_block.nstar svg {
    width: auto;
    height: 16px;
}

#main .review-detail .reviews.item-views .votes_block.nstar:after {
    content: '';
    height: 1px;
    position: absolute;
    left: 114px;
    top: 7px;
    right: 0;
    background: #ececec;
}

#main .review-detail .reviews.item-views .votes_block.nstar .ratings .item-rating {
    padding: 0px 4px 0 0px;
}


.grey_bg + .grey_bg.reviews {
    background: #fff;
}

.grey_bg + .grey_bg.reviews .reviews_swiper.swiper .item-wrapper {
    border: 1px solid #e5e5e5;
}

@media (min-width: 1100px) {
    .reviews.item-views:not(.compact) .item {
        padding: 0 207px;
    }

    .reviews.item-views .item .body-info .svg-inline-quote {
        display: block;
    }
}

@media (min-width: 768px) {
    .reviews.item-views .item .body-info .votes_block {
        display: none;
    }

    .reviews.item-views.compact .item .body-info {
        margin-top: 24px;
    }

    .reviews.item-views.compact .item .top-info {
        padding-right: 80px;
    }

    .reviews.item-views.compact.linked .item .top-info {
        padding-right: 125px;
    }

    .reviews.item-views.compact.linked .item .body-info {
        margin-top: 20px;
    }

    .col-sm-6 {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .review-detail {
        .top-info {
            flex-direction: column;
        }
    }

    #main .review-detail .reviews.item-views .votes_block.nstar {
        margin-left: 0;
        margin-top: 4px;
    }

    .reviews.item-views .item .body-info .votes_block {
        display: block;
        margin: -10px 0px 10px;
    }

    .reviews.item-views .item .body-info {
        margin-top: 10px;
    }
}

@media (min-width: 500px) {
    .reviews.item-views.compact .votes_block.nstar {
        position: absolute;
        right: 44px;
        top: 40px;
    }

    .reviews.item-views.compact.linked .votes_block.nstar {
        right: 30px;
        top: 51px;
    }


    .reviews.item-views .item .image.pull-right + .top-info {
        padding-right: 111px;
    }

    .reviews.item-views .item:not(.wlogo) .image.pull-right + .top-info {
        padding-right: 100px;
    }

    .reviews.item-views.compact .item.wlogo .image.pull-left + .top-info {
        padding-left: 80px;
    }

    .reviews.item-views.compact .item.wlogo .image.pull-right + .top-info {
        padding-right: 80px;
    }

    .reviews.item-views.compact.linked .item.wlogo .image.pull-left + .top-info {
        padding-left: 111px;
    }

    .reviews.item-views.compact.linked .item.wlogo .image.pull-right + .top-info {
        padding-right: 111px;
    }


}

@media (max-width: 500px) {
    .reviews.item-views.list-mode .response_img {
        float: none;
        margin-bottom: 16px;
        display: none;
    }

    .reviews.item-views.list-mode .with-img .response_body {
        padding-left: 0;
    }

    .reviews.item-views.list-mode .respone_wrap .response_title {
        margin-top: 0;
    }

    .reviews.item-views .item .body-info .votes_block {
        margin: 0px 0px 3px;
    }

    .reviews.item-views.compact .item {
        padding-left: 30px;
        padding-right: 30px;
    }

    .reviews.item-views.compact .item .body-info:before {
        display: none;
    }

    .reviews.item-views .item .body-info {
        float: none;
    }

    #main .review-detail .reviews.item-views .item .header-block {
        padding: 30px 30px 10px 30px;
    }

    #main .review-detail .reviews.item-views .item .bottom-block {
        padding: 10px 30px 30px 40px;
    }
}


.reviews {
    .review-theme{
        font-size:10px; font-weight:400;
        color:var(--color-primary-gray-dark)
    }
    background: var(--color-primary-gray-light);

    .review-author__info {

        font-size: var(--font-h5-size);
        line-height: 1.1;
        font-weight: 500;
    }
    .review-meta{
        margin:16px 0;
        font-weight: bold;

    }

    .review-author {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .button.transparent:not(.text), .btn--border {
        font-weight: 400;
        height: 36px;
        width: 176px;
        margin-top: 30px;
        text-transform: none;

    }

    .review-meta__date {
        margin-top: 30px;
        margin-bottom: 20px;
        color: var(--color-secondary-gray-dark);
        font-size: var(--font-caption-size);
        display: block;
    }

    .preview-text {
        position: relative;
margin-top:12px;
        &:before {
            content: "";
            position: absolute;
            left: -20px;
            transform: translateX(-100%);
            top: 0;
            width: 20px;
            height: 16px;
            background: url('/local/templates/new_design/images/svg/quotes.svg');
        }
    }


    .votes_block.nstar .ratings .inner_rating {
        height: auto;
    }

    .reviews.item-views.compact .votes_block.nstar {
        position: static;
        margin: 0;
        margin-left: auto;
    }

    .swiper-slide {
        height: auto;
    }

    .all_news {
        height: 48px;
        margin-top: 20px;
        margin-inline: auto;
        width: 188px;
        display: flex;
        justify-items: center;
        align-items: center;
        font-size: var(--font-body-size);
    }
}

@media (max-width: 700px) {
    .popup.review-detail_frame {
        max-width: 90dvw !important;


    }
}

@media (max-width: 600px) {


    .reviews {
        .review-body {
            font-size: var(--font-body-secondary-size);
        }

        .all_news {
            height: 40px;

        }

        .review-meta__date {
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .button.transparent:not(.text) {
            width: 159px;
            margin-top: 20px;
        }

        .reviews.item-views.compact .item {
            padding: 20px 20px 20px 50px;
        }

        .review-author {
            flex-wrap: wrap;
        }

        .reviews.item-views.compact .votes_block.nstar {
            width: 100%;
            margin-left: 0;
        }

        .review-author__info {
            max-width: calc(100 - 58px);
        }

        .preview-text {
            &:before {
                left: -10px;
            }
        }
    }


}
.review-popup-data {
    display: none;
}

.laravel-review-popup-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1000;
}

.laravel-review-popup-backdrop.is-open {
    display: block;
}

.popup.review-detail_frame.laravel-review-popup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 1001;
    width: min(700px, calc(100vw - 32px))!important;
    min-width: 0;
    max-height: calc(100vh - 32px);
    overflow: auto;
    background: #fff;
    border-radius: 10px;
}

.popup.review-detail_frame.laravel-review-popup.is-open {
    display: block;
}

.laravel-review-popup .close {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.laravel-review-popup .review-author {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.laravel-review-popup .top-info {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

body.laravel-review-popup-opened {
    overflow: hidden;
}

@media (max-width: 767px) {
    .popup.review-detail_frame.laravel-review-popup {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
    }
}