.main__links{
    margin-bottom: 30px;
}
.main{
    margin-top: 109px;
}
.main__title{
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 66px;
    letter-spacing: -0.7px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-left: -7px;
}
.main__content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin-top: 30px;
    grid-template-rows: auto;
    grid-auto-rows: minmax(360px, auto);
    grid-template-areas: 
            "a b c c"
            "d d e f"
            "g h h i"
            "j k l m";
}
.reviews__item-1  { grid-area: a; }
.reviews__item-2  { grid-area: b; }
.reviews__item-3  { grid-area: c; }
.reviews__item-4  { grid-area: d; }
.reviews__item-5  { grid-area: e; }
.reviews__item-6  { grid-area: f; }
.reviews__item-7  { grid-area: g; }
.reviews__item-8  { grid-area: h; }
.reviews__item-9  { grid-area: i; }
.reviews__item-10 { grid-area: j; }
.reviews__item-11 { grid-area: k; }
.reviews__item-12 { grid-area: l; }
.reviews__item-13 { grid-area: m; }
.main__content::before{
    position: absolute;
    content: '';
    width: 1027px;
    height: 1027px;
    border-radius: 50%;
    background: rgba(217, 217, 217, 0.3);
    z-index: -1;
    top: 269px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
.main__block{
    display: flex;
    flex-direction: column;
}    
.reviews__review-name {
    color: rgb(122, 83, 169);
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    margin-bottom: 20px;
    letter-spacing: -0.75px;
}
.reviews__review-descr {
    color: rgb(122, 83, 169);
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    max-width: 217px;
}
.reviews__review-corp {
    color: rgba(217, 217, 217, 0.9);
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reviews__item-video{
    grid-column: span 2;
}
.reviews__descr{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%; /* 20.8px */
}
.reviews__descr + .reviews__descr{
    margin-top: 30px;
}
.reviews__item-review {
    background-color: #fff;
    border-radius: 10px;
    padding: 35px 26px;
}
.reviews__item-review {
    position: relative; 
}
.reviews__item-review::before{
    position: absolute;
    content: '';
    inset: 0;
    border: 3px solid rgba(122, 83, 169, 0.9);
    border-radius: 10px;
    pointer-events: none;
    transition: all .1s ease;
}
.reviews__item-review:hover::before{
    border: 6px solid rgba(122, 83, 169, 0.9);
}
.reviews-2::before{
    content: none;
}
.reviews-2 {
    background: rgba(140, 39, 130, 0.8);
}
.reviews-2 p {
    color: #fff;
}

.reviews__item-maps {
    width: 19.5vw;
    height: 19.5vw;
    max-width: 280px;
    max-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(122, 83, 169, 0.9);
    outline: none;
    border: none;
    margin: auto;
}
.reviews__item-maps .reviews__item-name{
    display: flex;
    flex-direction: column;
    max-width: 131px;
    text-align: left;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1.1px;
    position: relative;
    left: 9px;
}
.reviews__item-maps .reviews__item-name span:first-of-type{
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 2.7px;
    text-align: left;
    margin-left: -19px;
}
.reviews__item-maps .reviews__item-name span:last-of-type{
    font-size: 40px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -1.2px;
    text-align: center;
    margin-left: -15px;
    margin-top: -5px;
}
.reviews__item-add {
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews__item-add .reviews__item-name{
    color: rgb(255, 255, 255);
    font-family: 'Raleway', sans-serif;
    font-size: min(40px, 2.6vw);
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    width: 19.5vw;
    height: 19.5vw;
    max-width: 280px;
    max-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(122, 83, 169, 0.9);
    outline: none;
    border: none;
    cursor: pointer;
}
.reviews__item-video{
    border: 3px solid rgba(140, 39, 130, 0.8);
    border-radius: 10px;
    position: relative;
    height: 100%;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #fff;
    overflow: hidden;
}
.video-start{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(140, 39, 130, 0.8);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    border: none;
}
.video-start:hover {
	background: rgba(140, 39, 130, 0.5);
}
.video-start::before{
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='38' viewBox='0 0 30 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.0161 16.6681C29.7133 17.8631 29.7133 20.3791 28.0161 21.5741L5.47711 37.4434C3.48953 38.8429 0.75 37.4213 0.75 34.9905L0.75 3.25173C0.75 0.82091 3.48953 -0.600678 5.47711 0.798747L28.0161 16.6681Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;    
    width: 50px;
    height: 50px;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
}
.video-preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-iframe {
    width: 100%;
    height: 100%;
    border: none;
}
@media (max-width: 1279px) {
    .main__inner {
        max-width: 900px;
        margin: 0 auto;
    }
    .main__content::before{
        top: 150px;
    }
    .main__title{
        font-size: 60px
    }
    .main__content {
        max-width: 881px;
        grid-template-columns: 1fr 1fr 1fr; 
        grid-template-rows: auto;
        grid-auto-rows: minmax(360px, auto);
        grid-template-areas: 
            "a a a"
            "b c c"
            "d d e"
            "g f j"
            "h h i"
            "k l m"; 
    }
    .reviews__info{
        max-width: 714px;
        grid-row: auto;
    }
    .reviews__descr + .reviews__descr {
        margin-top: 0;
    }
    .reviews__item-add .reviews__item-name,
    .reviews__item-maps {
        width: 280px;
        height: 280px;
        max-width: 280px;
        max-height: 280px;
    }
    .reviews__item-add .reviews__item-name{
        font-size: 40px;
    }
}

@media (max-width: 999px) {
    .main {
        margin-top: 91px;
    }
    .main__links {
        margin-bottom: 15px;
    }
    .main__inner {
        max-width: 580px;
    }
    .main__title{
        margin-bottom: 0;
    }
    .main__content::before{
        top: 1083px;
    }
    .main__content {
        max-width: 881px;
        grid-template-columns: 1fr 1fr; 
        grid-template-areas: 
            "a a"
            "c c"
            "b e"
            "d d"
            "f i"
            "g j"
            "h h"
            "k l"
            "m m"; 
    }
    .main__content > :last-child {
        min-height: 219px;
        max-height: max-content;
    }
    .reviews__review-descr{
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .main {
        margin-top: 126px;
    }
    .main__title{
        font-size: 45px;
        line-height: 50px;
        margin-left: -2px;
    }
    .main__content{
        display: flex;
        flex-direction: column;
    }
    .main__content::before{
        content: none;
    }
    .reviews__slider-reviews{
        order: 1;
        margin: 0 0 28px 0;
        position: relative;
    }
    .reviews__item-maps{
        order: 2;
        margin: 0 auto;
    }
    .reviews__slider-videos {
        order: 3;
        position: relative;
    }
    .reviews__item-add{
        order: 4;
        margin: 0 auto;
    }
    .reviews__slider-reviews .swiper-slide > div{
        margin: 0;
        min-height: 100%;
        height: auto;
        padding: 45px 33px;
        width: 100%;
        min-height: 260px !important;
        background-color: transparent;
    }
    .reviews__slider-reviews .swiper-slide > div::before {
        position: absolute;
        content: '';
        inset: 0;
        border: 3px solid rgba(122, 83, 169, 0.9);
        border-radius: 10px;
        pointer-events: none;
        transition: all .1s ease;
    }
    .reviews__slider-reviews .swiper-slide > div .reviews__review-name,
    .reviews__slider-reviews .swiper-slide > div .reviews__review-descr{
        color: rgb(122, 83, 169);
    }
    .reviews__slider-reviews .swiper-slide > div .reviews__review-corp {
        color: rgba(217, 217, 217, 0.9);
    }
    .reviews__slider-reviews .swiper-wrapper{
        align-items: center;
        height: auto;
    }
    .reviews__slider-reviews .swiper-slide{
        transition: all .1s ease;
    }
    .reviews__slider-reviews .swiper-slide-active {
        position: relative;
        max-width: none;
        width: auto ;
        display: flex;
        height: auto;
        min-height: 320px;
        background: rgba(140, 39, 130, 0.80);
        border-radius: 10px;
    }
    .reviews__slider-reviews .swiper-slide-next{
        max-width: none;
        width: auto;
        min-height: auto;
        transform: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        opacity: 1
    }
    .reviews__slider-reviews .swiper-slide-active > div {
        padding: 58px 35px 30px 35px !important;
    }
    .reviews__slider-reviews .swiper-slide-active > div::before{
        content: none;
    }
    .reviews__slider-reviews .swiper-slide-active > div p{
        color: #fff !important;
    }
    .reviews__slider-pagination{
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;   
        gap: 8px;     
    }
    .swiper-pagination-bullet{
        margin: 0 !important;
        background: none;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='17' viewBox='0 0 25 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.1211L0.5 10.1211L0.5 7.12109L2 7.12109L2 10.1211ZM9 8.62109C9 4.20281 12.5817 0.621093 17 0.621092C21.4183 0.621092 25 4.20281 25 8.62109C25 13.0394 21.4183 16.6211 17 16.6211C12.5817 16.6211 9 13.0394 9 8.62109ZM2 7.12109L17 7.12109L17 10.1211L2 10.1211L2 7.12109Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        width: 25px;
        height: 17px;
        opacity: 1;
        border-radius: 0;
    }
    .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='17' viewBox='0 0 25 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.1211L0.5 10.1211L0.5 7.12109L2 7.12109L2 10.1211ZM9 8.62109C9 4.20281 12.5817 0.621093 17 0.621092C21.4183 0.621092 25 4.20281 25 8.62109C25 13.0394 21.4183 16.6211 17 16.6211C12.5817 16.6211 9 13.0394 9 8.62109ZM2 7.12109L17 7.12109L17 10.1211L2 10.1211L2 7.12109Z' fill='%237A53A9' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
    }
    .reviews__slider-videos .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='17' viewBox='0 0 25 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.4297L0.5 10.4297L0.5 7.42969L2 7.42969L2 10.4297ZM9 8.92969C9 4.51141 12.5817 0.929687 17 0.929686C21.4183 0.929686 25 4.51141 25 8.92969C25 13.348 21.4183 16.9297 17 16.9297C12.5817 16.9297 9 13.348 9 8.92969ZM2 7.42969L17 7.42969L17 10.4297L2 10.4297L2 7.42969Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    }
}

.addReview{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(217, 217, 217, 0.50);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
}
.addReview.active{
    opacity: 1;
    pointer-events: all;
}
.addReview__inner {
    position: absolute;
    border: 3px solid rgb(169, 47, 157);
    border-radius: 10px;
    background: #FFF;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    margin: 0 auto;
    max-width: 360px;
    width: 90%;
    padding: 57px 17px;
}
.addReview__title{
    color: #A92F9D;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.addReview__form{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 247px;
    width: 100%;
    margin: 0 auto;
}
.addReview__form-input{
    width: 100%;
    border: none;
    outline: none;
    border-radius: 10px;
    border: 1px solid #A92F9D;
    background: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 30px;
    padding: 8px 18px 12px 18px;
    color: #A92F9D;
}
.addReview__form-textarea{
    width: 100%;
    border: none;
    outline: none;
    border-radius: 10px;
    border: 1px solid #A92F9D;
    background: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 30px;
    padding: 10px 18px 10px 18px;
    color: #A92F9D;
    resize: none;
    height: 98px;
}
.addReview__form-input::placeholder{
    color: #CFCFCF;
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.addReview__form-submit{
    width: 100%;
    max-width: 133px;
    height: 43px;
    outline: none;
    background-color: transparent;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    text-transform: capitalize;
    border-radius: 10px;
    background: #A92F9D;
    cursor: pointer;
    border: none;
    margin-top: 10px;
}
.addReview__form-submit:active{
    background: #8E1A83;
}