.main{
    position: relative;
    padding-top: 184px;
    padding-bottom: 191px;
    background: #FFD200;
    overflow: hidden;
}
.main__inner{
    max-width: 653px;
}
.main .container{
    position: relative;
    z-index: 3;
}
.main__inner::after {
    position: absolute;
    content: '';
    background: url('../img/index/main/main.webp');
    background-size: 949px 858px;
    background-repeat: no-repeat;
    height: 858px;
    width: calc(100% + 774px);
    left: 546px;
    bottom: -259px;
    z-index: 1;
}
.main::before {
    position: absolute;
    content: '';
    background: url('../img/frame-1.webp');
    background-size: 3000px 542px;
    background-position: center;
    background-repeat: repeat-x;
    height: 542px;
    width: calc(100% + 774px);
    left: 0;
    right: 0px;
    bottom: -169px;
    z-index: 4;
    pointer-events: none;
}
.main::after{
    pointer-events: none;
    position: absolute;
    content: '';
    background: url('../img/index/main/bg-icon-1.svg');
    background-size: 1700.452px 650.208px;
    background-position: center;
    background-repeat: repeat-x;
    height: 650.208px;
    width: calc(100% + -171px);
    left: -3px;
    right: 0px;
    top: 40px;
    z-index: 2;
}
.main__title{
    margin-bottom: 18px;
}
.main__block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 47px;
    margin-left: 28px;
}
.main__logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 57px;
}
.main__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.main__name{
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    max-width: 203px;
}

.bg-icon-3{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -53px;
    z-index: 23;
    pointer-events: none;
}
.bg-icon-4{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 247px;
    z-index: 23;
    pointer-events: none;
}
.bg-icon-5{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 87px;
    z-index: 23;
    pointer-events: none;
}



.format{
    background-color: #fff;
    position: relative;
}
.format__title{
    text-align: center;
}
.format__block{
    max-width: 1125px;
    margin-top: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 75px;
    position: relative;
    z-index: 22;
}
.format__item{
    width: calc(25% - 57px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 41px 20px 47px;
    position: relative;
    border-radius: 10px 10px 0px 10px;
    background: -o-linear-gradient(150deg, #AB11DB 10.57%, #C784F9 87.66%);
    background: linear-gradient(300deg, #AB11DB 10.57%, #C784F9 87.66%);
    min-height: 220px;
    z-index: 1;
    max-width: 224px;
}

.format__img{
    position: absolute;
    bottom: 0;
    right: -49px;
    width: 78.576%;
    pointer-events: none;
}
.bg-color-1{
    background: -o-linear-gradient(150deg, #AB11DB 10.57%, #C784F9 87.66%);
    background: linear-gradient(300deg, #AB11DB 10.57%, #C784F9 87.66%);
}
.bg-color-2{
    background: -o-linear-gradient(150deg, #F80 10.57%, #FFD800 87.66%);
    background: linear-gradient(300deg, #F80 10.57%, #FFD800 87.66%);
}
.bg-color-3{
    background: -o-linear-gradient(150deg, #D445FF 10.57%, #AA0DDA 87.66%);
    background: linear-gradient(300deg, #D445FF 10.57%, #AA0DDA 87.66%);
}
.bg-color-4{
    background: -o-linear-gradient(150deg, #FF4CA6 10.57%, #DA2295 87.66%);
    background: linear-gradient(300deg, #FF4CA6 10.57%, #DA2295 87.66%);
}
.bg-color-5{
    background: -o-linear-gradient(150deg, #FF4CA6 10.57%, #DA2295 87.66%);
    background: linear-gradient(300deg, #FF4CA6 10.57%, #DA2295 87.66%);
}
.format__item span{
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.format__item span::before{
    position: absolute;
    content: '';
    background: url('../img/bg-items.webp');
    background-size: 100%;
    z-index: -1;
}
.format__item-1 span::before{
    width: 751px;
    height: 598px;
    left: -211px;
    bottom: -166px;
    opacity: 0.5;
}
.format__item-2 span::before {
    width: 824px;
    height: 656px;
    left: -160px;
    bottom: -17px;
    opacity: 0.4;
}
.format__item-3 span::before {
    width: 625px;
    height: 498px;
    left: -35px;
    bottom: -29px;
    opacity: 0.4;
}
.format__item-4 span::before {
    width: 478px;
    height: 381px;
    left: -98px;
    bottom: -1px;
    opacity: 0.3;
}
.format__item-5 span::before {
    width: 728px;
    height: 580px;
    left: -470px;
    bottom: -157px;
    opacity: 0.3;
}
.format__item-6 span::before {
    width: 605px;
    height: 482px;
    -webkit-transform: rotate(68.97deg);
        -ms-transform: rotate(68.97deg);
            transform: rotate(68.97deg);
    left: -72px;
    bottom: -243px;
    opacity: 0.3;
}
.format__item-7 span::before {
    width: 344px;
    height: 274px;
    -webkit-transform: rotate(135.005deg);
        -ms-transform: rotate(135.005deg);
            transform: rotate(135.005deg);
    left: -41px;
    bottom: -40px;
    opacity: 0.3;
}
.format__item-8 span::before {
    width: 526px;
    height: 419px;
    left: -75px;
    bottom: 0;
    opacity: 0.2;
}








.format__name{
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    max-width: 150px;
    position: relative;
    z-index: 2;
}
.format__item-3 .format__name,
.format__item-5 .format__name,
.format__item-6 .format__name,
.format__item-7 .format__name{
    margin-top: -19px;
}



.price{
    margin-top: 24px;
    position: relative;
}
.price::before {
    position: absolute;
    content: "";
    background-image: url("../img/index/price/frame.webp");
    background-size: 3810px 1189px;
    background-position: center center;
    background-repeat: repeat-x;
    height: 1189px;
    width: calc(100% + 1925px);
    left: 0px;
    right: 0px;
    top: -359px;
    z-index: 21;
    pointer-events: none;
}
.price__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    position: relative;
    z-index: 22;
}
.price__inner::after {
    position: absolute;
    content: "";
    background-image: url("../img/index/price/item-1.webp");
    background-position: center center;
    background-repeat: repeat-x;
    width: 259px;
    height: 278px;
    left: -305px;
    right: 0px;
    top: -85px;
    z-index: 21;
    pointer-events: none;
}   
.price__title{
    margin-bottom: 18px;
}
.price__descr{
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    margin-bottom: 43px;
}
.price__btn {
    margin-bottom: 25px;
    margin-left: -12px;
}
.price__img{
    width: 105%;
    margin-left: -12px;
}


.convenient{
    position: relative;
    margin-top: 27px;
}
.convenient::before {
    position: absolute;
    content: '';
    background-image: url("../img/index/convenient/frame.webp");
    background-size: 3840px 884px;
    background-position: center;
    background-repeat: repeat-x;
    width: 3840px;
    height: 884px;
    width: calc(100% + 1885px);
    left: 0;
    right: 0;
    top: -261px;
    z-index: 22;
    pointer-events: none;
}
.convenient__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 23;
}
.convenient__block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    max-width: 580px;
}
.convenient__item{
    border-radius: 90px 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(170, 13, 218, 0.15);
            box-shadow: 0px 0px 30px 0px rgba(170, 13, 218, 0.15);
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 36px;
    padding: 45px 13px 3px 15px;
    min-height: 220px;
}
.convenient__item:nth-child(2),
.convenient__item:nth-child(4){
    margin-top: -136px;
}
.convenient__name{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
}
.convenient__logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1;
    position: relative;
    padding: 0 23px 0 25px;
}
.convenient__logo::before{
    position: absolute;
    content: '';
    background-image: url("../img/index/convenient/vector.svg");
    width: 213px;
    height: 108px;
    z-index: -1;
}
.convenient__title{
    max-width: 476px;
    margin-bottom: 70px;
}
.convenient__img{
    width: 65px;
    min-width: 65px;
    -webkit-filter: drop-shadow(10px 0px 15px rgba(0, 0, 0, 0.10));
            filter: drop-shadow(10px 0px 15px rgba(0, 0, 0, 0.10));
}
.convenient__item:last-of-type .convenient__img{
    -webkit-filter: drop-shadow(10px 5px 15px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(10px 5px 15px rgba(0, 0, 0, 0.25));
}




.popular{
    margin-top: 178px;
    position: relative;
    z-index: 1;
}
.popular::before {
    position: absolute;
    content: '';
    background-image: url("../img/frame-2.webp");
    background-size: 3840px 1414px;
    background-position: center;
    background-repeat: repeat-x;
    width: 3840px;
    height: 1414px;
    width: calc(100% + 1774px);
    left: 0;
    right: 0;
    top: -101px;
    z-index: 22;
    pointer-events: none;
    z-index: -1;
}
.popular__title{
    text-align: center;
}
.popular__block{
    margin-top: 94px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 94px 20px;
}

.popular__image{
    min-height: 247px;
    position: relative;
    border-radius: 20px;
    background: -o-linear-gradient(150deg, #E1C5F1 10.57%, #C185D9 87.66%);
    background: linear-gradient(300deg, #E1C5F1 10.57%, #C185D9 87.66%);
}
.popular__item{
    width: calc(25% - 15px);
}

.popular__img{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 115.77%;
    z-index: 2;
    pointer-events: none;
}
.popular__item-1 .popular__img{
    left: -46px;
} 
.popular__item-2 .popular__img{
    left: -9px;
} 
.popular__item-3 .popular__img{
    left: -7px;
} 
.popular__item-4 .popular__img{
    left: -9px;
} 
.popular__item-5 .popular__img{
    left: -54px;
} 
.popular__item-6 .popular__img{
    left: -20px;
} 
.popular__item-7 .popular__img{
    left: 20px;
    width: 98.217%;
} 
.popular__item-8 .popular__img{
    left: -20px;
    bottom: -7px;
}

.popular__item-6 .popular__img{
    bottom: -25.4px
}
.popular__name{
    margin-top: 27px;
    color: #000;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.popular__btn{
    margin: 0 auto;
    margin-top: 40px;
}



.popular__item{
    position: relative;
    z-index: 1;
}
.popular__item span{
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.popular__item span::before{
    position: absolute;
    content: '';
    background: url('../img/bg-items.webp');
    background-size: 100%;
}
.popular__item-bg-1  span::before{
    width: 824px;
    height: 656px;
    left: -160px;
    bottom: -17px;
    opacity: 0.5;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.popular__item-bg-2 span::before {
    width: 824px;
    height: 656px;
    left: -160px;
    bottom: -17px;
    opacity: 0.5;
}
.popular__item-bg-3 span::before {
    width: 625px;
    height: 498px;
    right: 30px;
    bottom: -38px;
    opacity: 0.5;
}
.popular__item-bg-4 span::before {
    width: 478px;
    height: 381px;
    left: -98px;
    bottom: -1px;
    opacity: 0.5;
}


















.teenagers{
    margin-top: 53px;
    position: relative;
    z-index: 23;
}
.teenagers__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1176px;
    background-color: #776DDC;
    -webkit-filter: drop-shadow(0px 4px 50px rgba(119, 109, 220, 0.50));
            filter: drop-shadow(0px 4px 50px rgba(119, 109, 220, 0.50));
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    padding: 46px 34px 74px 51px;
}
.teenagers__inner::before{
    position: absolute;
    content: '';
    width: 647px;
    height: calc(100% + 19px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='591' height='560' viewBox='0 0 591 560' fill='none'%3E%3Cg filter='url(%23filter0_i_78_340)'%3E%3Cpath d='M538.405 -19C538.405 -19 -30.3826 -11.9543 -56 -19V560.065C106.778 574.377 433.333 603 437.336 603C441.339 603 542.407 578.78 538.405 425.757C534.402 272.734 437.336 322.274 454.348 223.195C471.359 124.115 688.507 0.815926 538.405 -19Z' fill='%23756BD8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_78_340' x='-56' y='-19' width='647' height='626' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_78_340'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    top: -19px;
    right: 585px;
}
.teenagers__inner::after{
    position: absolute;
    content: '';
    width: 346px;
    height: 408px;
    background-image: url('../img/index/teenagers/teenagers.webp');
    background-repeat: no-repeat;
    bottom: -40px;
    left: 70px;
    pointer-events: none;
}
.teenagers__title{
    max-width: 397px;
    position: relative;
    z-index: 1;
}

.teenagers__block{
    max-width: 562px;
}
.teenagers__descr{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.teenagers__btn{
    margin-top: 32px;
}





.question{
    margin-top: 93px;
    position: relative;
    z-index: 1;
}
.question::before {
    position: absolute;
    content: "";
    background-image: url("../img/index/question/frame.webp");
    background-size: 3840px 1466px;
    background-position: center center;
    background-repeat: repeat-x;
    height: 1466px;
    width: calc(100% + 1916px);
    left: 0px;
    right: 0px;
    top: -449px;
    pointer-events: none;
    z-index: -1;
}
.question::after {
    position: absolute;
    content: "";
    background-image: url("../img/index/question/question.webp");
    background-size: 652px 864px;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(100% + 1876px);
    height: 864px;
    right: -1352px;
    top: 2px;
    pointer-events: none;
    z-index: -1;
}

.question-snow-ball--1 {
    position: absolute;
    content: '';
    background-image: url("../img/index/question/ball.webp");
    background-size: 278px 278px;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(100% + 1876px);
    height: 278px;
    right: -1657px;
    top: -11px;
    pointer-events: none;
    z-index: 1;
    -webkit-filter: blur(15px);
            filter: blur(15px);
}
.question-snow-ball--2 {
    position: absolute;
    content: '';
    background-image: url("../img/index/question/ball.webp");
    background-size: 215px 215px;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(100% + 1876px);
    height: 215px;
    right: -1060px;
    top: 623px;
    pointer-events: none;
    z-index: 1;
    -webkit-filter: blur(15px);
            filter: blur(15px);
}



.question__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.question__title{
    margin-top: 87px;
}
.question__content{
    max-width: 600px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 32px;
    min-height: 465px;
}
.question__item{
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
}
.question__name{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    border-radius: 90px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    padding: 10px 32px 10px 22px;
}
.question__descr{
    display: none;
    border: 1px solid #FFF;
    border-top: none;
    padding: 10px 9px 10px 22px;
    border-radius: 0 0 26px 26px;
    background: rgba(255, 255, 255, 0.10);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
}
.question__name::after{
    position: absolute;
    content: '+';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    color: #FFFF85;
    font-family: "Balsamiq Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px; /* 175% */
    width: 25px;
    height: 25px;
    right: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.question__item.active .question__name{
    border-radius: 26px 26px 0 0;
}   
.question__item.active .question__descr{
    display: block;
}  
.question__item.active .question__name::after{
    content: '-';
}
.question__img {
    max-width: 652px;
    position: relative;
    bottom: -2px;
    left: 120px;
}
.question__block {
    width: 100%;
}
.question__block:first-of-type{
    max-width: 600px;
    width: 100%;
}
.question__block:last-of-type{
    margin-right: -20px;
}







.about{
    margin-top: 244px;
    position: relative;
}
.about__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 20px;
}
.about__descr{
    display: none;
}
.about__img{
    width: 100%;
}
.about__block{
    width: 50%;
}
.about__image {
    margin-top: -78px;
}

.about__title{
    margin-bottom: 33px;
}
.about__descr{
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}
.about__more{
    margin-top: 42px;
}





.feedback {
    padding-bottom: 23px;
}
.feedback__inner{
    padding-top: 20px;
}
.feedback__descr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.feedback__image {
    position: relative;
    top: -8px;
    left: -22px;
}

@media (max-width: 1199px) {
    .main__inner::after {
        position: absolute;
        content: '';
        background: url('../img/index/main/main.webp');
        background-size: 727px;
        background-repeat: no-repeat;
        height: 858px;
        width: 697px;
        right: -40px;
        bottom: -362px;
        z-index: -1;
        left: initial;
    }
    .main__inner {
        max-width: 549px;
    }
    .main__block{
        margin-left: 0;
    }
    .format__block{
        gap: 50px;
    }
    .format__item {
        width: calc(25% - 38px);
        max-width: 100%;
    }
    .price__btn{
        margin-left: 0;
    }
}
@media (max-width: 1074px) {
    .main__block{
        justify-content: start;
        gap: 10px;
        max-width: 471px;
    }
    .main__item{
        width: 100%;
    }
}
@media (max-width: 1020px) {
    .main__inner {
        max-width: 462px;
    }
    .main__item{
        width: calc(50% - 5px);
    }
    .main__block{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px;
        max-width: 363px;
    }
    .popular__block {
        gap: 60px 20px;
    }
    .teenagers__block {
        max-width: 56%;
        margin-top: 20px;
    }
}
@media (max-width: 1000px) {
    .main{
        padding-top: 116px;
    }
}
@media (max-width: 900px) {
    .main__inner{
        max-width: 100%;
    }
    .main__block{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .format__block {
        gap: 112px 50px;
    }
    .format__item {
        width: calc(33.33% - 34px);
    }
    .popular__item {
        width: calc(33.33% - 14px);
    }
    .teenagers__inner::after {
        left: 13px;
    }
    .question__block:first-of-type {
        max-width: 600px;
        width: 63%;
    }
    .question__title {
        margin-top: 141px;
    }
    .question__content {
        min-height: 523px;
    }
    .about {
        margin-top: 84px;
    }
    .format__block {
        margin-top: 68px;
    }
    .question__name {
        font-size: 18px;
        line-height: 24px;
        padding: 5px 32px 6px 22px;
    }
    .teenagers__inner{
        gap: 20px;
    }
    .teenagers__btn{
        width: 100%;
    }
    .teenagers__inner::after {
        left: -4px;
    }
}


@media (max-width: 800px) {
    .question__title {
        margin-top: 35px;
    }
    .price {
        margin-top: 86px;
        position: relative;
    }
    .convenient__block{
        gap: 10px;
    }
    .question__title {
        margin-top: 55px;
    }
    .popular__block {
        margin-top: 57px;
    }
}
@media (max-width: 720px) {
    .teenagers__inner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 46px 34px 359px 51px;
    }
    .teenagers__title,
    .teenagers__block{
        max-width: 100%;
        position: relative;
        z-index: 2;
    }
    .teenagers__inner::before {
        position: absolute;
        content: '';
        width: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='591' height='560' viewBox='0 0 591 560' fill='none'%3E%3Cg filter='url(%23filter0_i_78_340)'%3E%3Cpath d='M538.405 -19C538.405 -19 -30.3826 -11.9543 -56 -19V560.065C106.778 574.377 433.333 603 437.336 603C441.339 603 542.407 578.78 538.405 425.757C534.402 272.734 437.336 322.274 454.348 223.195C471.359 124.115 688.507 0.815926 538.405 -19Z' fill='%23756BD8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_78_340' x='-56' y='-19' width='647' height='626' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_78_340'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        background-size: 100% 100%;
        top: -507px;
        right: 0;
        bottom: 0;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .teenagers__inner::after {
        position: absolute;
        content: '';
        width: 346px;
        height: 408px;
        background-image: url('../img/index/teenagers/teenagers.webp');
        background-repeat: no-repeat;
        bottom: -59px;
        left: 50%;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}


@media (max-width: 670px) {
    .main__title{
        text-align: center;
    }
    .main__block{
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .main{
        padding-bottom: 596px;
    }
    .main__inner::after {
        position: absolute;
        content: '';
        background: url('../img/index/main/main.webp');
        background-size: 100%;
        background-repeat: no-repeat;
        /* height: 858px; */
        width: 100%;
        right: 29px;
        bottom: -857px;
        z-index: -1;
        left: initial;
    }
    .format__item {
        width: calc(50% - 25px);
    }
    .price__inner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .convenient__inner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .format__block {
        margin-top: 134px;
    }
    .popular__item {
        width: calc(50% - 10px);
    }
    .popular__block {
        gap: 104px 20px;
    }
    .about__inner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .about__block{
        width: 100%;
    }
    .convenient {
        position: relative;
        margin-top: -279px;
    }
    .price__btn {
        position: relative;
        z-index: 2;
    }
    .price__img {
        width: 100%;
        margin-left: -12px;
        margin-top: -131px;
    }
    .convenient {
        position: relative;
        margin-top: -116px;
    }
    .convenient__title {
        max-width: 385px;
        margin-bottom: 96px;
        margin-top: -57px;
    }
    .convenient__logo::before {
        position: absolute;
        content: '';
        background-image: url("../img/index/convenient/vector.svg");
        width: 100%;
        background-position: center;
        height: 108px;
        z-index: -1;
        background-repeat: no-repeat;
    }
    .convenient__item {
        border-radius: 90px 10px;
        border: 1px solid #FFF;
        background: rgba(255, 255, 255, 0.20);
        -webkit-box-shadow: 0px 0px 30px 0px rgba(170, 13, 218, 0.15);
                box-shadow: 0px 0px 30px 0px rgba(170, 13, 218, 0.15);
        width: calc(50% - 10px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 36px;
        padding: 26px 13px 3px 15px;
        min-height: -webkit-max-content;
        min-height: -moz-max-content;
        min-height: max-content;
    }
    .convenient__block {
        max-width: 100%;
        margin-top: -57px;
    }
    .convenient__item:first-of-type, .convenient__item:nth-child(3) {
        margin-top: -136px;
    }
    .convenient__item:nth-child(2), .convenient__item:nth-child(4) {
        margin-top: 0;
        padding: 26px 48px 19px 9px;
    }
    .about {
        margin-top: 161px;
    }
    .question::after {
    display: none;
}
}



@media (max-width: 566px) {
    .main::before{
        bottom: 26px;
    }
}
@media (max-width: 500px) {
    .main::after {
        width: calc(100% + 367px);
    }
    .main__item{
        gap: 5px;
    }
    .main__name{
        font-size: 16px;
    }

    .format {
        background-color: #fff;
        position: relative;
        margin-top: -223px;
        z-index: 20;
    }
    .format__block {
        margin-top: 30px;
    }
    .format__block {
        gap: 20px;
    }
    .format__item {
        width: calc(50% - 10px);
    }
    .price__img {
        margin-left: 13px;
        margin-top: -16px;
    }
    .convenient {
        position: relative;
        margin-top: -49px;
    }
    .convenient__title {
        max-width: 188px;
        margin-bottom: 96px;
        margin-top: -35px;
    }
    .convenient__name {
        font-size: 18px;
        line-height: 24px;
    }
    .convenient__item{
        padding: 26px 10px 10px 10px !important;
        gap: 30px;
        min-height: 206px;
    } 
    .convenient__logo::before{
        background-size: 100%;
    }
    .convenient__block {
        max-width: 100%;
        margin-top: -20px;
    }
    .popular{
        margin-top: 80px;
    }
    .popular__item{
        width: 100%;
    }
    .popular__img {
        position: absolute;
        bottom: 0;
        left: 50% !important;
        width: 86% !important;
        z-index: 2;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        max-height: 303px !important;
        max-width:-webkit-max-content;
        max-width:-moz-max-content;
        max-width:max-content;
    }
    .popular__block{
        gap: 54px;
    }
    .teenagers__descr {
        font-size: 18px;
        line-height: 24px;
    }
    .teenagers__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 30px 20px 359px 25px;
    }
    .question__descr {
        display: none;
        border: 1px solid #FFF;
        border-top: none;
        padding: 0px 5px 5px 15px;
        border-radius: 0 0 15px 12px;
    }
    .question__block:first-of-type{
        width: 100%;
        max-width: 100%;
    }
    .question__name {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 27px 10px 6px;
        border-radius: 17px;
    }
    .question__item.active .question__name {
        border-radius: 17px 17px 0 0;
    }
    .question__title {
        margin-top: 154px;
    }
    .question-snow-ball--2 {
        width: calc(100% + 1676px);
    }
    .about__descr {
        font-size: 18px;
        line-height: 24px;
    }
    .popular__name {
        font-size: 20px;
        margin-top: 15px;
    }
    .price__descr {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 17px;
    }
    .price__title {
        margin-bottom: 10px;
    }


    .main__btn{
        margin: 0 auto;
    }
}