/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.ai__info .btn-white,
.ai__info .btn-white a,
.connection__btn .btn-black a,
.live__info .btn-white,
.live__info .btn-white a {
    min-width: 240px
}

.connection,
.faq,
.faq__answer,
.hero,
.solutions__content,
.toggles__item {
    overflow: hidden
}

body,
html {
    scroll-behavior: smooth
}

.btn-white::before,
.burger-menu {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s
}

.btn-white a,
.burger-menu__links nav ul li,
.header__links nav ul li {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.blog__item,
.burger-menu__btns,
.burger-menu__links nav ul,
.choice__item,
.instruments__item,
.connection,
.expansion__content,
.faq__answer,
.faq__info,
.footer__connection,
.footer__links,
.footer__rights,
.form__success,
.solutions,
.solutions__info,
.tariffs__user {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.form__field textarea:focus~.form__req,
.tariffs__tooltip {
    visibility: hidden;
    opacity: 0
}

.blog__item a,
.footer__connection a,
.footer__rights a,
.form__checkbox a {
    text-decoration: underline
}

.burger-menu,
.disabled,
.popup,
.tariffs__tooltip {
    pointer-events: none
}

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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit
}

button,
input,
select,
textarea {
    font: inherit;
    border: none;
    background: 0 0;
    outline: 0
}

@media(prefers-reduced-motion:reduce) {
    * {
        -webkit-animation-duration: NaNs !important;
        animation-duration: NaNs !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: NaNs !important;
        -o-transition-duration: NaNs !important;
        transition-duration: NaNs !important;
        scroll-behavior: auto !important
    }
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Regular.eot");
    src: local("/local/templates/main/font/Gilroy Regular"), local("/local/templates/main/font/Gilroy-Regular"), url("/local/templates/main/font/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Regular.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Regular.woff") format("woff"), url("/local/templates/main/font/Gilroy-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-ExtraboldItalic.eot");
    src: local("/local/templates/main/font/Gilroy Extrabold Italic"), local("/local/templates/main/font/Gilroy-ExtraboldItalic"), url("/local/templates/main/font/Gilroy-ExtraboldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-ExtraboldItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-ExtraboldItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-ExtraboldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Bold.eot");
    src: local("/local/templates/main/font/Gilroy Bold"), local("/local/templates/main/font/Gilroy-Bold"), url("/local/templates/main/font/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Bold.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Bold.woff") format("woff"), url("/local/templates/main/font/Gilroy-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Black.eot");
    src: local("/local/templates/main/font/Gilroy Black"), local("/local/templates/main/font/Gilroy-Black"), url("/local/templates/main/font/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Black.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Black.woff") format("woff"), url("/local/templates/main/font/Gilroy-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Light.eot");
    src: local("/local/templates/main/font/Gilroy Light"), local("/local/templates/main/font/Gilroy-Light"), url("/local/templates/main/font/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Light.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Light.woff") format("woff"), url("/local/templates/main/font/Gilroy-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Semibold.eot");
    src: local("/local/templates/main/font/Gilroy Semibold"), local("/local/templates/main/font/Gilroy-Semibold"), url("/local/templates/main/font/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Semibold.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Semibold.woff") format("woff"), url("/local/templates/main/font/Gilroy-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Medium.eot");
    src: local("/local/templates/main/font/Gilroy Medium"), local("/local/templates/main/font/Gilroy-Medium"), url("/local/templates/main/font/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Medium.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Medium.woff") format("woff"), url("/local/templates/main/font/Gilroy-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-MediumItalic.eot");
    src: local("/local/templates/main/font/Gilroy Medium Italic"), local("/local/templates/main/font/Gilroy-MediumItalic"), url("/local/templates/main/font/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-MediumItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-MediumItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-BlackItalic.eot");
    src: local("/local/templates/main/font/Gilroy Black Italic"), local("/local/templates/main/font/Gilroy-BlackItalic"), url("/local/templates/main/font/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-BlackItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-BlackItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-UltraLight.eot");
    src: local("/local/templates/main/font/Gilroy UltraLight"), local("/local/templates/main/font/Gilroy-UltraLight"), url("/local/templates/main/font/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-UltraLight.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-UltraLight.woff") format("woff"), url("/local/templates/main/font/Gilroy-UltraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-RegularItalic.eot");
    src: local("/local/templates/main/font/Gilroy Regular Italic"), local("/local/templates/main/font/Gilroy-RegularItalic"), url("/local/templates/main/font/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-RegularItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-RegularItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-SemiboldItalic.eot");
    src: local("/local/templates/main/font/Gilroy Semibold Italic"), local("/local/templates/main/font/Gilroy-SemiboldItalic"), url("/local/templates/main/font/Gilroy-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-SemiboldItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-SemiboldItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-SemiboldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-HeavyItalic.eot");
    src: local("/local/templates/main/font/Gilroy Heavy Italic"), local("/local/templates/main/font/Gilroy-HeavyItalic"), url("/local/templates/main/font/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-HeavyItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-HeavyItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-HeavyItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Extrabold.eot");
    src: local("/local/templates/main/font/Gilroy Extrabold"), local("/local/templates/main/font/Gilroy-Extrabold"), url("/local/templates/main/font/Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Extrabold.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Extrabold.woff") format("woff"), url("/local/templates/main/font/Gilroy-Extrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-BoldItalic.eot");
    src: local("/local/templates/main/font/Gilroy Bold Italic"), local("/local/templates/main/font/Gilroy-BoldItalic"), url("/local/templates/main/font/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-BoldItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-BoldItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-UltraLightItalic.eot");
    src: local("/local/templates/main/font/Gilroy UltraLight Italic"), local("/local/templates/main/font/Gilroy-UltraLightItalic"), url("/local/templates/main/font/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-UltraLightItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-UltraLightItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-UltraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-LightItalic.eot");
    src: local("/local/templates/main/font/Gilroy Light Italic"), local("/local/templates/main/font/Gilroy-LightItalic"), url("/local/templates/main/font/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-LightItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-LightItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Heavy.eot");
    src: local("/local/templates/main/font/Gilroy Heavy"), local("/local/templates/main/font/Gilroy-Heavy"), url("/local/templates/main/font/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Heavy.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Heavy.woff") format("woff"), url("/local/templates/main/font/Gilroy-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-Thin.eot");
    src: local("/local/templates/main/font/Gilroy Thin"), local("/local/templates/main/font/Gilroy-Thin"), url("/local/templates/main/font/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-Thin.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-Thin.woff") format("woff"), url("/local/templates/main/font/Gilroy-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url("/local/templates/main/font/Gilroy-ThinItalic.eot");
    src: local("/local/templates/main/font/Gilroy Thin Italic"), local("/local/templates/main/font/Gilroy-ThinItalic"), url("/local/templates/main/font/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/font/Gilroy-ThinItalic.woff2") format("woff2"), url("/local/templates/main/font/Gilroy-ThinItalic.woff") format("woff"), url("/local/templates/main/font/Gilroy-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    font: 400 18px Gilroy, sans-serif;
    color: #27303f;
}

.container {
    max-width: 1200px;
    margin: 0 auto
}

@media(max-width:1250px) {
    .container {
        margin: 0 50px
    }
}

.title {
    font-weight: 600;
    font-size: 40px;
    line-height: 40px
}

.header {
    background-color: #eef3f8;
    border-bottom: 1px solid rgba(39, 48, 63, .3)
}

.header__container {
    max-width: 1640px;
    margin: 0 auto
}

@media(max-width:1700px) {
    .header__container {
        margin: auto 32px
    }
}

.header__content {
    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;
    height: 85px
}

@media(max-width:768px) {
    .header__content {
        height: 75px
    }

    .header__links {
        display: none
    }
}

.ai__content,
.blog__content,
.blog__more,
.blog__time,
.blog__title,
.btn-black,
.btn-white,
.burger-menu,
.burger-menu__btns,
.burger-menu__header,
.burger-menu__links nav ul,
.choice__content,
.instruments__content,
.instruments__item,
.choice__item,
.choice__title,
.connection,
.connection__btn,
.connection__content,
.connection__item,
.dignities .btn-white a,
.dignities__content,
.dignities__item,
.expansion__content,
.faq__answer,
.faq__content,
.faq__info,
.faq__questions,
.footer__connection,
.footer__content,
.footer__copyright,
.footer__info,
.footer__item,
.footer__links,
.form__checkbox,
.form__submit,
.header__btns,
.header__links nav ul,
.hero__btn,
.live__content,
.pagination,
.popup,
.solutions,
.solutions__content,
.solutions__info,
.solutions__item,
.solutions__product,
.tariffs__btn,
.tariffs__possibilities,
.tariffs__user,
.toggles__item label {
    display: -webkit-box;
    display: -ms-flexbox
}

@media(max-width:410px) {
    .header__content {
        height: 65px
    }
}

.header__logo img {
    width: 100%;
    height: 25px
}

.header__links nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px
}

.header__links nav ul li {
    color: rgba(39, 48, 63, .9);
    letter-spacing: 2.4%;
    position: relative
}

.header__links nav ul li:hover::after {
    content: " ";
    display: block;
    position: absolute;
    background-color: #27303f;
    width: 100%;
    height: 3px;
    bottom: -35px;
    -webkit-animation: .3s ease-out forwards slideIn;
    animation: .3s ease-out forwards slideIn
}

.header__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.header__burger,
.toggles__item input[type=radio] {
    display: none
}

.burger-menu {
    position: fixed;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: first baseline;
    -ms-flex-align: first baseline;
    align-items: first baseline;
    background: rgba(39, 48, 63, .7);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    z-index: 10
}

.burger-menu.active {
    opacity: 1;
    pointer-events: auto
}

.burger-menu.active .burger-menu__content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.burger-menu__content {
    padding: 10px 15px 50px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    width: 100%;
    background-color: #eef3f8
}

.burger-menu__close {
    cursor: pointer
}

.burger-menu__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
    margin-bottom: 25px
}

.burger-menu__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px
}

.burger-menu__links nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 40px
}

.burger-menu__links nav ul li {
    color: rgba(39, 48, 63, .9);
    letter-spacing: 2.4%;
    position: relative;
    border-bottom: 1px solid #dfe8ef;
    -webkit-transition: border-bottom .4s;
    -o-transition: border-bottom .4s;
    transition: border-bottom .4s;
    padding-bottom: 24px;
    margin-bottom: 24px
}

.burger-menu__links nav ul li:hover {
    border-bottom: 1px solid #27303f
}

.burger-menu__links nav ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0
}

.burger-menu__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 16px
}

.burger-menu__btns .btn-black a,
.burger-menu__btns .btn-white a {
    width: 100%;
    text-align: center
}

.burger-menu__btns .btn-black,
.burger-menu__btns .btn-white {
    width: 100%
}

.btn-black,
.btn-white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    cursor: pointer;
    border-radius: 13px;
    z-index: 0;
    background-clip: padding-box;
    border: 2px solid transparent
}

.btn-black::before,
.btn-white::before {
    position: absolute;
    top: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    left: 0;
    right: 0;
    bottom: 0;
    content: ""
}

.btn-white a {
    border-radius: 12px;
    background: #fff;
    color: #000;
    padding: 16px 22px;
    white-space: nowrap;
    cursor: pointer
}

.btn,
.btn-black a,
.btn-black button,
.btn-black input {
    position: relative;
    padding: 16px 22px;
    border-radius: 12px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase
}

.btn-white::before {
    opacity: 0;
    background: -o-linear-gradient(left, #72bdd1, #b778eb, #e65b00);
    background: -webkit-gradient(linear, left top, right top, from(#72bdd1), color-stop(#b778eb), to(#e65b00));
    background: linear-gradient(90deg, #72bdd1, #b778eb, #e65b00);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.btn-black a:hover::before,
.btn-black button:hover::before,
.btn-black input:hover::before,
.btn-white:hover::before {
    opacity: 1
}

.btn-black a,
.btn-black button,
.btn-black input {
    font-weight: 600;
    color: #fff;
    z-index: 1;
    cursor: pointer;
    background: -o-linear-gradient(top, #242f3d, #242f3d);
    background: -webkit-gradient(linear, left top, left bottom, from(#242f3d), to(#242f3d));
    background: linear-gradient(180deg, #242f3d, #242f3d)
}

.btn-black a::before,
.btn-black button::before,
.btn-black input::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: -o-linear-gradient(top, #5b738a, #242f3d);
    background: -webkit-gradient(linear, left top, left bottom, from(#5b738a), to(#242f3d));
    background: linear-gradient(180deg, #5b738a, #242f3d);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    z-index: -1
}

.btn-black::before {
    background: -o-linear-gradient(left, #72bdd1, #b778eb, #e65b00);
    background: -webkit-gradient(linear, left top, right top, from(#72bdd1), color-stop(#b778eb), to(#e65b00));
    background: linear-gradient(90deg, #72bdd1, #b778eb, #e65b00)
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 0;
    font-weight: 700
}

.btn-mobile {
    display: none !important
}

.btn-border {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    color: #fff
}

.btn-border_black {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #000;
    gap: 10px;
    border: 1px solid rgba(39, 48, 63, .3);
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s
}

.btn-border_black:hover {
    border: 1px solid rgba(39, 48, 63, .5)
}

.btn-border_black:hover img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-border_black img {
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.btn-call {
    position: absolute;
    top: -50px;
    right: 0
}

.connection__image,
.hero,
.hero__content,
.hero__info,
.tariffs #tariff-500-one,
.tariffs-line,
.tariffs__memory,
.toggle__switch,
.toggles__item {
    position: relative
}

.btn-call img {
    width: 64px;
    height: 64px
}

.disabled {
    opacity: .3;
    cursor: not-allowed;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.disabled::after,
.disabled::before {
    opacity: 0 !important
}

.disabled:hover {
    background: inherit
}

.toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle__label {
    font-size: 14px;
    color: rgba(39, 48, 63, .5);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.toggle__label--active {
    color: #27303f
}

.toggle__switch {
    width: 46px;
    height: 26px;
    display: inline-block
}

.toggle__switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.toggle__switch .toggle__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 2px solid #c4c7cb;
    border-radius: 9999px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.toggle__switch .toggle__slider::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 1px;
    background-color: #27303f;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.toggle__switch input:checked+.toggle__slider::before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.hero {
    background-color: #eef3f8
}

.hero__content {
    padding: 95px 0 145px
}

.hero__info {
    max-width: 55%;
    z-index: 2
}

.hero__info h1 {
    font-size: 52px;
    font-weight: 500;
    color: #27303f;
    margin-bottom: 24px;
    line-height: 93%
}

.hero__info p,
.hero__logo span {
    font-size: 18px;
    color: rgba(39, 48, 63, .9)
}

.hero__info p {
    max-width: 65%
}

.hero__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 50px
}

.hero__logo img {
    width: 43px;
    height: 43px
}

.hero__logo span {
    font-weight: 500
}

.hero__btn {
    margin-top: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.hero__background {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -150px
}

@media(max-width:1024px) {
    .header__toggle {
        display: none
    }

    .hero__info {
        max-width: 70%
    }

    .hero__background {
        right: -350px
    }
}

.hero__background video {
    -webkit-clip-path: fill-box;
    clip-path: fill-box;
    width: 66em;
    height: auto
}

.solutions {
    margin-top: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50vh
}

.solutions__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 650px
}

.solutions .title {
    text-align: center;
    max-width: 60%;
    margin: 0 auto
}

.solutions__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 45px;
    padding: 15px;
    border-radius: 32px;
    will-change: transform, opacity;
    background-color: #fff
}

.solutions__item:first-child {
    z-index: 1 !important
}

.solutions__item:nth-child(2) {
    z-index: 2 !important
}

.solutions__item:nth-child(3) {
    z-index: 3 !important
}

.solutions__item:nth-child(4) {
    z-index: 4 !important
}

.solutions__item:nth-child(5) {
    z-index: 5 !important
}

.solutions__item:nth-child(6) {
    z-index: 6 !important
}

.solutions__image img {
    max-width: 560px;
    height: auto
}

.solutions__pagination {
    margin-top: auto
}

.solutions__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    height: 500px
}

.solutions__info ul {
    margin-top: 20px;
    list-style: disc;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.solutions__name {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 32px
}

.solutions__info p {
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px
}

.solutions__product {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 45px
}

.ai,
.instruments,
.blog,
.choice,
.dignities,
.form,
.live,
.tariffs {
    margin-top: 140px
}

.solutions__calendar img,
.solutions__email img {
    width: auto;
    height: 42px
}

.solutions__calendar,
.solutions__email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 500
}

.choice .title {
    text-align: center;
    max-width: 60%;
    margin: 0 auto 50px
}

.choice__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.choice__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 30%;
    background-color: #eef3f8;
    border-radius: 25px;
    padding: 32px;
    height: 360px
}

.choice__item span {
    margin-top: auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px
}

.choice__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: auto
}

.choice__title img {
    height: 64px;
    width: 64px
}

.choice__title p {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600
}

.choice__item_demp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: -o-linear-gradient(300deg, #72bdd1, #b778eb, #e65b00);
    background: linear-gradient(150deg, #72bdd1, #b778eb, #e65b00)
}

.choice__item_demp .choice__title p {
    color: #fff;
    font-size: 32px;
    line-height: normal;
    font-weight: 500
}

.choice__item_demp .btn-white {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.choice__item_demp .btn-white a {
    font-size: 13px;
    width: 100%
}

.instruments p {
    margin-top: 15px;
    font-size: 24px;
    line-height: 24px;
    width: 70%;
}

.instruments__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%;
    gap: 15px;
    border-bottom: 1px solid rgb(223, 232, 239);
    padding-bottom: 20px;
}

.instruments__item:last-child,
.instruments__item:nth-last-child(2) {
    border-bottom: none;
}

.instruments__item p {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}

.instruments__item span {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.instruments__pic img {
    width: 65px;
    height: 65px;
}

.instruments__content {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 60px;
    row-gap: 20px;
}

.ai__content,
.live__content {
    background-image: url("/local/templates/main/image/background-live.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 52px 52px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 150px;
    border-radius: 32px
}

.ai__content {
    background-image: url("/local/templates/main/image/background-ai.png");
    padding: 52px;
    gap: 70px
}

.ai__info,
.live__info {
    color: #fff;
    -webkit-box-flex: 40%;
    -ms-flex: 40%;
    flex: 40%
}

.ai__info {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ai__info h2,
.live__info h2 {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 36px
}

.ai__info h2 {
    margin-bottom: 30px
}

.ai__info p,
.live__info p {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 10px
}

.ai__info p {
    margin-bottom: 20px;
    line-height: 22px
}

.ai__info .btn-white,
.live__info .btn-white {
    margin-top: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.ai__info .btn-white {
    margin-top: auto
}

.ai__video {
    position: relative;
    max-width: 600px;
    background: #fff;
    padding: 15px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    border-radius: 35px
}

.ai__video video {
    border-radius: 25px;
    width: 100%;
    height: auto
}

.ai__image {
    position: absolute;
    left: -5%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    top: 20%
}

.live__image img {
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.tariffs__content,
.tariffs__title {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify
}

.tariffs {
    background-color: #eef3f8;
    padding: 140px 0
}

.tariffs__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 150px
}

.tariffs__customer .toggles__item label {
    width: 200px;
}

.tariffs__customer .tariffs__info .tariffs-line--first {
    display: block;
}

.tariffs__customer .tariffs__users,
.tariffs__customer .tariffs-line,
.tariffs__customer #tariff-12-five {
    display: none;
}

.tariffs__choice {
    border-radius: 32px;
    background-color: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(max-width:1100px) {
    .solutions__image img {
        max-width: 350px
    }

    .solutions__info {
        height: auto
    }

    .solutions__name {
        font-size: 28px;
        margin-bottom: 20px
    }

    .solutions__info p {
        margin-bottom: 5px
    }

    .solutions__product {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .instruments__content,
    .choice__content {
        gap: 35px
    }

    .choice__item {
        -webkit-box-flex: 40%;
        -ms-flex: 40%;
        flex: 40%;
        width: auto
    }

    .ai__content,
    .live__content {
        gap: 50px
    }

    .ai__info,
    .live__info {
        -webkit-box-flex: 70%;
        -ms-flex: 70%;
        flex: 70%
    }

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

    .tariffs__choice {
        width: 80%;
        margin: 0 auto
    }
}

@media(max-width:868px) {
    .tariffs__choice {
        width: 100%
    }
}

.tariffs__calculator {
    padding: 32px;
    border-radius: 32px 32px 0 0;
    background-color: #fff
}

.tariffs__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

.tariffs__title h2 {
    font-weight: 600;
    font-size: 40px
}

.tariffs__title img {
    width: 70px;
    height: 70px
}

.tariffs__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

.tariffs__label {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #27303f;
    margin-bottom: 15px
}

.tariffs__offer {
    padding: 36px;
    border-radius: 32px;
    background: -o-linear-gradient(300deg, #72bdd1, #b778eb, #e65b00);
    background: linear-gradient(150deg, #72bdd1, #b778eb, #e65b00)
}

.tariffs__tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 12px;
    background-color: #27303f;
    border-radius: 12px;
    margin-bottom: 12px
}

.tariffs__tag span {
    font-weight: 500;
    color: #fff;
    font-size: 18px
}

.tariffs__name {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 32px
}

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

.tariffs__info span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .7)
}

.tariffs__gb {
    width: 40%;
    position: relative
}

.tariffs__gb p {
    font-size: 50px;
    color: #fff;
    font-weight: 500
}

.tariffs__hint {
    cursor: pointer;
    position: relative
}

.tariffs__hint.active .tariffs__tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    pointer-events: auto
}

.tariffs__tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(5px);
    -ms-transform: translateX(-50%) translateY(5px);
    transform: translateX(-50%) translateY(5px);
    padding: 20px;
    background: rgba(39, 48, 63, .5);
    -webkit-backdrop-filter: blur(34.42px);
    backdrop-filter: blur(34.42px);
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    border-radius: 12px;
    font-size: 18px;
    width: 360px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    z-index: 3
}

.tariffs__tooltip::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(39, 48, 63, .5);
    -webkit-backdrop-filter: blur(34.42px);
    backdrop-filter: blur(34.42px);
    z-index: 6
}

.tariffs__memory {
    gap: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tariffs-line {
    margin: 0 15px;
    display: block;
    height: auto;
    background-color: hsla(0, 0%, 100%, .2);
    width: 1px
}

.tariffs__user {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tariffs__price_crossed {
    text-decoration: line-through
}

.tariffs__price {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px
}

.tariffs__btn {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.tariffs__btn .btn,
.tariffs__btn .btn-white {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 13px;
    justify-content: center;
    text-align: center
}

.form__field input,
.tariffs__btn .btn a,
.tariffs__btn .btn-white a {
    width: 100%
}

.tariffs__warranty h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px
}

.tariffs__possibilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dfe8ef
}

.tariffs__possibilities img {
    width: 64px;
    height: 64px;
}

.tariffs__possibilities:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.tariffs__possibilities p {
    font-size: 18px;
    font-weight: 400
}

.tariffs__possibilities p span {
    color: #063fce
}

.tariffs__possibilities a,
.tariffs__possibilities button {
    cursor: pointer;
    font-weight: 500;
    color: #063fce
}

.users__btn {
    cursor: pointer;
    border-radius: 12px;
    font-size: 25px;
    width: 40px;
    height: 40px;
    background-color: #eef3f8
}

.users__input {
    text-align: center;
    max-width: 120px;
    padding: 0 8px;
    margin: 0 8px;
    border-radius: 12px;
    border: 1px solid #cad6df
}

.users__input::-webkit-inner-spin-button,
.users__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.users__input[type=number] {
    -moz-appearance: textfield
}

.toggles__item {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #e7f0f6;
    background: #fff;
    border-radius: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dignities__item,
.faq__item {
    border-bottom: 1px solid #eef3f8
}

.toggles__item input[type=radio]:checked+label {
    background-color: #e7f0f6;
    color: #000
}

.toggles__item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 140px;
    height: 40px;
    z-index: 2;
    position: relative;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
    white-space: nowrap;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.toggles__discount {
    position: absolute;
    top: 5px;
    left: 5px;
    font-weight: 500;
    font-size: 10px;
    color: #fff;
    border-radius: 12px;
    padding: 2px;
    background-color: #27303f
}

.dignities__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 80px
}

@media(max-width:1200px) {
    .tariffs__content {
        gap: 100px
    }

    .dignities__content {
        gap: 40px
    }
}

.dignities__logo {
    width: auto;
    height: 74px;
    position: relative;
    left: -30px
}

.dignities__info {
    background-color: #eef3f8;
    border-radius: 32px;
    padding: 55px;
    min-width: 400px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.dignities__info h2 {
    margin-top: 68px;
    margin-bottom: 20px
}

.dignities__info p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px
}

.dignities__digits {
    min-width: 600px;
    width: 100%
}

.dignities__link {
    margin-top: 0 !important;
    color: #27303f !important
}

.dignities__item {
    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: 30px;
    padding-bottom: 30px
}

.dignities__item:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.dignities__item p {
    white-space: nowrap;
    font-size: 52px;
    font-weight: 500
}

.dignities__item span {
    width: 340px
}

@media(max-width:1100px) {
    .dignities__logo {
        height: 50px;
        left: -15px
    }

    .dignities__info {
        min-width: auto;
        padding: 40px
    }

    .dignities__info h2 {
        font-size: 40px;
        line-height: 40px
    }

    .dignities__digits {
        min-width: auto
    }

    .dignities__item {
        gap: 15px
    }

    .dignities__item p {
        font-size: 40px
    }

    .dignities__item span {
        width: 300px
    }

    .dignities__item span a,
    .dignities__item span button {
        text-align: initial
    }
}

@media(max-width:1000px) {
    .dignities__item span {
        width: 200px
    }
}

@media(max-width:900px) {

    .ai__content,
    .live__content {
        padding: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .dignities__content,
    .dignities__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .ai__info,
    .live__info {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .ai__video,
    .live__image {
        margin: 0 auto
    }

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

    .dignities__item {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .dignities__item span {
        width: 100%
    }
}

.dignities__item span a,
.dignities__item span button {
    margin-top: 15px;
    color: #063fce;
    text-decoration: underline;
    display: block;
    cursor: pointer
}

.dignities .btn-white a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.connection,
.connection__btn {
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dignities .btn-white a img {
    position: relative;
    bottom: 2px
}

.connection {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 75vh;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative
}

.blog__title,
.connection__item {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.connection .title {
    text-align: center;
    margin-bottom: 60px
}

.connection__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 20px
}

.connection__item {
    width: 830px;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 50px
}

.connection__image img {
    width: 388px;
    height: auto
}

.connection__image .pagination {
    bottom: 15px;
    left: 15px;
    position: absolute
}

.connection__info p {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 15px
}

.connection__btn {
    margin-top: 65px;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.connection__btn .btn-black {
    min-width: 240px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.expansion {
    margin-top: 50px;
    background-image: url("/local/templates/main/image/background-product.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 32px
}

.expansion__content {
    max-width: 60%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 70px 0;
    color: #fff
}

.footer__connection,
.footer__rights {
    text-align: right
}

.expansion__content h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px
}

.expansion__content p {
    margin-bottom: 40px
}

.blog__title {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-bottom: 50px
}

.blog__title .title {
    max-width: 50%
}

.blog__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px
}

.blog__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%;
    background-color: #eef3f8;
    border-radius: 25px;
    padding: 32px
}

.blog__item img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover
}

.blog__item a {
    font-weight: 500;
    color: #063fce
}

.blog__tag {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 20px;
    margin-bottom: 8px;
    background-color: #fff;
    font-size: 14px;
    padding: 4px 8px;
    font-weight: 500;
    border-radius: 12px
}

.blog__name {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 50px
}

.blog__more {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(39, 48, 63, .5);
    font-size: 14px;
    gap: 5px;
    font-weight: 400
}

.blog__time img {
    width: 24px;
    height: 24px
}

.faq {
    margin-top: 140px
}

.faq__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 160px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.faq__title h2 {
    margin-bottom: 100px
}

.faq__title img {
    width: 440px;
    height: auto;
    display: block
}

.faq__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 25px
}

.faq__item {
    padding-bottom: 30px
}

.faq__item.active .faq__answer {
    max-height: 500px
}

.faq__icon {
    width: 40px;
    height: 40px
}

.faq__questions {
    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;
    cursor: pointer
}

.faq__questions p {
    color: #27303f;
    font-size: 24px;
    font-weight: 600
}

.faq__answer {
    max-height: 0;
    margin-top: 0;
    -webkit-transition: max-height .35s, margin-top .35s;
    -o-transition: max-height .35s, margin-top .35s;
    transition: max-height .35s, margin-top .35s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 10px
}

.form__content {
    padding: 50px;
    border-radius: 32px;
    background: -o-linear-gradient(320deg, #72bdd1, #b778eb, #e65b00);
    background: linear-gradient(130deg, #72bdd1, #b778eb, #e65b00);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 90px;
    position: relative
}

.form__info {
    max-width: 435px;
    width: 100%
}

@media(max-width:1100px) {
    .expansion {
        background-position: right
    }

    .expansion__content {
        max-width: 75%
    }

    .blog__content {
        gap: 20px
    }

    .faq__content {
        gap: 80px
    }

    .faq__title img {
        width: 350px
    }

    .faq__item {
        padding-bottom: 20px
    }

    .form__content {
        gap: 40px;
        padding: 40px
    }

    .form__info {
        max-width: 330px
    }
}

@media(max-width:768px) {

    .connection__item,
    .faq__content,
    .form__content,
    .solutions__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .header__burger {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        width: 50px;
        height: 50px;
        border-radius: 12px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .faq__title img,
    .header__btns .btn-white,
    .hero__background,
    .tariffs-line--first {
        display: none
    }

    .btn-black a,
    .btn-black button,
    .btn-black input,
    .btn-white a {
        padding: 14px 22px
    }

    .choice .title,
    .hero__info {
        max-width: 100%
    }

    .hero__info h1 {
        font-size: 42px;
        margin-bottom: 20px
    }

    .hero__info p {
        font-size: 16px;
        max-width: 80%
    }

    .ai,
    .instruments,
    .blog,
    .choice,
    .dignities,
    .faq,
    .form,
    .solutions,
    .tariffs {
        margin-top: 100px
    }

    .solutions__content {
        height: 750px
    }

    .solutions .title {
        max-width: 100%;
        margin-bottom: 30px
    }

    .solutions__item {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 20px;
        padding: 10px;
        top: 0;
        height: 100%;
        border-radius: 0
    }

    .solutions__image {
        margin: 0 auto
    }

    .solutions__image img {
        max-width: 500px
    }

    .instruments__content,
    .choice__content {
        gap: 20px
    }

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

    .instruments__item:nth-last-child(2) {
        border-bottom: 1px solid rgb(223, 232, 239);
    }

    .instruments__item:last-child {
        border-bottom: 0px;
    }

    .choice__item {
        padding: 20px;
        height: 300px
    }

    .choice__title {
        gap: 12px
    }

    .choice__title p {
        font-size: 18px
    }

    .choice__item_demp .choice__title p {
        font-size: 26px;
        line-height: 26px
    }

    .choice__item_demp .btn-white a {
        white-space: normal
    }

    .ai__info .btn-white,
    .ai__info .btn-white a,
    .live__info .btn-white,
    .live__info .btn-white a {
        min-width: 100%
    }

    .ai__video {
        padding: 5px
    }

    .ai__image {
        height: 60px
    }

    .ai__video,
    .live__image img {
        max-width: 400px
    }

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

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

    .tariffs__memory {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .tariffs__user {
        width: auto
    }

    .toggles__item label {
        width: 100px
    }

    .connection__image img,
    .dignities .btn-white {
        width: 100%
    }

    .dignities .btn-white a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }

    .connection {
        min-height: auto;
        margin-top: 100px
    }

    .connection__content {
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        width: 100%;
        gap: 40px
    }

    .connection__item,
    .faq__content {
        -ms-flex-direction: column
    }

    .connection__item {
        scroll-snap-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 430px;
        gap: 30px
    }

    .tariffs__customer .tariffs__info .tariffs-line--first {
        display: none;
    }

    .connection__info p {
        font-size: 24px
    }

    .expansion__content {
        max-width: 90%
    }

    .blog__content {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        overflow: auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .blog__item {
        scroll-snap-align: start;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 330px
    }

    .faq__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .faq__title h2 {
        text-align: center;
        margin-bottom: 60px
    }

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

    .form__info {
        display: -ms-grid;
        display: grid;
        grid-template-areas: "bottom" "top" "middle";
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 100%
    }
}

.form__info h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 15px;
    grid-area: top
}

.form__info p {
    font-size: 18px;
    color: #fff;
    grid-area: middle
}

.form__info img {
    display: block;
    width: 141px;
    height: auto;
    margin-top: 90px;
    grid-area: bottom
}

@media (max-width:768px) {

    .form__info h2 {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .form__info p {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .form__info img {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
}

@media (max-width:768px) {
    .form__info h2 {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .form__info p {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .form__info img {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
}

.form__application {
    background-color: #fff;
    padding: 40px;
    border-radius: 20px
}

@media(max-width:1100px) {
    .form__info img {
        width: 100px;
        margin-top: 30px
    }

    .form__application {
        padding: 30px
    }
}

.form__field {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cad6df;
    position: relative
}

.form__field textarea {
    resize: none;
    width: 100%;
    height: 20px
}

.form__success {
    background-image: url("/local/templates/main/image/back-form.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    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;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 32px
}

.form__success-popup {
    padding: 30px
}

.form__success-popup span {
    max-width: 45% !important
}

.form__success img {
    margin-bottom: 20px
}

@media(max-width:568px) {

    .solutions__calendar img,
    .solutions__email img {
        height: 35px
    }

    .solutions__calendar,
    .solutions__email,
    .solutions__info p {
        font-size: 16px
    }

    .choice__item,
    .live__content,
    .tariffs__choice,
    .tariffs__offer {
        border-radius: 24px
    }

    .hero__btn,
    .tariffs__btn,
    .tariffs__controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .container {
        margin: 0 15px
    }

    .title {
        font-size: 26px;
        line-height: 26px
    }

    .btn-mobile {
        width: 100%;
        text-align: center;
        display: block !important
    }

    .blog__title .btn,
    .btn-call,
    .choice__item:last-child,
    .hero__logo {
        display: none
    }

    .hero__content {
        padding: 250px 0 50px
    }

    .hero__info h1 {
        font-size: 32px;
        margin-bottom: 15px
    }

    .hero__info p,
    .solutions__image img {
        max-width: 100%
    }

    .hero__btn {
        margin-top: 32px;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .hero__btn .btn-black,
    .hero__btn .btn-white {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .hero__btn .btn-black a,
    .hero__btn .btn-white a {
        width: 100%
    }

    .hero__background {
        display: block;
        right: 0
    }

    .hero__background video {
        width: 25em
    }

    .instruments,
    .blog,
    .choice,
    .dignities,
    .faq,
    .form,
    .solutions {
        margin-top: 50px
    }

    .solutions__name {
        font-size: 24px;
        margin-bottom: 15px
    }

    .solutions__product {
        margin-top: 15px;
        margin-bottom: 15px
    }

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

    .instruments p {
        font-size: 18px;
        width: 100%;
    }

    .instruments__content {
        margin-top: 30px;
    }

    .instruments__item span {
        font-size: 16px;
        line-height: 16px;
    }

    .instruments__item p {
        margin-bottom: 10px;
    }

    .choice .title {
        margin: 0 auto 32px
    }

    .choice__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 12px;
        padding-bottom: 10px;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }

    .ai__content,
    .live__content {
        padding: 20px 15px;
        gap: 30px
    }

    .choice__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        width: 300px;
        height: 285px;
        scroll-snap-align: start
    }

    .ai__info p,
    .choice__item span,
    .connection__info span,
    .live__info p {
        font-size: 16px;
        line-height: 18px
    }

    .choice__title img {
        width: 52px;
        height: 52px
    }

    .live__content {
        background-image: url("/local/templates/main/image/background-live-mobile.png")
    }

    .ai__info h2,
    .form__info h2,
    .live__info h2 {
        font-size: 28px;
        line-height: 28px
    }

    .tariffs {
        margin-top: 50px;
        padding: 50px 0
    }

    .blog__item,
    .tariffs__calculator,
    .tariffs__offer {
        padding: 20px
    }

    .tariffs__title {
        gap: 15px
    }

    .tariffs__title h2 {
        font-size: 28px
    }

    .tariffs__title img {
        width: 42px;
        height: 42px
    }

    .tariffs__controls {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px
    }

    .tariffs__users {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .tariffs__tag span {
        font-size: 14px
    }

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

    .tariffs__gb p {
        font-size: 32px
    }

    .tariffs__tooltip {
        width: 200px;
        padding: 10px;
        font-size: 14px
    }

    .tariffs__price {
        font-size: 18px;
        margin-bottom: 0
    }

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

    .tariffs__warranty h3 {
        font-size: 18px;
        margin-bottom: 24px
    }

    .tariffs__possibilities {
        gap: 16px
    }

    .tariffs__possibilities img {
        width: 52px;
        height: 52px
    }

    .tariffs__possibilities a,
    .tariffs__possibilities button,
    .tariffs__possibilities p {
        font-size: 16px
    }

    .users__input {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        width: 60%
    }

    .toggles__item label {
        width: 140px
    }

    .dignities__logo {
        height: 40px;
        left: -10px
    }

    .dignities__info {
        padding: 30px;
        border-radius: 20px
    }

    .dignities__info h2 {
        font-size: 28px;
        line-height: 28px;
        margin-top: 30px
    }

    .dignities__info p {
        font-size: 16px
    }

    .dignities__info .btn {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .dignities__item {
        gap: 8px;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .dignities__item p {
        font-size: 32px
    }

    .dignities__item span,
    .dignities__item span a,
    .dignities__item span button,
    .faq__answer,
    .form__info p {
        font-size: 16px
    }

    .connection__item {
        min-width: 330px
    }

    .connection__btn {
        margin-top: 30px
    }

    .connection__btn .btn-black,
    .connection__btn .btn-black a {
        min-width: 100%
    }

    .expansion {
        background-image: url("/local/templates/main/image/background-product-mobile.png");
        background-position: inherit
    }

    .expansion__content {
        max-width: 100%;
        text-align: left;
        padding: 275px 0 30px
    }

    .expansion__content .btn-white {
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .expansion__content h2 {
        font-size: 28px
    }

    .expansion__content p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .blog__item a,
    .blog__name,
    .faq__questions p {
        font-size: 18px
    }

    .blog__title .title {
        max-width: 100%;
        text-align: center
    }

    .blog__name {
        margin-bottom: 40px
    }

    .faq__title h2 {
        margin-bottom: 30px
    }

    .form__content {
        padding: 20px 15px;
        gap: 25px
    }

    .form__application {
        padding: 30px 15px
    }

    .form__success img {
        width: 114px
    }

    .form__success p {
        font-size: 28px !important
    }

    .form__success span {
        max-width: 70%;
        font-size: 16px !important
    }
}

.form__success p {
    font-weight: 600;
    color: #fff;
    font-size: 40px;
    margin-bottom: 15px !important
}

.form__success span {
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    max-width: 25%;
    text-align: center
}

.form__field.error {
    border-color: #e74c3c
}

.form__field.error input,
.form__field.error textarea {
    color: #e74c3c
}

.form__field.error input::-webkit-input-placeholder,
.form__field.error textarea::-webkit-input-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    transition: color .3s
}

.form__field.error input::-moz-placeholder,
.form__field.error textarea::-moz-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.form__field.error input:-ms-input-placeholder,
.form__field.error textarea:-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s
}

.form__field.error input::-ms-input-placeholder,
.form__field.error textarea::-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s
}

.form__field.error input::-webkit-input-placeholder,
.form__field.error textarea::-webkit-input-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.form__field.error input::-moz-placeholder,
.form__field.error textarea::-moz-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.form__field.error input:-ms-input-placeholder,
.form__field.error textarea:-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s
}

.form__field.error input::-ms-input-placeholder,
.form__field.error textarea::-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s
}

.form__field.error input::placeholder,
.form__field.error textarea::placeholder {
    color: #e74c3c;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.form__field.error .form__error-message {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 12px;
    color: #e74c3c;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.form__error-message {
    display: block;
    opacity: 1;
    font-size: 12px;
    color: #e74c3c;
    margin-top: 5px
}

.form__req {
    top: 3px;
    position: absolute;
    right: 0;
    color: rgba(39, 48, 63, .3);
    font-size: 14px
}

.form__checkbox {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.form__checkbox input[type=checkbox] {
    width: 22px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #27303f;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

@media(max-width:1100px) {
    .form__checkbox input[type=checkbox] {
        width: 32px
    }
}

@media(max-width:768px) {
    .form__success span {
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        max-width: 80%;
        text-align: center
    }

    .form__checkbox input[type=checkbox] {
        width: 22px
    }

    .form {
        margin-bottom: 100px
    }

    .footer__logo {
        display: none
    }

    .footer__data {
        width: 100%
    }

    .footer__info {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width:568px) {
    .form__checkbox input[type=checkbox] {
        width: 30px
    }
}

@media(max-width:368px) {
    .form__checkbox input[type=checkbox] {
        width: 40px
    }
}

.form__checkbox input[type=checkbox]:checked {
    background-color: #27303f;
    border-color: #27303f
}

.form__checkbox input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form__submit {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form__submit .btn-black {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.form__submit .btn-black button,
.form__submit .btn-black input {
    width: 100%
}

.footer {
    background-color: #eef3f8
}

.footer__content {
    position: relative;
    padding: 50px 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__logo {
    position: relative;
    bottom: 50px
}

.footer__logo video {
    -webkit-clip-path: fill-box;
    clip-path: fill-box;
    width: 300px;
    height: auto
}

.footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    margin-bottom: 80px
}

.footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 24px
}

.footer__copyright,
.footer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify
}

.footer__links a {
    text-transform: uppercase;
    color: #27303f;
    font-size: 14px;
    font-weight: 600
}

.footer__contacts hr {
    margin: 40px 0;
    height: 0;
    border: none;
    border-top: 1px solid rgba(155, 155, 155, .5)
}

.footer__item {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 40px
}

@media(max-width:1024px) {
    .footer__logo video {
        width: 200px
    }

    .footer__info,
    .footer__item {
        gap: 20px
    }
}

@media(max-width:568px) {
    .footer {
        margin-bottom: 50px
    }

    .footer__info,
    .footer__item {
        gap: 10px
    }

    .popup .container {
        max-width: 100%;
        margin: 0
    }
}

.footer__item span {
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(39, 48, 63, .5);
    font-size: 14px
}

.footer__connection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.footer__connection a {
    color: #27303f;
    font-size: 14px;
    font-weight: 500
}

.footer__phone {
    text-decoration: none !important;
    margin-top: 8px
}

.footer__copyright {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__name,
.footer__rights {
    display: -webkit-box;
    display: -ms-flexbox;
    gap: 12px
}

.footer__name {
    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
}

.footer__name img {
    width: 43px;
    height: 43px
}

.footer__rights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media(max-width:468px) {

    .footer__contacts,
    .footer__copyright,
    .footer__info,
    .footer__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .footer__info {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px;
        gap: 40px
    }

    .footer__links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__contacts,
    .footer__item {
        -ms-flex-direction: column
    }

    .footer__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .footer__contacts hr {
        display: none
    }

    .footer__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }

    .footer__copyright {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 24px
    }

    .footer__rights {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }
}

.footer__rights a,
.footer__rights p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(39, 48, 63, .5)
}

@-webkit-keyframes slideIn {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.pagination_index,
.pagination_total {
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important
}

.pagination_index {
    color: #0c131b
}

.pagination_separator,
.pagination_total {
    color: rgba(12, 19, 27, .3);
    margin-bottom: 0 !important
}

.popup {
    position: fixed;
    inset: 0;
    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;
    opacity: 0;
    background: rgba(238, 243, 248, .87);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    z-index: 0
}

.popup.active {
    opacity: 1;
    z-index: 1;
    pointer-events: auto
}

.popup__content {
    position: relative;
    background: #fff;
    border-radius: 32px;
    padding: 40px;
    max-width: 600px;
    width: 100%;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    -o-transition: opacity .4s, transform .4s
}

.popup__content h2 {
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 15px
}

.popup__content p {
    font-size: 18px;
    margin-bottom: 40px
}

.popup__content.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.popup__close {
    width: 64px;
    height: 64px;
    background-color: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -85px;
    cursor: pointer
}

@media(max-width:768px) {
    .popup__close {
        right: 10px;
        background: 0 0
    }

    .burger-menu__links nav ul li:last-child {
        border-bottom: 1px solid transparent !important
    }

    .burger-menu__links nav ul li:hover {
        border-bottom: 1px solid #dfe8ef
    }
}

@media(max-width:568px) {
    .popup {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background: rgba(39, 48, 63, .7);
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px)
    }

    .popup__content {
        max-width: 100%;
        padding: 35px 15px
    }

    .popup__content h2 {
        font-size: 24px;
        max-width: 85%
    }

    .popup__content p {
        font-size: 16px;
        margin-bottom: 30px
    }

    .popup__close {
        top: 15px;
        right: 15px;
        background: 0 0;
        width: 48px;
        height: 48px
    }
}

.popup__close svg {
    width: 32px;
    height: 32px
}

.error {
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
}

.error h1 {
    font-size: 50px
}

.blog {
    display: none
}

.form {
    margin-bottom: 140px
}