* {
    font-family: Inter, sans-serif;
    font-style: normal;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    position: relative;
    background-color: #f4eaf7
}

.header {
    background-color: #c342e3;
    height: 6.875vw;
    padding: 1.25vw 7.8125vw 2.3958333333vw 7.8125vw;
    color: #fff
}

.logo_link {
    color: white;
    text-decoration: none;
}

.footer_nav .logo_link {
    color: #454459;
}

.header_nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header_logo_title {
    text-shadow: 0vw .2083333333vw .2083333333vw rgba(0, 0, 0, .25)
}

.header_menu {
    margin-left: 7.8125vw;
    margin-right: 7.8125vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 4.53125vw
}

.header_menu_item {
    display: flex;
    align-content: center;
    justify-content: center
}

.header_menu_item .link {
    color: #fff
}

.header_btns {
    display: flex;
    justify-content: space-between;
    font-size: .8333333333vw;
    gap: calc(1vw * 10/19.2);
}

.header_btns .btn:not(:first-child) {
    margin-left: .2604166667vw
}

.header_btns .btn:not(:first-child) .link {
    color: #fff
}

.header #burger {
    width: 5.8974358974vw;
    height: 5.8974358974vw;
    display: none
}

.header .burger_container {
    display: flex;
    justify-content: flex-end
}

.header .menu-btn {
    width: 1.5625vw;
    height: 1.5625vw;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.header .menu-btn span {
    width: 7.6923076923vw;
    height: .8974358974vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    transition: all .5s
}

.header .menu-btn span:nth-of-type(2) {
    top: calc(50% - 1.5384615385vw)
}

.header .menu-btn span:nth-of-type(3) {
    top: calc(50% + 1.5384615385vw)
}

.header .menu-btn.active span:nth-of-type(1) {
    display: none
}

.header .menu-btn.active span:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, 0) rotate(45deg)
}

.header .menu-btn.active span:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, 0) rotate(-45deg)
}

.about_img {
    position: absolute;
    top: 33%;
    right: 10%;
    height: 26.0416666667vw
}

ul {
    margin: 0;
    list-style-type: none
}

.logo {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logo_title {
    font-weight: 700;
    font-size: calc(2vw);
    margin-left: .5208333333vw;
    white-space: nowrap
}

.logo img {
    height: calc(1vw * 50/19.2);
}

.container {
    width: 84.375vw;
    margin: 0 auto
}

.title {
    font-weight: 700;
    font-size: 2.6041666667vw;
    color: #111020
}

.link {
    font-weight: 500;
    font-size: .8854166667vw;
    text-decoration: none;
    cursor: pointer
}

.text {
    font-weight: 400;
    font-size: .9375vw;
    color: #111020;
    line-height: 1.3541666667vw
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1041666667vw solid #fff;
    border-radius: 1.5625vw;
    font-size: .6770833333vw;
    font-weight: 700;
    padding: 0 2.0833333333vw;
    height: 3.125vw;
    cursor: pointer;
    white-space: nowrap
}

.signup_img {
    margin-right: .5208333333vw
}

.btn_white {
    background: #fff;
    color: #111020
}

.btn_white img {
    height: 1.25vw
}

.btn_red {
    background: #da5049;
    border: #da5049;
    color: #fff
}

.btn_transparent {
    background: 0 0;
    color: #fff
}

.input {
    background: #fff;
    border-radius: 2.6041666667vw;
    height: 3.125vw;
    border: none;
    padding: 0 1.5625vw;
    margin-right: .5208333333vw;
    font-size: .9375vw
}

.promo {
    min-height: 40vw;
    background: url(../img/promo.jpg) center center/cover no-repeat;
    color: #fff;
    padding-top: 9.6354166667vw;
    position: relative
}

.promo_block {
    display: flex;
    position: relative;
    z-index: 5;
    flex-direction: column;
    align-items: flex-start;
    filter: drop-shadow(0 0 5.2083333333vw #111020)
}

.promo_title {
    font-weight: 700;
    font-size: 4.6875vw
}

.promo_subtitle {
    font-weight: 400;
    font-size: 1.25vw;
    margin-top: 1.5625vw
}

.promo_btn {
    padding: 0 2.6041666667vw;
    height: 3.6458333333vw;
    font-size: .9375vw
}

.promo .btn_white {
    position: absolute;
    z-index: 5;
    bottom: -5.7291666667vw
}

.promo_mask {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 13.4375vw;
    width: 100%;
    z-index: 1;
    background: url(../img/mask.png) center center/cover no-repeat
}

.about {
    min-height: 27.4479166667vw;
    padding: 2.1354166667vw 0
}

.about_container {
    display: flex
}

.about_text {
    width: 41.875vw;
    margin-right: 5.2083333333vw
}

.about .text {
    margin-top: .9895833333vw
}

.advantages {
    min-height: 30.5729166667vw;
    background-color: #f4eaf7;
    padding-top: 1.5625vw
}

.advantages_container {
    width: 93.75vw
}

.advantages_slider {
    margin-top: 2.6041666667vw
}

.advantages_slider_wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 1.5625vw;
    overflow: hidden;
    width: 100%
}

.advantages_slider_item {
    background-color: #fff;
    position: relative;
    border-radius: 3.125vw;
    padding: 2.0833333333vw;
    text-align: start
}

.advantages_slider_title {
    font-size: 1.25vw;
    font-weight: 700;
    margin-top: 2.6041666667vw
}

.advantages_slider_text {
    margin-top: .5208333333vw
}

.advantages_slider_nav {
    display: flex;
    justify-content: center;
    margin-top: 1.5625vw;
    gap: 2.0833333333vw
}

.advantages_slider_button {
    border: none;
    cursor: pointer
}

.advantages_slider_dots {
    display: flex;
    justify-content: space-between;
    gap: 2.0833333333vw
}

.advantages_slider_dot {
    width: .8333333333vw;
    height: .8333333333vw;
    border-radius: 100%;
    background-color: #d1c1d5;
    cursor: pointer
}

.advantages_slider_dot_active {
    background-color: #da5049
}

.paid {
    min-height: 17.2395833333vw;
    background-color: #f4eaf7
}

.paid_services {
    margin-top: 2.6041666667vw;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5.9375vw
}

.paid_services_item {
    height: 3.6458333333vw
}

.paid_services_item img {
    height: 3.2291666667vw
}

.form {
    background-color: rgba(0, 0, 0, 0);
    min-height: 17.7083333333vw;
    margin-bottom: 7.8125vw
}

.form .container {
    position: relative
}

.form_group {
    background-color: #ffa15e;
    width: 100%;
    top: 0;
    border-radius: 3.125vw;
    padding: 5.2083333333vw 4.6875vw;
    display: grid;
    grid-template-columns: 12.2916666667vw 1fr;
    gap: 2.6041666667vw
}

.form_container {
    width: 93.75vw
}

.form_title {
    color: #fff
}

.form_block {
    display: grid;
    grid-template-rows: repeat(2, 3.125vw);
    grid-row-gap: 1.0416666667vw;
    align-items: flex-start
}

.form_btns {
    display: grid;
    grid-column-gap: .5208333333vw;
    grid-template-columns: repeat(2, 7.8125vw)
}

.form_inputs {
    display: grid;
    grid-column-gap: .5208333333vw;
    grid-template-columns: repeat(2, 15.625vw) 1fr 7.8125vw
}

.background {
    background: url(../img/footer.jpg) center center/cover no-repeat;
    min-height: 29.6875vw;
    width: 100%;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0
}

.footer {
    min-height: 7.8125vw;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.footer_nav {
    display: grid;
    color: #454459;
    grid-template-columns: 13.8020833333vw 33.8541666667vw 1fr;
    grid-template-rows: 2.6041666667vw;
    grid-column-gap: 5.9375vw
}

.footer_menu {
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-column-gap: 2.6041666667vw;
    align-content: center
}

.footer_menu_item .link {
    color: #454459
}

.footer_socials {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-column-gap: 1.6666666667vw;
    align-content: center
}

.footer_socials_item {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer_socials_item .link {
    color: #454459;
    margin-left: .5729166667vw
}

.footer_socials_item img {
    height: 1.5625vw
}

.footer_info {
    margin-top: 3.125vw;
    color: #454459;
    font-weight: 400;
    display: flex;
    justify-content: space-between
}

.footer_info_name {
    font-size: .8333333333vw
}

.footer_info_terms .link {
    color: #454459;
    font-size: .8333333333vw;
    font-weight: 400
}

.terms {
    padding: 3.90625vw 0 5.8333333333vw 0
}

.terms h1 {
    font-size: 2.6041666667vw;
    color: #111020
}

.terms h2 {
    margin-top: 1.5625vw;
    font-size: .9375vw
}

.terms_text {
    margin-top: 1.5625vw
}

.terms_header {
    height: 5.2083333333vw
}
.footer_info_terms {
    display: flex;
}
.terms_header {
    height: calc(1vw * 120/19.2);
    display: flex;
    align-items: center;
    padding: 0;
}
@media only screen and (max-width: 1000px) {
    .header_btns .btn {
        font-size: 0.5rem;
    }
    .header_btns .btn_white img {
        height: calc(1vw * 35/19.2);
    }
}


/* @media only screen and (max-width:1800px) {
    .terms_header {
        padding: 25px
    }

    .terms_header .container {
        width: 84.375%
    }

    .terms .container {
        width: 84.375%
    }
} */

/* @media only screen and (max-width:600px) {
    .terms_header .header_logo_title {
        font-size: 20px
    }

    .terms_header .btn {
        height: 40px;
        padding: 0 20px;
        font-size: 10px
    }
} */

@media only screen and (max-width:600px) {
    .terms {
        min-height: calc(1vw * 800/600);
    }
    .terms .container p {
        font-size: 0.8em;
        line-height: 1.5em;
    }
    .terms .container h1 {
        font-size: 1.5em;
        line-height: 2em;
    }
    .terms .container h2 {
        font-size: 1em;
        line-height: 2em;
    }
    .btn {
        height: 3.5vw;
        border-radius: calc(1vw * 5);
    }
    .header_btns .btn, .header_btns .btn .link {
        font-size: calc(1vw * 1.5)
    }
    .background {
        height: 100vw;
        background-size: 150%;
        background-position: bottom;
    }
    .footer_info {
        align-items: center;
    }
    .footer_info_terms .link {
        margin-top: 0px;
    }
}

@media only screen and (max-width:360px) {
    .terms .container h1 {
        line-height: 1.3em;
    }
}