.reviews_block{
    padding: 55px 0 60px;
}

.reviews_block h2{
    max-width: 511px;
    margin: 0 auto 30px;
}
.reviews_block .swiper_container{
    position: relative;
}
.swiper-slide {
    flex-direction: column;
    width: 325px;
    border: 1px solid #98ba66;
    border-radius: 24px;
    padding: 0 0 36px;
}
.reviews_block .swiper-slide{
    border-radius: 24px;
    padding: 0 0 16px;
    box-sizing: border-box;
    width: 365px;
    height: 680px;
}
.reviews_block .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.reviews_block .swiper-slide {
    height: auto;
    display: flex;
}

.review_photo{
    height: 356px;
    border-radius: 24px 24px 0 0;
    overflow: hidden; 
}
.review_photo img{
    display: block;
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
    object-fit: cover;
    object-position: left;
}
.review_info{
    padding: 30px 10px;
    text-align: center;
    margin: 0 auto;
}
.review_info .swiper_name{
    margin:0;
    font-weight: 400;
    font-size: 30px;
    line-height: 108%;
    letter-spacing: -0.02em;
}

.review_info p.group{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.02em;
    margin: 10px 0 16px;
}

.review_info p.short-review{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.02em;
    
}
.btn_more{
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    letter-spacing: -0.02em;
    color: var(--green-light);
    text-decoration: underline;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.btn_more:hover{
    /*background: #FFA53F;
    color: #fff;*/
    opacity: 0.7;
}

.review_photo .not_photo{
    width: 84.75px;
    height: 84.75px; 
}
.reviewsSwiper .swiper-slide{
    cursor: pointer;
}

.reviews_block .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
    width: 60px;
    border-radius: 0;
    height: 3px;
    background-color: var(--green-muted);
    opacity: 0.2;
}

.reviews_block .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--green-muted);
    border-radius: 20px;
    width: 60px;
    opacity: 1;
}

.reviews_block .swiper-pagination.swiper-pagination-bullets{
    bottom: -60px;
}

.reviews_block .btn_style{
    margin: 120px auto 0;
}

.points{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 15px;
}

.points .item{
    background-color: var(--gray-light);
    border-radius: 12px;
    padding: 8px;
    position: relative;
}

.points .item:last-child{
    background-color: #98ba6633;
}

.points .item:first-child:after{
    content: '➝';
    display: inline-block;
    font-size: 22px;
    position: absolute;
    right: -25px;
    top: 40%;
    color: var(--green-dark);
}

.points .item span{
    display: block;
    font-size: 11px;
    line-height: 130%;
    text-align: center;
}

.points .item .title{
    max-width: 70px;
    margin: 0 auto 5px;
    background-color: var(--green-muted);
    color: var(--white);
    border-radius: 25px;
    line-height: 22px;
    text-transform: uppercase;
}

.points .item:first-child .title{
    background-color: #98ba6633;
    color: var(--green-dark);
    margin-bottom: 10px;
}

.points .item span.info span{
    font-size: 22px;
    font-weight: 600;
    color: var(--green-dark);
}


@media screen and (min-width:1500px) {
    .review_photo{
        height: 420px;
    }
    .review_info p{
        font-size: 1.2rem;
    }
    .btn_more{
        font-size: 1.2rem;
    }
}

.reviews_pop_up{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5555;
    width: 100%;
    height: 100%;
    background: #FFFFFFCC;
    backdrop-filter: blur(7px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews_pop_up_container{
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 36px;
    border-radius: 24px;
    background: #Ffffff;
    border: 1px solid var(--green-muted);
}
.hidden_content{
    display: none;
}
.review_person {
    width: 309px;
    min-width: 309px;
    height: 417px; 
    display: flex;  
    justify-content: center;  
    align-items: center;  
    overflow: hidden;  
    border-radius: 24px;
    position: relative;  
    background-color: #fff;  
}

.main_video_review {
    width: 100%;  
    height: 100%;  
    object-fit: contain;  
    position: absolute; 
}
.controls_reviews svg{
    width: 17px;
    height: 17px;
}
.reviews_pause{
    display: none;
}
.reviews_person_nav{
    display: flex;
    padding: 5px 5px 5px 20px;
    background: #fff;
    border-radius: 18px;
    gap: 40px;
    align-items: center;
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 555555;
    max-width: 95%;
}
#reviews_person_name{ 
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2; 

} 
.review_person{
    max-width: 309px;
    position: relative;
}
.review_person #poster{
    position: absolute;
    z-index: 55555;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
}
.controls_reviews{
    width: 43px;
    min-width: 43px;
    height: 47px; 
    border-radius: 6px 0px 0px 0px; 
    border-radius: 16px;
    background-color: #33333399;
    display: flex;
    align-items: center;
    justify-content: center; 
    cursor: pointer;
}
.controls_reviews svg path{
    fill: var(--white);
}
.reviews_info_ava{
    display: flex;
    gap: 20px;
    align-items: center;
}
 
#popup_swiper_name{ 
    font-size: 2rem;
    font-weight: 400;
    line-height: 1; 
    margin: 0 0 8px;
}
#popup_group{ 
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1; 
    margin: 0 0 30px;
}
#popup_time_study{ 
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;  
}
#popup_comment{ 
    padding-top: 20px;
    position: relative;
}
#popup_comment::before{
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.4' d='M45.3005 11.9291L45.3004 11.9293C43.1736 14.3469 41.5112 16.8726 40.3716 19.4602C39.8357 20.6769 40.6273 21.9044 41.7167 22.1944C46.0146 23.3385 49.0488 27.3009 49.0488 31.8012C49.0488 34.6444 47.8421 37.3737 45.7332 39.2828C43.6232 41.1765 40.7771 42.112 37.915 41.8248C32.8139 41.2981 28.8 36.6607 28.9011 31.177C29.0488 23.5752 31.7764 18.6912 34.9587 15.5335C38.1731 12.3439 41.9303 10.8407 44.1979 10.1773L44.2353 10.1664L44.2719 10.1533C44.2872 10.1479 44.3362 10.1332 44.5083 10.1332C44.8796 10.1332 45.1996 10.3017 45.4049 10.6243L45.4081 10.6293C45.6673 11.0326 45.6312 11.5534 45.3005 11.9291Z' stroke='%23A7C47C' stroke-width='2.65135'/%3e%3cpath opacity='0.4' d='M19.3491 11.9287L19.349 11.9289C17.2221 14.3464 15.5598 16.8722 14.4201 19.4597C13.8842 20.6764 14.6758 21.904 15.7652 22.194C20.0632 23.3381 23.0974 27.3005 23.0974 31.8008C23.0974 34.644 21.8906 37.3733 19.7816 39.2824C17.6711 41.1767 14.8252 42.1112 11.9807 41.8245C6.91691 41.2972 2.94998 36.7734 2.94997 31.3782L2.94997 31.1638C3.10045 23.5693 5.82679 18.689 9.00728 15.5331C12.2217 12.3434 15.9788 10.8402 18.2465 10.1769L18.2839 10.166L18.3205 10.1529C18.3358 10.1474 18.3848 10.1327 18.5568 10.1327C18.9282 10.1327 19.2482 10.3013 19.4533 10.6237L19.4567 10.629C19.7159 11.0322 19.6798 11.553 19.3491 11.9287Z' stroke='%23A7C47C' stroke-width='2.65135'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}
#popup_comment p{
    margin-top: 10px;
    line-height: 1.3;
}
.close_reviews_btn{
    background: transparent;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}
.close_reviews_btn svg{
    max-width: 30px;
    max-height: 30px;
}

.close_reviews_btn svg path{
    fill: var(--green-muted);
}
.reviews_info_pop_up{
    position: relative;
}
#popup_photo_container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #719650;
}
.reviews_pop_up.photo_action .reviews_person_nav{
    display: none;
}
#popup_photo_container img{
    max-width: 50px;
    max-height: 50px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#popup_photo_container img.not_photo{
    width: 50px;
    height: 50px;
}

.reviews_block .swiper_btn{
    top: 31%;
}
.swiper_btn{
    width: 52px;
    height: 52px; 
    background: var(--black);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20%;
    cursor: pointer;
    z-index: 20;
}
.swiper_btn_left{
    left: -26px;
}
.swiper_btn_rigth{
    right: -26px;
}
@media screen and (min-width:1500px) {
    #popup_comment p{
        font-size: 1.1rem;
    }
}
@media screen and (max-width: 992px) {
    .close_reviews_btn{
        height: 53px;
        width: 53px;
        top: -30px;
        right: -30px;
    }
    .close_reviews_btn svg{
        width: 14px;
        height: 14px;
    }
    .reviews_pop_up_container{ 
        height: 100%;
        box-sizing: border-box;
    }
    .review_person{
        min-width: 300px;
    }
    #reviews_person_name{
        font-size: .75rem;
    }
}

@media screen and (max-width: 767px){
    .reviews_block{
        padding: 20px 0 30px;
    }
    .reviews_block .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        width: auto;
        padding: 0 5px;
    }

    .reviews_block .swiper_container{
        margin: 0 -20px 0 0;
    }
    .review_info .swiper_name{
        font-size: 24px;
    }

    .points .item span.info span{
        font-size: 18px;
    }

    .swiper_btn_rigth{
        right: 0;
    }
}
@media screen and (max-width: 575px) {
    .reviews_info_ava{
        flex-direction: column;
    }
    .reviews_info_person{
        padding: 0 12px;
    }
    #popup_comment{
        padding: 30px 16px;
    }
    .reviews_person_nav{
        padding-left: 15px;
    }
    #popup_comment::before{
        width: 43px;
        height: 43px;
        background-size: contain;
    }
    #popup_swiper_name{
        font-size: 1.75rem;
        margin: 0 0 6px;
    }
    #popup_group{
        margin: 0 0 20px;
    }
    .review_person{
        width: 100%;
        min-width: 100%;
    }
    .reviews_info_ava{
        align-items: flex-start;
    }

    .reviews_pop_up_container{
        max-width: 90%;
        padding: 0px;
    }

    .reviews_info_pop_up{
        overflow: hidden;
        padding: 20px;
    }

    .close_reviews_btn{
        top: -10px;
        right: -10px;
    }
}