:root {
    --primary: #4141C3;
    --primary-light: #5b5bf3;
    --secondary: #BAE451;
    --white: #FFFFFF;
    --gray-light: #F2F4F6;
    --text-black: #141A1F;
    --text-gray: #69696D;
    --border-color: #D9E0E7;
    --border: 1px solid var(--border-color)
}

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

ul, ol {
    padding: 0
}

body, h1, h2, h3, h4, h5, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {
    margin: 0
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.2
}

ul, ol {
    list-style: none
}

a {
    text-decoration: none
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%;
    display: block
}

article > * + * {
    margin-top: 1em
}

input, button, textarea, select {
    font: inherit
}

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

.body__fw-block {
    width: 100%
}

.body__fw-block__content {
    padding: 0 16px
}

@media (min-width: 1300px) {
    .body__fw-block__content {
        margin: 0 auto;
        max-width: 1300px
    }
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 16px;
    border-bottom: var(--border);
    z-index: 100;
    background-color: var(--white)
}

.header__logo {
    display: flex;
    align-items: center;
    align-self: stretch
}

.header__navigation {
    display: none;
    align-self: stretch
}

@media (min-width: 1300px) {
    .header__navigation {
        display: block
    }
}

.header__navigation__list {
    display: flex;
    align-items: center;
    gap: 40px;
    height: 100%
}

.header__navigation__list__item {
    display: flex;
    align-items: center;
    align-self: stretch;
    cursor: pointer
}

.header__navigation__list__item__link {
    display: flex;
    align-items: center;
    height: 100%
}

.header__navigation__list__item:hover {
    color: var(--primary)
}

.header__actions {
    display: none;
    align-items: center;
    gap: 40px
}

@media (min-width: 1300px) {
    .header__actions {
        display: flex
    }
}

@media (min-width: 1300px) {
    .header__menu__btn {
        display: none
    }
}

.header__menu__nav {
    z-index: 190;
    margin-bottom: 60px
}

.header__menu__nav.inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(100%);
    transition: transform .4s ease;
    z-index: 300;
    background-color: var(--white);
    padding: 20px 16px
}

.header__menu__nav.visible {
    transform: translate(0)
}

.header__menu__nav__list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.header__menu__nav__list__item {
    padding: 0 !important
}

.header__menu__nav__list__item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 20px
}

.header__menu__nav__list__item .button__inner {
    padding: 12px 20px
}

.header__menu__nav__back {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 40px
}

.header__menu__nav__back__btn {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    border: var(--border)
}

.header__menu__nav__back__btn svg {
    transform: rotate(180deg) translate(4px)
}

.header__menu__consultation {
    margin-bottom: 60px
}

.header__menu__links {
    margin-bottom: 40px
}

.header__menu__links__email {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px
}

.header__menu__links__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

#hamburger__toggle {
    opacity: 0
}

#hamburger__toggle:checked ~ .hamburger__btn > span {
    transform: rotate(45deg)
}

#hamburger__toggle:checked ~ .hamburger__btn > span:before {
    top: 0;
    transform: rotate(0)
}

#hamburger__toggle:checked ~ .hamburger__btn > span:after {
    top: 0;
    transform: rotate(90deg)
}

.hamburger {
    position: fixed;
    z-index: 100;
    top: 8px;
    right: 16px;
    padding: 4px;
    border: var(--border);
    background: #fff;
    cursor: pointer;
    width: 44px;
    height: 44px;
    border-radius: 22px
}

.hamburger__btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 8px;
    left: 10px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 200
}

.hamburger__btn > span, .hamburger__btn > span:before, .hamburger__btn > span:after {
    display: block;
    position: absolute;
    width: 22px;
    height: 2px;
    background-color: var(--text-black);
    transition-duration: .25s
}

.hamburger__btn > span:before {
    content: "";
    top: -7px
}

.hamburger__btn > span:after {
    content: "";
    top: 7px
}

.menu {
    position: fixed;
    transform: translateY(-100%);
    transition: transform .5s ease-in-out;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: var(--white);
    color: var(--text-black);
    list-style: none;
    padding: 60px 16px;
    margin-top: 0;
    display: flex;
    flex-direction: column
}

.showMenu {
    transform: translateY(0)
}

.link-button {
    display: flex;
    align-items: center;
    border: var(--border);
    text-decoration: none;
    color: var(--text-black);
    cursor: pointer;
    padding: 12px 20px;
    height: 44px;
    border-radius: 22px;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease
}

.link-button .button__inner__text {
    color: var(--text-black)
}

.link-button .button__inner__icon-fill {
    fill: var(--text-black)
}

.link-button .button__inner__icon-stroke {
    stroke: var(--text-black)
}

.link-button.big {
    height: 60px;
    padding: 20px;
    border-radius: 30px
}

.link-button.primary {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary)
}

.link-button.primary:hover {
    background-color: var(--primary-light)
}

.link-button.primary .button__inner__text {
    color: var(--white)
}

.link-button.primary .button__inner__icon-fill {
    fill: var(--white)
}

.link-button.primary .button__inner__icon-stroke {
    stroke: var(--white)
}

.link-button.secondary {
    color: var(--text-black);
    background-color: var(--white)
}

.link-button.secondary:hover {
    background-color: var(--primary);
    color: var(--white)
}

.link-button.secondary .button__inner__text {
    color: var(--text-black)
}

.link-button.secondary .button__inner__icon-fill {
    fill: var(--text-black)
}

.link-button.secondary .button__inner__icon-stroke {
    stroke: var(--text-black)
}

.button__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    color: var(--text-black)
}

.button__inner.center {
    justify-content: center
}

.lang-switcher {
    position: relative;
    width: 87px
}

.lang-switcher__labels {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    z-index: 200;
    font-size: 12px
}

.lang-switcher.big {
    width: 100%
}

.lang-switcher.big .lang-switcher__labels {
    padding: 0 24%
}

.lang-switcher.big .switch {
    width: 100%
}

.lang-switcher.big .slider:before {
    width: 50%;
    border-radius: 22px
}

.lang-switcher.big input:checked + .slider:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translate(100%)
}

.switch {
    position: relative;
    display: inline-block;
    width: 87px;
    height: 44px
}

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

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
    border: var(--border)
}

.slider:before {
    position: absolute;
    content: "";
    height: 42px;
    width: 42px;
    left: 0;
    bottom: 0;
    background-color: var(--gray-light);
    border: var(--border);
    -webkit-transition: .4s;
    transition: .4s
}

input:checked + .slider {
    background-color: var(--white)
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--primary)
}

input:checked + .slider:before {
    -webkit-transform: translateX(44px);
    -ms-transform: translateX(44px);
    transform: translate(44px)
}

.slider.round {
    border-radius: 22px
}

.slider.round:before {
    border-radius: 50%
}

.dropdown {
    position: relative;
    height: 100%
}

.dropdown:hover .dropdown__label__text {
    color: var(--primary)
}

.dropdown:hover .dropdown__label__icon {
    fill: var(--primary)
}

.dropdown:hover .dropdown__body {
    visibility: visible
}

.dropdown__label {
    display: flex;
    align-items: center;
    height: 100%
}

.dropdown__label__icon {
    fill: var(--text-black);
    transform: rotate(90deg)
}

.dropdown__body {
    position: absolute;
    top: 55px;
    left: 0;
    padding: 20px 30px 30px;
    background-color: var(--white);
    min-width: 470px;
    visibility: hidden
}

.dropdown__body__list {
    display: flex;
    flex-direction: column
}

.dropdown__body__list__item {
    color: var(--text-black);
    padding: 10px 0;
    border-bottom: var(--border)
}

.dropdown__body__list__item:last-child {
    border-bottom: none
}

.dropdown__body__list__item__link {
    display: block;
    height: 100%
}

.badge {
    display: flex;
    align-items: center;
    min-height: 30px;
    width: max-content;
    border-radius: 15px;
    padding: 6px 14px;
    color: var(--text-black);
    background-color: var(--secondary);
    font-size: 12px;
    font-weight: 400
}

.carousel__bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px
}

.carousel__bullets.green .carousel__bullets__item {
    background-color: var(--border-color);
    border-color: var(--border-color)
}

.carousel__bullets.green .carousel__bullets__item.glide__bullet--active {
    background-color: var(--secondary)
}

.carousel__bullets__item {
    flex-shrink: 0;
    max-width: 14px;
    height: 14px;
    border-radius: 7px;
    border: 1px solid var(--white);
    background-color: transparent
}

.carousel__bullets__item.glide__bullet--active {
    background-color: var(--white)
}

.text-field {
    margin-bottom: 40px
}

@media (max-width: 1299px) {
    .text-field {
        margin-bottom: 20px
    }
}

.text-field__label {
    display: block;
    margin-bottom: 6px;
    color: var(--text-black)
}

.text-field__input {
    display: block;
    width: 100%;
    height: 54px;
    padding: .375rem .75rem;
    font-family: inherit;
    font-size: 14px;
    color: var(--text-black);
    background-color: var(--white);
    background-clip: padding-box;
    border: var(--border);
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.text-field__input[type=search]::-webkit-search-decoration, .text-field__input[type=search]::-webkit-search-cancel-button, .text-field__input[type=search]::-webkit-search-results-button, .text-field__input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.text-field__input::placeholder {
    color: #212529;
    opacity: .4
}

.text-field__input:focus {
    color: var(--text-gray);
    background-color: #fff;
    border-color: var(--border-color);
    outline: 0;
    box-shadow: 0 0 0 .2rem #9e9e9e40
}

.text-field__input:disabled, .text-field__input[readonly] {
    background-color: #f5f5f5;
    opacity: 1
}

.preview {
    padding: 60px 0 30px;
    background-image: url(./bg_preview_mobile-B-GtYTaf.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100% 80%;
    margin-bottom: 80px
}


@media (min-width: 1300px) {
    .preview {
        padding: 45px 0 60px;
        background-image: url(./bg_preview_desktop-Cgk9LiZl.png);
        background-size: 65% 100%;
        margin-bottom: 100px
    }
}

.preview__block__content {
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (min-width: 1300px) {
    .preview__block__content {
        flex-direction: row
    }
}

@media (min-width: 1300px) {
    .preview__block__content__block {
        max-width: 45%
    }
}

.preview__block__content__block__badge {
    margin-bottom: 10px
}

.preview__block__content__block__title {
    margin-bottom: 20px
}

.preview__block__content__block__description {
    margin-bottom: 40px
}

@media (min-width: 1300px) {
    .preview__block__content__block__description {
        max-width: 80%
    }
}

@media (min-width: 1300px) {
    .preview__block__content__block__consultation {
        max-width: 50%
    }
}

.preview__block__content__labels {
    width: 100%;
    height: 500px
}

.preview__block__content__labels__bg {
    position: relative;
    width: 340px;
    height: 420px;
    margin: 0 auto;
    background-image: url(./bg_phone-c3RkGq9b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.preview__block__content__labels__bg.saas-bg {
    background-image: url(./image_bg_phone_saas.png);
}

@media (min-width: 1300px) {
    .preview__block__content__labels__bg {
        width: 420px;
        height: 515px;
    }
}

.preview__block__content__labels__item {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    width: max-content;
    border-radius: 10px;
    background-color: var(--white);
    font-size: 12px;
    opacity: 0;
    transform: translateZ(0) scale(0)
}

.preview__block__content__labels__item:nth-child(1) {
    top: 0;
    left: 30%
}

@media (min-width: 1300px) {
    .preview__block__content__labels__item:nth-child(1) {
        top: 3%;
        left: 15%
    }
}

.preview__block__content__labels__item:nth-child(2) {
    top: 90%;
    left: 25%
}

.preview__block__content__labels__item:nth-child(3) {
    top: 55%;
    left: 46%;
}

.video {
    margin-bottom: 80px
}

.video__title {
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 1300px) {
    .video {
        margin-bottom: 100px
    }
}

.video__block__content video {
    height: 280px
}

@media (min-width: 1300px) {
    .video__block__content video {
        height: 660px
    }
}

.benefits {
    margin-bottom: 80px
}

@media (min-width: 1300px) {
    .benefits {
        margin-bottom: 100px
    }
}

.benefits__block__title {
    margin-bottom: 20px
}

@media (min-width: 1300px) {
    .benefits__block__title {
        margin-bottom: 40px;
        text-align: center
    }
}

.benefits__block__wrapper {
    display: flex
}

.benefits__block__list {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-left: 1px dashed var(--border-color)
}

@media (min-width: 1300px) {
    .benefits__block__list {
        flex: 1 1 50%;
        padding-top: 125px
    }
}

@media (min-width: 1300px) {
    .benefits__block__list.gap-5 {
        padding-top: 195px
    }
}

.benefits__block__list.left {
    border-left: none;
    padding-top: 0;
    padding-bottom: 0
}

.benefits__block__list.left .benefits__block__list__item {
    margin-right: 40px;
    margin-left: 0
}

.benefits__block__list.left .benefits__block__list__item:before {
    left: calc(100% + 35px)
}

.benefits__block__list.left .benefits__block__list__item:nth-child(odd) {
    display: block
}

@media (min-width: 1300px) {
    .benefits__block__list.gap-5 {
        gap: 98px
    }
}

.benefits__block__list__item {
    position: relative;
    margin-left: 26px;
    padding: 30px;
    border-radius: 20px;
    background-color: var(--gray-light);
    min-height: 250px
}

@media (min-width: 1300px) {
    .benefits__block__list__item {
        margin-left: 40px
    }
}

.benefits__block__list__item:before {
    position: absolute;
    top: calc(50% - 6px);
    left: -32px;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: var(--primary)
}

@media (min-width: 1300px) {
    .benefits__block__list__item:before {
        left: -46px
    }
}

@media (min-width: 1300px) {
    .benefits__block__list__item:nth-child(odd) {
        display: none
    }
}

.benefits__block__list__item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.benefits__block__list__item__header__number {
    font-size: 60px;
    font-weight: 800;
    color: var(--white)
}

.benefits__block__list__item__title {
    margin-bottom: 10px
}

.advantages {
    margin-bottom: 80px
}

@media (max-width: 1299px) {
    .advantages {
        padding: 60px 0;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px
    }
}

@media (min-width: 1300px) {
    .advantages {
        margin-bottom: 100px
    }
}

@media (min-width: 1300px) {
    .advantages__block {
        padding: 60px 0 80px;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        border-radius: 20px;
        background-size: 100%
    }
}

.advantages__block__title {
    margin: 0 auto 24px;
    width: 70%;
    text-align: center
}

@media (min-width: 1300px) {
    .advantages__block__title {
        margin-bottom: 40px
    }
}

@media (min-width: 1300px) {
    .advantages__block__content__glide__slides {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px
    }
}

@media (min-width: 1300px) {
    .advantages__block__content__glide__slides li {
        width: 225px
    }
}

.advantages__block__content__glide__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    height: 220px;
    border-radius: 16px;
    background-color: var(--white)
}

.advantages__block__content__glide__slide__badge {
    margin-bottom: 20px
}

.advantages__block__content__glide__slide__value {
    color: var(--primary);
    margin-bottom: 8px;
    white-space: nowrap
}

.advantages__block__content__glide__slide__description {
    text-align: center
}

.clients {
    margin-bottom: 80px
}

@media (min-width: 1300px) {
    .clients {
        margin-bottom: 100px
    }
}

.clients__block__badge {
    margin: 0 auto 10px
}

.clients__block__title {
    text-align: center;
    width: 80%;
    margin: 0 auto 24px
}

@media (min-width: 1300px) {
    .clients__block__title {
        margin-bottom: 40px;
        width: 50%
    }
}

.clients__block__grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-auto-rows: 1fr 1fr 1fr;
    gap: 12px
}

@media (min-width: 1300px) {
    .clients__block__grid {
        grid-template-columns:repeat(6, 1fr);
        grid-auto-rows: 1fr;
        gap: 20px
    }
}

.clients__block__grid__item {
    display: grid;
    place-items: center;
    background-color: var(--white);
    border-radius: 10px;
    height: 80px;
    width: 100%
}

.clients__block__grid__item img {
    object-fit: contain;
    width: 180px;
    height: 60px;
}

.reviews {
    margin-bottom: 80px
}

@media (min-width: 1300px) {
    .reviews {
        margin-bottom: 100px
    }
}

.reviews__block__badge {
    margin: 0 auto 10px
}

.reviews__block__title {
    text-align: center;
    width: 80%;
    margin: 0 auto 24px
}

@media (min-width: 1300px) {
    .reviews__block__title {
        margin-bottom: 40px;
        width: 50%
    }
}

.reviews__block__glide__slide {
    margin: 0 auto;
    max-width: 600px;
    padding: 30px;
    background-color: var(--gray-light);
    border-radius: 16px
}

.reviews__block__glide__slide__header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px
}

.reviews__block__glide__slide__header__image {
    width: 80px;
    height: 80px;
    border-radius: 40px
}

.reviews__block__glide__slide__header__image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.reviews__block__glide__bullets__item {
    background-color: var(--border-color);
    border-color: var(--border-color)
}

.reviews__block__glide__bullets__item.glide__bullet--active {
    background-color: var(--secondary)
}

.analytics {
    margin-bottom: 80px;
    padding: 60px 0 80px;
    background-color: var(--gray-light)
}

@media (min-width: 1300px) {
    .analytics {
        margin-bottom: 100px;
        padding: 80px 0
    }
}

.analytics__block__title {
    margin-bottom: 24px
}

.analytics__block__text {
    max-width: 600px;
    padding: 60px 30px 44px;
    background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 20px;
    border-radius: 16px
}

.analytics__block__text__title {
    margin-bottom: 20px
}

.analytics__block__glide__slide {
    width: 100%;
    max-width: 600px;
    min-height: 490px;
    background-color: var(--white);
    border-radius: 16px;
    margin: 0 auto
}

@media (min-width: 1300px) {
    .analytics__block__glide__slide {
        width: 280px
    }
}

.analytics__block__glide__slide__image {
    width: 100%
}

.analytics__block__glide__slide__image img {
    width: 100%;
    object-fit: contain
}

.analytics__block__glide__slide__text {
    padding: 20px 30px
}

.analytics__block__glide__slide__text__title {
    margin-bottom: 10px
}

.analytics__block__glide__slide__text__description {
    color: var(--text-gray)
}

.best-system {
    margin-bottom: 80px
}

@media (max-width: 1299px) {
    .best-system {
        padding: 60px 0;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px
    }
}

@media (min-width: 1300px) {
    .best-system {
        margin-bottom: 100px
    }
}

.best-system__block {
    position: relative
}

@media (min-width: 1300px) {
    .best-system__block {
        padding: 60px 0;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px
    }
}

.best-system__block__title {
    text-align: center;
    margin-bottom: 250px
}

@media (min-width: 1300px) {
    .best-system__block__title {
        margin: 0 auto 48px;
        width: 50%
    }
}

.best-system__block__bg-devices {
    margin: 0 -16px 280px auto;
    width: 100%;
    height: clamp(100px, 50vw, 400px);
    background-image: url(./image_devices-uXHmXzfr.png);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 1300px) {
    .best-system__block__bg-devices {
        margin: 0 auto;
        max-width: 568px;
        height: 380px
    }
}

.best-system__block__label {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    max-width: 328px;
    border-radius: 10px;
    background-color: var(--white)
}

.best-system__block__label.reversed {
    flex-direction: row-reverse
}

.best-system__block__label:nth-child(1) {
    top: 25%;
    left: 0
}

@media (min-width: 1300px) {
    .best-system__block__label:nth-child(1) {
        top: 41%;
        left: 69%
    }
}

.best-system__block__label:nth-child(2) {
    top: 45%;
    left: 40%
}

@media (min-width: 1300px) {
    .best-system__block__label:nth-child(2) {
        top: 75%;
        left: 2%
    }
}

.best-system__block__label:nth-child(3) {
    top: 95%;
    left: 30%
}

@media (min-width: 1300px) {
    .best-system__block__label:nth-child(3) {
        top: 25%;
        left: 2%
    }
}

.best-system__block__label:nth-child(4) {
    top: 125%;
    left: 0
}

@media (min-width: 1300px) {
    .best-system__block__label:nth-child(4) {
        top: 83%;
        left: 57%
    }
}

.best-system__block__label__icon {
    flex: 0 0 34px;
    height: 34px
}

.best-system__block__label__icon img {
    width: 100%;
    height: 100%
}

.best-system__block__label__text__title {
    margin-bottom: 10px
}

.best-system__block__label__text__description {
    color: var(--text-gray)
}

@media (min-width: 1300px) {
    .system-powers__block {
        padding: 0 20px
    }
}

.system-powers__block__title {
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 1300px) {
    .system-powers__block__title {
        margin: 0 auto 40px
    }
}

@media (min-width: 1300px) {
    .system-powers__block__glide__slides {
        display: grid !important;
        gap: 20px;
        padding: 20px !important;
        grid-template-columns:repeat(8, 1fr);
        grid-template-rows:repeat(8, 1fr);
        grid-template-areas:"delivery delivery delivery delivery delivery delivery gps gps" "delivery delivery delivery delivery delivery delivery gps gps" "delivery delivery delivery delivery delivery delivery gps gps" "model model model process process process gps gps" "model model model process process process integration integration" "model model model process process process integration integration" "model model model process process process integration integration" "model model model process process process integration integration"
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .system-powers__block__glide__slides li:nth-child(1) {
        grid-area: delivery
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .system-powers__block__glide__slides li:nth-child(2) {
        grid-area: gps
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .system-powers__block__glide__slides li:nth-child(3) {
        grid-area: model
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .system-powers__block__glide__slides li:nth-child(4) {
        grid-area: process
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .system-powers__block__glide__slides li:nth-child(5) {
        grid-area: integration
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .system-powers__block__glide__slides li {
        display: grid
    }
}

.system-powers__block__glide__slide {
    min-height: 250px;
    padding: 30px;
    border-radius: 20px;
    background-color: var(--gray-light)
}

.system-powers__block__glide__slide__image {
    width: 58px;
    height: 58px;
    margin-bottom: 20px
}

.system-powers__block__glide__slide__image img {
    width: 100%;
    height: 100%
}

.system-powers__block__glide__slide__title {
    margin-bottom: 10px
}

.system-powers__block__glide__slide__description {
    color: var(--text-gray)
}

.system-powers__block__glide__bullets__item {
    background-color: var(--border-color);
    border-color: var(--border-color)
}

.system-powers__block__glide__bullets__item.glide__bullet--active {
    background-color: var(--secondary)
}

.form {
    margin-top: 80px;
    margin-bottom: 80px
}

@media (max-width: 1299px) {
    .form {
        padding: 60px 0 80px;
        border-radius: 20px;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media (min-width: 1300px) {
    .form {
        padding-top: 100px;
        margin-bottom: 100px
    }
}

@media (min-width: 1300px) {
    .form__block {
        padding: 80px 0 90px;
        border-radius: 20px;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 100%
    }
}

.form__block__title {
    text-align: center;
    margin-bottom: 20px
}

.form__block__description {
    text-align: center;
    margin-bottom: 40px
}

.form__block__form {
    margin-bottom: 40px
}

@media (min-width: 1300px) {
    .form__block__form__controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        width: 70%;
        margin: 0 auto
    }
}

.form__block__form__controls__item {
    flex: 1 1 30%
}

.form__block__form__button {
    width: 100%;
    margin-bottom: 13px
}

.footer {
    background-color: var(--gray-light)
}

.footer__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 60px 0 20px
}

@media (min-width: 1300px) {
    .footer__content {
        flex-direction: row;
        padding: 80px 0 63px;
        gap: 70px
    }
}

@media (min-width: 1300px) {
    .footer__content__block.info {
        width: 30%
    }
}

.footer__content__block__title {
    margin-bottom: 24px
}

.footer__content__block__links__list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer__content__block__email {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.footer__content__block__services {
    display: flex;
    align-items: center;
    gap: 16px
}

.footer__content__block__services__item {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 15px
}

.footer__content__block__info__description {
    margin-bottom: 40px
}

.footer__content__description {
    margin-top: 40px;
    color: var(--text-gray)
}

.company-preview {
    padding: 60px 0 30px;
    background-image: url(./bg_preview_mobile-B-GtYTaf.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100% 70%;
    margin-bottom: 80px;
    overflow-x: hidden
}

@media (min-width: 1300px) {
    .company-preview {
        padding: 45px 0 60px;
        background-image: url(./bg_preview_desktop-Cgk9LiZl.png);
        background-size: 65% 100%;
        margin-bottom: 100px
    }
}

.company-preview__block__content {
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (min-width: 1300px) {
    .company-preview__block__content {
        flex-direction: row
    }
}

@media (min-width: 1300px) {
    .company-preview__block__content__block {
        max-width: 45%
    }
}

.company-preview__block__content__block__badge {
    margin-bottom: 10px
}

.company-preview__block__content__block__title {
    margin-bottom: 20px
}

.company-preview__block__content__block__description {
    margin-bottom: 40px
}

@media (min-width: 1300px) {
    .company-preview__block__content__block__description {
        max-width: 80%
    }
}

@media (min-width: 1300px) {
    .company-preview__block__content__block__consultation {
        max-width: 50%
    }
}

.company-preview__block__content__labels {
    width: 100%;
    height: 500px
}

.company-preview__block__content__labels__bg {
    position: relative;
    width: 450px;
    min-height: 334px;
    margin: 80px auto 0;
    background-image: url(./image_company_devices-Dvh8f9sB.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 120%
}

@media (min-width: 1300px) {
    .company-preview__block__content__labels__bg {
        width: 100%;
        height: 100%;
        margin: 60px auto 0;
        background-size: cover
    }
}

.company-preview__block__content__labels__item {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    width: max-content;
    border-radius: 10px;
    background-color: var(--white);
    font-size: 12px;
    opacity: 0;
    transform: translateZ(0) scale(0)
}

.company-preview__block__content__labels__item:nth-child(1) {
    top: -4%;
    left: 25%
}

@media (min-width: 1300px) {
    .company-preview__block__content__labels__item:nth-child(1) {
        top: 8%;
        left: -10%
    }
}

.company-preview__block__content__labels__item:nth-child(2) {
    top: 80%;
    left: 5%
}

@media (min-width: 1300px) {
    .company-preview__block__content__labels__item:nth-child(2) {
        top: 82%;
        left: 55%
    }
}

.company-preview__block__content__labels__item:nth-child(3) {
    top: 100%;
    left: 35%
}

@media (min-width: 1300px) {
    .company-preview__block__content__labels__item:nth-child(3) {
        top: 0;
        left: 75%
    }
}

.information {
    padding: 60px 0 80px
}

@media (min-width: 1300px) {
    .information {
        padding: 80px 0
    }
}

.information__block__title {
    margin-bottom: 24px
}

.information__block__text {
    max-width: 600px;
    padding: 60px 30px 44px;
    background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 20px;
    border-radius: 16px
}

.information__block__text__title {
    margin-bottom: 20px
}

@media (min-width: 1300px) {
    .information__block__glide__slides {
        display: flex;
        justify-content: center;
        gap: 20px
    }
}

@media (min-width: 1300px) {
    .information__block__glide__slides li {
        width: min-content
    }
}

.information__block__glide__slide {
    width: 100%;
    max-width: 600px;
    min-height: 580px;
    background-color: var(--white);
    border-radius: 16px;
    margin: 0 auto 40px
}

@media (min-width: 1300px) {
    .information__block__glide__slide {
        width: 280px
    }
}

.information__block__glide__slide__image {
    width: 100%
}

.information__block__glide__slide__image img {
    width: 100%;
    object-fit: contain
}

.information__block__glide__slide__text {
    padding: 20px 30px
}

.information__block__glide__slide__text__title {
    margin-bottom: 10px
}

.information__block__glide__slide__text__description {
    color: var(--text-gray)
}

.information__block__glide__bullets__item {
    background-color: var(--border-color);
    border-color: var(--border-color)
}

.information__block__glide__bullets__item.glide__bullet--active {
    background-color: var(--secondary)
}

.principles {
    margin-bottom: 80px
}

@media (min-width: 1300px) {
    .principles__block {
        padding: 0 20px
    }
}

.principles__block__title {
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 1300px) {
    .principles__block__title {
        margin: 0 auto 40px
    }
}

@media (min-width: 1300px) {
    .principles__block__glide__slides {
        display: grid !important;
        gap: 20px;
        padding: 0 20px !important;
        grid-template-columns:repeat(8, 1fr);
        grid-template-rows:repeat(8, 1fr);
        grid-template-areas:"grow grow grow grow grow grow orientation orientation" "grow grow grow grow grow grow orientation orientation" "grow grow grow grow grow grow orientation orientation" "grow grow grow grow grow grow orientation orientation" "health health health data data data like like" "health health health data data data like like" "health health health data data data like like" "health health health data data data like like"
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .principles__block__glide__slides li:nth-child(1) {
        grid-area: grow
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .principles__block__glide__slides li:nth-child(2) {
        grid-area: orientation
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .principles__block__glide__slides li:nth-child(3) {
        grid-area: health
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .principles__block__glide__slides li:nth-child(4) {
        grid-area: data
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .principles__block__glide__slides li:nth-child(5) {
        grid-area: like
    }
}

@media (min-width: 1300px) and (min-width: 1300px) {
    .principles__block__glide__slides li {
        display: grid
    }
}

.principles__block__glide__slide {
    min-height: 250px;
    padding: 30px;
    border-radius: 20px;
    background-color: var(--gray-light)
}

.principles__block__glide__slide__image {
    width: 58px;
    height: 58px;
    margin-bottom: 20px
}

.principles__block__glide__slide__image img {
    width: 100%;
    height: 100%
}

.principles__block__glide__slide__title {
    margin-bottom: 10px
}

.principles__block__glide__slide__description {
    color: var(--text-gray)
}

.principles__block__glide__bullets__item {
    background-color: var(--border-color);
    border-color: var(--border-color)
}

.principles__block__glide__bullets__item.glide__bullet--active {
    background-color: var(--secondary)
}

.direction {
    margin-bottom: 80px
}

@media (max-width: 1299px) {
    .direction {
        padding: 60px 0;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px
    }
}

.direction__content {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 1300px) {
    .direction__content {
        flex-direction: row;
        padding: 80px 60px;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        border-radius: 20px;
        background-size: 100%
    }
}

.direction__title {
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 1300px) {
    .direction__title {
        margin: 0 auto 40px
    }
}

.direction__content__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    border-radius: 16px;
    background-color: var(--white);
    flex: 1 1 50%
}

.direction__content__block__badge {
    display: flex;
    justify-content: center;
    width: 33%;
    margin-bottom: 30px
}

.direction__content__block__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--primary);
    margin-bottom: 8px;
    text-align: center
}

.direction__content__block__description {
    text-align: center
}

.products-preview {
    padding: 60px 0 30px;
    background-image: url(./bg_preview_mobile-B-GtYTaf.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100% 55%;
    margin-bottom: 80px
}

@media (min-width: 1300px) {
    .products-preview {
        padding: 45px 0 60px;
        background-image: url(./bg_preview_desktop-Cgk9LiZl.png);
        background-size: 65% 100%;
        margin-bottom: 100px
    }
}

.products-preview.supermarket .products-preview__block__content__illustration__bg {
    background-image: url(./image_bg_phone_supermarket.png)
}

.products-preview.kitchen .products-preview__block__content__illustration__bg {
    background-image: url(./image_bg_phone_kitchen-BEdciaVf.png)
}

.products-preview.retail .products-preview__block__content__illustration__bg {
    background-image: url(./image_bg_phone_retail-SPrBBk0O.png)
}

.products-preview.corp .products-preview__block__content__illustration__bg {
    background-image: url(./image_bg_phone_corp-te9SbhlI.png)
}

.products-preview__block__content {
    display: flex;
    flex-direction: column
}

@media (min-width: 1300px) {
    .products-preview__block__content {
        flex-direction: row
    }
}

@media (min-width: 1300px) {
    .products-preview__block__content__block {
        max-width: 45%
    }
}

.products-preview__block__content__block__badge {
    margin-bottom: 10px
}

.products-preview__block__content__block__title {
    margin-bottom: 20px
}

.products-preview__block__content__block__description {
    margin-bottom: 40px
}

@media (min-width: 1300px) {
    .products-preview__block__content__block__description {
        max-width: 80%
    }
}

.products-preview__block__content__illustration {
    width: 100%;
    height: 500px
}

.products-preview__block__content__illustration__bg {
    position: relative;
    width: 100%;
    min-height: 380px;
    margin: 80px auto 0;
    background-image: url(./bg_phone-c3RkGq9b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (min-width: 1300px) {
    .products-preview__block__content__illustration__bg {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        background-size: contain;
        background-position: left
    }
}

.product-stack {
    margin-bottom: 80px
}

@media (max-width: 1299px) {
    .product-stack {
        padding: 60px 0;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px
    }
}

@media (min-width: 1300px) {
    .product-stack {
        margin-bottom: 100px
    }
}

@media (min-width: 1300px) {
    .product-stack__block {
        padding: 60px 0 80px;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        border-radius: 20px;
        background-size: cover
    }
}

.product-stack__block__title {
    margin: 0 auto 24px;
    width: 70%;
    text-align: center
}

@media (min-width: 1300px) {
    .product-stack__block__title {
        margin-bottom: 40px
    }
}

@media (min-width: 1300px) {
    .product-stack__block__content__glide__slides {
        display: grid !important;
        grid-template-columns:repeat(3, 1fr);
        grid-template-rows:repeat(2, 1fr);
        gap: 16px;
        padding: 0 30px !important
    }
}


.product-stack__block__content__glide__slides li {
    display: flex;
    justify-content: center
}

@media (min-width: 1300px) {
    .product-stack__block__content__glide__slides li {
        width: 100%
    }
}

.product-stack__block__content__glide__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    width: 100%;
    min-height: auto;
    border-radius: 16px;
    background-color: var(--white)
}


.product-stack__block__content__glide__slide__badge {
    display: flex;
    justify-content: center;
    width: 50%;
    margin-bottom: 30px
}

.product-stack__block__content__glide__slide__value {
    font-size: 34px !important;
    text-align: center;
    color: var(--primary);
    margin-bottom: 8px
}

.product-stack__block__content__glide__slide__description {
    text-align: center
}

.product-features {
    padding: 60px 0 84px;
    margin-bottom: 80px;
    background-color: var(--gray-light)
}

@media (min-width: 1300px) {
    .product-features {
        padding: 70px 0 65px
    }
}

@media (min-width: 1300px) {
    .product-features.cols-2 .product-features__block__content__glide__slides li {
        flex: 1 1 50%
    }
}

.product-features__block__title {
    margin: 0 auto 24px;
    width: 70%;
    text-align: center
}

@media (min-width: 1300px) {
    .product-features__block__title {
        margin-bottom: 40px
    }
}

.product-features__block__content__glide.corp .product-features__block__content__glide__slide {
    min-height: 260px
}

@media (min-width: 1300px) {
    .product-features__block__content__glide.corp .product-features__block__content__glide__slide {
        min-height: 310px
    }
}

@media (min-width: 1300px) {
    .product-features__block__content__glide__slides {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px
    }
}

@media (min-width: 1300px) {
    .product-features__block__content__glide__slides li {
        width: 280px
    }
}

.product-features__block__content__glide__slide {
    padding: 30px 40px 40px;
    background-color: var(--white);
    border-radius: 20px;
    min-height: 310px
}

.product-features__block__content__glide__slide.reverse-color {
    background-color: var(--gray-light)
}

.product-features__block__content__glide__slide.reverse-color .product-features__block__content__glide__slide__header__number {
    color: var(--white)
}

.product-features__block__content__glide__slide__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.product-features__block__content__glide__slide__header__image {
    width: 58px;
    height: 58px
}

.product-features__block__content__glide__slide__header__number {
    font-size: 60px;
    font-weight: 800;
    color: var(--gray-light)
}

.product-features__block__content__glide__slide__title {
    margin-bottom: 10px
}

.product-features__block__content__glide__slide__description {
    color: var(--text-gray)
}

.product-banner {
    padding: 80px 0 60px;
    background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px
}

@media (min-width: 1300px) {
    .product-banner {
        background-size: 100%;
        background-image: none;
        padding-top: 0
    }
}

@media (min-width: 1300px) {
    .product-banner__block {
        padding: 80px 0 90px;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 20px
    }
}

.product-banner__block__title {
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 1300px) {
    .product-banner__block__title {
        margin: 0 auto 24px
    }
}

.product-banner__block__subtitle {
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 1300px) {
    .product-banner__block__subtitle {
        margin-bottom: 24px
    }
}

.product-banner__block__description {
    text-align: center
}

@media (min-width: 1300px) {
    .product-banner__block__description {
        width: 70%;
        margin: 0 auto
    }
}

.product-functions {
    padding: 60px 0 80px
}

@media (min-width: 1300px) {
    .product-functions {
        padding: 80px 0
    }
}

.product-functions.desktop-glide .product-functions__block__glide__slides {
    gap: 0
}

@media (min-width: 1300px) {
    .product-functions.desktop-glide .product-functions__block__glide__slide {
        width: auto
    }
}

.product-functions__block__title {
    text-align: center;
    margin: 0 auto 24px
}

@media (min-width: 1300px) {
    .product-functions__block__title {
        margin-bottom: 40px
    }
}

.product-functions__block__text {
    max-width: 600px;
    padding: 60px 30px 44px;
    background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 10px;
    border-radius: 16px
}

.product-functions__block__text__title {
    margin-bottom: 20px
}

.product-functions__block__glide.delivery .product-functions__block__glide__slide {
    min-height: 500px
}

@media (min-width: 1300px) {
    .product-functions__block__glide.delivery .product-functions__block__glide__slide {
        min-height: 450px
    }
}

@media (min-width: 1300px) {
    .product-functions__block__glide__slides {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px
    }
}

@media (min-width: 1300px) {
    .product-functions__block__glide__slides li {
        height: 100%;
        align-self: stretch;
        width: min-content
    }
}

.product-functions__block__glide__slide {
    width: 100%;
    align-self: stretch;
    background-color: var(--white);
    border-radius: 16px;
    margin: 0 auto 20px;
    min-height: 400px
}

@media (min-width: 1300px) {
    .product-functions__block__glide__slide {
        width: 380px
    }
}

.product-functions__block__glide__slide__image {
    width: 100%
}

.product-functions__block__glide__slide__image img {
    width: 100%;
    max-height: 365px;
    object-fit: cover
}

@media (min-width: 1300px) {
    .product-functions__block__glide__slide__image img {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        height: 240px
    }
}

.product-functions__block__glide__slide__text {
    padding: 20px 30px
}

.product-functions__block__glide__slide__text__title {
    margin-bottom: 10px
}

.product-functions__block__glide__slide__text__description {
    color: var(--text-gray)
}

.product-functions__block__glide__bullets__item {
    background-color: var(--border-color);
    border-color: var(--border-color)
}

.product-functions__block__glide__bullets__item.glide__bullet--active {
    background-color: var(--secondary)
}

.currier-app {
    margin-bottom: 80px
}

@media (max-width: 1299px) {
    .currier-app {
        padding: 60px 0;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px
    }
}

@media (min-width: 1300px) {
    .currier-app {
        margin-bottom: 100px
    }
}

@media (min-width: 1300px) {
    .currier-app__block {
        padding: 60px 0 80px;
        background-image: url("data:image/svg+xml,%3csvg%20width='1300'%20height='720'%20viewBox='0%200%201300%20720'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_108_454)'%3e%3crect%20width='1300'%20height='720'%20rx='20'%20fill='%23BAE451'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M322.774%20-271.299C294.512%20-281.506%20264.354%20-268.559%20253.219%20-203.385C219.967%20-8.68763%20219.255%20205.699%20231.455%20398.717C195.731%20355.942%20162.64%20307.878%20132.474%20254.957C109.198%20214.089%2077.8687%20244.723%2057.1264%20286.092C37.9037%20324.397%2027.4286%20370.662%2048.9162%20408.381C109.468%20514.637%20192.446%20618.433%20276.974%20673.839C306.608%20693.25%20323.089%20675.989%20343.787%20642.206C362.927%20610.94%20367.094%20582.011%20363.118%20547.812C339.169%20341.518%20326.36%2041.458%20361.829%20-184.018C370.609%20-239.837%20347.034%20-262.562%20322.774%20-271.299Z'%20fill='white'/%3e%3cpath%20opacity='0.16'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1309.18%20228.069C1311.32%20166.963%201299.42%20111.687%201259.07%20116.43C1138.53%20130.622%201010.8%20218.475%20897.586%20323.401C918.076%20233.722%20942.081%20147.136%20969.386%2064.4119C990.474%200.569114%20967.874%20-49.6976%20940.357%20-74.1957C914.876%20-96.9131%20885.874%20-98.7177%20866.411%20-39.7831C811.587%20126.279%20761.35%20336.432%20740.137%20529.548C732.708%20597.247%20745.279%20623.213%20768.274%20650.78C789.553%20676.263%20807.356%20672.599%20827.162%20650.358C946.639%20516.267%201123.49%20365.535%201262.66%20342.984C1297.11%20337.399%201307.36%20280.511%201309.18%20228.069Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_108_454'%3e%3crect%20width='1300'%20height='720'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        border-radius: 20px;
        background-size: 100%
    }
}

.currier-app__block__title {
    margin: 0 auto 24px;
    width: 70%;
    text-align: center
}

@media (min-width: 1300px) {
    .currier-app__block__title {
        margin-bottom: 40px
    }
}

@media (min-width: 1300px) {
    .currier-app__block__content__glide.corp .currier-app__block__content__glide__slides {
        padding: 0 20px
    }
}

@media (min-width: 1300px) {
    .currier-app__block__content__glide.corp .currier-app__block__content__glide__slides li {
        flex: 1 1 315px;
        align-self: stretch
    }
}

.currier-app__block__content__glide.corp .currier-app__block__content__glide__slide {
    min-height: 320px
}

@media (min-width: 1300px) {
    .currier-app__block__content__glide.corp .currier-app__block__content__glide__slide {
        min-height: 340px
    }
}

@media (min-width: 1300px) {
    .currier-app__block__content__glide__slides {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px
    }
}

@media (min-width: 1300px) {
    .currier-app__block__content__glide__slides li {
        width: 222px
    }
}

.currier-app__block__content__glide__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    border-radius: 16px;
    background-color: var(--white)
}

.currier-app__block__content__glide__slide__badge {
    display: flex;
    justify-content: center;
    width: 40%;
    margin-bottom: 20px
}

@media (min-width: 1300px) {
    .currier-app__block__content__glide__slide__badge {
        width: 100%
    }
}

.currier-app__block__content__glide__slide__title {
    text-align: center;
    margin-bottom: 8px;
    color: var(--primary)
}

.currier-app__block__content__glide__slide__description {
    text-align: center
}

.rates {
    margin: 80px 0
}

.rates__block__badge {
    margin: 0 auto 10px
}

.rates__block__title {
    text-align: center;
    margin: 0 auto 40px
}

.rates__block__description {
    text-align: center;
    margin: 0 auto 40px
}

.rates__block__content {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 1300px) {
    .rates__block__content {
        flex-direction: row
    }
}

.rates__block__content__col.recommended .rates__block__content__col__rate__header {
    border-color: var(--secondary);
    background-color: var(--secondary)
}

.rates__block__content__col__rate__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: var(--border);
    border-radius: 16px;
    padding: 20px 0
}

.rates__block__content__col__rate__header__name {
    text-align: center;
    margin: 0 auto
}

.rates__block__content__col__rate__body {
    padding: 30px;
    border: var(--border);
    border-radius: 16px
}

.rates__block__content__col__rate__body__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 30px
}

.rates__block__content__col__rate__body__list__item {
    display: flex;
    gap: 8px
}

.rates__block__content__col__rate__body__list__item.disabled {
    color: var(--text-gray)
}

.rates__block__content__col__rate__body__list__item__icon {
    width: 18px;
    height: 18px
}

.rates__block__content__col__rate__body__list__item__icon img {
    width: auto;
    max-width: none;
    height: 100%
}

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

.saas {
    margin: 60px 0 80px
}

@media (min-width: 1300px) {
    .saas {
        margin-top: 80px
    }
}

.saas__block__content__badge {
    margin: 0 auto 16px
}

.saas__block__content__title {
    text-align: center;
    margin-bottom: 50px
}

@media (min-width: 1300px) {
    .saas__block__content__title {
        margin-bottom: 40px
    }
}

.saas__block__content__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 40px
}

.saas__block__content__tabs__item {
    display: grid;
    place-items: center;
    padding: 0 20px;
    height: 44px;
    border-radius: 22px;
    border: var(--border);
    background-color: var(--border-color);
    color: var(--text-black);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease
}

.saas__block__content__tabs__item.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white)
}

.saas__block__content__tabs__item:hover {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--white)
}

.saas__block__content__body__block {
    display: none
}

.saas__block__content__body__block.visible {
    display: block
}

.saas__block__content__body__block__title {
    text-align: center;
    background-color: var(--secondary);
    border-radius: 16px;
    padding: 20px 0;
    margin-bottom: 20px
}

.saas__block__content__body__block__content {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 1300px) {
    .saas__block__content__body__block__content {
        flex-direction: row;
        justify-content: center;
    }
}

@media (min-width: 1300px) {
    .saas__block__content__body__block__content__col {
        flex: 1 1 50%;
        max-width: 50%;
    }
}

.saas__block__content__body__block__content__col.recommended .rates__block__content__col__rate__header {
    border-color: var(--secondary);
    background-color: var(--secondary)
}

.saas__block__content__body__block__content__col__rate__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: var(--border);
    border-radius: 16px;
    padding: 20px 40px
}

.saas__block__content__body__block__content__col__rate__header__name {
    text-align: center;
    margin: 0 auto
}

.saas__block__content__body__block__content__col__rate__body {
    padding: 30px;
    border: var(--border);
    border-radius: 16px
}

.saas__block__content__body__block__content__col__rate__body__platforms {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.saas__block__content__body__block__content__col__rate__body__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 30px
}

.saas__block__content__body__block__content__col__rate__body__list__item {
    display: flex;
    gap: 8px
}


.saas__block__content__body__block__content__col__rate__body__list__item.disabled {
    color: var(--text-gray)
}

.saas__block__content__body__block__content__col__rate__body__list__item__icon {
    width: 18px;
    height: 18px;
    margin-top: 8px
}

.saas__block__content__body__block__content__col__rate__body__list__item__icon img {
    width: auto;
    max-width: none;
    height: 100%
}

.saas__block__content__body__block__content__col__rate__body__list__item__name__strong {
    margin-bottom: 10px
}

.saas__block__content__body__block__content__col__rate__body__btn {
    width: 100%;
    margin: 0 auto
}

.shadow {
    box-shadow: #0000001a 0 4px 6px -1px, #0000000f 0 2px 4px -1px
}

.spacer {
    flex: 1 1 auto
}

.fill-black {
    fill: var(--text-black)
}

.bg-white {
    background-color: var(--white)
}

.mt-80 {
    margin-top: 80px
}

@media (min-width: 1300px) {
    .mobile-view {
        display: none
    }
}

@media (max-width: 1299px) {
    .desktop-view {
        display: none
    }
}

.h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.5
}

.h2 {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.5
}

@media (min-width: 1300px) {
    .h2 {
        font-size: 48px
    }
}

.h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4
}

.h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4
}

.h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4
}

.text-14 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

:root {
    font-family: Manrope, sans-serif;
    color: var(--text-black);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    scroll-behavior: smooth
}

body {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    min-width: 320px;
    min-height: 100vh;
    background-color: var(--white)
}

#app {
    margin: 0 auto
}

a {
    color: var(--text-black)
}

@media (prefers-color-scheme: light) {
    a:hover {
        cursor: pointer;
        color: var(--primary)
    }

    button {
        background-color: #f9f9f9
    }
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    -webkit-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows, .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__lazy__loaded {
    -webkit-animation: fadeInFromNone .5s ease-in 0s forwards;
    animation: fadeInFromNone .5s ease-in 0s forwards
}

@keyframes fadeInFromNone {
    0% {
        visibility: hidden;
        opacity: 0
    }
    1% {
        visibility: visible;
        opacity: 0
    }
    to {
        visibility: visible;
        opacity: 1
    }
}
