/* Start:/local/templates/avatariya/components/bitrix/system.pagenavigation/.default/style.min.css?1711186335659*/
div.modern-page-navigation{padding:.5em 0}div.modern-page-navigation a,span.modern-page-current,span.modern-page-dots{border-left-width:1px;border-left-style:solid;padding-left:.75em;padding-right:.5em;text-decoration:none}div.modern-page-navigation a.modern-page-previous{border-right-width:1px;border-right-style:solid;border-left:none}div.modern-page-navigation a.modern-page-first,div.modern-page-navigation span.modern-page-first{border-left:none;padding-left:.5em}span.modern-page-current{font-weight:bold}div.modern-page-navigation a,span.modern-page-current,div.modern-page-navigation a.modern-page-previous,span.modern-page-dots{border-color:#cdcdcd}
/* End */


/* Start:/local/templates/avatariya/components/bitrix/news.list/type-reviews-slider/style.css?17120042664727*/
/*review page start*/
.review-page-swiper {
    position: relative;
}

.review-component__wrap .review-page-swiper .swiper-prev {
    position: absolute;
    cursor: pointer;
    transform: translate(-100%, -100%);
    top: 40%;
    left: -30px;
}

.review-component__wrap .review-page-swiper .swiper-next {
    position: absolute;
    cursor: pointer;
    transform: translate(100%, -100%);
    top: 40%;
    right: -30px;
}

.review-page-swiper .swiper-pagination {
    gap: 40px;
    display: flex;
    position: static;
    margin-top: 30px;
    justify-content: center;
}

.review-page-swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1720px) {
    .review-page-swiper .swiper-prev,
    .review-page-swiper .swiper-next {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .review-page-swiper .swiper {
        overflow: visible;
    }

    .swiper-slide .story {
        max-width: 240px;
    }

    .review-page-swiper .swiper-pagination {
        gap: 15px;
    }
}

/* video */
#video-reviews {
    margin-bottom: 160px;
}

@media screen and (max-width: 480px) {
    #video-reviews {
        margin-bottom: 65px !important;
    }
}

#video-reviews .wrapper {
    display: flex;
    flex-direction: column;
}

#video-reviews .content {
    width: 100%;
}

#video-reviews .wrapper .buttons {
    display: flex;
    justify-content: center;
}

#video-reviews .wrapper .info p.subtitle {
    color: #707070;
    font-size: 21px;
    line-height: 38px;
}

.story {
    cursor: pointer;
    border-radius: 20px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.story__inner {
    display: flex;
}

.story__img {
    width: 100%;
}

.story__layer {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--bg-gradient);
    transition: .3s;
}

.story__layer .story__play-icon {
    opacity: 0;
    transition: .3s;
}

.story__layer:hover {
    background: rgba(0, 0, 0, 0.40);
}

.story__layer:hover .story__play-icon {
    opacity: 1;
}

.story__title {
    left: 5%;
    bottom: 3%;
    z-index: 2;
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    position: absolute;
}

.story__play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 480px) {
    .story__title {
        font-size: 16px;
    }
}

.play-icon {
    display: flex;
    border-radius: 50%;
    padding: 20px;
    background: #fff;
    background-clip: border-box;
    border: 15px solid rgba(255, 255, 255, 0.10);
    background-clip: padding-box;
}

/* reviews */


.review-component__wrap .reviews__bottom {
    margin-top: 60px;
}

.comments {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.comments__comment {
    color: #000;
    /* width: 370px;
    height: 230px; */
    padding: 30px;
    display: flex;
    background: #F5F5F5;
    border-radius: 30px;
    flex-direction: column;
}

.comments__user-info {
    gap: 10px;
    display: flex;
    align-items: center;
    align-self: stretch;
    margin-bottom: 20px;
}

.comments__avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.comments__username {
    font-family: "Noto Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.comments__content {
    font-size: 14px;
    overflow: hidden;
    font-weight: 400;
    line-height: 22px;
    text-overflow: ellipsis;
}

.comments__comment-wrap {
    width: 100%;
}

.comments__comment-show-item {
    position: relative;
    overflow: hidden;
}

.comments__comment-show-item-layer .icon {
    width: 70px;
    height: 70px;
    flex: none;
    background: var(--primary-purple-1);
}

.comments__comment-show-item-layer {
    position: absolute;
    z-index: -300;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comments__comment-show-item:hover .comments__comment-show-item-layer {
    z-index: 1;
    visibility: visible;
}

@media screen and (max-width: 480px) {
    .comments__username {
        font-size: 12px;
    }

    .comments__content {
        font-size: 12px;
        line-height: 18px;
    }
}

.review-component__wrap {
    margin-bottom: 60px;
}

.review-component__wrap .buttons {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.review-component__wrap .more-btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.comments__comment.hidden-contex_item {
    max-width: 100vw;
    width: 460px;
}

/* End */
/* /local/templates/avatariya/components/bitrix/system.pagenavigation/.default/style.min.css?1711186335659 */
/* /local/templates/avatariya/components/bitrix/news.list/type-reviews-slider/style.css?17120042664727 */