/* common */
body {
	background: #FFFFFF;
    color: #352B64;
}
.form__field {
    -webkit-appearance: none !important;
}
body, button, textarea, input {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
}
button, textarea, input {
    box-sizing: border-box;
    border: none;
    outline: none;
}
textarea, input {
    font-weight: 400;
}
button {
    font-weight: 700;
    cursor: pointer;
}
a {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
}
.container {
    max-width: 1194px;
}
.page-wrap {
    overflow: hidden;
}
.spacer_bottom,
.spacer_top,
.spacer {
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.spacer > * {
    -ms-flex-item-align: center;
    align-self: center;
}
.spacer_bottom > * {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.spacer_top > * {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.pos-center {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
}
.photo-max-size {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
}
.photo-full-size {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; top: 0;
    object-fit: cover;
    object-position: center;
}
.d-ib {
    display: inline-block;
}
.hidden {
    display: none !important;
}
.green-btn {
    display: inline-block;
    padding: 16px 43px 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(180deg, #12B48B 0%, #009A73 100%);
    box-shadow: 0 1px 0 #00765A;
    border-radius: 40px;
}
.green-btn:hover {
    background: #00765A;
    color: #FFFFFF;
}
.purple-btn {
    width: 100%;
    text-align: center;
    background: linear-gradient(180deg, #715DCE 0%, #5A4AA3 100%);
    box-shadow: 0 1px 0 #3D2C7D;
    border-radius: 40px;
    height: 50px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.purple-btn:hover {
    color: #FFFFFF;
    background: #3D2C7D;
}
h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 36px;
    line-height: 50px;
}
.menu-btn {
    display: none;
}

.offer-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
}

.offer-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}

.offer-modal__content {
    position: relative;
    width: calc(100% - 30px);
    max-width: 520px;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 30px 24px 24px;
    margin: 10vh auto 0;
    z-index: 1;
}

.offer-modal__close {
    position: absolute;
    top: 10px;
    right: 14px;
    background: transparent;
    color: #352B64;
    font-size: 30px;
    line-height: 1;
    border: 0;
    cursor: pointer;
}

.offer-modal__title {
    margin: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.25;
}

.offer-modal__form .form__label {
    margin-bottom: 12px;
}

.offer-modal__message {
    border-radius: 10px;
    padding: 10px 12px;
    margin: 4px 0 8px;
    font-size: 14px;
    line-height: 1.4;
}

.offer-modal__message_success {
    background: rgba(0, 154, 115, 0.12);
    color: #00765A;
}

.offer-modal__message_error {
    background: rgba(192, 57, 43, 0.12);
    color: #A5281C;
}

.offer-modal__form .form__btn {
    margin-top: 8px;
}

.site-progress-overlay {
    position: fixed;
    inset: 0;
    z-index: 10020;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-progress {
    display: block;
    width: 48px;
    height: 48px;
    position: relative;
    margin: 0;
}

.form-progress.is-visible {
    display: block;
}

.form-progress svg {
    width: 48px;
    height: 48px;
    transform: rotate(-90deg);
}

.form-progress__bg,
.form-progress__value {
    fill: none;
    stroke-width: 4;
}

.form-progress__bg {
    stroke: #d9d4f1;
}

.form-progress__value {
    stroke: #715DCE;
    stroke-linecap: round;
    stroke-dasharray: 125.66;
    stroke-dashoffset: 125.66;
    transition: stroke-dashoffset .18s linear;
}

.form-progress__text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #352B64;
}

.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    width: min(360px, calc(100% - 30px));
    z-index: 10001;
}

.toast {
    background: #352B64;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.35;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .25s ease, transform .25s ease;
}

.toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.toast_success {
    background: #009A73;
}

.toast_error {
    background: #C0392B;
}
/* end common */

/* icons */
.icon-advantage-1 {
    width: 53px;
    height: 49px;
}
.icon-advantage-2 {
    width: 49px;
    height: 50px;
}
.icon-advantage-3 {
    width: 56px;
    height: 54px;
}
.icon-advantage-4 {
    width: 37px;
    height: 44px;
}
.icon-advantage-bg {
    width: 104px;
    height: 104px;
}
.icon-arrow-down {
    width: 21px;
    height: 14px;
}
.icon-check {
    width: 38px;
    height: 38px;
}
.icon-field-name {
    width: 17px;
    height: 21px;
}
.icon-field-phone {
    width: 22px;
    height: 22px;
}
.icon-result-check {
    width: 104px;
    height: 104px;
}
.icon-social-1 {
    width: 27px;
    height: 16px;
}
.icon-social-2 {
    width: 29px;
    height: 20px;
}
.icon-social-3 {
    width: 23px;
    height: 20px;
}
.icon-social-4 {
    width: 21px;
    height: 22px;
}
.icon-social-5 {
    width: 22px;
    height: 22px;
}
.icon-social-6 {
    width: 19px;
    height: 22px;
}
.icon-social-7 {
    width: 22px;
    height: 20px;
}
.icon-solution {
    width: 104px;
    height: 104px;
}
.icon-tl {
    width: 16px;
    height: 14px;
}
.icon-wapp {
    width: 18px;
    height: 19px;
}
.icon-menu-close,
.icon-menu-open {
    width: 42px;
    height: 38px;
}
/* end icons */

/* main */
.main {
    background: url('../images/bg/main-bg.jpg') no-repeat center top;
    background-size: cover;
}
.header {
    position: relative;
}
.header__logo-wrap {
    position: absolute;
    top: 0;
    left: -56px;
    background: url('../images/bg/logo-bg.png') no-repeat center;
    background-size: cover;
    width: 564px;
    height: 234px;
}
.header__logo-wrap img {
    top: -10px;
}
h1 {
    padding-top: 60px;
    margin-left: 496px;
    font-weight: 800;
    font-size: 38px;
    line-height: 45px;
    text-transform: uppercase;
}
.main__content {
    padding-top: 94px;
}
.main__text {
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    max-width: 476px;
    margin-bottom: 0;
}
.main__text strong {
    text-transform: uppercase;
}
.director {
    margin-top: 24px;
    display: flex;
    align-items: center;
}
.director__photo {
    width: 127px;
    height: 127px;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
}
.director__photo img {
    width: 100%;
    height: 100%;
}
.director__desc {
    font-family: "Montserrat", sans-serif;
    margin-left: 31px;
    margin-bottom: 0;
    font-style: italic;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
}
.main__btn {
    margin-top: 26px;
}
.main__form {
    margin-top: 40px;
    padding: 35px 0;
    background: rgba(255, 255, 255, 0.15);
}
/* end main */

/* form */
.form__fields {
    margin-left: -10px;
    margin-right: -10px;
}
.form__fields > * {
    padding-left: 10px;
    padding-right: 10px;
}
.form__label {
    display: block;
    position: relative;
}
.form__field {
    width: 100%;
    padding-left: 62px;
    height: 50px;
    background: #FFFFFF;
    box-shadow: inset 0 1px 2px #4E5098;
    border-radius: 40px;
    font-size: 16px;
    color: #8C8EB4;
}
.form__field::placeholder {
    color: #8C8EB4;
    opacity: 1;
}
.form__label .svg-icon {
    position: absolute;
    top: 0; bottom: 0;
    margin: auto;
}
.form__label .icon-field-name {
    left: 27px;
}
.form__label .icon-field-phone {
    left: 23px;
}
/* end form */

/* problems */
.problems {
    padding-top: 70px;
    padding-bottom: 91px;
    background: #F2F4F9;
    position: relative;
}
.problems .container {
    position: relative;
}
.problems .container:after {
    content: '';
    position: absolute;
    background: url('../images/bg/problem-bg.png') no-repeat center;
    background-size: cover;
    width: 459px;
    height: 553px;
    bottom: -104px;
    right: -80px;
}
.problems__list,
.problems h2 {
    position: relative;
    z-index: 5;
}
.problems__list {
    margin-top: 57px;
}
.problem__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #6452B6;
    margin-bottom: 37px;
}
.problem__list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.problem__list p {
    margin-bottom: 0;
}
.problem__list li {
    position: relative;
    padding-left: 52px;
    font-size: 16px;
    line-height: 20px;
    color: #352B64;
    min-height: 38px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.problem__list li:last-child {
    margin-bottom: 0;
}
.problem__list .svg-icon {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
}
.scroll-down {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: linear-gradient(180deg, #20BC95 0%, #0DB188 100%);
    box-shadow: 0 1px 0 #0A9974;
    border-radius: 40px;
    z-index: 10;
}
.scroll-down .svg-icon {
    bottom: -2px;
}
/* end problems */

/* solution */
.solution {
    background: url('../images/bg/solution-bg.jpg') no-repeat center top;
    background-size: cover;
    min-height: 421px;
    position: relative;
    z-index: 5;
    padding-top: 109px;
}
.solution .scroll-down {
    bottom: -19px;
}
.solution .container {
    position: relative;
}
.solution:after {
    content: '';
    position: absolute;
    background: url('../images/bg/solution-content-bg.png') no-repeat center top;
    background-size: cover;
    height: 531px;
    width: 100%;
    left: 0;
    bottom: 8px;
    pointer-events: none;
}
.solution h2 {
    color: #FFFFFF;
    margin-bottom: 27px;
}
.solution__desc {
    max-width: 678px;
    margin-left: auto;
    display: flex;
    align-items: center;
}
.solution__desc p {
    max-width: 467px;
    width: calc(100% - 124px);
    margin-left: 20px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
/* end solution */

/* steps */
.steps {
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
    background: #F2F4F9;
}
.steps .scroll-down {
    background: linear-gradient(180deg, #715DCE 0%, #5A4AA3 100%);
    box-shadow: 0 1px 0 #3D2C7D;
    bottom: -27px;
}
.step__bg {
    display: block;
    margin: 0 auto 34px;
    max-width: 233px;
    width: 100%;
    border: 7px solid #D5D5EA;
    border-radius: 50%;
    position: relative;
}
.step__bg:after {
    content: '';
    display: block;
    padding-top: 100%;
}
.step__photo {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.step__decor {
    position: absolute;
}
.step__decor_1 {
    bottom: -34px;
    right: -47px;
}
.step__decor_2 {
    bottom: -34px;
    right: -69px;
}
.step__decor_3 {
    bottom: -79px;
    right: -74px;
}
.step__decor_4 {
    bottom: -36px;
    right: -66px;
}
.step {
    text-align: center;
    padding-bottom: 47px;
    position: relative;
}
.step:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
    margin: 0 auto;
    width: 7px;
    height: 62px;
    background: linear-gradient(180deg, #715DCE 0%, #5A4AA3 100%);
    border-radius: 40px;
    transform: rotate(90deg);
}
.step h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #6452B6;
    margin-bottom: 13px;
}
.step p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.steps__prev,
.steps__next {
    display: none;
}
.icon-slider-next,
.icon-slider-prev {
    width: 14px;
    height: 21px;
}
/* end steps */

/* advantages */
.advantages {
    padding-top: 75px;
    padding-bottom: 87px;
    background: #E2E3FB;
    position: relative;
}
.advantages .scroll-down {
    background: linear-gradient(180deg, #715DCE 0%, #5A4AA3 100%);
    box-shadow: 0 1px 0 #3D2C7D;
    bottom: -27px;
}
.advantages__list {
    margin-top: 52px;
}
.advantage {
    text-align: center;
    position: relative;
    padding-bottom: 29px;
}
.advantage:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7px;
    width: 62px;
    background: linear-gradient(180deg, #715DCE 0%, #5A4AA3 100%);
    border-radius: 40px;
    margin: 0 auto;
}
.advantage__icon {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 104px;
    height: 104px;
}
.advantage__icon .icon-advantage-1,
.advantage__icon .icon-advantage-2,
.advantage__icon .icon-advantage-3,
.advantage__icon .icon-advantage-4 {
    z-index: 5;
}
.advantage p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 12px;
    margin-bottom: 0;
}
/* end advantages */

/* results */
.results {
    padding-top: 96px;
    padding-bottom: 78px;
    position: relative;
}
.results .scroll-down {
    bottom: -25px;
}
.results__list {
    margin-top: 72px;
    margin-left: -10px;
    margin-right: -10px;
}
.results__list > * {
    padding-left: 10px;
    padding-right: 10px;
}
.result {
    text-align: center;
    position: relative;
    padding-bottom: 27px;
}
.result:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 7px;
    width: 62px;
    background: linear-gradient(180deg, #715DCE 0%, #5A4AA3 100%);
    border-radius: 40px;
}
.result p {
    margin-top: 10px;
    margin-bottom: 0;
}
.results__info {
    margin-top: 64px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #20BC95;
}
/* end results */

/* form-block */
.form-block {
    background: #9785E9;
    padding-top: 50px;
    padding-bottom: 75px;
    position: relative;
}
.form-block .scroll-down {
    bottom: -27px;
}
.form-block h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
}
.form-block__form {
    margin-top: 48px;
}
/* end form-block */

/* prices */
.prices {
    padding-top: 74px;
    padding-bottom: 78px;
    position: relative;
    background: #E2E3FB;
}
.prices__form {
    margin-top: 60px;
}
.prices__result {
    background: #12B48B;
    text-align: right;
    padding: 8px 35px 9px;
}
.prices__result span {
    font-weight: 800;
    font-size: 24px;
    line-height: 33px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-right: 29px;
}
.prices__result span:last-child {
    margin-right: 0;
}
.table {
    margin-top: 70px;
}
.main .scroll-down {
    display: none;
}
/* end prices */

/* footer */
.footer {
    background: url('../images/bg/footer-bg.jpg') no-repeat center top;
    background-size: cover;
    padding-top: 58px;
    padding-bottom: 58px;
}
.footer .form__label {
    margin-bottom: 20px;
}
.form__btn {
    width: 100%;
}
.footer__logo {
    font-size: 0;
    display: block;
    max-width: 351px;
    margin: 0 auto;
}
.social__link {
    font-size: 0;
    position: relative;
}
.social__link:hover {
    opacity: 0.6;
}
.social__link:after {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
}
.contact {
    display: flex;
    align-items: center;
}
.contact__phone {
    margin-left: 20px;
    font-weight: 700;
    font-size: 34px;
    line-height: 46px;
    color: #FFFFFF;
}
.site {
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    margin-bottom: 76px;
}
.site a {
    margin-left: 4px;
}
.site a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
.contact {
    margin-bottom: 7px;
}
.contact__icon {
    position: relative;
    width: 39px;
    height: 39px;
    background: linear-gradient(0deg, #25D231, #25D231), linear-gradient(0deg, #25D231, #25D231), linear-gradient(0deg, #25D231, #25D231), #25D231;
    border-radius: 50%;
    margin-right: 12px;
}
.contact__icon:nth-child(2) {
    margin-right: 0;
    background: linear-gradient(0deg, #00A2F2, #00A2F2), linear-gradient(0deg, #25D231, #25D231), linear-gradient(0deg, #25D231, #25D231), #25D231;
}
/* end footer */

/* table */
.table {
    display: table;
    width: 100%;
    margin-bottom: 0;
    border-top: 1px solid #BFC1E9;
}
.table__row,
.table__header {
    display: table-row;
}
.table__header-col,
.table__col {
    display: table-cell;
}
.table__header-col,
.table__col {
    border-right: 1px solid #BFC1E9;
}
.table__header-col:last-child,
.table__col:last-child {
    border-right: none;
}
.table__col {
    background: rgba(255, 255, 255, 0.24);
}
.table__col:first-child {
    background: rgba(255, 255, 255, 0.48);
}
.table__row:nth-child(odd) .table__col {
    background: rgba(151, 133, 233, 0.05);
}
.table__row:nth-child(odd) .table__col:first-child {
    background: rgba(151, 133, 233, 0.1);
}
.table__header-col,
.table__col {
    padding-left: 24px;
    padding-right: 24px;
    vertical-align: middle;
}
.table__header-col:first-child,
.table__col:first-child {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 50px;
    height: 50px;
}
.table__header-col:nth-child(3),
.table__header-col:nth-child(4),
.table__header-col:nth-child(5) {
    text-align: center;
}
.table__col:nth-child(4) {
    text-align: center;
}
.table__col:nth-child(3),
.table__header-col:nth-child(3) {
    width: 134px;
}
.table__col:nth-child(4),
.table__header-col:nth-child(4) {
    width: 128px;
}
.table__col:nth-child(5),
.table__header-col:nth-child(5) {
    width: 144px;
}
.table__header-title,
.table__desc {
    font-size: 16px;
    line-height: 20px;
}
.table__header-title {
    text-transform: uppercase;
    font-weight: 700;
}
.menu,
.table__col .table__title {
    display: none;
}
/* end table */








































@media all and (max-width: 1200px) {
    .contact__phone {
        font-size: 24px;
    }
}

@media all and (max-width: 991px) {
    .step {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        height: 100%;
        max-width: 274px;
        margin: 0 auto;
    }
    .owl-carousel .owl-stage-outer {
        overflow: visible;
    }
    .owl-carousel .owl-item img {
        width: auto;
    }
    .owl-stage {
        display: flex;
    }
    .step {
        padding-bottom: 32px;
    }
    .steps {
        padding-top: 45px;  
        padding-bottom: 46px;
    }
    .steps .container {
        position: relative;
    }
    .steps__prev,
    .steps__next {
        position: absolute;
        top: 219px;
        cursor: pointer;
        width: 50px;
        height: 50px;
        background: #E2E3FB;
        border-radius: 0 30px 30px 0;
        display: block;
        z-index: 10;
    }
    .steps__prev {
        left: 0;
    }
    .steps__next {
        right: 0;
    }
    .steps__next {
        border-radius: 30px 0 0 30px;
    }
    h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .advantages {
        padding-top: 57px;
        padding-bottom: 71px;
    }
    .advantage {
        padding-bottom: 27px;
        margin-bottom: 30px;
    }
    .advantage:last-child {
        margin-bottom: 0;
    }
    .results__list,
    .advantages__list {
        margin-top: 30px;
    }
    .results {
        padding-top: 55px;
        padding-bottom: 54px;
    }
    .result {
        margin-bottom: 20px;
        padding-bottom: 25px;
    }
    .result:last-child {
        margin-bottom: 0;
    }
    .results__info {
        margin-top: 30px;
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        color: #6452B6;
    }
    .form-block {
        padding-top: 55px;  
        padding-bottom: 53px;
    }
    .form-block h2 {
        font-weight: 800;
        font-size: 24px;
        line-height: 30px;
    }
    .problems .container:after {
        display: none;
    }
    .solution__desc {
        max-width: 450px;
    }
    .main {
        background: #9195D1;
    }
    .main__form {
        background: #DADCEE;
    }
    h1 {
        text-align: center;
        font-size: 24px;
        line-height: 30px;
        padding-top: 171px;
        width: 100%;
        margin-left: 0;
    }
    .header__logo-wrap {
        background: url('../images/bg/logo-bg-mobile.png') no-repeat center top;
        background-size: auto auto;
        max-width: 399px;
        height: 157px;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .logo {
        width: 194px;
        display: block;
        position: absolute;
        top: 34px;
        left: -72px;
        right: 0;
        margin: 0 auto;
    }
    .logo img {
        position: static;
    }
    .main__form {
        padding-top: 30px;
        padding-bottom: 55px;
    }
    .main__text {
        max-width: inherit;
        text-align: center;
    }
    .main__content {
        padding-top: 25px;
    }
    .director {
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .director__photo {
        margin-left: auto;
        margin-right: auto;
    }
    .director__desc {
        width: 100%;
        text-align: center;
        line-height: 20px;
        margin: 20px auto 0;
    }
    .green-btn {
        margin-top: 20px;
        line-height: 12px;
        font-size: 12px;
        width: 100%;
        padding: 19px 20px;
        text-align: center;
    }
    .main__form {
        margin-top: 30px;
    }
    .main {
        position: relative;
    }
    .main .scroll-down {
        display: block;
        bottom: -27px;
    }
    .menu-btn {
        display: block;
        position: absolute;
        width: 42px;
        height: 38px;
        top: 55px;
        left: 0;
        right: -242px;
        margin: 0 auto;
        cursor: pointer;
    }
    .form__btn {
        margin-top: 0;
        font-size: 18px;
    }
    .contact__icon {
        width: 38px;
        height: 38px;
    }
    .contact__phone {
        font-size: 15px;
    }
    .menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 50;
        background: #9785E9;
    }
    .menu__close {
        position: absolute;
        font-size: 0;
        width: 42px;
        height: 38px;
        top: 48px;
        right: 39px;
        cursor: pointer;
        z-index: 5;
    }
    .menu__links {
        list-style: none;
        padding: 111px 30px 0 30px;
    }
    .menu__links a {
        font-weight: 800;
        font-size: 16px;
        line-height: 35px;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    .menu__bottom {
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: 32px;
    }
    .menu .contact__icon {
        width: 40px;
        height: 40px;
    }
    .menu .contact__phone {
        font-size: 24px;
        line-height: 33px;
    }
}
/* 991px */

@media all and (max-width: 767px) {
    .result p,
    .advantage p {
        max-width: 274px;
        margin-left: auto;
        margin-right: auto;
    }
    .form__label {
        margin-bottom: 20px;
    }
    .form-block__form {
        margin-top: 30px;
    }
    .problem {
        margin-bottom: 30px;
    }
    .problem:last-child {
        margin-bottom: 0;
    }
    .container {
        padding-left: 20px; 
        padding-right: 20px;
    }
    .footer {
        padding-top: 90px;
        padding-bottom: 50px;
    }
    .footer .col-md-4:nth-child(1) {
        order: 2;
        margin-bottom: 40px;
    }
    .footer .col-md-4:nth-child(2) {
        order: 2;
    }
    .footer .col-md-4:nth-child(3) {
        order: 1;
        margin-bottom: 4px;
    }
    .footer__logo {
        max-width: 270px;
    }
    .contact__phone {
        font-size: 28px;
        line-height: 38px;
        margin-left: 10px;
    }
    .site {
        padding-top: 12px;
        text-align: center;
        margin-bottom: 19px;
    }
    .footer {
        background: url('../images/bg/footer-bg-mobile.jpg') no-repeat center top;
        background-size: cover;
    }
    .contact {
        justify-content: center;
    }
    .social  {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .table__header-title {
        font-size: 16px;
        line-height: 22px;
    }
    .table__desc {
        font-size: 14px;
        line-height: 20px;
    }
    .table__header {
        display: none;
    }
    .table {
        border-top: none;
    }
    .table__row {
        display: block;
        border-top: 1px solid #BFC1E9;
    }
    .table__col {
        display: block;
    }
    .table__row:nth-child(odd) .table__col,
    .table .table__col {
        text-align: left;
        border-right: none;
        background: none;
        padding: 0;
        height: auto;
        width: 100%;
    }
    .table .table__title,
    .table .table__desc {
        display: block;
        padding: 0 0 0 74px;
        height: 50px;
        display: flex;
        align-items: center;
    }
    .table .table__title {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .table .table__desc {
        background: rgba(255, 255, 255, 0.24);
    }
    .table .table__row:nth-child(odd) .table__desc {
        background: rgba(151, 133, 233, 0.1);
    }
    .table__row {
        position: relative;
    }
    .table .table__col:first-child {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 0;
        top: 50px;
    }
    .table__col:first-child .table__desc {
        padding-left: 0;
        text-align: center;
        width: 100%;
        display: block;
        line-height: 50px;
    }
    .table__row:after {
        content: '';
        position: absolute;
        left: 50px;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #BFC1E9;
    }
    .prices__result {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 28px;
        padding-left: 24px;
    }
    .prices__form {
        margin-top: 40px;
    }
    .prices {
        padding-bottom: 53px;
        padding-top: 50px;
    }
    .table {
        margin-top: 30px;
    }
}

@media all and (max-width: 550px) {
    .solution {
        background: url('../images/bg/solution-bg-mobile.jpg') no-repeat center top;
        background-size: cover;
        padding-top: 57px;
        padding-bottom: 382px;
    }
    .solution:after {
        display: none;
    }
    .solution__desc {
        text-align: center;
        max-width: inherit;
        flex-wrap: wrap;
    }
    .solution__desc p {
        margin-left: 0;
        width: 100%;
        text-align: center;
        max-width: inherit;
    }
    .icon-solution {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .problems {
        padding-top: 69px;
        padding-bottom: 50px;
    }
    .problem__title {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }
    .problems__list {
        margin-top: 30px;
    }
    .icon-check {
        width: 31px;
        height: 31px;
    }
    .problem__list li {
        min-height: 31px;
    }
    .problem__title {
        margin-bottom: 19px;
    }
    .problem {
        margin-bottom: 28px;
    }
}