* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: 'Steelfish';
    src: url(/src/fonts/SteelfishRg-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Gogh';
    src: url(/src/fonts/Gogh-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Gogh';
    src: url(/src/fonts/Gogh-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Gogh';
    src: url(/src/fonts/Gogh-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Gogh';
    src: url(/src/fonts/Gogh-Light.ttf);
    font-weight: 300;
    font-style: normal;
}
html {
  scroll-behavior: smooth;
}
body {
    font-family: 'Gogh';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}
h1, .h1 {
    font-family: 'Steelfish';
    font-style: normal;
    font-weight: 700;
    font-size: 140px;
    line-height: 154px;
    text-transform: uppercase;
}
h2, .h2 {
    font-family: 'Steelfish';
    font-style: normal;
    font-weight: 700;
    font-size: 68px;
    line-height: 78px;
    text-transform: uppercase;
}
h3, .h3 {
    font-family: 'Steelfish';
    font-style: normal;
    font-weight: 700;
    font-size: 46px;
    line-height: 54px;
    text-transform: uppercase;
}
.h4 {font-size: 24px; line-height: 32px;}
.h5 {font-size: 18px; line-height: 28px;}
.h6 {font-size: 14px; line-height: 22px;}
.h7 {font-size: 12px; line-height: 18px;}
img {max-width: 100%;}
.container {
    max-width: 1160px;
    margin: 0 auto;
}
@media (max-width: 1199px) {
    h1, .h1 {font-size: 80px; line-height: 90px;}
    h2, .h2 {font-size: 50px; line-height: 64px;}
    h3, .h3 {font-size: 40px; line-height: 48px;}
    .h4 {font-size: 18px; line-height: 26px;}
    .h5 {font-size: 16px; line-height: 26px;}
    .h6 {font-size: 12px; line-height: 18px;}
    .h7 {font-size: 10px; line-height: 16px;}
    :root {--margin: 74px;}
}
@media (max-width: 767px) {
    h1, .h1 {font-size: 46px; line-height: 56px;}
    h2, .h2 {font-size: 28px; line-height: 32px;}
    h3, .h3 {font-size: 22px; line-height: 28px;}
    .h4 {font-size: 16px; line-height: 22px;}
    .h5 {font-size: 14px; line-height: 20px;}
    .h6 {font-size: 12px; line-height: 18px;}
    .h7 {font-size: 7px; line-height: 12px;}
    :root {--margin: 30px;}
}
header {
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    transition: background-color 0.3s;
}
body[data-scroll="0"] header {background-color: transparent;}
body[data-scroll="0"] .menu__link, body[data-scroll="0"] .header__phone {color: #fff;}
header > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
}
#main {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    margin-top: -90px;
    padding-top: 90px;
}
#main:before {
    content: "";
    background: linear-gradient(180deg, rgba(41, 41, 41, 0.8) 13.37%, rgba(0, 0, 0, 0.1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#main > .container {position: relative; padding-bottom: 53px;}
@media (min-width: 1200px) {
    #main > .container:before, #main > .container:after {
        content: "";
        position: absolute;
        width: 614px;
        height: 196px;
        background: url('/src/img/block1/cloud_1.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }
    #main > .container:before {top: -102px; left: -193px;}
    #main > .container:after {top: -85px; right: -247px;}
}
.logo {width: 67px;}
.logo-top {display: none;}
body[data-scroll="0"] .logo-scrolled {display: none;}
body[data-scroll="0"] .logo-top {display: block;}
.menu {
    display: grid;
    grid-template-columns: repeat(3,auto);
    gap: 69px;
    padding-right: 32px;
    padding-left: 32px;
}
.menu__link {
    color: black;
    text-decoration: none;
}
.social {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-left: 15px;
}
.social a {
    display: block;
    width: 47px;
    height: 47px;
    background-size: contain;
    background-position: center;
}
.social_tg {background-image: url('/src/img/header/телеграм.svg');}
.social_wa {background-image: url('/src/img/header/вотс.svg');}
.header__phone {
    font-weight: 700;
    font-size: 22px;
    line-height: 31px;
    color: black;
    text-decoration: none;
}
header button, header a.btn {
    background: linear-gradient(180deg, #F5F5F5 0%, #EBEBEB 98%);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    border: none;
    width: 150px;
    height: 55px;
    text-transform: uppercase;
    color: #AE3C85;
    cursor: pointer;
    font-family: 'Gogh';
    font-size: 14px;
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.header-content {margin-top: 112px; color: #FFFFFF; text-align: center;}
.header-icons {
    display: flex;
    justify-content: center;
    margin-bottom: 9px;
}
.header-icon {
    padding-left: 36px;
    font-size: 25px;
    line-height: 34px;
    background-position-x: left;
    background-repeat: no-repeat;
    position: relative;
}
.header-icon:nth-child(1) {
    background-image: url(/src/img/block1/солнце.svg);
    background-size: 30px;
    background-position-y: 1px;
    padding-right: 85px;
}
.header-icon:nth-child(1)::after {
    content: "";
    height: 33px;
    width: 77px;
    position: absolute;
    right: 3px;
    top: -10px;
    background: url(/src/img/block1/vector1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header-icon:nth-child(2) {
    background-image: url(/src/img/block1/компас.svg);
    background-size: 25px;
    margin-top: -2px;
    padding-top: 2px;
    padding-right: 124px;
}
.header-icon:nth-child(2)::after {
    background: url(/src/img/block1/vector2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    height: 22px;
    width: 117px;
    right: 2px;
    top: 3px;
}
.header-icon:nth-child(3) {
    background-image: url(/src/img/block1/кошель.svg);
    background-size: 29px;
    background-position-y: 2px;
}
.header-text {
    max-width: 578px;
    margin: 15px auto 97px;
    font-family: 'Gogh';
    font-style: normal;
    font-weight: 400;
    text-transform: none;
}
.header-scroll {
    display: block;
    width: 37px;
    height: 40px;
    background: url(/src/img/block1/скролл.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
.header-video {
}
#idea {
    padding: 70px 0;
    overflow: hidden;
}
#idea .container {
    position: relative;
}
.idea__mountain {
    position: absolute;
    right: -134px;
    top: 3px;
    width: 771px;
    height: 386px;
    background: url('/src/img/block2/hills.svg') no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    z-index: -1;
    transform-origin: right top;
}
@media (min-width: 1200px) {
    .idea__title {
        font-size: 130px;
        line-height: 156px;
    }
}
.idea__blocks {
    margin-top: 34px;
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(3,360px);
}
.idea__block {
    background: linear-gradient(180deg, #FFFFFF 48.44%, #E9E9E9 100%);
    border: 1px solid #EDEDED;
    border-radius: 20px;
    padding: 25px 18px 34px 31px;
}
.idea__number {
    font-family: 'Steelfish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    background: linear-gradient(180deg, #4E3192 5.17%, #02B6EE 93.1%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.idea__text {margin-top: 11px; line-height: 148%;}
.idea__block:nth-child(2) .idea__text {max-width: 287px;}
.idea__block:nth-child(3) .idea__text {max-width: 215px;}
.idea__result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 29px;
}
.idea_result-title.gradient {
    background: linear-gradient(90deg, #F2982B 0%, #B24180 100.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.idea__result-cases {
    display: flex;
    justify-content: space-between;
}
.idea__result-case {
    width: 234px;
    height: 170px;
    background-image: url('/src/img/block2/case1.svg');
    padding-top: 50px;
    padding-left: 18px;
    text-decoration: none;
}
.idea__result-case:nth-child(2) {
    background-image: url('/src/img/block2/case2.svg');
    margin-left: 18px;
    color: inherit;
    text-decoration: none;
}
.idea__result-case__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    text-decoration: none !important;
}
.idea__result-case__body {
    display: flex;
    align-items: center;
    margin-top: 4px;
}
.idea__result-case__play {
    width: 62px;
    height: 62px;
    position: relative;
    background: #EEEEEE;
    border-radius: 50%;
}
.idea__result-case__play:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url('/src/img/block2/case1_play_text.svg') no-repeat center / 100%;
}
.idea__result-case__play:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-43%,-50%);
    background: url('/src/img/block2/case1_play_btn.svg') no-repeat center / 100%;
}
.idea__result-case__link {
    font-size: 14px;
    line-height: 22px;
    text-decoration-line: underline;
    width: 105px;
    margin-left: 6px;
    color: #000000;
}
.idea__result-case__person, .idea__result-case__plus {
    width: 56px;
    height: 56px;
}
.idea__result-case__person {border-radius: 50%;}
.idea__result-case__person:nth-child(2) {
    margin-left: -13px;
    width: 55px;
    object-position: right;
    object-fit: cover;
}
.idea__result-case__plus {margin-left: -10px;}
section {overflow: hidden;}
#key {background: #F9F9F9;}
#key .container {
    position: relative;
    background: url('/src/img/block3/sclub.svg');
    background-repeat: no-repeat;
    background-position: center 44px;
    max-width: 1190px;
}
#key .container:before {
    content: "";
    position: absolute;
    top: 84px;
    right: -144px;
    width: 658px;
    height: 173px;
    background: url('/src/img/block3/vector.svg') no-repeat;
}
.key-wrapper {
    max-width: 768px;
    margin: 0 auto;
    padding-top: 171px;
    padding-bottom: 143px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.key-wrapper .gradient {
    background: linear-gradient(-90deg, #F2982B 0%, #B24180 100.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
}
.key__text {
    max-width: 385px;
    margin: 0 auto;
    margin-top: 27px;
}
.key__bg1 {
    pointer-events: none;
    width: 743px;
    height: 500px;
    position: absolute;
    left: -365px;
    bottom: 0;
    background: url('/src/img/block3/city.png') no-repeat;
}
.key__bg1:before {
    content: "";
    position: absolute;
    left: 90px;
    top: 130px;
    background: url('/src/img/block3/cloud_1.png');
    width: 259px;
    height: 82px;
}
.key__bg2 {
    pointer-events: none;
    width: 731px;
    height: 402px;
    position: absolute;
    right: -365px;
    bottom: 0;
    background: url('/src/img/block3/hills.png') no-repeat;
}
.key__bg2:before {
    content: "";
    position: absolute;
    left: 204px;
    top: 107px;
    background: url('/src/img/block3/cloud_2.png');
    width: 270px;
    height: 86px;
}
.key__bg2:after {
    content: "";
    position: absolute;
    right: 156px;
    top: -37px;
    background: url('/src/img/block3/cloud_3.png');
    width: 237px;
    height: 75px;
}
.key__bg1 .hero {position: absolute; bottom: 0; right: 96px;}
.key__bg2 .hero {position: absolute; bottom: 0; left: 68px;}
.key__plain {
    position: absolute;
    top: 65px;
    left: calc(50% - 36px);
}
.key__scroll {
    position: absolute;
    left: calc(50% - 18px);
    bottom: 29px;
    z-index: 2;
}
#step1 {
    padding-top: 68px;
    padding-bottom: 6px;
}
.step1__top-block {
    display: flex;
    align-items: center;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}
.step1__top-left {
    display: flex;
    justify-content: flex-start;
    flex-grow: 0;
    flex-shrink: 0;
    width: 426px;
    position: relative;
    padding-left: 38px;
}
.step1__top-left .gradient {
    background: linear-gradient(180deg, #279FF6 0%, #4E3192 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
    position: absolute;
    left: 38px;
}
.step1__top-left h2:not(.gradient) {text-indent: 65px;}
#step1 .step1__top-left h2:not(.gradient) {text-indent: 56px;}
.step1__top-left .gradient:after {
    content: "";
    width: 1px;
    height: 58px;
    background: linear-gradient(180deg, #3380DA 0%, #4E3192 100%);
    display: inline-block;
    margin-left: 10px;
}
.step1__top-right {
    padding: 45px 25px 45px 30px;
    border-left: 1px solid #DDDDDD;
}
#step2 .step1__top-right {
    max-width: 640px;
    box-sizing: content-box;
    padding: 30px 25px 30px 30px;
}
.step1-insta {
    padding-top: 32px;
    padding-bottom: 14px;
    position: relative;
}
.step1-insta:nth-child(2):before, .step1-insta:nth-child(2):after,
.step1-insta:nth-child(3):before, .step1-insta:nth-child(3):after {
    content: "";
    pointer-events: none;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 6;
}
.step1-insta:nth-child(2):before {
    width: 268px;
    height: 126px;
    right: -54px;
    top: 10px;
    background-image: url('/src/img/block4/vector1.svg');
}
.step1-insta:nth-child(2):after {
    width: 37px;
    height: 41px;
    right: -70px;
    top: 116px;
    background-image: url('/src/img/block4/compass.svg');
}
.step1-insta:nth-child(3):before {
    width: 217px;
    height: 610px;
    right: -199px;
    top: calc(-100% + 152px);
    background-image: url('/src/img/block4/vector2.svg');
    z-index: -1;
}
.step1-insta:nth-child(3):after {
    width: 90px;
    height: 608px;
    right: -85px;
    top: 136px;
    background-image: url('/src/img/block4/vector3.svg');
    z-index: -1;
}
.step1-insta__quotes {
    width: 34px;
    height: 23px;
    display: flex;
    margin-bottom: 8px;
}
.step1-insta__title {
    margin-bottom: 28px;
}
.step1-insta:nth-child(2) .step1-insta__title {max-width: 975px;}
.step1-insta:nth-child(2) .step1-insta__title:after {
    content: "";
    position: absolute;
    right: 24px;
    top: 30px;
    background: url('/src/img/block4/masons.svg');
    width: 119px;
    height: 102px;
    pointer-events: none;
}
.step1-insta:nth-child(3) .step1-insta__title {max-width: 1106px;}
.step1-insta:nth-child(3) .step1-insta__title:after {
    content: "";
    position: absolute;
    right: -46px;
    top: 75px;
    background: url('/src/img/block4/dog.svg');
    width: 81px;
    height: 60px;
    pointer-events: none;
    transform-origin: 30% 80%;
    z-index: 6;
}
.step1-insta__wrapper {
    position: relative;
    overflow: visible;
}
.slider-control {
    display: flex;
    position: absolute;
    top: 50%;
    right: -85px;
    transform: translateY(-50%);
    z-index: 5;
}
.slider-control__inner {
    width: 65px;
    height: 65px;
    background: url('/src/img/block4/arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 50%;
}
.slider-control.next:before, .slider-control.prev:before {
    content: "";
    position: absolute;
    width: 460px;
    height: 810px;
    top: 50%;
    left: -99px;
    transform: translateY(-50%);
    pointer-events: none;
    background-image: url(/src/img/block4/blur.svg);
    z-index: -1;
}
.slider-control.prev:before {
    rotate: 180deg;
    left: unset;
    right: -99px;
    transform: translateY(50%);
}
.slider-control.prev {
    right: unset;
    left: -85px;
}
.slider-control.prev .slider-control__inner {transform: rotate(180deg);}
.slider-control.swiper-button-disabled {display: none;}
.step1-insta__block {
    width: 320px;
    height: 510px;
    background: white;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-image: url('/src/img/block4/card.svg');
    background-repeat: no-repeat;
    background-size: 341px;
    background-position: 40% 29.6%;
    position: relative;
    flex: 0 0 320px;
}
.step1-insta__block-img {
    transform: translateY(35px);
}
.step1-insta__block-text {
    max-width: 293px;
    position: absolute;
    left: 15px;
    bottom: 8px;
}
#tours {
    background-image: url('/src/img/block5/hills.svg');
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 168px;
}
#tours .tours__container-wrapper {background-color: #F9F9F9; padding-bottom: 69px;}
#tours h2 {text-align: center;}
.tour-about__btn {
    display: flex;
    justify-content: center;
    width: 190px;
    padding: 16px;
    border-radius: 6px;
    background: linear-gradient(180deg, #AC3A86 0%, #F39A28 100%);
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.tour-about__btn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: 2px;
    border-radius: 5px;
    background: #fff;
}
.tour-about__btn .inner {
    font-size: 14px;
    line-height: 23px;
    background: linear-gradient(180deg, #AC3A86 0%, #F39A28 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    padding-right: 24px;
}
.tour-about__btn .inner:after {
    content: "";
    background-image: url('/src/img/block5/arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 100%;
}
.tours {
    margin-top: 54px;
    display: grid;
    gap: 40px;
}
.tour {
    display: grid;
    grid-template-columns: 356px auto;
}
.tour-image {
    position: relative;
    height: 318px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}
.tour-image__badge {
    position: absolute;
    height: 35px;
    left: 25px;
    top: 40px;
}
.tour-about {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    display: flex;
}
.tour-about__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 0px 30px 44px;
    flex-grow: 1;
}
.tour-about__content__text {
    max-width: 432px;
    margin-top: 12px;
    max-height: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tout-about__content__info {
    display: flex;
    align-items: center;
}
.tour-about__price {
    font-family: 'Steelfish';
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-left: 23px;
    display: flex;
    align-items: center;
}
.tour-about__q {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url('/src/img/block5/q.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-left: 8px;
    position: relative;
}
.tour-about__q:hover:after {
    content: "Стоимость указана за 1 человека при 2-х местном размещении";
    font-size: 8px;
    line-height: 10px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    position: absolute;
    width: 122px;
    padding: 4px 14px;
    left: calc(100% + 13px);
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.tour-about__content__places {
    font-weight: 300;
    font-size: 12px;
    line-height: 26px;
    border-left: 1px solid #DFDFDF;
    padding-left: 14px;
    margin-left: 14px;
}
.tour-about__info {
    flex: 0 0 286px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 35px 30px 30px;
    background-image: url('/src/img/block5/line.svg');
    background-repeat: no-repeat repeat;
    background-position: left top;
    background-position-y: -4px;
}
.tour:hover .tour-about__info {
    background-image: url('/src/img/block5/line2.svg');
}
.tour-about__info__icons {
    display: grid;
    gap: 12px;
}
.tour-about__info__icon {
    padding-left: 30px;
    background-repeat: no-repeat;
}
.icon_date {
    background-image: url('/src/img/block5/icon_date.svg');
}
.icon_duration {
    background-image: url('/src/img/block5/icon_duration.svg');
}
.icon_star {
    background-image: url('/src/img/block5/icon_star.svg');
}
.icon_person {
    background-image: url('/src/img/block5/icon_person.svg');
    background-position-y: 2px;
}
.tour-about__info__barcode {
    width: 217px;
    height: 54px;
    background-image: url('/src/img/block5/hatch.svg');
    background-repeat: no-repeat;
    position: relative;
}
.tour-about__info__barcode:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url('/src/img/block5/hatch.svg');
    background-repeat: no-repeat;
    filter: brightness(0);
    
}
.tours__btn-wrapper {
    text-align: center;
    margin-top: 48px;
}
.tours__btn {
    background: linear-gradient(270deg, #AC3A86 0%, #F39A28 100%);
    border-radius: 10px;
    display: inline-block;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    padding: 26px 47px;
}
#step2 {padding-top: 90px;}
.step2-wrapper {
    padding-top: 50px;
    padding-bottom: 110px;
    background-color: #F9F9F9;
    background-image: url('/src/img/block7/city.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
}
#step2 .step2-wrapper .step1__top-right {padding: 60px 25px 60px 30px;}
.step2_travel {
    position: relative;
    padding: 54px 0;
    min-height: 557px;
    background: url('/src/img/block6/girl.png') right bottom no-repeat;
}
.step2_travel__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    max-width: 451px;
    text-transform: uppercase;
}
.step2_travel__text {
    font-size: 24px;
    line-height: 32px;
    max-width: 451px;
    margin-top: 16px;
}
.step2_travel__btn {
    margin-top: 30px;
    background: linear-gradient(270deg, #AC3A86 0%, #F39A28 100%);
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 43px;
    padding: 16px 36px;
    display: inline-block;
    color: white;
    text-decoration: none;
}
.step2_travel__clouds {
    position: absolute;
    top: 112px;
    right: 464px;
    pointer-events: none;
}
.step2_travel__cloud1 {
    width: 112px;
    height: 142px;
    background: url('/src/img/block6/cloud1.svg') no-repeat center;
    position: relative;
}
.step2_travel__cloud2 {
    width: 181px;
    height: 171px;
    background: url('/src/img/block6/cloud2.svg') no-repeat center;
    position: absolute;
    top: -7px;
    left: 65px;
}
.step2_travel__cloud3 {
    width: 153px;
    height: 100px;
    background: url('/src/img/block6/cloud3.svg') no-repeat center;
    position: absolute;
    top: 98px;
    left: 128px;
}
.step2_travel__cloud4 {
    width: 140px;
    height: 95px;
    background: url('/src/img/block6/cloud4.svg') no-repeat center;
    position: absolute;
    left: 60px;
    top: 179px;
}
#step2 .container {position: relative;}
.step2_vector {
    position: absolute;
    z-index: 1;
    width: 418px;
    height: 1290px;
    top: -90px;
    right: -290px;
    background: url('/src/img/block6/vector-big.svg');
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}
.step2__ticket {
    position: absolute;
    top: 449px;
    left: 105px;
}
.step3-block {
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: space-between;
}
.step3-block__left {
    font-size: 24px;
    line-height: 32px;
    max-width: 403px;
}
.step3-block__title {
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.step3-block__right {
    flex: 0 0 722px;
    padding: 40px 52px 28px;
    background-color: #FFFFFF;
    border-radius: 10px;
    background-image: url('/src/img/block7/service.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 273px;
}
.step3-block__text {
    max-width: 401px;
    margin-top: 10px;
}
.step3-block__btns {
    display: flex;
    margin-top: 16px;
    align-items: center;
}
.step3-block__btns .tour-about__btn {width: 122px;}
.step3-block__btns span {
    max-width: 320px;
    color: #737373;
    margin-left: 18px;
}
#join {
    background: url('/src/img/block8/hills.svg');
    background-repeat: no-repeat;
    background-position: center calc(100% + 270px);
}
#join .container {
    padding-top: 260px;
    padding-bottom: 164px;
    text-align: center;
    position: relative;
}
.join__elements > * {position: absolute; pointer-events: none;}
.join__photo1 {
    top: 20px;
    left: -220px;
}
.join__photo2 {
    top: 43px;
    right: -73px;
}
.join__photo3 {
    bottom: 72px;
    left: -130px;
}
.join__photo4 {
    bottom: 55px;
    right: -253px;
}
.join__vector {
    top: 49px;
    left: -31px;
}
.join__wings {
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
}
#join h2 {margin-bottom: 40px;}
#join .h4 {max-width: 612px; margin: 0 auto;}
#join .h4 i {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 4px;
}
.icon_smile {background: url('/src/img/block8/icon_smile.svg') center / contain no-repeat;}
.icon_hands {background: url('/src/img/block8/icon_hands.svg') center / contain no-repeat;}
.icon_heart {background: url('/src/img/block8/icon_heart.svg') center / contain no-repeat;}
#join .h4 + .h4 {margin-top: 28px;}
.join__motiv {
    width: 343px;
    margin: 47px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.join__motiv:after {
    content: "";
    position: absolute;
    width: 38px;
    height: 80px;
    right: -9px;
    top: 40px;
    background: url('/src/img/block8/line.svg') no-repeat;
    background-position: center;
}
.join__btn {
    background: linear-gradient(270deg, #AC3A86 0%, #F39A28 100%);
    border-radius: 10px;
    width: 299px;
    font-size: 22px;
    line-height: 24px;
    padding: 28px 0 23px;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
}
#join .h5 {
    color: #8F8F8F;
    margin-top: 16px;
}
#points {background: #F9F9F9;}
#points .container {
    position: relative;
    padding-top: 33px;
    padding-bottom: 40px;
}
#points .container:before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 50px;
    right: -390px;
    width: 849px;
    height: 216px;
    background: url('/src/img/block9/vector.svg') no-repeat center;
}
#points .container:after {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 81px;
    height: 58px;
    top: 137px;
    right: 269px;
    background: url('/src/img/block9/car.svg') no-repeat center, #F9F9F9;
}
#points .gradient {
    background: linear-gradient(90deg, #AC3A86 0%, #EF942F 67.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.points__every {
    padding-top: 20px;
    padding-bottom: 40px;
    max-width: 585px;
}
.points__blocks, .points__blocks-left, .points__blocks-right {
    display: flex;
    align-items: center;
}
.points__blocks > *:not(:first-child), .points__blocks-left > *:not(:first-child), .points__blocks-right > *:not(:first-child) {
    margin-left: 4px;
}
.points__block {
    background: linear-gradient(180deg, #FFFFFF 42.53%, #E9E9E9 100%);
    border-radius: 20px;
    font-family: 'Steelfish';
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    height: 127px;
    width: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.block_result {
    background: linear-gradient(180deg, #279FF5 0%, #4E3192 100%);
    color: #FFFFFF;
}
.points__block__tag {
    width: 32px;
    height: 30px;
    background: url('/src/img/block9/lattice.svg') no-repeat center;
}
.tag_result {
    width: 34px;
    height: 24px;
    background-image: url('/src/img/block9/eq.svg');
}
#points .step1__top-block {
    margin-top: 32px;
}
#points .step1__top-left {
    flex-direction: column;
    padding-left: 95px;
    padding-top: 16px;
    background: url('/src/img/block9/coins.png') no-repeat 18px 12px / 66px;
}
#points .step1__top-left .h6 {
    max-width: 270px;
    margin-top: 4px;
}
#points .step1__top-right {
    padding: 30px 50px 30px 40px;
}
.points__question {
    display: flex;
    align-items: center;
    margin-top: 38px;
}
#earn .points__question {margin-top: 50px;}
#points .h5, #earn .points__question .h5 {
    color: #8F8F8F;
    padding-top: 10px;
    margin-left: 130px;
    max-width: 400px;
    position: relative;
}
#points .h5:before, #earn .points__question .h5:before {
    content: "";
    width: 91px;
    height: 11px;
    background: url('/src/img/block9/line.svg') no-repeat center;
    position: absolute;
    right: calc(100% + 16px);
    top: 28px;
}
#how .container {
    padding-top: 64px;
    padding-bottom: 74px;
    position: relative;
}
#how .container:before, #how .container:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}
#how .container:before {
    right: -375px;
    top: 45px;
    width: 500px;
    height: 247px;
    background-image: url('/src/img/block10/vector.svg');
}
#how .container:after {
    right: 28px;
    top: 109px;
    width: 121px;
    height: 115px;
    background-image: url('/src/img/block10/map.svg');
}
.how__label {
    font-family: 'Steelfish';
    font-weight: 700;
    font-size: 32px;
    line-height: 29px;
    text-transform: uppercase;
}
#how h2 {max-width: 938px; padding-top: 10px; padding-bottom: 14px;}
#how h2 .gradient {
    display: inline-block;
    background: linear-gradient(90deg, #AC3A86 0%, #EF942F 40.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.how__cards {
    margin-top: 24px;
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
}
.how__card {
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
    border: 1px solid #A2A2A2;
    box-shadow: 0px 0px 10px rgba(150, 150, 150, 0.5);
    border-radius: 20px;
    padding: 50px 28px 42px 50px;
    position: relative;
}
.how__card.gold {
    border: 1px solid #EF942F;
}
.how__card:after {
    content: "";
    position: absolute;
    width: 134px;
    height: 100px;
    right: 40px;
    bottom: 23px;
    pointer-events: none;
    background: url('/src/img/block10/img_platinum.png') no-repeat center;
    background-size: contain;
}
.how__card.gold:after {
    height: 99px;
    background-image: url('/src/img/block10/img_gold.png');
}
.how__card__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.how__card__title .gradient {
    background: linear-gradient(90deg, #93969E 0%, #7F8186 10.28%, #B1B2B1 20.39%, #606060 30.49%, #A8A8A8 40.6%, #585858 49.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.how__card__title > h3 {position: relative;}
.how__card__title > h3::after {
    content: "";
    width: 65px;
    height: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    left: calc(100% - 5px);
    background: url('/src/img/block10/card_platinum.svg') no-repeat center;
}
.how__card.gold .how__card__title > h3::after {
    width: 38px;
    height: 25px;
    background-image: url('/src/img/block10/card_gold.svg');
}
.how__card.gold .how__card__title .gradient {
    background-image: linear-gradient(90deg, #E9AB11 0%, #F4B429 49.76%);
}
.how__card__price {
    font-family: 'Steelfish';
    font-weight: 400;
    font-size: 40px;
    line-height: 34px;
    margin-bottom: 30px;
}
.how__card__ul {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 32px;
}
.how__card__ul span {color: #A6A6A6;}
#how .join__btn {width: 305px; background: linear-gradient(90deg, #AC3A86 0%, #F39A28 100%);}
.how__questions {
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    padding: 36px 30px 20px 52px;
    margin-top: 40px;
    position: relative;
}
.how__questions .h5 {margin-top: 12px;}
.how__socials {
    position: absolute;
    top: 40px;
    right: 30px;
    display: flex;
}
.how__socials:before {
    content: "";
    width: 48px;
    height: 10px;
    background: url('/src/img/block10/line.svg') no-repeat center;
    position: absolute;
    top: 44%;
    right: 100%;
}
#video .how__socials:before {
    transform: translateX(-10px);
}
.how__social {
    width: 47px;
    height: 47px;
    margin-left: 7px;
    background: url('/src/img/block10/tg.svg') no-repeat center;
    background-size: contain;
}
.how__social.wa {
    background-image: url('/src/img/block10/wa.svg');
}
.how__form {
    margin-top: 16px;
    display: flex;
}
.input-group {
    width: 260px;
    margin-right: 20px;
    position: relative;
}
.how__questions input, .how__questions select {
    background: linear-gradient(180deg, #FFFFFF 42.53%, #E9E9E9 100%);
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    width: 100%;
    height: 55px;
    padding-left: 46px;
    font-family: 'Gogh';
    font-size: 14px;
    line-height: 22px;
    appearance: none;
}
.how__questions input::placeholder {
    color: #9F9F9F;
    opacity: 1;
}
.how__questions select {color: #9F9F9F;}
.how__questions select.selected {color: #000;}
.how__questions input:not(:placeholder-shown) + i,
.how__questions select.selected + i {filter: brightness(0);}
.how__questions option {color: #9F9F9F;}
.how__questions option:checked {color: black;}
.input__icon {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.icon_name {
    left: 21px;
    width: 17px;
    height: 15px;
    background-image: url('/src/img/block10/icon_name.svg');
}
.icon_phone {
    left: 19px;
    width: 19px;
    height: 19px;
    background-image: url('/src/img/block10/icon_phone.svg');
}
.icon_time {
    left: 16px;
    width: 22px;
    height: 22px;
    background-image: url('/src/img/block10/icon_time.svg');
}
.how__questions .tour-about__btn {width: 236px;}
.how__questions .tour-about__btn .inner {padding-right: 0;}
.how__questions .tour-about__btn .inner:after {content: none;}
.how__questions .h7 {
    color: #939393;
    margin-top: 12px;
}
#earn {background: #F9F9F9;}
#earn .container {padding-top: 80px; padding-bottom: 70px; position: relative;}
#earn h2 {max-width: 762px; margin-bottom: 20px;}
#earn .idea__blocks {margin-top: 42px;}
#earn .idea__block:nth-child(1) .idea__text {max-width: 240px;}
#earn .idea__block:nth-child(2) .idea__text {max-width: 210px;}
#earn .idea__block:nth-child(3) .idea__text {min-width: 222px;}
#earn .points__question .h5 {max-width: 466px;}
#earn .h4 {
    font-size: 24px;
    line-height: 32px;
    max-width: 741px;
}
.earn__decor > * {position: absolute; pointer-events: none;}
.earn__vector {
    width: 625px;
    height: 551px;
    top: 109px;
    right: -239px;
}
.earn__money1 {
    width: 81px;
    height: 102px;
    top: 245px;
    right: -93px;
    background: #F9F9F9;
}
.earn__money2 {
    width: 93px;
    height: 66px;
    bottom: 90px;
    right: -66px;
    background: #F9F9F9;
}
.earn__case {
    position: absolute;
    top: 65px;
    right: 28px;
}
#reports .container {
    position: relative;
    padding-top: 84px;
    padding-bottom: 70px;
}
#reports .container:before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 1327px;
    height: 50px;
    right: 410px;
    top: 48px;
    background: url('/src/img/block12/vector.svg') no-repeat center;
}
#reports .container:after {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 102px;
    height: 98px;
    right: 315px;
    top: 67px;
    background: url('/src/img/block12/camera.svg') no-repeat center;
}
#reports .step1-insta__wrapper {margin-top: 34px;}
#reports .slider-control {top: 140px;}
.reports__block {
    position: relative;
    width: 500px;
    flex: 0 0 500px;
}
.reports__block-img {
    border: 1px solid #F0F0F0;
    border-radius: 10px;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
}
.reports__block-text {
    max-width: 341px;
    margin-top: 4px;
}
.reports__block-link {
    margin-top: 15px;
    padding-left: 65px;
    position: relative;
    display: inline-flex;
    height: 53px;
    align-items: center;
    color: inherit;
}
.reports__block-link:before {
    content: "";
    width: 53px;
    height: 53px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/src/img/block12/play.svg') no-repeat;
    background-size: 53px;
}
.reports__block-link:hover {
    color: #c58c4a;
    text-decoration-color: #EF942F;
}
.reports__block-link:hover::before {
    transition: 0.5s;
    transform: rotate(360deg);
}
.reports__sticker {
    width: 182px;
    height: 195px;
    position: absolute;
    top: 226px;
    right: -16px;
    background: url('/src/img/block12/sticker.svg') no-repeat center;
    padding-top: 62px;
    padding-left: 33px;
}
.reports__sticker-text {
    font-family: 'Steelfish';
    font-weight: 700;
    font-size: 23.3161px;
    line-height: 27px;
    text-transform: uppercase;
    color: #313131;
    transform: rotate(-18.82deg);
}
#community {background: #F9F9F9;}
#community .container {
    position: relative;
    padding-top: 75px;
    padding-bottom: 65px;
}
#community .gradient {
    background: linear-gradient(90deg, #AC3A86 0%, #EF942F 67.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.community__intro {max-width: 683px; margin-top: 15px;}
.community__ideas {
    margin-top: 35px;
    max-width: 679px;
    display: grid;
    gap: 16px;
}
.community__idea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    min-height: 78px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);
    border: 1px solid #EDEDED;
    border-radius: 20px;
}
.community__idea__number {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    margin-right: 16px;
    background: linear-gradient(180deg, #279FF6 -53.85%, #4E3192 108.46%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #FFFFFF;
    font-family: 'Steelfish';
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
}
.community__case {
    position: absolute;
    top: 0;
    right: -20px;
    display: flex;
}
.community__case:before, .community__case:after {
    content: "";
    pointer-events: none;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}
.community__case:before {
    width: 171px;
    height: 54px;
    top: 418px;
    left: 66px;
    background-image: url('/src/img/block13/cloud1.png');
}
.community__case:after {
    width: 107px;
    height: 34px;
    top: 384px;
    right: 81px;
    background-image: url('/src/img/block13/cloud2.png');
}
#video .container {
    padding-top: 60px;
    padding-bottom: 50px;
}
#video h2 {text-align: center;}
#video h2 .gradient {
    background: linear-gradient(90deg, #AC3A86 0%, #EF942F 67.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.video__item {
    margin-top: 40px;
    display: flex;
    position: relative;
    cursor: pointer;
}
.video__item:after {
    content: "";
    width: 176px;
    height: 175px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url('/src/img/block14/play.svg') no-repeat center;
}
.video__img {
    border: 1px solid #F0F0F0;
    border-radius: 10px;
}
.video__sticker {
    position: absolute;
    width: 216px;
    height: 296px;
    background: url('/src/img/block14/sticker.svg') no-repeat center;
    bottom: -22px;
    right: -50px;
    filter: drop-shadow(0px 2.34547px 2.34547px rgba(0, 0, 0, 0.25));
    pointer-events: none;
}
footer {
    background: #F9F9F9;
    padding: 23px 0 20px;
}
footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer__block1 {
    display: flex;
    align-items: center;
}
.footer__block1 .h7 {
    max-width: 191px;
    margin-left: 16px;
}
.footer__menu {
    column-count: 2;
    column-gap: 36px;
}
.footer__menu-item {width: 84px;}
.footer__menu-item a {
    text-decoration: none;
    color: inherit;
}
.footer__menu-item a:hover {
    background: linear-gradient(180deg, #AC3A86 0%, #EF942F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.footer__menu-item + .footer__menu-item {margin-top: 8px;}
.footer__block2 {
    display: flex;
    align-items: center;
}
.footer__links {
    display: grid;
    gap: 8px;
}
.footer__link {
    color: #000000;
    text-decoration: underline;
    padding-left: 23px;
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
}
.footer__link.phone {
    background-image: url('/src/img/footer/phone.svg');
    background-position-x: 1px;
}
.footer__link.email {
    background-image: url('/src/img/footer/email.svg');
}
.footer__socials {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4,1fr);
    margin-left: 32px;
}
.footer_social {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.footer_social.tg {background: url('/src/img/footer/tg.svg') no-repeat center;}
.footer_social.wa {background: url('/src/img/footer/wa.svg') no-repeat center;}
.footer_social.vk {background: url('/src/img/footer/vk.svg') no-repeat center; background-size: 32px;}
.footer_social.insta {background: url('/src/img/footer/insta.svg') no-repeat center; background-size: 32px;}
.footer__block3 {
    display: flex;
    flex-direction: column;
}
.footer__block3__link {
    text-align: right;
    text-decoration-line: underline;
    color: #000000;
}
.modal, .video__modal, .house__modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 100;
}
body.modal-show, body.menu-show, body.modal_video, body.modal_house {overflow: hidden;}
body.modal-show .modal, body.modal_video .video__modal, body.modal_house .house__modal {display: flex;}
.modal__body {
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    padding: 60px 35px 45px;
    position: relative;
}
.modal__close {
    position: absolute;
    width: 31px;
    height: 32px;
    top: 10px;
    right: 10px;
    background: url('/src/img/header/close.svg') no-repeat center;
}
.modal .how__questions {
    padding: 0;
    margin: 0;
    border: none;
    text-align: center;
}
.modal .how__questions .h5 {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
}
.modal .how__form {
    flex-direction: column;
    align-items: center;
}
.modal .input-group {
    margin-right: 0;
    margin-bottom: 20px;
    width: 440px;
}
.modal .how__questions .tour-about__btn {width: 440px;}
.menu_togle {display: none;}
.menu_mobile-wrapper {display: none;}
.menu_mobile-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}
a.menu_mobile__close {
    width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    top: 20px;
    right: 10px;
    background: url('/src/img/header/menu_close.svg') no-repeat center;
}
/* HOVERS & ANIMATIONS */
:root {
    --transition: 0.2s;
}
.social a, .how__social, .footer_social {
    transition: var(--transition);
}
.social a:hover, .how__social:hover, .footer_social:hover {transform: scale(1.05);}
.menu__link:hover {text-decoration: underline;}
body[data-scroll="1"] .menu__link:hover {
    text-decoration: none;
    background: linear-gradient(90deg, #F2982C 0%, #B4437F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
header button.login-btn, header a.btn.login-btn {
    width: 200px;
}
header button:hover, header a.btn:hover {
    background: linear-gradient(90deg, #EF942F 0%, #AC3A86 98%);
    color: #FFFFFF;
}
header button.reversed, header a.btn.reversed {
    background: linear-gradient(90deg, #EF942F 0%, #AC3A86 98%);
    color: #FFFFFF;
}
header button.reversed:hover, header a.btn.reversed:hover {
    background: linear-gradient(180deg, #F5F5F5 0%, #EBEBEB 98%);
    color: #AE3C85;
}
header button i, header a.btn i {
    background: url('/src/img/header/icon.svg');
    width: 13px;
    height: 19px;
    margin-right: 4px;
    background-position-y: 1px;
    background-repeat: no-repeat;
}
header button:hover i, header a.btn:hover i {
    filter: brightness(0) invert(1);
}
@keyframes HeaderScroll {
    from {transform: translateY(0px)}
    to {transform: translateY(10px)}
}
.header-scroll, .key__scroll {
    animation: HeaderScroll 2s ease-in-out infinite alternate;
    will-change: transform;
}
@keyframes Rotate {
    from {transform: rotate(0deg)}
    to {transform: rotate(-360deg)}
}
.idea__result-case:nth-child(1):hover .idea__result-case__play:before {
    animation: Rotate 10s linear infinite;
    will-change: transform;
}
.idea__result-case:nth-child(2):hover .idea__result-case__plus {transition: 0.5s; transform: rotate(360deg);}
@keyframes Slide40 {
    from {transform: translateX(0px)}
    to {transform: translateX(40px)}
}
.key__bg1:before, .key__bg2:after, #main > .container:before, #main > .container:after {
    animation: Slide40 2.5s ease-in-out infinite alternate;
    will-change: transform;
}
.key__bg2:before, #main > .container:after {
    animation: Slide40 2.5s ease-in-out infinite alternate-reverse;
    will-change: transform;
}
@keyframes Slide60 {
    form {transform: translateX(0px);}
    to {transform: translateX(60px);}
}
@keyframes Slide60R {
    form {transform: translateX(0px);}
    to {transform: translateX(-60px);}
}
.community__case:before {
    animation: Slide60R 4s ease-in-out infinite alternate;
}
.community__case:after {
    animation: Slide60 4s ease-in-out infinite alternate;
}
@keyframes rotate4 {
    from {transform: rotate(0deg);}
    to {transform: rotate(4deg);}
}
@keyframes rotate4R {
    from {transform: rotate(0deg);}
    to {transform: rotate(-4deg);}
}
.join__wings g {transform-origin: center; will-change: transform;}
.join__wings g:nth-child(2) {animation: rotate4R 1s ease-in-out infinite alternate;}
.join__wings g:nth-child(3) {animation: rotate4 1s ease-in-out infinite alternate;}
.tour-about__btn:hover::before {
    background: transparent;
}
.tour-about__btn:hover .inner {
    -webkit-text-fill-color: white;
    text-fill-color: white;
}
.tour-about__btn:hover .inner::after {
    filter: brightness(0) invert(1);
}
#key .container:before {transform: translateY(calc(-1px * var(--i))); will-change: transform;}
.key__plain {
    transform: translate(calc(0.5px * var(--i)),calc(-1px * var(--i))) rotate(calc(26.7deg / 20 * var(--i)));
    will-change: transform;
}
.step1-insta:nth-child(2) .step1-insta__title:after {
    transform: rotate(calc(35.86deg * var(--i)));
}
.step1-insta:nth-child(3) .step1-insta__title:after {
    transform: scale(calc(1 + 0.95 * var(--i)));
}
.tour:hover .tour-about__info__barcode:after {width: 100%; transition: 0.5s ease-in-out;}
.outline_btn {position: relative;}
.outline_btn:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px;
    border: 2px solid transparent;
    background: #F9F9F9;
    top: 0;
    left: 0;
    background-clip: padding-box;
    box-sizing: border-box;
}
.outline_btn:hover .inner {
    background: linear-gradient(180deg, #AC3A86 0%, #EF942F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
}
#step2 .outline_btn:hover:before, #join .outline_btn:hover:before {
    background-color: white;
}
.how__card:hover {
    box-shadow: 0px 0px 10px rgba(150, 150, 150, 0.2)
}
.video__item:after {transition: var(--transition); transform-origin: top left;}
.video__item:hover:after {scale: 1.14;}
.step2__ticket {
    transform: translateX(calc(100px * var(--i))) rotate(calc(-66deg * var(--i))) translate(calc(-190px * var(--i)),calc(10px * var(--i)));
}
.step2_travel__cloud1 {transform: translateY(calc(-20px * var(--i)));}
.step2_travel__cloud2 {transform: translate(calc(20px * var(--i)),calc(-20px * var(--i)));}
.step2_travel__cloud3 {transform: translate(calc(40px * var(--i)),calc(-11px * var(--i)));}
.step2_travel__cloud4 {transform: translateX(calc(10px * var(--i)));}
#points .container:before {transform: translateX(calc(-30px * var(--i)));}
#points .container:after {transform: translate(calc(-219px * var(--i)),calc(92px * var(--i)));}
.earn__money2 {transform: translate(calc(-210px * var(--i)),calc(40px * var(--i)));}
.join__wings-mobile {display: none;}
.partner_title, .partner2_title, .gold_title, .platinum_title {display: none;}
.modal_partner .classic_title, .modal_partner2 .classic_title,
.modal_gold .classic_title, .modal_platinum .classic_title {display: none;}
.modal_partner .partner_title, .modal_partner2 .partner2_title,
.modal_gold .gold_title, .modal_platinum .platinum_title {display: block;}
.gold_title span {
    background: linear-gradient(90deg, #E9AB11 57.3%, #F4B429 75.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.platinum_title span {
    background: linear-gradient(90deg, #93969E 0%, #7F8186 10.28%, #B1B2B1 20.39%, #606060 30.49%, #A8A8A8 40.6%, #585858 49.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* TABLET */
@media (max-width: 1199px) {
    .menu {display: none;}
    .container {max-width: calc(100% - 148px);}
    .header__phone {
        font-size: 18px;
        line-height: 31px;
    }
    .social {gap: 12px; padding-left: 0;}
    .social a {height: 53px; width: 53px; background-size: 53px;}
    .menu_togle {
        display: block; margin-left: 12px;
        width: 53px; height: 53px; border-radius: 50%;
        background: url('/src/img/header/menu2.svg') no-repeat center;
    }
    .header-content {margin-top: 84px;}
    .header-icons {justify-content: space-between;}
    .header-icon {
        font-size: 20px;
        padding-left: 0;
        padding-right: 0;
        flex: 1 1 33%;
    }
    .header-icon:nth-child(1), .header-icon:nth-child(2), .header-icon:nth-child(3) {
        padding-right: 0;
        padding-top: 32px;
        margin-top: 0;
        background-position-x: center;
    }
    .header-icon:nth-child(1)::after {
        height: 66px;
        width: 144px;
        right: -77px;
        top: -38px;
    }
    .header-icon:nth-child(2)::after {
        height: 29px;
        width: 154px;
        right: -77px;
        top: -4px;
    }
    .header-text {margin-bottom: 175px;}
    footer {padding: 36px 0;}
    footer .container {flex-wrap: wrap;}
    .footer__block1 .h7 {
        max-width: 164px;
        margin-left: 21px;
    }
    .footer__logo {width: 60px;}
    .footer__block2 {
        justify-content: space-between;
        flex: 0 0 100%;
        margin-top: 30px;
    }
    .footer__links {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .footer__socials {
        gap: 12px;
        margin-left: 0px;
        margin-right: 40px;
    }
    .footer__block3 {
        flex-direction: row;
        margin-top: 26px;
    }
    .footer__block3__link + .footer__block3__link {margin-left: 26px;}
    #idea {padding: 55px 0;}
    .idea__blocks {
        gap: 20px;
        grid-template-areas:
            "a a"
            "b c";
        grid-template-columns: 1fr 1fr;
    }
    .idea__block {padding: 25px 12px 30px 20px;}
    .idea__block:nth-child(1) {grid-area: a;}
    .idea__result {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 48px;
    }
    .idea__text {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
    }
    .idea__block:nth-child(3) .idea__text {max-width: unset;}
    .idea__result-cases {margin-top: 24px;}
    #key .container {
        max-width: calc(100% - 70px);
        background-size: 698px;
        background-position-y: 175px;
    }
    #key .container:before {
        background-image: url('/src/img/block3/vecotr-tablet.svg');
        width: 477px;
        height: 357px;
        top: 48px;
        right: unset;
        left: 50%;
        transform: translateX(-125px);
    }
    .key-wrapper {
        max-width: 660px;
        padding-top: 130px;
        padding-bottom: 310px;
    }
    .key__text {max-width: 286px;}
    .key__bg1 {
        background-size: contain;
        height: 359px;
        width: 543px;
        left: -188px;
    }
    .key__bg1 .hero {
        width: 270px;
        right: 0;
        left: 170px;
    }
    .key__bg1:before {
        left: 40px;
        top: 90px;
    }
    .key__bg2 {
        background-size: contain;
        height: 360px;
        right: -460px;
    }
    .key__bg2 .hero {
        height: 333px;
        left: -15px;
    }
    .key__bg2:after {display: none;}
    .key__bg2:before {
        left: 183px;
        top: 82px;
        background-size: contain;
        width: 129px;
        height: 41px;
    }
    .key__plain {
        top: 45px;
        left: calc(50%);
        transform: translateX(calc(-50% - 150px));
    }
    #step1 {padding-top: 54px;}
    .step1__top-left {
        width: 240px;
        padding-left: 25px;
    }
    .step1__top-left .gradient {left: 25px;}
    .step1__top-left .gradient:after {
        height: 44px;
        margin-left: 8px;
    }
    #step1 .step1__top-left h2:not(.gradient) {text-indent: 46px;}
    .step1__top-right {padding: 20px 48px 20px 28px;}
    .step1-insta:nth-child(2) .step1-insta__title {
        padding-right: 200px;
        max-width: 825px;
    }
    .step1-insta {padding-top: 26px;}
    .step1-insta:nth-child(2):before {top: 10px; right: 10px;}
    .step1-insta:nth-child(2) .step1-insta__title:after {
        right: 83px;
        top: 48px;
    }
    .step1-insta:nth-child(2):after {
        right: -10px;
        top: 124px;
    }
    .step1-insta:nth-child(3) .step1-insta__title {
        padding-right: 160px;
        max-width: 872px;
    }
    .step1-insta:nth-child(3):before {
        right: -144px;
        top: calc(-100% + 158px);
    }
    .step1-insta:nth-child(3) .step1-insta__title:after {
        right: 35px;
        top: 80px;
        scale: 2.23;
    }
    .step1-insta:nth-child(3):after {right: -35px; top: 160px;}
    .slider-control.next {right: 0;}
    .slider-control.prev {left: 0;}
    .slider-control.next:before {left: -130px;}
    .slider-control.prev:before {right: -130px;}
    .step1-insta__block-text.h7 {
        font-size: 12px;
        line-height: 18px;
    }
    #tours {
        background-size: 1515px;
        padding-top: 144px;
    }
    .tours {margin-top: 44px;}
    .tour {grid-template-columns: auto 460px;}
    .tour-image {height: unset;}
    .tour-about__content {padding: 22px 0px 34px 30px;}
    .tour-about__info {
        flex: 0 0 184px;
        padding: 30px 17px 35px 24px;
    }
    .tout-about__content__info {flex-wrap: wrap-reverse;}
    .tour-about__info__barcode {
        transform: scaleX(0.66);
        margin-right: -74px;
        transform-origin: left;
    }
    .tour-about__content__text {
        max-width: 215px;
        max-height: unset;
        margin-bottom: 30px;
    }
    .tour-about__price {
        margin-left: 0px;
        font-size: 26px;
        line-height: 29px;
    }
    #tours .tour-about__btn {
        margin-top: 16px;
        width: 199px;
    }
    .tours__btn {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
    }
    .tours__btn-wrapper {margin-top: 38px;}
    #tours .tours__container-wrapper {padding-bottom: 40px;}
    #step2 {padding-top: 50px;}
    .step1__top-left h2:not(.gradient) {text-indent: 52px;}
    #step2 .step1__top-right {padding: 20px 20px 20px 25px;}
    .step2_travel {
        padding-top: 40px;
        padding-bottom: 64px;
        min-height: 434px;
        margin-right: -74px;
        background-size: 374px;
    }
    .step2_travel__title {
        font-size: 18px;
        line-height: 26px;
        max-width: 321px;
    }
    .step2_travel__text {
        font-size: 18px;
        line-height: 26px;
        max-width: 368px;
        margin-top: 20px;
    }
    .step2_travel__btn {
        font-size: 15px;
        line-height: 33px;
        padding: 16px 22px;
        margin-top: 37px;
    }
    .step2_travel__clouds > * {display: none;}
    .step2_travel__clouds {
        width: 200px;
        height: 223px;
        background: url('/src/img/block6/clouds.svg') no-repeat center;
        top: 93px;
        right: 123px;
    }
    .step2__ticket {
        transform: rotate(-35.65deg);
        width: 46px;
        top: 402px;
        left: 135px;
    }
    .step3-block {
        flex-direction: column;
        align-items: flex-start;
    }
    .step2-wrapper {
        padding-top: 55px;
        padding-bottom: 124px;
        background-size: 988px;
    }
    #step2 .step2-wrapper .step1__top-right {padding: 20px 25px 20px 30px;}
    #step2 > .container .step1__top-right {min-height: 208px;}
    .step3-block__left p {
        font-size: 18px;
        line-height: 26px;
    }
    .step3-block__left {max-width: 528px;}
    .step3-block__right {
        flex: 0 0 277px;
        padding: 35px 35px 24px;
        width: 100%;
        margin-top: 40px;
    }
    .step3-block__text {
        font-size: 18px;
        line-height: 26px;
    }
    .step3-block__btns span {
        font-size: 16px;
        line-height: 22px;
        max-width: 237px;
    }
    .step2_vector {
        background-image: url('/src/img/block6/vector-big-tablet.svg');
        width: 212px;
        height: 1263px;
        top: -60px;
        right: -74px;
    }
    #join {
        background-size: 1624px;
        background-position-y: calc(100% + 220px);
        background-position-x: 0%;
    }
    #join h2 {margin-bottom: 24px;}
    .join__wings {rotate: 11.62deg;}
    #join .container {padding-top: 200px;}
    .join__vector {
        width: 308px;
        transform: rotate(10deg);
        top: 47px;
        left: calc(50vw - 768px / 2);
    }
    .join__wings {
        rotate: 11.62deg;
        transform: translateX(-29%);
        top: 60px;
    }
    .join__photo1 {
        transform: scale(0.63);
        top: -70px;
        left: calc(50vw - 768px / 2 - 170px);
    }
    .join__photo2 {
        transform: scale(0.86);
        top: -8px;
        right: calc(50vw - 768px / 2 - 8px);
    }
    .join__photo3 {
        bottom: -36px;
        left: calc(50vw - 768px / 2 - 175px);
        transform: scale(0.49);
    }
    .join__photo4 {
        transform: scale(0.472);
        bottom: -100px;
        right: calc(50vw - 768px / 2 - 260px);
    }
    .join__btn {
        padding: 21px 0 20px;
        font-size: 20px;
    }
    #join .join__btn {
        width: 263px;
    }
    #join .h5 {max-width: 283px; margin-top: 8px;}
    .join__motiv::after {
        transform: rotate(2.32deg) scale(0.75);
        right: 10px;
        top: 34px;
    }
    #join .h4 {max-width: 520px;}
    #join .h4 + .h4 {max-width: 448px;}
    .menu_mobile-wrapper {
        transform: translateX(100%);
        position: fixed;
        top: 0;
        right: 0;
        width: 320px;
        height: 100%;
        transition: 0.3s;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 77px 10px 30px 30px;
    }
    body.menu-show .menu_mobile-wrapper {
        transform: translateX(0%);
    }
    .menu_mobile {
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }
    .menu_mobile__link {
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        opacity: 0.7;
        padding-top: 21px;
        padding-bottom: 13px;
        border-bottom: 1px solid #c4c4c433;
        color: black;
        text-decoration: none;
    }
    .header_mobile__phone {
        position: relative;
        color: black;
        text-decoration: none;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        padding-left: 32px;
        background: url('/src/img/header/menu_phone.svg') no-repeat left center;
    }
    #points .container {padding-top: 10px; padding-bottom: 56px;}
    #points h2 {margin-right: -60px;}
    #points .container:before {
        background-size: 359px;
        top: 0px;
        right: calc(100vw - 768px - 510px);
    }
    .points__every {
        max-width: 462px;
        padding-bottom: 20px;
        padding-top: 10px;
    }
    #points .container:after {
        transform: scale(0.8);
        top: 137px;
        right: calc(100vw - 768px + 86px);
    }
    .points__blocks > *:not(:first-child), .points__blocks-left > *:not(:first-child), .points__blocks-right > *:not(:first-child) {
        margin-left: 2px;
    }
    .points__block__tag {
        width: 18px;
        background-size: 18px;
    }
    .tag_result {
        width: 17px;
        background-size: 17px;
    }
    .points__block {
        font-size: 20px;
        line-height: 26px;
        height: 112px;
        width: calc(25vw - 53px);
        padding: 0 12px;
    }
    .points__block:nth-child(1) {padding: 0 28px;}
    #points .step1__top-left {
        width: 300px;
        padding-left: 71px;
        padding-top: 0px;
        background: url('/src/img/block9/coins.png') no-repeat 12px 6px/45px;
    }
    #points .step1__top-left .h6 {margin-top: 0;}
    #points .step1__top-right {padding: 10px 15px;}
    #points .step1__top-block {margin-top: 52px;}
    #points .h5, #earn .points__question .h5 {
        max-width: 240px;
        padding-top: 0px;
        margin-left: 80px;
    }
    #points .h5:before, #earn .points__question .h5:before {
        width: 56px;
        background-size: 56px;
        top: 37px;
        right: calc(100% + 12px);
    }
    section#how {overflow: visible;}
    #how .container {padding-top: 80px; padding-bottom: 48px;}
    #how .container:before {
        background-image: url('/src/img/block10/vector-tablet.svg');
        width: 424px;
        height: 132px;
        right: -74px;
        top: -50px;
    }
    #how .container:after {
        background-image: url('/src/img/block10/map-tablet.svg');
        width: 82px;
        height: 56px;
        right: 356px;
        top: 54px;
    }
    #how h2 {margin-right: -64px;}
    .how__cards {
        margin-top: 30px;
        gap: 30px;
        grid-template-columns: 1fr;
    }
    #how .join__btn {
        width: 351px;
    }
    .how__card {padding-bottom: 52px;}
    .how__card:after {
        right: 29px;
        bottom: 28px;
    }
    .how__card__ul {margin-bottom: 52px;}
    .how__form {
        flex-direction: column;
        max-width: 425px;
        margin-top: 20px;
    }
    .input-group {
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }
    .how__questions .tour-about__btn {width: 264px;}
    .how__questions .h7 {margin-top: 20px;}
    section .how__questions h3 {max-width: 468px;}
    .how__socials {
        top: 86px;
        right: unset;
        left: 480px;
    }
    section .how__questions {padding-left: 36px;}
    section .how__questions .h5 {max-width: 350px;}
    #earn .container {padding-top: 52px; padding-bottom: 52px;}
    #earn .h4 {
        font-size: 18px;
        line-height: 26px;
        max-width: 394px;
    }
    .earn__case {
        width: 161px;
        top: 130px;
        right: -6px;
    }
    .earn__money1 {
        width: 57px;
        top: 35px;
        right: -80px;
    }
    #earn .idea__blocks {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: unset;
    }
    #earn .idea__block:nth-child(1) {grid-area: unset;}
    #earn .idea__block:nth-child(3) .idea__text {min-width: unset;}
    #earn .idea__text {max-width: 160px;}
    .idea__block {padding: 24px 12px 14px 20px;}
    .idea__text {
        margin-top: 4px;
        font-size: 16px;
        line-height: 26px;
    }
    #earn .points__question .h5 {
        margin-right: -60px;
        max-width: 300px;
    }
    #earn .points__question {margin-top: 24px;}
    .earn__money2 {
        transform: rotate(51.64deg);
        bottom: 150px;
        right: -61px;
        width: 50px;
        height: auto;
    }
    #earn h2 {margin-bottom: 8px; max-width: 620px;}
    .earn__vector {
        width: 555px;
        height: auto;
        top: 50px;
        right: -405px;
        transform: scaleY(0.8) rotate(3deg);
    }
    #reports .container:after {
        transform: rotate(-10deg) scale(0.9);
        right: unset;
        top: 50px;
        left: 530px;
        z-index: 1;
    }
    #reports .container:before {
        right: unset;
        left: -780px;
    }
    #reports .step1-insta__wrapper {margin-top: 24px;}
    .reports__sticker-text {
        font-size: 14px;
        line-height: 20px;
        max-width: 67px;
    }
    .reports__sticker {
        background-size: 105px;
        width: 105px;
        height: 115px;
        padding-top: 28px;
        padding-left: 24px;
        transform: rotate(8deg);
        top: -10px;
        right: -12px;
    }
    #reports .container {padding-bottom: 50px;}
    .reports__block {
        width: 379px;
        flex: 0 0 379px;
    }
    #community .container {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .community__case {right: -74px;}
    .community__case:before, .community__case:after {display: none;}
    .community__case-img {width: 234px;}
    #community h2 {max-width: 430px;}
    #community h2.gradient {
        position: absolute;
        top: 112px;
        left: 100px;
    }
    .community__intro {max-width: 350px;}
    .community__ideas {
        gap: 20px;
        margin-top: 20px;
    }
    .video__sticker {
        width: 156px;
        height: 214px;
        background-image: url('/src/img/block14/sticker-tablet.svg');
        bottom: -19px;
        right: -3px;
    }
    .video__item:after {
        width: 118px;
        height: 118px;
        background-size: 118px;
    }
}
@media (min-width: 767px) and (max-width: 1023px) {
    .menu_togle {margin-left: 0;}
    .header__phone {align-self: start; line-height: 24px;}
    header button, header a.btn {width: 120px;}
    header button.login-btn, header a.btn.login-btn {width: 180px;}
    .social {
        gap: 8px;
        align-self: end;
        position: absolute;
        left: calc(100vw - 564px);
    }
    .social a {
        height: 29px;
        width: 29px;
        background-size: 29px;
    }
}
@media (max-width: 767px) {
    .join__btn {
        padding: 16px 0 15px;
        font-size: 16px;
    }
    .header__phone {display: none;}
    .how__questions .tour-about__btn {
        width: auto;
    }
    #how .join__btn {
        width: 194px;
    }
    .container {max-width: calc(100% - 60px);}
    header > .container {
        padding-top: 24px;
        padding-bottom: 16px;
    }
    .logo {width: 41px;}
    .social {gap: 4px;}
    .menu_togle, a.menu_mobile__close {
        height: 35px;
        width: 35px;
        background-size: 35px;
    }
    .social a {
        height: 28px;
        width: 28px;
        background-size: 28px;
    }
    .menu_togle {margin-left: 0;}
    a.menu_mobile__close {right: 13px; top: 13px;}
    header button, header a.btn {
        font-size: 8px;
        line-height: 8px;
        width: 56px;
        height: 28px;
    }
    header button.login-btn, header a.btn.login-btn {width: 100px;}
    header button i, header a.btn i {
        width: 8px;
        height: 14px;
        margin-right: 2px;
        background-size: 8px;
    }
    #how h2 {margin-right: 0;}
    #how .container:before {right: 0;}
    .menu_mobile-wrapper {padding-top: 47px; width: 266px;}
    .menu_mobile__link {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 16px;
    }
    .header-content {margin-top: 36px;}
    #main h1 {margin: 0 -10px;}
    .header-icons {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 0px;
    }
    .header-icon:nth-child(1), .header-icon:nth-child(2), .header-icon:nth-child(3) {
        background-size: 16px;
        padding-top: 13px;
        font-size: 10px;
    }
    .header-icon:nth-child(1)::after {
        height: 30px;
        width: 70px;
        right: -36px;
        top: -14px;
    }
    .header-icon:nth-child(2)::after {
        height: 15px;
        width: 70px;
        right: -37px;
        top: -2px;
    }
    #main > .container {padding-bottom: 24px;}
    .header-text {
        margin-bottom: 72px;
        margin-left: -4px;
        margin-right: -4px;
    }
    #idea {padding: 36px 0;}
    .idea__blocks {
        margin-top: 18px;
        grid-template-columns: 1fr;
        grid-template-areas: unset;
    }
    .idea__block:nth-child(1) {grid-area: unset;}
    .idea__text {
        font-size: 14px;
        line-height: 20px;
    }
    .idea__block {padding: 24px 20px 20px 20px;}
    .idea__mountain {
        width: calc(100vw + 59px);
        height: 386px;
        background-size: calc(100vw + 59px);
        background-position: top center;
        right: -53px;
        top: -8px;
    }
    .idea__result {margin-top: 28px;}
    .idea__result-case__title {
        font-size: 10px;
        line-height: 10px;
    }
    .idea__result-case__link {
        font-size: 10px;
        line-height: 14px;
        max-width: 70px;
    }
    .idea__result-case__body {margin-top: 10px;}
    .idea__result-case__play {
        width: 39px;
        height: 39px;
    }
    .idea__result-case__person, .idea__result-case__plus {
        width: 35px;
        height: 35px;
    }
    .idea__result-case {
        padding-top: 30px;
        padding-left: 12px;
        width: 152px;
        height: 109px;
        background-size: 152px;
    }
    .idea__result-case:nth-child(2) {margin-left: 12px;}
    .idea__result-case__person:nth-child(2) {width: 34px; margin-left: -8px;}
    .idea__result-case__plus {margin-left: -6px;}
    .key-wrapper {
        padding-top: 100px;
        padding-bottom: 242px;
    }
    .key__text {
        max-width: 210px;
        margin-top: 4px;
    }
    .key__bg1:before, .key__bg2:after {display: none;}
    .key__bg1 {
        background-size: contain;
        height: 232px;
        width: 345px;
        left: -170px;
    }
    .key__bg1 .hero {
        width: 160px;
        left: 162px;
    }
    .key__bg2 {
        height: 215px;
        right: -194px;
        width: 391px;
    }
    .key__bg2 .hero {
        height: 190px;
        left: 30px;
    }
    #key .container {
        max-width: calc(100% - 16px);
        background-size: 100%;
        background-position-y: 135px;
    }
    #key .container:before {
        background-image: url('/src/img/block3/vector-mobile.svg');
        width: 262px;
        height: 52px;
        left: unset;
        right: -8px;
        top: 22px;
        transform: none;
    }
    .key__plain {
        width: 80px;
        transform: none;
        left: unset;
        right: 230px;
        top: 15px;
    }
    #step1 {padding-top: 40px;}
    .step1__top-block {flex-direction: column; align-items: flex-start;}
    .step1__top-left {
        width: unset;
        padding-left: 20px;
        height: 65px;
        align-items: center;
    }
    .step1__top-left .gradient {
        line-height: 30px;
        position: initial;
    }
    .step1__top-left .gradient:after {
        height: 24px;
        margin-left: 6px;
    }
    #step1 .step1__top-left h2:not(.gradient) {
        text-indent: 6px;
        line-height: 30px;
    }
    .step1__top-right {
        padding: 20px;
        border-top: 1px solid #DDDDDD;
        border-left: none;
    }
    .step1-insta {padding-top: 40px; padding-bottom: 0;}
    .step1-insta__quotes {
        width: 40px;
        height: 27px;
        margin-bottom: 12px;
    }
    .step1-insta:nth-child(2) .step1-insta__title {padding-right: 0; margin-bottom: 14px;}
    .step1-insta:nth-child(2):after {
        right: -4px;
        top: 36px;
        background-size: 25px;
        width: 25px;
        height: 28px;
    }
    .step1-insta:nth-child(2):before {
        background-image: url('/src/img/block4/vector1-mobile.svg');
        width: 241px;
        height: 41px;
        top: 36px;
        right: 15px;
    }
    .step1-insta:nth-child(2) .step1-insta__title:after {
        right: 32px;
        top: 16px;
        width: 60px;
        height: 54px;
        background-size: 60px;
    }
    .step1-insta__block {
        width: 280px;
        height: 445px;
        flex: 0 0 280px;
        background-size: 300px;
    }
    .step1-insta__block-img {transform: translateY(29px);}
    .step1-insta__block-text.h7 {
        font-size: 9px;
        line-height: 12px;
        left: 12px;
        bottom: 10px;
    }
    .slider-control__inner {
        width: 38px;
        height: 38px;
    }
    .slider-control.next:before, .slider-control.prev:before {
        background-image: url('/src/img/block4/blur-mobile.svg');
        width: 91px;
        height: 483px;
    }
    .slider-control.next:before {left: -23px;}
    .slider-control.prev:before {right: -23px;}
    .step1-insta:nth-child(3):before {
        right: -123px;
        top: calc(-100% + 98px);
        width: 217px;
        height: 590px;
        background-size: contain;
        transform: rotate(3deg);
    }
    .step1-insta:nth-child(3) .step1-insta__title {padding-right: 5px;}
    .step1-insta:nth-child(3) .step1-insta__title:after {
        scale: 1;
        right: 5px;
        top: 18px;
    }
    .step1-insta:nth-child(3):after {display: none;}
    #step1 {padding-bottom: 10px;}
    #tours {
        background-size: 998px;
        padding-top: 82px;
        background-position-x: left;
    }
    .tours {
        margin-top: 20px;
        gap: 28px;
    }
    .tour {grid-template-columns: 1fr;}
    #tours .container {max-width: calc(100% - 40px);}
    .tour-image {
        width: calc(100vw - 40px);
        height: calc((100vw - 40px) / 32 * 15);
    }
    .tour-about {flex-direction: column;}
    .tour-about__content {padding: 24px 30px 30px 30px;}
    .tour-about__content__text {
        max-width: unset;
        margin-bottom: 24px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
    }
    #tours .tour-about__btn {
        margin-top: 24px;
        width: 100%;
    }
    .tour-about__btn .inner {font-size: 16px;}
    .tour-about__price {font-size: 28px;}
    .tour-about__content__places {padding-left: 8px;}
    .tour-about__info {
        padding: 24px 30px 36px 30px;
        flex-basis: 194px;
        background: url('/src/img/block5/line-mobile.svg') repeat-x top left;
    }
    .tour:hover .tour-about__info {
        background-image: url('/src/img/block5/line2-mobile.svg');
    }
    .tour-about__info__icons {
        gap: 16px 12px;
        grid-template-columns: auto 1fr;
        margin-right: -20px;
    }
    .tour-about__info__barcode {
        transform: scaleX(1.2);
        margin-right: 0;
    }
    #step2 {padding-top: 30px;}
    #step2 .step1__top-left h2:not(.gradient) {text-indent: 4px;}
    .step2_travel {
        padding-top: 20px;
        padding-bottom: 216px;
        min-height: unset;
        margin-right: 0;
        background-size: 267px;
        background-position-x: -7px;
    }
    .step2_travel__clouds {
        width: 102px;
        height: 97px;
        background-image: url('/src/img/block6/clouds-mobile.svg');
        bottom: 74px;
        right: unset;
        top: unset;
        left: 55px;
    }
    #step2 .step2_travel__btn {
        margin-top: 18px;
        font-size: 16px;
        line-height: 20px;
        padding-top: 0;
        padding-bottom: 0;
        height: 55px;
        align-items: center;
        display: flex;
        text-align: center;
    }
    .step2-wrapper {
        padding-top: 40px;
        padding-bottom: 90px;
        background-size: 830px;
    }
    .step3-block {margin-top: 20px;}
    .step3-block__title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 4px;
    }
    .step3-block__left p {
        font-size: 16px;
        line-height: 22px;
    }
    .step3-block__right {
        flex-basis: auto;
        padding: 24px 20px 20px;
        margin-top: 20px;
        background-size: 173px;
    }
    .step3-block__text {
        font-size: 16px;
        line-height: 22px;
        margin-top: 8px;
    }
    .step3-block__btns {
        flex-direction: column;
        align-items: flex-start;
    }
    .step3-block__btns span {
        font-size: 14px;
        line-height: 20px;
        margin-top: 14px;
        margin-left: 0;
        max-width: 193px;
    }
    .step2_vector {
        width: 77px;
        height: 322px;
        top: unset;
        bottom: 15px;
        right: -30px;
        background-image: url('/src/img/block6/vector-big-mobile.svg');
    }
    .step2__ticket {
        width: 46px;
        top: unset;
        left: 14px;
        bottom: 75px;
        transform: rotate(-32.65deg);
    }
    .step3-block__right {position: relative;}
    .step3-block__right:after {
        content: "";
        width: 113px;
        height: 480px;
        background: url('/src/img/block6/vector-mobile.svg') no-repeat center;
        position: absolute;
        bottom: 120px;
        right: -30px;
    }
    #join .container {
        padding-top: 40px;
        padding-bottom: 248px;
    }
    #join h2 {
        margin-bottom: 14px;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    #join .h4 + .h4 {margin-top: 20px;}
    .join__motiv {
        width: auto;
        margin-top: 24px;
    }
    #join .join__btn {
        width: 280px;
    }
    #join .h5 {margin-top: 12px;}
    .join__motiv::after {
        transform: none;
        width: 32px;
        height: 34px;
        background-image: url('/src/img/block8/line-mobile.svg');
        top: unset;
        bottom: 6px;
        right: 22px;
    }
    .join__wings {display: none;}
    .join__wings-mobile {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 164px;
    }
    .join__vector {
        top: unset;
        bottom: 100px;
        transform: none;
        left: calc(50vw - 360px / 2 + 66px);
        width: 158px;
    }
    .join__photo1 {
        transform: scale(0.3);
        top: -120px;
        left: calc(50vw - 360px / 2 - 153px);
    }
    .join__photo2 {
        transform: scale(0.55);
        top: -58px;
        right: calc(50vw - 360px / 2 - 100px);
        rotate: 63deg;
    }
    .join__photo3 {
        bottom: 106px;
        left: calc(50vw - 360px / 2 - 28px);
        transform: none;
        width: 103px;
    }
    .join__photo4 {
        transform: none;
        width: 128px;
        bottom: 103px;
        right: calc(50vw - 360px / 2 - 26px);
        rotate: -26deg;
    }
    #points .container {
        padding-top: 0px;
        padding-bottom: 36px;
    }
    #points h2 {
        margin-right: 0px;
        max-width: 230px;
    }
    .points__blocks, .points__blocks-right {flex-direction: column;}
    .points__block {
        font-size: 12px;
        line-height: 15px;
        height: 61px;
        width: calc((100vw - 90px) / 3);
        padding: 0 10px;
        border-radius: 10px;
    }
    .points__block:nth-child(1) {padding: 0 10px;}
    .points__block__tag {
        width: 11px;
        background-size: 11px;
    }
    .points__blocks-right {margin-left: 0 !important;}
    .points__block__tag.tag_result {
        width: 21px;
        background-size: 21px;
        height: 24px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .points__block.block_result {
        margin-left: 0;
        font-size: 16px;
        width: 140px;
    }
    #points .container:before {
        background-size: 359px;
        top: -90px;
        right: -446px;
        rotate: 300deg;
    }
    #points .container:after {
        transform: scale(0.66);
        top: 155px;
        right: -9px;
    }
    .points__every {max-width: 252px;}
    #points .step1__top-block {margin-top: 40px;}
    #points .step1__top-left {
        width: auto;
        padding-top: 20px;
        padding-bottom: 16px;
        height: auto;
    }
    #points .step1__top-left .h6 {margin-top: 5px;}
    #points .step1__top-left {
        width: auto;
        padding-top: 20px;
        padding-bottom: 16px;
        height: auto;
        background: url('/src/img/block9/coins.png') no-repeat 16px 20px/43px;
        align-items: flex-start;
    }
    #points .step1__top-right {padding: 20px 16px 16px 20px;}
    .points__question {margin-top: 28px; flex-direction: column;}
    #points .join__btn {width: 100%;}
    #points .h5, #earn .points__question .h5 {
        font-size: 14px;
        line-height: 20px;
        margin-left: 0px;
        margin-top: 10px;
        max-width: 310px;
        text-align: center;
    }
    #points .h5:before, #earn .points__question .h5:before {
        content: "";
        background-position: center;
        width: 32px;
        height: 34px;
        background-image: url(/src/img/block8/line-mobile.svg);
        top: unset;
        bottom: 18px;
        right: -8px;
        background-size: auto;
        transform: scale(0.75);
    }
    #how .container {
        padding-top: 32px;
        padding-bottom: 40px;
    }
    #how .container:before {
        width: 108px;
        height: 94px;
        background: url('/src/img/block10/vector-mobile.svg') no-repeat center;
        right: -30px;
        top: -36px;
    }
    .how__label {
        letter-spacing: 0.025em;
        font-size: 18px;
    }
    #how h2 {padding-top: 0; padding-bottom: 12px;}
    .how__cards {margin-top: 16px;}
    .how__card {padding: 24px 20px 32px 20px;}
    .how__card__title > h3::after {
        width: 42px;
        height: 21px;
        background-size: contain;
        left: calc(100% - 3px);
    }
    .how__card.gold .how__card__title > h3::after {
        width: 26px;
        height: 17px;
        background-size: contain;
        left: calc(100% - 3px);
    }
    .how__card__price {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .how__card__ul {
        margin-bottom: 20px;
        margin-top: 12px;
        font-size: 12px;
        line-height: 22px;
        margin-right: -15px;
    }
    .how__card:after {
        width: 62px;
        height: 46px;
        right: 12px;
        bottom: 33px;
    }
    .how__card.gold:after {height: 46px;}
    section .how__questions {padding: 24px 20px 16px 20px;}
    .how__form {margin-top: 16px;}
    .input-group {margin-bottom: 16px;}
    .modal .how__questions .tour-about__btn, .modal .input-group {width: 100%;}
    section .how__questions .tour-about__btn {width: calc(100% - 78px);}
    .how__questions .h7 {margin-top: 8px;}
    .how__socials {
        left: unset;
        right: 10px;
        top: unset;
        bottom: 47px;
    }
    .how__social {
        width: 34px;
        height: 34px;
        margin-left: 6px;
    }
    .how__socials:before {display: none;}
    #earn .container {
        padding-top: 24px;
        padding-bottom: 32px;
    }
    #earn h2 {
        margin-bottom: 12px;
        max-width: 220px;
    }
    #earn .h4 {
        font-size: 16px;
        line-height: 22px;
        max-width: 270px;
    }
    #earn .idea__blocks {
        margin-top: 24px;
        grid-template-columns: 1fr 1fr;
    }
    #earn .idea__block {padding: 20px 12px 8px 16px;}
    #earn .idea__number {
        font-size: 20px;
        line-height: 19px;
    }
    #earn .idea__text {
        font-size: 12px;
        line-height: 18px;
    }
    #earn .points__question .h5 {margin-right: 0;}
    #earn .points__question .h5:before {bottom: 38px;}
    #earn .points__question {margin-top: 36px;}
    .earn__case {
        width: 130px;
        top: unset;
        bottom: 202px;
        right: 14px;
    }
    .earn__vector {
        transform: scaleY(1.5) rotate(0deg);
        top: unset;
        bottom: -9px;
        right: -146px;
    }
    .earn__money1 {
        width: 37px;
        top: unset;
        right: -26px;
        bottom: 290px;
        height: 60px;
    }
    .earn__money2 {
        transform: rotate(0deg);
        bottom: 180px;
        right: 10px;
        width: 34px;
        height: auto;
    }
    .reports__block-img {height: 164px;}
    #reports .step1-insta__wrapper {margin-top: 16px;}
    .reports__block {
        width: 230px;
        flex-basis: 220px;
    }
    .reports__sticker {
        transform: rotate(34.5deg);
        width: 60px;
        height: 61px;
        background-size: 60px;
        top: -12px;
        right: -3px;
        padding-top: 18px;
        padding-left: 11px;
    }
    .reports__sticker-text {
        font-size: 8px;
        line-height: 12px;
        max-width: 40px;
    }
    .reports__block-link {
        margin-top: 12px;
        padding-left: 43px;
        height: 33px;
    }
    .reports__block-link:before {
        width: 33px;
        height: 33px;
        background-size: 33px;
    }
    #reports .slider-control {top: 80px;}
    #reports .container {padding-bottom: 44px; padding-top: 56px;}
    #community .container {
        padding-top: 24px;
        padding-bottom: 40px;
    }
    #community h2 {max-width: 180px;}
    #community h2.gradient {
        position: initial;
        max-width: 130px;
    }
    .community__case {right: 9px;}
    .community__case-img {width: 110px;}
    .community__intro {
        max-width: unset;
        margin-top: 8px;
    }
    .community__idea {
        align-items: flex-start;
        padding: 20px 20px;
        min-height: unset;
        border-radius: 10px;
    }
    .community__idea__number {
        font-size: 20px;
        width: 29px;
        height: 29px;
        line-height: 29px;
        margin-right: 10px;
    }
    .community__idea__text {
        font-size: 12px;
        line-height: 18px;
    }
    #video .container {
        padding-top: 32px;
        padding-bottom: 40px;
    }
    #video h2 {
        max-width: 250px;
        margin: 0 auto;
    }
    .video__item {margin-top: 20px;}
    .video__item:after {
        width: 59px;
        height: 59px;
        background-size: 59px;
    }
    .video__sticker {
        background-size: contain;
        width: 104px;
        height: 143px;
        transform: rotate(11deg);
        bottom: -28px;
        right: -3px;
    }
    #video .how__questions {margin-top: 28px;}
    footer {padding: 20px 0;}
    .footer__links {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .footer__logo {width: 46px;}
    .footer__block1 {order: 1;}
    .footer__block3 {
        order: 2;
        flex-direction: column;
        margin-top: 0px;
        max-width: 100px;
    }
    .footer__block1 .h7 {
        max-width: 110px;
        margin-left: 14px;
    }
    .footer__menu {column-count: 1; margin-bottom: 28px;}
    .footer__menu-item + .footer__menu-item {margin-top: 12px;}
    .footer__block2 {
        flex-direction: column;
        margin-top: 0px;
        align-items: flex-end;
        max-width: 200px;
        padding-bottom: 12px;
        margin-bottom: 28px;
    }
    .footer__socials {
        margin-top: 16px;
        margin-right: 0px;
    }
    #reports h2 {max-width: 200px;}
    #reports .container:after {
        transform: rotate(-23deg) scale(0.6);
        top: 44px;
        left: 220px;
    }
    #reports .container:before {
        right: unset;
        left: -1072px;
        top: 0px;
        transform: rotate(3deg);
    }
    .modal__body {
        padding: 40px 30px 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .modal__close {
        width: 24px;
        height: 25px;
        background-size: contain;
    }
    #join .h4 i {
        width: 22px;
        height: 22px;
        margin-bottom: 0;
    }
}
@media (min-width: 1921px) {
    .slider-control {right: calc(1920px / 2 - 100vw / 2 - 85px);}
    .slider-control.prev {left: calc(1920px / 2 - 100vw / 2 - 85px);}
    #tours, .step2-wrapper {background-size: 100%;}
    #join {
        background-size: 100%;
        background-position-y: calc(100% + 340px);
    }
}

/* ABOUT */
.about #main:before, .about #main > .container:before, .about #main > .container:after {content: none;}
.about #main > .container {padding-bottom: 88px; padding-top: 44px;}
.about .header-content {margin-top: 0; text-align: left;}
.about .header-content h3 {
    display: flex;
    align-items: end;
}
.about .header-content h3:before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    background: url('/src/img/about/header/hand.png') no-repeat center, #F3F3F3;
}
.about .header-content h1 {max-width: 750px;}
.about .header-content > .h4 {margin-top: 16px;}
.main__about {
    background: linear-gradient(180deg, #FFFFFF 48.44%, #E9E9E9 100%);
    border: 1px solid #EDEDED;
    border-radius: 20px;
    width: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding: 13px 40px;
}
.main__about__text {color: black; padding-right: 20px;}
.main__about__btn {
    font-size: 15px;
    line-height: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 50%;
    box-shadow: inset 0px 3.57143px 3.57143px rgba(0, 0, 0, 0.25);
    background: linear-gradient(90deg, #EF942F 0%, #AC3A86 98%);
}
.main__about__btn:hover:before {border-radius: 50%; box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25)}
.main__img {
    width: 524px;
    height: 676px;
    background-image: url('/src/img/about/header/photo.png');
    position: absolute;
    top: 35px;
    right: -35px;
    background-size: 524px;
}
.main__text {
    width: 173px;
    height: 132px;
    background-image: url('/src/img/about/header/text.png');
    position: absolute;
    bottom: 22px;
    right: 88px;
    background-size: 175px;
}
#here {
    background: url('/src/img/about/block1/vector.svg') calc(50% - 12px) -12px no-repeat;
}
#here .container {position: relative;}
#here .container:after {
    content: "";
    pointer-events: none;
    width: 675px;
    height: 830px;
    background: url('/src/img/about/block1/photo.png') center no-repeat;
    position: absolute;
    top: -125px;
    left: -79px;
    background-size: 675px;
}
.here__block {
    max-width: 665px;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 49px;
    position: relative;
}
.here__block:after {
    position: absolute;
    content: "";
    width: 265px;
    height: 309px;
    background: url('/src/img/about/block1/here.png') no-repeat right bottom;
    bottom: 0;
    right: 0;
    pointer-events: none;
}
.here__title {
    max-width: 602px;
}
.here__title .gradient {
    background: linear-gradient(-90deg, #F2982B 0%, #B24180 100.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.here__text {
    max-width: 378px;
    margin-top: 20px;
}
#club {
    background: url('/src/img/about/block2/mode.svg') no-repeat center 105px, #F9F9F9;
    overflow: visible;
    padding-bottom: 80px;
}
#club > .container {
    position: relative;
    padding-top: 95px;
}
#club > .container:after {
    content: "";
    position: absolute;
    top: -135px;
    right: -63px;
    background: url('/src/img/about/block2/vector.svg') no-repeat center;
    width: 324px;
    height: 851px;
}
#club h2 {text-align: center;}
#club span.gradient {
    background: linear-gradient(-90deg, #F2982B 0%, #B24180 100.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: block;
}
.club__blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 45px;
}
.club__block {
    padding: 42px 44px 33px 60px;
}
.club__block_img {
    background: url('/src/img/about/block2/club.jpg') no-repeat center;
    background-size: cover;
    border-radius: 10px;
    background-size: 560px;
    position: relative;
    cursor: pointer;
}
.club__block_img:after {
    content: "";
    width: 176px;
    height: 175px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(/src/img/block14/play.svg) no-repeat center;
    transition: var(--transition);
    transform-origin: top left;
}
.club__block_img:hover:after {
    scale: 1.14;
}
.club__block_gradient {
    border: 1px solid #EDEDED;
    border-radius: 20px;
    background: url('/src/img/about/block2/objects.svg') 26px calc(100% - 68px) no-repeat,
        url('/src/img/about/block2/here.png') center calc(100% - 39px) no-repeat,
        linear-gradient(180deg, #FFFFFF 48.44%, #E9E9E9 100%);
}
.club__block__text {
    padding-top: 17px;
    padding-bottom: 193px;
}
.club__slider-overflow {overflow: hidden; margin-top: 40px;}
.club__slider {
    position: relative;
    overflow: visible;
}
.club__slider__wrapper {
}
.club__slide {
    width: 320px;
    height: 400px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
.club__slider .slider-control.next:before, .club__slider .slider-control.prev:before {
    background-image: url(/src/img/about/block2/blur.svg);
}
#with {
    overflow: visible;
    padding-bottom: 80px;
}
#with > .container {position: relative; padding-top: 67px;}
#with > .container:before, #with > .container:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}
#with > .container:before {
    background-image: url(/src/img/about/block3/vector.svg);
    width: 337px;
    height: 282px;
    top: -92px;
    right: 53px;
}
#with > .container:after {
    background-image: url(/src/img/about/block3/case.png);
    width: 159px;
    height: 137px;
    right: 185px;
    top: 81px;
}
#with > .container .h4 {
    margin-top: 13px;
    max-width: 592px;
}
#with .club__slider-overflow {margin-top: 45px;}
.with__slider {
    position: relative;
    overflow: visible;
}
.with__slide {
    background: #F9F9F9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    width: 320px;
    height: 229px;
    padding: 13px 12px 24px 30px;
}
.with__photo {
    width: 101px;
    height: 101px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
}
.with__photo:not(.smile) {background-size: cover;}
.smile {background-color: #FFFFFF;}
.with__title {
    font-family: 'Steelfish';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 54px;
    margin-top: 2px;
    text-transform: uppercase;
}
.with__btn {
    background: linear-gradient(180deg, #AC3A86 0%, #EF942F 98%);
    border-radius: 2.32727px;
    font-size: 8.14545px;
    line-height: 13px;
    width: 93px;
    height: 32px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 23px;
    right: 20px;
}
.with__btn:hover:before {
    border-radius: 2.32727px;
    border-width: 1px;
}
.with__lang {
    position: absolute;
    top: 23px;
    right: 20px;
    color: #828282;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: left center;
}
.flag_ru {
    background-image: url('/src/img/about/block3/flag.svg');
}
#awards {
    background: #F9F9F9;
    padding-top: 80px;
    padding-bottom: 99px;
}
#awards .container {position: relative;}
#awards .container::before {
    content: "";
    position: absolute;
    left: -165px;
    top: 78px;
    width: 1705px;
    height: 1100px;
    background: url('/src/img/about/block4/vector.svg') no-repeat center;
    pointer-events: none;
}
#awards h2 {max-width: 832px; text-align: center; margin: 0 auto;}
#awards .gradient {
    background: linear-gradient(-90deg, #F2982B 0%, #B24180 100.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.awards__grid {
    margin-top: 47px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.awards__block {
    padding: 50px 43px 40px;
    background: linear-gradient(180deg, #FFFFFF 48.44%, #E9E9E9 100%);
    border: 1px solid #EDEDED;
    border-radius: 20px;
}
.awards__block:last-child {padding-bottom: 52px;}
.awards__block__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    max-width: 366px;
    margin-bottom: 20px;
}
.awards__block:last-child .awards__block__title {max-width: 465px;}
.awards__block .h5 {max-width: 451px;}
.awards__block:last-child h5 {max-width: 462px;}
.relative {position: relative;}
#awards .relative:nth-child(2):before {
    content: "";
    position: absolute;
    width: 675px;
    height: 688px;
    background: url('/src/img/about/block4/sertif.png') no-repeat center;
    right: -57px;
    top: -94px;
}
#awards .relative:nth-child(2)::after {
    content: "";
    position: absolute;
    background: url('/src/img/about/block4/decor1.svg') no-repeat center;
    width: 151px;
    height: 131px;
    top: -75px;
    right: -12px;
}
#awards .relative:nth-child(3):before {
    content: "";
    position: absolute;
    width: 628px;
    height: 713px;
    background: url('/src/img/about/block4/acs.png') no-repeat center;
    left: -60px;
    top: -28px;
    z-index: 1;
}
#awards .relative:nth-child(3)::after {
    content: "";
    position: absolute;
    background: url('/src/img/about/block4/decor2.svg') no-repeat center;
    width: 147px;
    height: 150px;
    top: 50px;
    left: -10px;
    z-index: 1;
}
#why {
    overflow: visible;
    padding-bottom: 80px;
}
#why .container {position: relative; padding-top: 86px;}
#why .container:before {
    content: "";
    position: absolute;
    top: -106px;
    right: 36px;
    width: 804px;
    height: 441px;
    background: url('/src/img/about/block5/vector.svg') no-repeat center;
    pointer-events: none;
}
#why .container:after {
    content: "";
    position: absolute;
    top: 63px;
    right: 72px;
    width: 117px;
    height: 169px;
    background: url('/src/img/about/block5/decor.svg') no-repeat center;
    pointer-events: none;
}
.why__title {text-align: center;}
.why__title .h4 {max-width: 604px; margin: 12px auto 0;}
.why__block {
    margin-top: 32px;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    padding: 40px 60px 16px;
    background: url(/src/img/about/block5/photo.png) no-repeat right top;
    position: relative;
    z-index: 1;
}
.why__block__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    max-width: 651px;
    margin-bottom: 10px;
}
.why__block .why__block__title + .h5 {
    max-width: 566px;
}
#why .join__motiv {
    margin: 25px 0 0;
    align-items: flex-start;
    width: 323px;
}
#why .join__motiv:after {
    transform: rotate(27.03deg);
    right: 6px;
    top: 60px;
}
#why .join__motiv .h5 {
    color: #8F8F8F;
    margin-top: 20px;
}
#why .outline_btn:hover:before {
    background-color: white;
}
#team {
    overflow: visible;
    padding-bottom: 93px;
    background: #F9F9F9;
}
#team .container {
    padding-top: 90px;
    position: relative;
}
#team .container:before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -124px;
    left: -75px;
    background: url('/src/img/about/block6/vector.svg') no-repeat center;
    width: 734px;
    height: 362px;
}
#team .container:after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0px;
    left: 0px;
    background: url('/src/img/about/block6/bike.svg') no-repeat center;
    width: 125px;
    height: 113px;
    transform: matrix(-0.9, 0.43, 0.43, 0.9, 0, 0) rotate(30deg);
}
#team h2 {text-align: center;}
.team__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 43px;
    gap: 40px;
    position: relative;
}
.team__block {
    padding: 17px 25px 38px 46px;
    background: linear-gradient(180deg, #FFFFFF 48.44%, #E9E9E9 100%);
    border: 1px solid #EDEDED;
    border-radius: 20px;
}
.team__block-top {
    display: flex;
    align-items: center;
    padding-bottom: 14px;
    margin-bottom: 24px;
    border-bottom: 1px solid #DBDBDB;
}
.team__block-photo {
    width: 195px;
    height: 211px;
    background-position: center;
    background-repeat: no-repeat;
    flex: 0 0 195px;
    margin-right: 24px;
}
.team__block-about {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.team__block-about .h6 {
    margin-top: 1px;
    color: #848484;
}
.team__block-socials {
    display: flex;
    margin-top: 12px;
}
.team__block-social {
    width: 47px;
    height: 47px;
    margin-right: 12px;
    border-radius: 50%;
}
.team__block-social.vk {
    background: url('/src/img/about/block6/vk.svg') no-repeat center;
}
.team__block-social.insta {
    width: 48px;
    background: url('/src/img/about/block6/inst.svg') no-repeat center;
}
#contact {text-align: center; padding-top: 2px; padding-bottom: 40px;}
#contact .how__questions .h7 {margin-top: 16px;}
#contact .how__questions {padding-bottom: 28px;}
.here__block:after {
    transform: translateY(calc(100% - 100% * var(--i)));
    opacity: calc(1 * var(--i));
    will-change: transform;
}
#here .container:after {
    transform: rotate(calc(7.6deg * var(--i)));
}
#with > .container:after {
    transform: rotate(calc(-21.63deg * var(--i)));
}
#awards .relative:nth-child(2)::after {
    transform: rotate(calc(103.77deg * var(--i)));
}
#awards .relative:nth-child(3)::after {
    transform: translate(calc(10px * var(--i)),calc(40px * var(--i)));
}
#why .container:after {
    transform: rotate(calc(21.68deg * var(--i)));
}
/*  transform: matrix(-0.9, 0.43, 0.43, 0.9, 0, 0);  -0.9 + 0.81 */
#team .container:after {
    transform: matrix(calc(-0.9 + 0.81 * var(--i)), calc(0.43 + 0.57 * var(--i)), calc(0.43 + 0.57 * var(--i)), calc(0.9 - 0.81 * var(--i)), 0, 0) rotate(30deg) translate(calc(40px * var(--i)), calc(-160px * var(--i)));
}
@media (max-width: 1199px) {
    .about .header-content h1 {
        max-width: 430px;
        margin-top: 10px;
    }
    .about .header-content h3:before {
        width: 42px;
        height: 42px;
    }
    .about .header-content > .h4 {margin-top: 11px; max-width: 300px;}
    .main__about {
        width: 400px;
        margin-top: 37px;
        padding: 13px 34px;
    }
    .main__about__btn {
        font-size: 13px;
        width: 79px;
        height: 79px;
        min-width: 79px;
    }
    .about #main > .container {padding-top: 38px;}
    .main__img {
        width: calc(524px * 0.75);
        right: -56px;
        height: calc(676px * 0.75);
        background-size: contain;
        top: 28px;
    }
    .main__text {
        bottom: 0px;
        right: 38px;
    }
    .here__block {
        margin-left: 0;
        max-width: 468px;
        padding-top: 76px;
        padding-bottom: 226px;
    }
    .here__block:after {
        background-size: 225px;
        background-position-y: calc(100% + 44px);
        width: 225px;
        left: 200px;
    }
    .here__text {
        max-width: unset;
        margin-top: 10px;
    }
    #here .container:after {
        background-size: 330px;
        width: 330px;
        height: 406px;
        top: -25px;
        left: 442px;
    }
    #here {
        background: url(/src/img/about/block1/vector-tablet.svg) 78px 4px no-repeat;
    }
    #club {
        background-size: 100vw;
        background-position-y: 630px;
    }
    #club > .container {padding-top: 60px;}
    #club > .container:after {
        width: 235px;
        height: 618px;
        top: 0px;
        right: unset;
        background-size: 235px;
        left: -68px;
    }
    #club h2 {
        max-width: 657px;
        margin: 0 auto;
    }
    #club span.gradient {display: inline;}
    .club__blocks {
        gap: 20px;
        margin-top: 58px;
        position: relative;
        z-index: 1;
        padding-bottom: 51%;
    }
    .club__blocks:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
        aspect-ratio: 560 / 286;
        bottom: 0;
        background: url(/src/img/about/block2/objects.svg) 37% calc(100% - 50px) / 85% no-repeat, url(/src/img/about/block2/here.png) center 100% / 100% no-repeat;
    }
    .club__block_gradient {
        background: linear-gradient(180deg, #FFFFFF 48.44%, #E9E9E9 100%);
        padding: 29px 21px 44px 25px;
    }
    .club__block_gradient .h6 {
        position: absolute;
        bottom: 11px;
        left: 50%;
        transform: translateX(-50%);
    }
    .club__block__text {
        padding-top: 11px;
        padding-bottom: 100px;
    }
    #with > .container {padding-top: 65px;}
    #with > .container .h4 {
        margin-top: 11px;
        max-width: 450px;
    }
    #with > .container .h4 {
        margin-top: 11px;
        max-width: 450px;
    }
    #with > .container:after {
        background-size: 85px;
        width: 85px;
        height: 78px;
        right: 155px;
        top: 134px;
    }
    #with .club__slider-overflow {
        margin-top: 30px;
    }
    #awards {
        padding-top: 70px;
        padding-bottom: 64px;
    }
    .awards__grid {
        grid-template-columns: 1fr;
        gap: 0px;
        position: relative;
    }
    .awards__block:last-child {margin-top: 399px;}
    .awards__block {padding: 40px 58px 44px 25px;}
    .awards__block:last-child {
        padding-bottom: 33px;
        padding-right: 36px;
    }
    .awards__block__title {
        font-size: 18px;
        line-height: 26px;
        max-width: unset;
        margin-bottom: 9px;
    }
    .awards__block .h5 {max-width: unset;}
    #awards .relative:nth-child(2):before {
        width: 409px;
        height: 417px;
        background-size: 409px;
        right: unset;
        top: -14px;
        left: -58px;
    }
    #awards .relative:nth-child(3):before {
        width: 297px;
        height: 338px;
        left: unset;
        top: 45px;
        right: 9px;
        background-size: 297px;
    }
    #awards .relative:nth-child(2)::after {
        width: 81px;
        height: 71px;
        background-size: 81px;
        top: -355px;
        right: 19px;
    }
    #awards .relative:nth-child(3)::after {
        width: 73px;
        height: 75px;
        background-size: 73px;
        top: 370px;
        left: unset;
        right: 16px;
    }
    #awards .container::before {
        width: 1002px;
        height: 647px;
        background-size: 1002px;
        left: -167px;
        top: 78px;
    }
    #why .container:before {
        top: -65px;
        right: 20px;
        width: 429px;
        height: 236px;
        background-size: 429px;
    }
    #why .container:after {
        width: 85px;
        height: 123px;
        background-size: 85px;
        top: 87px;
        right: -36px;
    }
    .why__block {
        margin-top: 36px;
        padding: 42px 24px 14px;
        background-size: 819px;
        background-position-x: 55px;
    }
    .why__block__title {
        font-size: 18px;
        line-height: 26px;
        max-width: 271px;
    }
    .why__block .why__block__title + .h5 {
        max-width: 327px;
    }
    #team {padding-bottom: 85px;}
    #team .container {padding-top: 70px;}
    .team__grid {
        margin-top: 38px;
        gap: 20px;
    }
    #team .container:before {
        top: -248px;
        left: -50px;
    }
    #team .container:after {
        width: 104px;
        height: 94px;
        background-size: 104px;
        top: 50px;
        left: 65px;
    }
    .team__block {padding: 30px 25px;}
    .team__block-top {
        flex-direction: row-reverse;
        padding-bottom: 24px;
        margin-bottom: 16px;
        justify-content: start;
        position: relative;
    }
    .team__block-about h3 {max-width: 130px;}
    .team__block-about .h6 {margin-top: 8px;}
    .team__block-socials {margin-top: 32px;}
    .team__block-social {
        width: 36px;
        height: 36px;
        margin-right: 9px;
    }
    .team__block-social.insta {
        width: 36px;
        background-size: 36px;
    }
    .team__block-social.vk {background-size: 36px;}
    .team__block-photo {
        transform: rotate(15.06deg);
        margin-right: 0;
        position: absolute;
        width: 130px;
        height: 141px;
        right: -16px;
        top: -10px;
        background-size: 130px;
    }
    #contact {
        text-align: left;
        padding-top: 20px;
        padding-bottom: 60px;
    }
    .club__block_img:after {
        width: 118px;
        height: 118px;
        background-size: 118px;
    }
}
@media (max-width: 1023px) {
    .main__img {
        width: calc(524px * 0.5347);
        height: calc(676px * 0.5347);
    }
    .main__text {
        bottom: 2px;
        right: 12px;
    }
    #here {background-position-x: 72px;}
    #club > .container:after {left: -73px;}
    .club__block__text {padding-bottom: 0px;}
    .club__block_gradient .h6 {white-space: nowrap;}
    .club__blocks:after {
        background: url(/src/img/about/block2/objects.svg) 37% calc(100% - 40px) / 85% no-repeat, url(/src/img/about/block2/here.png) center 100% / 100% no-repeat;
    }
    #club {background-position-y: 600px;}
    #with > .container:before {
        right: -70px;
        top: -140px;
    }
    #with > .container:after {right: -20px;}
    .team__block-photo {
        width: 117px;
        height: 127px;
        right: -19px;
        top: 0px;
        background-size: 117px;
    }
    section .how__questions h3 {max-width: 330px;}
    section .how__questions .h5 {
        max-width: 210px;
        margin-top: 6px;
    }
    #awards .relative:nth-child(2)::after {top: -380px;}
    #awards .container::before {top: 125px;}
    .why__block {background-position-x: 35px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    #here .container {
        margin-right: 0;
        max-width: calc(100% - 74px);
    }
}
@media (max-width: 767px) {
    #team .container:before {
        background-image: url('/src/img/about/block6/vector-mobile.svg');
        width: 168px;
        height: 105px;
        top: -58px;
        left: -13px;
    }
    .team__grid {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 23px;
        margin-left: -20px;
        margin-right: -20px;
    }
    #team .container {padding-top: 48px;}
    #team .container:after {
        width: 66px;
        height: 60px;
        background-size: 66px;
        top: 34px;
        left: -15px;
        transform: rotate(16.19deg);
    }
    .main__img {
        width: calc(524px * 0.2938);
        height: calc(676px * 0.2938);
        top: 0px;
        right: -8px;
        transform: rotate(-6.53deg);
    }
    .main__text {
        bottom: -44px;
        right: -21px;
        width: 115px;
        height: 88px;
        background-size: 115px;
        transform: rotate(6.53deg);
    }
    .about #main > .container {
        padding-top: 28px;
        padding-bottom: 60px;
    }
    .about .header-content h3 {align-items: center;}
    .about .header-content h3:before {
        width: 32px;
        height: 32px;
        background-size: 18px;
    }
    .about #main h1 {margin: 10px 0 0; max-width: 232px;}
    .about .header-content > .h4 {
        margin-top: 13px;
        max-width: 250px;
    }
    .main__about {
        width: 300px;
        margin-top: 28px;
        padding: 8px 4px 8px 16px;
    }
    .main__about__btn {
        font-size: 10px;
        width: 64px;
        height: 65px;
        min-width: 64px;
    }
    .main__about__text {padding-right: 0;}
    .here__block {
        padding-top: 40px;
        padding-bottom: 187px;
        background-size: 157px;
        background-position-x: 3px;
        background-position-y: calc(100% + 17px);
        max-width: 266px;
    }
    .here__block:after {
        background-size: 157px;
        background-position-y: calc(100% + 17px);
        width: 157px;
        left: 3px;
    }
    .here__text {margin-top: 16px;}
    #here {
        background: url(/src/img/about/block1/vector-mobile.svg) right calc(100% - 30px) no-repeat;
        position: relative;
        overflow: visible;
    }
    #here .container {
        background: none;
    }
    #here .container:after {content: none;}
    #here:after {
        content: "";
        position: absolute;
        left: 185px;
        bottom: -48px;
        width: 175px;
        height: 247px;
        background: url(/src/img/about/block1/photo-mobile.png) center no-repeat;
    }
    #club {
        padding-bottom: 60px;
        background-position-y: 72px;
    }
    #club > .container {
        max-width: 100%;
    }
    #club > .container:after {
        background: url(/src/img/about/block2/vector-mobile.svg) center no-repeat;
        left: 0;
        top: 0;
        width: 199px;
        height: 192px;
    }
    #club h2 {max-width: 334px;}
    .club__blocks {
        gap: unset;
        margin-top: 30px;
        display: flex;
        flex-direction: column-reverse;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 0;
    }
    .club__block_gradient {
        padding: 35px 52px 204px 20px;
        position: relative;
    }
    .club__block_gradient .h6 {
        white-space: normal;
        width: 205px;
        text-align: center;
        bottom: 36px;
    }
    .club__blocks:after {
        background: url(/src/img/about/block2/objects.svg) 37% calc(100% - 20px) / 85% no-repeat, url(/src/img/about/block2/here.png) center 100% / 100% no-repeat;
        width: calc(100% - 60px);
        bottom: unset;
        top: 195px;
    }
    .club__block_img {
        width: 100%;
        aspect-ratio: 30 / 23;
        margin-top: 30px;
    }
    .club__slider-overflow {margin-top: 30px;}
    .club__slide {
        width: 240px;
        height: 300px;
    }
    #with {padding-bottom: 64px;}
    #with > .container {padding-top: 64px;}
    #with > .container:before {
        background-size: 142px;
        width: 142px;
        height: 119px;
        top: -64px;
        right: 8px;
    }
    #with h2 {max-width: 205px;}
    #with > .container:after {
        background-size: 92px;
        width: 92px;
        height: 80px;
        right: 2px;
        top: 40px;
    }
    #with .club__slider-overflow {margin-top: 28px;}
    .with__slide {
        padding: 20px 20px 13px 20px;
        width: 240px;
        height: 166px;
    }
    .with__photo {
        width: 61px;
        height: 61px;
    }
    .smile {background-size: 33px;}
    .with__title {
        font-size: 18px;
        line-height: 46px;
        margin-top: 0px;
    }
    .with__btn {
        width: 93px;
        height: 22px;
    }
    #awards {
        padding-top: 52px;
        padding-bottom: 60px;
    }
    #awards .container {max-width: calc(100% - 20px);}
    .awards__grid {
        display: flex;
        flex-direction: column;
        margin-top: 0;
        padding-top: 290px;
    }
    .awards__grid .relative:nth-child(2) {
        position: absolute;
        top: 0;
    }
    #awards .relative:nth-child(2):before {
        width: 320px;
        height: 327px;
        background-size: 320px;
        top: -30px;
        left: 10px;
    }
    #awards .relative:nth-child(2)::after {
        top: 255px;
        right: unset;
        left: 240px;
    }
    #awards .container::before {
        background: url(/src/img/about/block4/vector-mobile.svg) no-repeat center;
        width: 337px;
        height: 217px;
        background-size: 337px;
        left: unset;
        right: -10px;
        top: 150px;
    }
    .awards__block {padding: 33px 28px 26px 20px;}
    .awards__block:last-child {
        padding-bottom: 32px;
        padding-right: 19px;
        padding-top: 30px;
        margin-top: 367px;
        position: relative;
    }
    .awards__block:last-child:before {
        content: "";
        position: absolute;
        background: url(/src/img/about/block4/vector2.svg) no-repeat center;
        width: 295px;
        height: 345px;
        top: -352px;
        left: -10px;
    }
    #awards .relative:nth-child(3):before {
        width: 282px;
        height: 320px;
        top: 32px;
        right: 50%;
        background-size: 282px;
        transform: translateX(50%);
    }
    #awards .relative:nth-child(3)::after {
        top: 326px;
        right: 21px;
    }
    #why {padding-bottom: 58px;}
    #why .container {padding-top: 64px;}
    .why__title {text-align: left;}
    .why__title .h4 {margin-top: 15px; margin-left: 0; max-width: 245px;}
    #why .container:after {
        width: 57px;
        height: 83px;
        background-size: 57px;
        top: 13px;
        right: unset;
        left: 223px;
    }
    #why .container:before {
        top: -60px;
        right: unset;
        left: 3px;
        width: 225px;
        height: 117px;
        background: url(/src/img/about/block5/vector-mobile.svg) no-repeat center;
    }
    .why__block {
        margin-top: 30px;
        padding: 30px 20px 328px;
        margin-left: -20px;
        margin-right: -20px;
        background-size: 429px;
        background-position-x: calc(100% + 10px);
        background-position-y: 100%;
    }
    .why__block__title {
        font-size: 16px;
        line-height: 22px;
    }
    #why .join__motiv {
        margin: 30px auto 0;
        align-items: center;
        width: 260px;
    }
    #why .join__motiv:after {
        transform: none;
        right: 4px;
        top: 70px;
    }
    #why .join__motiv .h5 {margin-top: 10px; text-align: center;}
    #why .join__btn {
        width: 100%;
    }
    #team {padding-bottom: 48px;}
    .team__block {padding: 30px 20px 16px;}
    .team__block-about .h6 {
        margin-top: 6px;
        max-width: 153px;
    }
    .team__block:nth-child(2) .team__block-about .h6 {max-width: 110px;}
    .team__block-socials {margin-top: 12px;}
    .team__block-top {
        padding-bottom: 36px;
        margin-bottom: 20px;
    }
    .team__block-social {
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }
    .team__block-social.vk {background-size: 28px;}
    .team__block-social.insta {
        width: 28px;
        background-size: 28px;
    }
    .team__block-photo {
        width: 138px;
        height: 150px;
        right: 0px;
        top: -15px;
        background-size: 138px;
        transform: rotate(0deg);
    }
    #contact {
        padding-top: 10px;
        padding-bottom: 40px;
    }
    .club__block_img:after {
        width: 59px;
        height: 59px;
        background-size: 59px;
    }
}
img.fire {width: 12px;}
.step1-insta__block-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    -o-object-fit: cover;
}
.video__modal .modal__body {
    padding: 60px 0px 45px;
    border: none;
}
#iframe {
    max-width: calc(100vw - 10px);
    width: 800px;
    height: 450px;
}
.policy {color: inherit;}
.reports__block-text {display: none;}
#reports {padding-bottom: 70px;}
.header-buttons {display: flex; align-items: center;}
.header-buttons > * + * {margin-left: 20px;}
@media (max-width: 767px) {
    .step1-insta__block-img {height: 350px;}
    .video__modal .modal__body {padding: 45px 0px 30px;}
    #iframe {height: 350px;}
    .header-buttons > * + * {margin-left: 10px;}
    .idea__result-case__play:after {width: 9px;}
}
@media (min-width: 1200px) {
    .tour-about__content > div:first-child {
        overflow: hidden;
        max-height: 190px;
    }
    .h7.long {line-height: 16px;}
}
@media (max-width: 1199px) {
    #reports {padding-bottom: 0px;}
}
.main__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.main__bg2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s;
    opacity: 0;
}
.main__bg2.visible {opacity: 1;}
.house__modal .h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 48px;
}