@charset "UTF-8";

@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../fonts/BricolageGrotesque-Light.woff2") format("woff2"), url("../fonts/BricolageGrotesque-Light.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../fonts/BricolageGrotesque-Regular.woff2") format("woff2"), url("../fonts/BricolageGrotesque-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../fonts/BricolageGrotesque-Medium.woff2") format("woff2"), url("../fonts/BricolageGrotesque-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../fonts/BricolageGrotesque-SemiBold.woff2") format("woff2"), url("../fonts/BricolageGrotesque-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../fonts/BricolageGrotesque-Bold.woff2") format("woff2"), url("../fonts/BricolageGrotesque-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/PlusJakartaSans-Regular.woff2") format("woff2"), url("../fonts/PlusJakartaSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/PlusJakartaSans-Medium.woff2") format("woff2"), url("../fonts/PlusJakartaSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/PlusJakartaSans-Bold.woff2") format("woff2"), url("../fonts/PlusJakartaSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*Обнуление*/

* {
    padding: 0;
    margin: 0;
    border: 0;
}

    *,
    *::before,
    *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html,
body {
    width: 100%;
    height: 100%;
    font-size: 100%;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
    font-size: 100%;
}

    input::-ms-clear {
        display: none;
    }

button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    text-align: left;
}

    button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

a,
a:hover,
a:visited {
    text-decoration: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

/*---------------------------------------------------------*/

:root {
    --white: #FFFFFF;
    --black: #000000;
    --text: #383838;
    --dark1: #1c1c1c;
    --dark2: #2b2b2b;
    --blue-dark: #212934;
    --blue1: #2295fe;
    --green1: #18b26f;
    --green2: #65bc7b;
    --green3: #00bf78;
    --green4: #12b878;
    --green-dark: #0c5a38;
    --green-light1: #b7e9b0;
    --green-light2: #f8fdf7;
    --yellow: #fbe12e;
    --pink: #a568b8;
    --red: #e0284f;
    --light-grey1: #f4f4f4;
    --light-grey2: #e0e0e0;
    --light-grey3: #d4d4d4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.3;
    color: var(--dark1);
    letter-spacing: -0.015em;
    text-transform: normal;
}

h1,
.main-title {
    font-size: 60px;
}

h2,
.big-title {
    font-size: 42px;
}

h3,
.medium-title {
    font-size: 32px;
    line-height: 1;
}

h4,
.small-title {
    font-size: 24px;
}

h5,
.litle-title {
    font-size: 20px;
}

h6,
.micro-title {
    font-size: 18px;
}

p {
    margin-bottom: 14px;
}

    p b {
        font-weight: 700;
    }

body {
    background-color: var(--white);
    font-family: "Bricolage Grotesque", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.7;
    color: var(--text);
}

.wrapper {
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

    .wrapper.active {
        -webkit-transform: translateX(400px);
        -ms-transform: translateX(400px);
        transform: translateX(400px);
    }

.main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.container {
    max-width: 1316px;
    padding: 0 30px;
    margin: 0 auto;
}

.full-container {
    padding: 0 72px;
}

.float-top {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    right: 75px;
    bottom: 30px;
    z-index: 50;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--green1);
    border: 4px solid #128754;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .float-top::after {
        content: "";
        width: 10px;
        height: 10px;
        border-top: 2px solid var(--white);
        border-left: 2px solid var(--white);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -25%) rotate(45deg);
        -ms-transform: translate(-50%, -25%) rotate(45deg);
        transform: translate(-50%, -25%) rotate(45deg);
    }

    .float-top.show {
        opacity: 0.9;
        visibility: visible;
    }

        .float-top.show.hidden {
            opacity: 0;
        }

.button {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    padding: 23px 34px;
    border-radius: 8px;
    background-color: var(--yellow);
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    color: var(--dark2);
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .button span {
        display: inline-block;
        position: relative;
        padding-right: 30px;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

        .button span::after,
        .button span::before {
            content: "";
            width: 20px;
            height: 20px;
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .button span::before {
            left: -45px;
            background-image: url("../images/icons/icon-button-arrow-white.svg");
            opacity: 0;
        }

        .button span::after {
            right: 0;
            background-image: url("../images/icons/icon-button-arrow-dark.svg");
        }

    .button.type3 {
        background-color: var(--green-light1);
    }

        .button.type3 span::before {
            background-image: url("../images/icons/icon-button-arrow-dark.svg");
        }

    .button.type4 {
        border: 2px solid rgba(255, 255, 255, 0.5);
        background-color: transparent;
        color: var(--white);
    }

        .button.type4 span::before {
            background-image: url("../images/icons/icon-button-arrow-dark.svg");
        }

        .button.type4 span::after {
            background-image: url("../images/icons/icon-button-arrow-white.svg");
        }

    .button.type5 {
        background-color: var(--green1);
        color: var(--white);
    }

        .button.type5 span::after {
            background-image: url("../images/icons/icon-button-arrow-white.svg");
        }

    .button.type6 {
        border: 2px solid var(--text);
        background-color: var(--white);
        color: var(--text);
    }

.bordered-text {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, rgba(251, 225, 46, 0.4)), color-stop(45%, transparent));
    background: linear-gradient(to top, rgba(251, 225, 46, 0.4) 45%, transparent 45%);
    font-size: 19px;
    line-height: 1.2;
    text-transform: normal;
}

.section-suptitle {
    display: inline;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, rgba(251, 225, 46, 0.4)), color-stop(45%, transparent));
    background: linear-gradient(to top, rgba(251, 225, 46, 0.4) 45%, transparent 45%);
    font-size: 19px;
    line-height: 1.2;
    text-transform: normal;
}

    .section-suptitle + * {
        margin-top: 15px;
    }

    .section-suptitle.centered {
        margin-left: auto;
        margin-right: auto;
    }

    .section-suptitle.green-border {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, var(--green-light1)), color-stop(45%, transparent));
        background: linear-gradient(to top, var(--green-light1) 45%, transparent 45%);
    }

.section {
    padding: 96px 0;
}

.section-small {
    padding: 10px 0;
}

.side-paddings {
    padding: 0 18px;
}

.center {
    text-align: center;
}

.simple-button {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    padding: 13px 29px;
    border-radius: 10px;
    background-color: var(--blue1);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.36;
    color: var(--white);
    text-align: center;
    text-transform: none;
}

    .simple-button span {
        position: relative;
        z-index: 2;
    }

    .simple-button::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background: linear-gradient(160deg, rgba(34, 149, 254, 0.2), hsl(209, 99%, 44%));
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .simple-button.green-type {
        background-color: var(--green3);
    }

        .simple-button.green-type::after {
            background: linear-gradient(160deg, rgba(0, 191, 120, 0.2), hsl(158, 95%, 32%));
        }

    .simple-button.dark-type {
        background-color: #19191b;
    }

        .simple-button.dark-type::after {
            background: linear-gradient(160deg, rgba(25, 25, 27, 0.2), hsl(225, 5%, 34%));
        }

/* Change Autocomplete styles in Chrome*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text);
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.header {
    padding: 10px 0;
    background-color: var(--white);
}

.header__inner {
    width: 100%;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 243px;
    margin-right: 25px;
}

    .header__logo img {
        display: block;
        width: 100%;
        height: auto;
    }

.header__mobile-logo {
    display: none;
}

    .header__mobile-logo img {
        display: block;
        width: 100%;
        height: auto;
    }

.header__navigation-wrap {
    margin-left: auto;
}

.header__menu-title {
    display: none;
}

.header__menu {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__menu-item {
    position: relative;
}

.header__menu-link {
    display: block;
    padding: 10px 16px;
    font-weight: 600;
    color: var(--blue-dark);
    white-space: nowrap;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

    .header__menu-link span {
        display: inline-block;
        position: relative;
    }

        .header__menu-link span::before {
            content: "";
            width: 0;
            height: 2px;
            background-color: var(--green1);
            position: absolute;
            left: 0;
            bottom: 0;
            -webkit-transition: width 0.3s;
            transition: width 0.3s;
        }

    .header__menu-link.sublink span {
        padding-right: 20px;
    }

        .header__menu-link.sublink span::after {
            content: "";
            width: 7px;
            height: 7px;
            border-left: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            position: absolute;
            right: 0;
            top: 43%;
            -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
            -webkit-transition: border-color 0.3s;
            transition: border-color 0.3s;
        }

    .header__menu-link.active span::before {
        width: 100%;
    }

.header__menu-arrow {
    display: none;
}

.header__menu-close {
    display: none;
}

.header__burger {
    display: none;
}

.submenu {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    z-index: 10;
    width: 240px;
    background-color: var(--blue);
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 4px 4px 24px rgba(28, 28, 28, 0.1);
    box-shadow: 4px 4px 24px rgba(28, 28, 28, 0.1);
    border-radius: 16px;
    background-color: var(--white);
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.submenu__list {
    list-style: none;
}

.submenu__list-item {
    border-bottom: 1px solid var(--light-grey2);
    line-height: 1;
}

    .submenu__list-item:last-child {
        border-bottom: 0;
    }

.submenu__list-link {
    display: block;
    width: 100%;
    padding: 24px 24px 26px;
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    color: var(--blue-dark);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .submenu__list-link.active {
        background-color: var(--green-light2);
    }

.main-top__inner {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.main-top__slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.main-top__slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-top__content-wrap {
    position: relative;
    z-index: 2;
    min-height: 675px;
    padding: 40px 120px;
    background: -webkit-gradient(linear, left top, right top, from(hsl(154, 76%, 5%)), color-stop(65%, hsla(0, 0%, 11%, 0)));
    background: linear-gradient(90deg, hsl(154, 76%, 5%) 0%, hsla(0, 0%, 11%, 0) 65%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
}

.main-top__content {
    max-width: 100%;
    width: 700px;
}

.main-top__suptitle {
    display: block;
    font-weight: 300;
    font-size: 19px;
    letter-spacing: -0.3px;
    text-transform: normal;
}

.main-top__title {
    margin-top: 16px;
    color: var(--white);
    word-break: break-word;
}

    .main-top__title span {
        display: block;
    }

.main-top__actions {
    margin-top: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-top__link {
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 23px 34px;
}

.start-info__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 69px;
    border-bottom: 1px solid var(--text);
}

.start-info__heading-content {
    width: 70%;
    margin-right: 20px;
    margin-bottom: 48px;
}

.start-info__heading-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 144px;
    margin-right: -25px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

    .start-info__heading-icon svg,
    .start-info__heading-icon img {
        display: block;
        width: 100%;
        height: auto;
        stroke: var(--light-grey2);
        -webkit-transition: stroke 0.3s, fill 0.3s;
        transition: stroke 0.3s, fill 0.3s;
    }

.start-info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.start-info__image {
    width: 530px;
    margin-right: 30px;
}

    .start-info__image img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 20px;
    }

.start-info__content {
    width: 617px;
    padding-top: 9px;
    padding-right: 40px;
}

.start-info__content-title {
    margin-bottom: 24px;
    padding-right: 80px;
    line-height: 1.4;
    text-transform: none;
}

.start-info__content-text {
    padding-right: 40px;
    margin-bottom: 40px;
    letter-spacing: -0.3px;
}

.start-info__content-block {
    padding-top: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
}

.start-info__content-column {
    width: 50%;
    padding: 0 8px;
}

    .start-info__content-column:nth-child(2) .start-info__content-item {
        background-color: #e2f6df;
    }

.start-info__content-item {
    height: 100%;
    border-radius: 20px;
    padding: 48px 40px;
    background-color: #f8edfd;
    line-height: 1.3;
}

.start-info__content-icon {
    display: block;
    height: 70px;
    width: auto;
    margin-bottom: 16px;
}

.start-info__content-amount {
    display: block;
    font-weight: 500;
    font-size: 80px;
    letter-spacing: -1.2px;
}

.start-info__content-description {
    margin-bottom: 0;
    font-size: 19px;
    text-transform: capitalize;
}

.footer {
    color: var(--white);
}

.footer__decor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.footer__decor-main {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #171717;
}

.footer__decor-image {
    display: block;
    width: 512px;
    max-width: 100%;
    height: auto;
}

.footer__full-wrapper {
    background-color: #171717;
}

.footer__top {
    padding: 34px 0 72px;
}

.footer__top-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer__top-logo {
    display: none;
}

.footer__top-contacts {
    width: 25%;
    margin-right: auto;
}

.footer__title {
    margin-bottom: 25px;
    font-size: 18px;
    color: var(--green-light1);
    text-transform: capitalize;
}

.footer__address {
    margin-bottom: 17px;
    padding-top: 3px;
    color: var(--light-grey3);
}

.footer__email {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 24px;
    color: inherit;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.footer__phone {
    margin-bottom: 6px;
    font-size: 24px;
}

    .footer__phone a {
        color: inherit;
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
    }

.footer__work-time {
    font-size: 14px;
    color: var(--light-grey3);
}

.footer__top-nav {
    width: 20%;
    padding: 0 18px;
}

.footer__menu {
    list-style: none;
    padding-top: 2px;
}

.footer__menu-item {
    margin-bottom: 13px;
}

    .footer__menu-item:last-child {
        margin-bottom: 0;
    }

.footer__menu-link {
    font-size: 16px;
    color: var(--light-grey3);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.footer__middle {
    background-color: #262626;
    padding: 40px 0;
}

.footer__middle-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__middle-logo {
    width: 25%;
    max-width: 243px;
}

    .footer__middle-logo img {
        display: block;
        width: 100%;
        height: auto;
    }

.footer__middle-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 20px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.4;
    text-transform: normal;
    text-align: center;
}

    .footer__middle-text p {
        margin-bottom: 0;
    }

.footer__middle-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 20px 43px;
}

.footer__bottom {
    padding: 42px 0;
}

.footer__bottom-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__bottom-info {
    width: 50%;
}

    .footer__bottom-info p {
        margin-bottom: 0;
        font-size: 14px;
        color: rgba(224, 224, 224, 0.5);
    }

        .footer__bottom-info p a {
            color: var(--green1);
            -webkit-transition: color 0.3s;
            transition: color 0.3s;
        }

.footer__bottom-socials {
    width: 50%;
    padding-left: 30px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.socials {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.socials__item {
    margin: 10px 6px;
}

.socials__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-color: var(--dark2);
    position: relative;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .socials__link img {
        display: block;
        height: 16px;
        width: auto;
    }

.socials__link-tooltip {
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    background-color: #222222;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 1;
    color: var(--light-grey1);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

    .socials__link-tooltip i {
        font-style: normal;
        position: relative;
        z-index: 1;
    }

    .socials__link-tooltip::after {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 2px;
        background-color: #222222;
        position: absolute;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%, -50%) translateY(-1px) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) translateY(-1px) rotate(-45deg);
        transform: translate(-50%, -50%) translateY(-1px) rotate(-45deg);
    }

.tariffs {
    font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
    color: var(--dark1);
}

.tariffs__title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 64px;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
}

.tariffs__subtitle {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.72;
    text-align: center;
    letter-spacing: 0.22px;
}

.tariffs__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 80px -15px 0;
}

.tariffs__column {
    width: 25%;
    padding: 35px 15px 0;
    margin-bottom: 20px;
}

    .tariffs__column.popular-plan {
        padding-top: 0;
    }

        .tariffs__column.popular-plan .tariffs__item {
            border-color: var(--green3);
            outline: 1px solid var(--green3);
            position: relative;
            padding-top: 70px;
        }

        .tariffs__column.popular-plan .tariff-item__popular-title {
            position: absolute;
            left: -1px;
            top: -1px;
            display: block;
            width: calc(100% + 2px);
            padding: 8px;
            border-radius: 12px 12px 8px 8px;
            background-color: rgba(0, 191, 120, 0.15);
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.36;
            color: var(--green3);
            text-align: center;
        }

        .tariffs__column.popular-plan .tariff-item__start {
            background-color: var(--green3);
        }

            .tariffs__column.popular-plan .tariff-item__start::after {
                background: linear-gradient(160deg, rgba(0, 191, 120, 0.2), hsl(158, 95%, 32%));
            }

.tariffs__item {
    height: 100%;
}

.tariff-item {
    border-radius: 12px;
    border: 1px solid #eceff2;
    padding: 35px 30px;
    line-height: 1.2;
}

.tariff-item__popular-title {
    display: none;
}

.tariff-item__plan-name {
    display: block;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
}

.tariff-item__amount {
    display: block;
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 48px;
}

.tariff-item__term {
    display: block;
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 13px;
    color: #70737c;
}

.tariff-item__start {
    width: 100%;
    margin-bottom: 24px;
}

.tariff-item__description {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1.72;
}

.tariff-item__facilities {
    padding: 32px 0 32px;
    margin-bottom: 32px;
    border-top: 1px solid #eceff2;
    border-bottom: 1px solid #eceff2;
    list-style: none;
    font-size: 16px;
    line-height: 1.72;
}

.tariff-item__subtitle {
    display: block;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 18px;
}

.tariff-item__included-list {
    list-style: none;
}

.tariff-item__included-item {
    position: relative;
    padding-left: 43px;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.72;
    letter-spacing: 0.16px;
}

    .tariff-item__included-item:last-of-type {
        margin-bottom: 0;
    }

    .tariff-item__included-item::before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: var(--green3);
        position: absolute;
        left: 6px;
        top: 6px;
    }

    .tariff-item__included-item::after {
        content: "";
        width: 9px;
        height: 5px;
        border-left: 2px solid var(--white);
        border-bottom: 2px solid var(--white);
        position: absolute;
        left: 11px;
        top: 11px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.breadcrumbs {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -16px;
}

.breadcrumbs__item {
    padding-right: 16px;
    position: relative;
}

    .breadcrumbs__item::after {
        content: "|";
        display: inline-block;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.3;
        position: absolute;
        right: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .breadcrumbs__item:last-of-type::after {
        display: none;
    }

    .breadcrumbs__item:last-of-type a {
        pointer-events: none;
    }

.breadcrumbs__link {
    font-weight: 300;
    font-size: 16px;
    color: var(--white);
    letter-spacing: -0.3px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.inner-top {
    padding-top: 2px;
}

.inner-top__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inner-top__content {
    width: calc(60% - 13px);
    min-height: 300px;
    border-radius: 20px;
    padding: 31px 40px 40px;
    background-color: var(--green1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
}

.inner-top__title {
    font-size: 56px;
    color: var(--white);
}

.inner-top__breadcrumbs {
    margin-top: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.inner-top__image {
    width: calc(40% - 18px);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

    .inner-top__image img {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .inner-top__image::after {
        content: "";
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(154, 76%, 15%, 0.1)), to(hsla(154, 76%, 40%, 0.1)));
        background: linear-gradient(180deg, hsla(154, 76%, 15%, 0.1) 0%, hsla(154, 76%, 40%, 0.1) 100%);
        position: absolute;
        left: 0;
        top: 0;
    }

.contact__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contact__content {
    width: 350px;
    margin-right: 30px;
    padding-top: 20px;
}

.contact__title {
    margin-bottom: 40px;
    font-size: 28px;
}

.contact__item {
    margin-bottom: 40px;
}

    .contact__item:last-of-type {
        margin-bottom: 0;
    }

.contact__item-title {
    margin-bottom: 19px;
}

.contact__address {
    margin-bottom: 0;
    letter-spacing: -0.3px;
}

    .contact__address span {
        display: block;
    }

.contact__email,
.contact__phone {
    color: inherit;
    letter-spacing: -0.3px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.contact__phone {
    font-size: 24px;
}

.contact__date {
    display: block;
    font-size: 14px;
}

.contact__form-wrap {
    width: 800px;
    border-radius: 20px;
    padding: 58px 71px 66px;
    background-color: var(--light-grey1);
}

.contact-form__title {
    margin-bottom: 38px;
    font-size: 28px;
}

.contact-form__inputs-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.contact-form__item {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 34px;
}

    .contact-form__item.full-width {
        width: 100%;
    }

.contact-form__input,
.contact-form__message {
    display: block;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(56, 56, 56, 0.2);
    padding: 8px;
    background-color: var(--white);
    font-size: 17px;
    line-height: 1.5;
    color: var(--text);
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

    .contact-form__input::-webkit-input-placeholder, .contact-form__message::-webkit-input-placeholder {
        font-size: 17px;
        line-height: 1.7;
        color: rgba(56, 56, 56, 0.5);
    }

    .contact-form__input::-moz-placeholder, .contact-form__message::-moz-placeholder {
        font-size: 17px;
        line-height: 1.7;
        color: rgba(56, 56, 56, 0.5);
    }

    .contact-form__input:-ms-input-placeholder, .contact-form__message:-ms-input-placeholder {
        font-size: 17px;
        line-height: 1.7;
        color: rgba(56, 56, 56, 0.5);
    }

    .contact-form__input::-ms-input-placeholder, .contact-form__message::-ms-input-placeholder {
        font-size: 17px;
        line-height: 1.7;
        color: rgba(56, 56, 56, 0.5);
    }

    .contact-form__input::placeholder,
    .contact-form__message::placeholder {
        font-size: 17px;
        line-height: 1.7;
        color: rgba(56, 56, 56, 0.5);
    }

    .contact-form__input:focus,
    .contact-form__message:focus {
        outline: none;
        border-color: var(--green1);
    }

    .contact-form__input[required]:user-invalid,
    .contact-form__message[required]:user-invalid {
        border-color: var(--red);
        -webkit-box-shadow: 0 0 1.5px 1px rgba(224, 40, 79, 0.65);
        box-shadow: 0 0 1.5px 1px rgba(224, 40, 79, 0.65);
    }

.contact-form__input {
    height: 70px;
    padding: 0 17px;
}

.contact-form__message {
    resize: none;
    height: 141px;
    padding: 17px;
}

.contact-form__submit {
    width: 100%;
    padding: 28px 25px;
    text-align: center;
    text-transform: uppercase;
}

.contact-form__thanks-block {
    display: none;
    position: relative;
    margin: 37px 0 2px;
    padding: 25px 20px;
    border-radius: 10px;
    border: 1px solid var(--green4);
    background-color: rgba(18, 184, 120, 0.1);
}

.contact-form__thanks-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border-left: 1px solid var(--green4);
    border-bottom: 1px solid var(--green4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--green4);
}

.contact-form__thanks-text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    padding-left: 30px;
    font-weight: 300;
    color: var(--green4);
    text-align: center;
    letter-spacing: -0.3px;
}

    .contact-form__thanks-text::before {
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: var(--green4);
        position: absolute;
        left: -2px;
        top: 1px;
    }

    .contact-form__thanks-text::after {
        content: "";
        width: 11px;
        height: 7px;
        border-left: 2px solid var(--white);
        border-bottom: 2px solid var(--white);
        position: absolute;
        left: 4px;
        top: 7px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.information__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.information__image {
    width: 592px;
    min-height: 590px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 30px;
    position: relative;
}

    .information__image img {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.information__content {
    -ms-flex-item-align: center;
    align-self: center;
    width: 527px;
    padding-right: 64px;
    padding-bottom: 4px;
}

.information__suptitle {
    letter-spacing: -0.3px;
}

.information__title {
    margin-bottom: 20px;
}

.information__text {
    letter-spacing: -0.3px;
}

.information__link {
    margin-top: 40px;
}

.faq__title {
    margin-bottom: 32px;
}

.faq-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

.faq-list__column {
    width: 50%;
    padding: 0 40px;
}

.faq-list__item {
    padding: 30px 0;
    border-bottom: 1px solid var(--light-grey2);
}

.faq-list__item-question {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 39px;
}

    .faq-list__item-question::before {
        content: "";
        width: 23px;
        height: 23px;
        background-color: var(--light-grey1);
        position: absolute;
        left: -2px;
        top: 3px;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .faq-list__item-question::after {
        content: "";
        width: 18px;
        height: 18px;
        background: url("../images/icons/icon-button-arrow-dark.svg") center center/contain no-repeat;
        position: absolute;
        left: 1px;
        top: 6px;
    }

    .faq-list__item-question span {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--green1)), to(var(--green1)));
        background-image: linear-gradient(to right, var(--green1) 0%, var(--green1) 100%);
        background-size: 0 1px;
        background-position: left bottom;
        background-repeat: no-repeat;
        font-size: 22px;
        line-height: 1.3;
        color: var(--dark1);
        letter-spacing: -0.22px;
        -webkit-transition: background-size 0.3s, color 0.3s;
        transition: background-size 0.3s, color 0.3s;
    }

    .faq-list__item-question.active::before {
        background-color: var(--green1);
    }

    .faq-list__item-question.active span {
        background-size: 100% 1px;
        color: var(--green1);
    }

.faq-list__item-answer {
    display: none;
    padding: 19px 10px 25px 28px;
    letter-spacing: -0.3px;
}

    .faq-list__item-answer p {
        margin-bottom: 0;
    }

        .faq-list__item-answer p + p {
            margin-top: 10px;
        }

@media (min-width: 992px) {
    .header__menu-item:hover .submenu,
    .header__menu-item:focus .submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@media (min-width: 993px) {
    .float-top:hover,
    .float-top:focus {
        background-color: #128754;
    }

    .button:hover,
    .button:focus {
        background-color: var(--green-dark);
        color: var(--white);
    }

        .button:hover span,
        .button:focus span {
            -webkit-transform: translateX(30px);
            -ms-transform: translateX(30px);
            transform: translateX(30px);
        }

            .button:hover span::before,
            .button:focus span::before {
                left: -30px;
                opacity: 1;
                -webkit-transition-delay: 0.15s;
                transition-delay: 0.15s;
            }

            .button:hover span::after,
            .button:focus span::after {
                opacity: 0;
            }

    .button.type2:hover,
    .button.type2:focus {
        background-color: var(--green1);
    }

    .button.type3:hover,
    .button.type3:focus {
        background-color: var(--white);
        color: var(--dark2);
    }

    .button.type4:hover,
    .button.type4:focus {
        background-color: var(--yellow);
        border-color: var(--yellow);
        color: var(--dark2);
    }

    .button.type5:hover,
    .button.type5:focus {
        background-color: var(--text);
    }

    .button.type6:hover,
    .button.type6:focus {
        background-color: var(--green-dark);
        border-color: var(--green-dark);
        color: var(--white);
    }

    .button.no-animated:hover span,
    .button.no-animated:focus span {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

        .button.no-animated:hover span::before,
        .button.no-animated:focus span::before {
            left: -45px;
            opacity: 0;
            -webkit-transition-delay: 0;
            transition-delay: 0;
        }

        .button.no-animated:hover span::after,
        .button.no-animated:focus span::after {
            opacity: 1;
        }

    .simple-button:hover::after,
    .simple-button:focus::after {
        opacity: 1;
    }

    .header__navigation-wrap {
        display: block !important;
    }

    .header__menu-link.active:hover span::before,
    .header__menu-link.active:focus span::before {
        width: 100%;
    }

    .header__menu-link:hover span::before,
    .header__menu-link:focus span::before {
        width: 100%;
    }

    .header__submenu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
    }

    .submenu__list-link.active:hover,
    .submenu__list-link.active:focus {
        background-color: var(--green-light2);
    }

    .submenu__list-link:hover,
    .submenu__list-link:focus {
        background-color: var(--green-light2);
    }

    .start-info__inner:hover .start-info__heading-icon,
    .start-info__inner:focus .start-info__heading-icon {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .start-info__heading-icon svg:hover,
    .start-info__heading-icon svg:focus,
    .start-info__heading-icon img:hover,
    .start-info__heading-icon img:focus {
        stroke: var(--text);
    }

    .footer__email:hover,
    .footer__email:focus {
        color: var(--green1);
        text-decoration: underline;
    }

    .footer__phone a:hover,
    .footer__phone a:focus {
        color: var(--green1);
        text-decoration: underline;
    }

    .footer__menu-link:hover,
    .footer__menu-link:focus {
        color: rgba(224, 224, 224, 0.5);
    }

    .footer__bottom-info p a:hover,
    .footer__bottom-info p a:focus {
        color: var(--light-grey2);
        text-decoration: underline;
    }

    .socials__link:hover,
    .socials__link:focus {
        background-color: var(--green1);
    }

        .socials__link:hover .socials__link-tooltip,
        .socials__link:focus .socials__link-tooltip {
            opacity: 1;
        }

    .breadcrumbs__link:hover,
    .breadcrumbs__link:focus {
        color: var(--light-grey1);
        text-decoration: underline;
    }

    .contact__email:hover,
    .contact__email:focus,
    .contact__phone:hover,
    .contact__phone:focus {
        color: var(--green1);
        text-decoration: underline;
    }

    .contact-form__input:hover,
    .contact-form__message:hover {
        border-color: rgba(24, 180, 112, 0.5);
    }

    .faq-list__item-question:hover::before,
    .faq-list__item-question:focus::before {
        background-color: var(--green1);
    }

    .faq-list__item-question:hover span,
    .faq-list__item-question:focus span {
        background-size: 100% 1px;
        color: var(--green1);
    }
}

@media (max-width: 1200px) {
    .full-container {
        padding: 0 30px;
    }

    .float-top {
        right: 20px;
        bottom: 10px;
    }

    .side-paddings {
        padding: 0;
    }

    .main-top__content-wrap {
        min-height: 495px;
        padding-left: 96px;
        padding-right: 96px;
    }

    .start-info__content {
        padding-right: 0;
    }

    .start-info__content-amount {
        font-size: 60px;
    }

    .tariffs__block {
        margin-left: -5px;
        margin-right: -5px;
    }

    .tariffs__column {
        padding-left: 5px;
        padding-right: 5px;
    }

    .inner-top__content {
        min-height: 250px;
    }

    .contact__content {
        width: calc(35% - 30px);
    }

    .contact__form-wrap {
        width: 65%;
        padding: 40px;
    }

    .information__content {
        padding-right: 0;
    }

    .faq-list {
        margin: 0 -20px;
    }

    .faq-list__column {
        padding: 0 20px;
    }
}

@media (max-width: 992px) {
    h1,
    .main-title {
        font-size: 48px;
    }

    h2,
    .big-title {
        font-size: 36px;
    }

    h4,
    .small-title {
        font-size: 22px;
    }

    .section {
        padding: 60px 0;
    }

    .header__inner {
        min-height: 70px;
    }

    .header__logo {
        width: 200px;
    }

    .header__mobile-logo {
        display: block;
        width: 200px;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .header__navigation-wrap {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 12;
        width: 100vw;
        height: 100vh;
        background-color: rgba(15, 15, 15, 0.9);
    }

        .header__navigation-wrap.open .header__navigation {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        .header__navigation-wrap.open .header__menu-close {
            opacity: 1;
        }

    .header__navigation {
        width: 100%;
        max-width: 400px;
        height: 100%;
        background-color: var(--white);
        position: relative;
        overflow-y: auto;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-radius: 0 20px 20px 0;
        padding: 32px 48px;
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
    }

    .header__menu-title {
        display: block;
        margin-bottom: 24px;
        font-weight: 500;
        font-size: 22px;
        line-height: 1.2;
    }

    .header__menu {
        display: block;
        width: 100%;
    }

    .header__menu-item {
        margin-bottom: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .header__menu-item:last-child {
            margin-bottom: 0;
        }

    .header__menu-link {
        max-width: calc(100% - 30px);
        padding: 0;
        font-size: 20px;
        line-height: 1.7;
        white-space: normal;
    }

        .header__menu-link.sublink span {
            padding-right: 0;
        }

            .header__menu-link.sublink span::after {
                display: none;
            }

    .header__menu-arrow {
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        margin-left: 5px;
        margin-bottom: 2px;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

        .header__menu-arrow::before {
            content: "";
            width: 7px;
            height: 7px;
            border-left: 2px solid var(--blue-dark);
            border-bottom: 2px solid var(--blue-dark);
            position: absolute;
            left: 50%;
            top: 45%;
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .header__menu-arrow.active {
            -webkit-transform: rotateX(180deg) translateY(-2px);
            transform: rotateX(180deg) translateY(-2px);
        }

    .header__menu-close {
        position: absolute;
        left: 350px;
        top: 20px;
        z-index: 12;
        display: block;
        width: 30px;
        height: 30px;
        opacity: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .header__menu-close::before,
        .header__menu-close::after {
            content: "";
            width: 24px;
            height: 2px;
            background-color: var(--text);
            position: absolute;
            left: 50%;
            top: 50%;
        }

        .header__menu-close::before {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .header__menu-close::after {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }

    .header__burger {
        display: block;
        width: 37px;
        height: 37px;
        position: relative;
        margin-left: auto;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .header__burger span {
            display: block;
            width: 25px;
            height: 4px;
            background-color: var(--blue-dark);
            border-radius: 20px;
            position: absolute;
            right: 0;
            top: calc(50% - 2px);
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .header__burger span:first-child {
                width: 37px;
                top: 6px;
            }

            .header__burger span:last-child {
                width: 37px;
                top: auto;
                bottom: 7px;
            }

    .submenu {
        display: none;
        position: static;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .submenu__list {
        padding-top: 10px;
    }

    .submenu__list-item {
        border-bottom: 0;
        margin-bottom: 10px;
        padding-left: 20px;
    }

        .submenu__list-item:last-of-type {
            margin-bottom: 0;
        }

    .submenu__list-link {
        padding: 5px 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

        .submenu__list-link.active {
            background-color: transparent;
            border-bottom: 2px solid var(--green-light1);
        }

    .main-top__content-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .main-top__content {
        max-width: 75%;
    }

    .start-info__heading {
        margin-bottom: 40px;
    }

    .start-info__heading-content {
        width: 80%;
        margin-bottom: 24px;
    }

    .start-info__heading-icon {
        width: 100px;
        margin-right: -20px;
    }

    .start-info__content-title {
        padding-right: 0;
    }

    .start-info__content-text {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .start-info__content-block {
        padding-top: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .start-info__content-column {
        width: 100%;
        margin-bottom: 20px;
    }

    .start-info__content-item {
        padding: 30px 25px;
    }

    .start-info__content-icon {
        height: 60px;
        margin-bottom: 10px;
    }

    .start-info__content-amount {
        font-size: 44px;
        line-height: 1.2;
    }

    .start-info__content-description {
        font-size: 17px;
    }

    .footer__middle-text {
        font-size: 24px;
    }

    .tariffs__title {
        font-size: 48px;
    }

    .tariffs__subtitle {
        font-size: 20px;
    }

    .tariffs__block {
        margin-top: 50px;
    }

    .tariffs__column {
        width: 50%;
    }

    .tariff-item__amount {
        font-size: 40px;
    }

    .tariff-item__term {
        margin-bottom: 24px;
    }

    .tariff-item__description {
        margin-bottom: 16px;
    }

    .tariff-item__facilities {
        padding: 16px 0;
        margin-bottom: 16px;
    }

    .tariff-item__subtitle {
        margin-bottom: 16px;
    }

    .tariff-item__included-item {
        font-size: 16px;
    }

        .tariff-item__included-item::before {
            top: 5px;
        }

        .tariff-item__included-item::after {
            top: 10px;
        }

    .inner-top {
        padding-top: 20px;
    }

    .inner-top__title {
        font-size: 48px;
    }

    .contact__block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact__content {
        width: 100%;
        margin-right: 0;
        padding-top: 0;
        margin-bottom: 50px;
    }

    .contact__title {
        font-size: 26px;
    }

    .contact__form-wrap {
        width: 100%;
    }

    .contact-form__title {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    h1,
    .main-title {
        font-size: 40px;
    }

    h2,
    .big-title {
        font-size: 30px;
    }

    .main-top__content {
        max-width: 100%;
    }

    .start-info__block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .start-info__image {
        width: 300px;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .start-info__content {
        width: 100%;
        padding-top: 0;
    }

    .start-info__content-column {
        width: 50%;
    }

    .footer__top-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer__top-logo {
        display: block;
        width: 100%;
        max-width: 200px;
        margin-bottom: 40px;
    }

        .footer__top-logo img {
            display: block;
            width: 100%;
            height: auto;
        }

    .footer__top-contacts {
        width: 100%;
        margin-bottom: 40px;
    }

    .footer__top-nav {
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }

        .footer__top-nav:last-of-type {
            margin-bottom: 0;
        }

    .footer__middle-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer__middle-logo {
        display: none;
    }

    .footer__middle-text {
        width: 100%;
        margin-bottom: 32px;
        text-align: center;
    }

    .footer__middle-link {
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }

    .footer__bottom-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer__bottom-info {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .footer__bottom-socials {
        width: 100%;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tariffs__title {
        font-size: 40px;
    }

    .inner-top__content {
        width: 100%;
        padding: 25px 20px;
    }

    .inner-top__title {
        font-size: 40px;
    }

    .inner-top__image {
        display: none;
    }

    .information__block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .information__image {
        width: 100%;
        min-height: auto;
        margin-right: 0;
        margin-bottom: 30px;
    }

        .information__image img {
            position: static;
            height: auto;
        }

    .information__content {
        width: 100%;
    }

    .faq__title {
        margin-bottom: 15px;
    }

    .faq-list__column {
        width: 100%;
    }

    .faq-list__item {
        padding: 20px 0;
    }

    .faq-list__item-question span {
        font-size: 20px;
    }

    .faq-list__item-answer {
        padding: 10px 0 0 20px;
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    h1,
    .main-title {
        font-size: 32px;
    }

    h2,
    .big-title {
        font-size: 26px;
    }

    h4,
    .small-title {
        font-size: 20px;
    }

    .container {
        padding: 0 16px;
    }

    .full-container {
        padding: 0 16px;
    }

    .section-suptitle {
        font-size: 17px;
    }

    .main-top__suptitle {
        font-size: 17px;
    }

    .main-top__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .start-info__heading-content {
        width: 100%;
        margin-right: 0;
    }

    .start-info__heading-icon {
        display: none;
    }

    .tariffs__title {
        font-size: 32px;
    }

    .tariffs__subtitle {
        font-size: 18px;
    }

    .tariffs__column {
        width: 100%;
        padding-top: 0;
        margin-bottom: 32px;
    }

        .tariffs__column.popular-plan .tariffs__item {
            padding-top: 55px;
        }

    .tariff-item {
        padding: 25px 20px;
    }

    .tariff-item__included-item {
        padding-left: 35px;
    }

    .inner-top__content {
        min-height: 200px;
    }

    .inner-top__title {
        font-size: 32px;
    }

    .contact__content {
        margin-bottom: 30px;
    }

    .contact__title {
        margin-bottom: 25px;
        font-size: 24px;
    }

    .contact__item {
        margin-bottom: 25px;
    }

    .contact__item-title {
        margin-bottom: 10px;
    }

    .contact__form-wrap {
        padding: 30px 20px;
    }

    .contact-form__title {
        margin-bottom: 25px;
        font-size: 24px;
    }

    .contact-form__item {
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-form__input {
        height: 60px;
        padding: 0 15px;
    }

    .contact-form__submit {
        padding: 24px 20px;
    }

    .information__link {
        margin-top: 20px;
    }
}

@media (max-width: 400px) {
    .header__logo {
        width: 170px;
    }

    .header__mobile-logo {
        width: 170px;
        margin-right: 30px;
    }

    .header__navigation {
        max-width: 100%;
        padding: 32px 20px;
        border-radius: 0;
    }

    .header__menu-close {
        left: auto;
        right: 20px;
    }

    .header__burger {
        width: 30px;
    }

        .header__burger span {
            width: 20px;
        }

            .header__burger span:first-child {
                width: 30px;
            }

            .header__burger span:last-child {
                width: 30px;
            }

    .start-info__image {
        width: 100%;
    }

    .start-info__content-column {
        width: 100%;
    }
}
.faq-list__item-answer a,
.faq-list__item-answer a:visited,
.faq-list__item-answer a:hover,
.faq-list__item-answer a:active,
.faq-list__item-answer a:focus {
  color: inherit !important;
  text-decoration: none !important;
}
.faq-list__item-answer a:hover {
  text-decoration: underline !important;
}

/* Global layout spacing fix */
.wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.main {
  flex: 1;
  padding-top: 40px;
  padding-bottom: 80px;
}