.__jivoMobileButton {
    bottom: 70px !important;
}

.__jivoMobileButton > jdiv {
    margin-right: 12px !important;
}

:root {
    --75fa4c: #75fa4c;
    --f5f5f5: #f5f5f5;
    --white: white;
    --black: black;
    --ууу: #eee;
}

body {
    color: #333;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

a {
    color: #000;
    text-decoration: none;
}

.p_costs{
    color: #7f7f7f;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.utility-page-wrap {
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.utility-page-content {
    width: 260px;
    text-align: center;
    flex-direction: column;
    display: flex;
}

.frame-881233043 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881232916 {
    width: 100%;
    max-width: 1440px;
    background-color: #76fb4d;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    display: flex;
}

.frame-881233044 {
    width: 100%;
    height: 33px;
    max-width: 233px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 8px;
    display: flex;
}

.text {
    color: #000;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.frame-881232893 {
    width: 100%;
    max-width: 454px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.frame-881233045 {
    width: 100%;
    max-width: 233px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.frame-881232894 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
    display: flex;
}

.text-3 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.frame-881233006 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-image: linear-gradient(#75fa4c 0%, #75fa4c 0%, #75fa4c 72%, #f5f5f5 100%);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 5px 137px;
    display: flex;
}

.frame-881233012 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-4 {
    color: #000;
    letter-spacing: undefinedundefined;
    text-transform: uppercase;
    font-size: 306px;
    font-weight: 400;
    line-height: 76%;
}

.frame-881233011 {
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-5 {
    color: #0a2a00;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.text-6 {
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.button-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.slider {
    width: 100%;
    max-width: 1440px;
    background-color: #76fb4d;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    display: flex;
}

.text-input {
    width: 100%;
    height: 33px;
    max-width: 233px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 8px;
    display: flex;
}

.paragraph-container {
    width: 100%;
    max-width: 454px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.text-7 {
    color: #000;
    text-align: right;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.button-container-2 {
    width: 100%;
    max-width: 233px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.button {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
    text-decoration: none;
    display: flex;
}

.text-8 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.button-2 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 5px 137px;
    text-decoration: none;
    display: flex;
}

.pagination {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-9 {
    color: #000;
    letter-spacing: undefinedundefined;
    text-transform: uppercase;
    font-size: 306px;
    font-weight: 400;
    line-height: 76%;
}

.paragraph-container-2 {
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-10 {
    color: #0a2a00;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.text-11 {
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.text-12 {
    color: #000;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.paragraph-container-3 {
    width: 100%;
    max-width: 454px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.text-13 {
    color: #000;
    text-align: right;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.button-container-3 {
    width: 100%;
    max-width: 233px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-14 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.button-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-image: linear-gradient(#75fa4c 0%, #75fa4c 0%, #75fa4c 72%, #f5f5f5 100%);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 5px 137px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper {
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.paragraph-container-4 {
    width: 100%;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-15 {
    color: #0a2a00;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.text-16 {
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.button-container-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.nav {
    z-index: 2;
    width: 100%;
    max-width: 1440px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: rgba(245, 245, 245, .75);
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
}

.text-input-2 {
    width: 100%;
    height: 50px;
    max-width: 350px;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 8px 6px 15px;
    display: flex;
}

.text-input-2.w--current {
    max-width: 350px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
}

.text-17 {
    color: #000;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.nav-bar {
    width: 100%;
    height: 50px;
    max-width: 454px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.tab-item {
    color: #000;
    text-align: right;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: block;
}

.tab-item.hover {
    display: block;
    position: absolute;
    top: 43px;
}

.tab-item.hover.second {
    display: none;
    top: 24px;
}

.button-container-5 {
    width: 100%;
    max-width: 350px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.button-hero {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin: 6px 6px 6px 4px;
    padding: 9px 16px;
    text-decoration: none;
    display: flex;
}

.text-19 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.hero {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 5px 583px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: block;
}

.hero-letter {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.hero-letter-svg {
    width: 100vw;
    height: auto;
    object-fit: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
}

.hero-text-countanie {
    width: 100%;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.hero-text {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-20 {
    color: #0a2a00;
    text-transform: uppercase;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.text-21 {
    aspect-ratio: auto;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.section {
    outline-offset: 0px;
    outline: 3px #555;
}

.card {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.paragraph-container-7 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.body-bold {
    width: 458px;
    color: #000;
    margin-bottom: 20px;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.body-bold.center {
    text-align: center;
}

.body-bold.tasks {
    width: 268px;
}

.error-97e2dd78-ec5d-4c55-0643-76b50b68abc1 {
    color: #000;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-size: 90px;
    font-weight: 700;
    line-height: 82%;
}

.card-2 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 100px 10px;
    display: flex;
}

.card-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #ebebeb;
    border-radius: 24px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 81px 108px;
    display: flex;
}

.image {
    object-fit: cover;
}

.horizontal-container {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.button-6 {
    width: 100%;
    height: 111px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.text-22 {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 400;
}

.text-input-3 {
    width: 100%;
    height: 111px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.vertical-container {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.button-container-6 {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.paragraph-container-8 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3 {
    color: #0e0e0e;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.body {
    width: 100%;
    max-width: 454px;
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.body.form_cupture {
    color: rgba(0, 0, 0, .56);
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 14px;
    display: none;
}

.body.center {
    text-align: center;
}

.body.center.team_cupt {
    margin-top: -105px;
    margin-bottom: 45px;
    padding-left: 10px;
    padding-right: 10px;
}

.body._02 {
    max-width: 100%;
}

.body.team_cupture {
    width: 250px;
    margin-bottom: 40px;
}

.body.team_cupture.about {
    width: 458px;
    max-width: 458px;
    margin-right: 20px;
}

.body.opacity {
    opacity: .5;
}

.body.form-name {
    width: 138px;
    height: auto;
}

.body.white-cta {
    color: #fff;
    text-align: center;
}

.button-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    text-decoration: none;
    display: flex;
}

.text-23 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.heading {
    aspect-ratio: auto;
}

.body_caps {
    width: 453px;
    text-align: left;
    text-transform: uppercase;
    font-family: Helvetica;
    font-weight: 700;
}

.body_caps.firts_section {
    width: 284px;
    text-align: right;
    font-size: 16px;
    display: block;
}

.body_caps.firts_section-copy, .body_caps.firts_section-web {
    width: 284px;
    text-align: right;
    font-size: 16px;
    display: none;
}

.body_caps.hug {
    width: auto;
}

.body_caps.hug.banch {
    color: #000;
    font-size: 16px;
    line-height: 18px;
}

.body_caps_left {
    width: auto;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
}

.body_caps_left.first_section {
    font-size: 16px;
}

.body_caps_left.mobile_dev {
    width: 562px;
    opacity: 0;
    color: #000;
    display: none;
}

.body_caps_left.first_section-copy, .body_caps_left.first_section-main {
    font-size: 16px;
}

.h2 {
    width: 100%;
    color: #000;
    text-align: center;
    letter-spacing: -5.3px;
    text-transform: none;
    font-family: Helvetica_bold, sans-serif;
    font-size: 90px;
    line-height: 82px;
}

.h2.banch {
    text-align: left;
}

.h2.heading {
    margin-bottom: 80px;
}

.h2.left_centred {
    text-align: left;
}

.body-2 {
    background-color: #f5f5f5;
    display: block;
    overflow: visible;
}

.div-block {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.main-mobile-promo {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.hero-image {
    z-index: 1;
    width: 100%;
    max-width: 1440px;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.div-block-2 {
    width: 100%;
    margin-top: -29px;
    padding-top: 0;
}

.image-3 {
    margin-bottom: -93px;
}

.mobile_dev_scroll {
    width: 100%;
    height: 100vh;
    max-width: 1440px;
    min-height: 100vh;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    transform-origin: 0 0;
    justify-content: center;
    align-items: center;
    padding: 100px 10px;
    display: flex;
}

.frame-881232848 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #ebebeb;
    border-radius: 24px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 81px 108px;
    display: flex;
    position: relative;
}

.image-168 {
    object-fit: cover;
}

.frame-881232951 {
    width: 100%;
    max-width: 1400px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    justify-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}

.frame-881232867 {
    width: 100%;
    height: 111px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.text-24 {
    color: #0e0e0e;
    font-family: Helvetica_bold, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.text-24.web_services_01 {
    text-align: left;
    margin-top: 0;
    font-family: Helvetica_bold, sans-serif;
}

.vertical-container-2 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.button-container-7 {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 140px;
    display: flex;
}

.button-container-7.android {
    max-width: 100%;
    padding-right: 68px;
}

.paragraph-container-9 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-25 {
    color: #0e0e0e;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.button-8 {
    width: 140px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    text-decoration: none;
    display: flex;
}

.text-26 {
    aspect-ratio: auto;
    color: #fff;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.image-169 {
    margin-bottom: -710px;
    padding-bottom: 0;
}

.mobile_dev_scroll-2 {
    width: 100%;
    height: 100vh;
    max-width: 1440px;
    min-height: 100vh;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 120px 10px;
    display: flex;
}

.vectors-wrapper-3 {
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-881232959 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}

.services_block {
    width: 100%;
    height: 90px;
    max-width: 217.833px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--75fa4c);
    border-radius: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.text-27 {
    color: #0e0e0e;
    font-family: Helvetica_regular, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.frame-881232856 {
    width: 100%;
    height: 90px;
    max-width: 217.833px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.main-web {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
}

.web_text-block_countanir {
    width: 100%;
    max-width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 80px;
    margin-right: 40px;
    display: flex;
}

.web_text-block {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-2 {
    color: #0e0e0e;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.h3-2.full {
    width: 100%;
}

.frame-881232864 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    display: flex;
}

.text-28 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.cta {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 154px 20px;
    display: none;
}

.group-107 {
    width: 500px;
    max-width: 926px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.untitled11-1 {
    width: 470px;
    object-fit: cover;
}

.frame-881232922 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-29 {
    color: #000;
    text-align: center;
    letter-spacing: -.04em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 46px;
}

.frame-881232865 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    display: flex;
}

.text-30 {
    color: #fff;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.footer {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    background-image: linear-gradient(#f5f5f5 0%, #75fa4c 43%, #75fa4c 100%);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 141px;
    padding-bottom: 5px;
    display: flex;
}

.frame-881233041 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.vectors-wrapper-4 {
    height: 40px;
    opacity: 0;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-881233039 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233038 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233030 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-5 {
    height: 18px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-881233017 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 44px;
    display: flex;
}

._1-11-1800 {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.frame-881233029 {
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.frame-881233028 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233037 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.frame-881233031 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.frame-881233020 {
    width: 100%;
    max-width: 453px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233032 {
    width: 100%;
    max-width: 453px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233033 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233036 {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233035 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.footer-name-svg {
    width: 100%;
    height: auto;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-881233048 {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.text-31 {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.main-web-promo {
    width: 100%;
    max-width: 1440px;
}

.footer_info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.footer_info_left {
    width: 100%;
    max-width: 453px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.row01 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
}

.text-32 {
    width: 100%;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.type_tab {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 44px;
    display: flex;
}

.row-phone {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
}

.footer_info_right {
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.row-mail {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.frame-881233018 {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.type_tab-2 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 44px;
    display: flex;
}

.row-tg {
    width: 100%;
    max-width: 453px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.hero-mobile {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 5px 583px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: none;
}

.body-3 {
    background-color: #f5f5f5;
}

.hero-letter-pf {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 98px;
    padding-right: 98px;
    display: flex;
}

.text-33 {
    width: 100vw;
    color: #000;
    text-align: center;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 22vw;
    font-weight: 400;
    line-height: 74%;
    display: block;
}

.hero-mobile-dev {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 484px;
    padding-bottom: 120px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: block;
}

.image-170, .image-171 {
    position: absolute;
}

.portfolio-content {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.portfolio_heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 80px;
    display: flex;
}

.text-34 {
    color: #404040;
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.portfolio_tab_bar {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
}

.portfolio_tab_bar_item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    display: flex;
}

.body-4 {
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.portfolio_table_solution {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.portfolio_table_row {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border: 0 solid rgba(0, 0, 0, .08);
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 18px 20px;
    display: flex;
}

.body-5 {
    opacity: .5;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.portfolio_table_client-name {
    width: 100%;
    max-width: 216px;
    min-width: 216px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.portfolio_table_solution-2 {
    width: 454%;
    max-width: 454px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.portfolio_table_link {
    width: 100%;
    max-width: 216px;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.frame-881232874 {
    width: 136px;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-7 {
    width: 136px;
    height: 1px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-8 {
    width: 16.8906px;
    height: 16.8906px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.portfolio_table_case {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 0 rgba(0, 0, 0, .12);
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-9 {
    width: 15px;
    height: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-881233049 {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-10 {
    width: 100px;
    height: 1px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-letter-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.portfolio {
    z-index: 1;
    padding-top: 29px;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-img-block {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.hero-letter-pf-copy {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 44px;
    display: flex;
}

.hero-letter-svg-copy {
    width: 100vw;
    height: auto;
    object-fit: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
}

.hero-text-countanir-pf {
    width: 100%;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.portfolio_table_solution-3 {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.portfolio_table_row-2 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border: 0 solid rgba(0, 0, 0, .08);
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 18px 20px;
    display: flex;
}

.portfolio_table_row-full {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.body-6 {
    opacity: .5;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.portfolio_table_client-name-2 {
    width: 293px;
    max-width: 216px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.body-7 {
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.body-7.tourist, .body-7.kf_case, .body-7.qr {
    display: none;
}

.portfolio_table_solution-4 {
    width: 454px;
    max-width: 454px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.portfolio_table_link-2 {
    width: 216px;
    max-width: 216px;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.portfolio_table_case-2 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 0 solid rgba(0, 0, 0, .12);
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.portfolio_table_case-2.coverpage {
    height: 37px;
    border-width: 1px;
    border-radius: 20px;
    margin-top: 8px;
    padding: 7px 12px 7px 18px;
}

.arrow-svg {
    width: 16.8906px;
    height: 16.8906px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.arrow-svg.tourist, .arrow-svg.kf_case, .arrow-svg.qr {
    display: none;
}

.frame-881233054 {
    width: 136px;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-12 {
    width: 136px;
    height: 0;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.link-domain {
    width: auto;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.link-domain.cxl {
    width: 58px;
}

.link-domain.club {
    width: 75px;
}

.link-domain.qiwi {
    width: 58px;
}

.vectors-wrapper-13 {
    width: 100px;
    height: 0;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-4 {
    width: 100%;
    padding-left: 44px;
}

.image-172 {
    max-width: 100%;
}

.hero-letter-copy-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.hero-image-copy-copy {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-letter-pf-copy-copy {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.hero-letter-svg-copy-copy {
    width: 100vw;
    height: auto;
    object-fit: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
}

.image-172-copy {
    max-width: 100%;
}

.text-33-copy {
    width: 100vw;
    color: #000;
    text-align: center;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 27vw;
    font-weight: 400;
    line-height: 74%;
    display: none;
}

.image-172-copy-copy {
    width: 100%;
    max-width: 1440px;
}

.image-173 {
    display: none;
}

.image-174 {
    margin-top: -403px;
    position: absolute;
}

.div-block-5 {
    width: 100%;
    justify-content: center;
    display: flex;
}

.hero-text-countanie-copy-copy {
    width: 100%;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.hero-text-copy {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.body-8 {
    background-color: #f5f5f5;
}

.our_help {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-top: 15vh;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.services_full-text {
    width: 100%;
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 100px;
    display: flex;
}

.h3-bold-fill {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #000;
    text-align: left;
    letter-spacing: -.03em;
    flex-flow: column;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
    display: flex;
}

.h3-bold-fill.plus {
    width: 240px;
    min-width: 240px;
}

.h3-bold-fill.con {
    white-space: nowrap;
}

.h3-bold-fill.list {
    line-height: 105%;
}

.h3-bold-fill.list.case {
    color: #fff;
    letter-spacing: -.02em;
    line-height: 110%;
}

.h3-bold-fill._01 {
    margin-bottom: 20px;
}

.h3-bold-fill._02 {
    text-align: center;
    margin-bottom: 40px;
}

.h3-bold-fill._02._01._202 {
    width: 1060px;
    max-width: 100%;
    align-items: flex-start;
}

.h3-bold-fill.button-container {
    text-align: center;
    align-items: center;
}

.h3-bold-fill.we-help {
    line-height: 105%;
}

.h3-bold-fill.center {
    text-align: center;
}

.h3-bold-fill.paragraph_01 {
    line-height: 110%;
}

.how-we-work {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.how-we-work_heading {
    width: 458px;
    max-width: 458px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 202px;
    display: flex;
}

.body-bold-2 {
    width: 458px;
    color: #000;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.how-we-work_stages {
    width: 100%;
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.how-we-work_stages_01 {
    width: 100%;
    max-width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.img {
    object-fit: cover;
}

.text-countanir {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-14 {
    height: 1px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text_countanir {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-4 {
    width: 100%;
    color: #000;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.text_stages {
    width: 100%;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 5px;
    display: flex;
}

.body-9 {
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.frame-93 {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233070 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-15 {
    width: 93px;
    height: 15.682px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.how-we-work_stages_02 {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.row {
    width: 100%;
    max-width: 255px;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-16 {
    width: 100px;
    height: 7.36396px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-17 {
    width: 143px;
    height: 7.36396px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-18 {
    width: 159px;
    height: 7.36397px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.section_2 {
    width: 100vw;
}

.section_3_mobile {
    width: 100vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.selection_5 {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.tech {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.body-bold-3 {
    color: #000;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.right {
    width: 100%;
    grid-column-gap: 126px;
    grid-row-gap: 126px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cross {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-5 {
    width: 100%;
    color: #000;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.add_text {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 9px;
    display: flex;
}

.body-hug {
    width: auto;
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.body-hug.contacts_body {
    width: 330px;
    min-width: 217px;
}

.body-hug.web {
    width: 454px;
}

.vectors-wrapper-19 {
    width: 139.737px;
    height: 173px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logos {
    grid-column-gap: 47.8167px;
    grid-row-gap: 47.8167px;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.img-2 {
    object-fit: contain;
}

.body-bold-4 {
    width: 458px;
    color: #000;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.h3-6 {
    width: 100%;
    color: #000;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.body-11 {
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.vectors-wrapper-20 {
    width: 139.737px;
    height: 173px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.selection_6 {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.our-approach {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 160px;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.body-bold-5 {
    width: 100%;
    max-width: 100%;
    color: #000;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.right-2 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.heading-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-7 {
    color: #000;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.body-100 {
    width: 100%;
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.body-100.contscts {
    width: 458px;
    min-width: 458px;
}

.body-100.contscts.bold {
    font-family: Helvetica_bold, sans-serif;
}

.body-100.cover {
    height: auto;
    text-align: left;
    align-items: flex-start;
}

.body-100.opaciti {
    opacity: .7;
}

.body-100.center {
    text-align: center;
}

.table {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.jam-stack {
    width: 100%;
    max-width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.add_text-2 {
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881232912 {
    width: 90px;
    height: 90px;
    grid-column-gap: 20.4545px;
    grid-row-gap: 20.4545px;
    background-color: #000;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    padding: 20.4545px;
    display: flex;
}

.text-36 {
    color: #fff;
    font-size: 33px;
    font-weight: 500;
}

.logos-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.image-126 {
    object-fit: cover;
    box-shadow: inset 0 198px 4px #f56725;
}

.image-124 {
    object-fit: cover;
}

.cupture.transparent {
    opacity: .46;
    margin-top: -20px;
}

.cupture._01 {
    line-height: 16px;
}

.devider {
    width: 100%;
    height: 1px;
    background-color: #000;
}

.body_cupture-heading {
    width: 100%;
    max-width: 420px;
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.section-4_mobile {
    width: 100vw;
}

.exp {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.exp.mobile {
    display: none;
}

.side {
    width: 100%;
    max-width: 1060px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.side.product-page {
    width: 458px;
    align-items: flex-start;
}

.side-copy {
    width: 100%;
}

.cover {
    width: 100%;
    height: 500px;
    background-color: #e6e6e6;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: opacity .2s;
    display: flex;
    overflow: hidden;
}

.cover.product-page {
    width: 458px;
}

.text-32-copy {
    width: 100%;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.section-5 {
    height: 1000px;
}

.help {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.frame-881233078 {
    width: 100%;
    max-width: 458px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.body-bold-6 {
    color: #000;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.right-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.server {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.untitled10-1 {
    width: 190px;
    max-width: 190px;
    object-fit: cover;
}

.body-13 {
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.section_7 {
    width: 100vw;
    justify-content: center;
    display: flex;
}

.how-we-help_heading {
    width: 458px;
    max-width: 458px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.section_1_works {
    width: 100%;
    justify-content: center;
    padding-top: 80px;
    display: flex;
}

.index_info {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.portfolio_table_link-2-rick {
    width: 216px;
    max-width: 216px;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.portfolio_table_link-2-kf {
    width: 216px;
    max-width: 216px;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.portfolio_tab_bar_item-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    display: flex;
}

.image-175 {
    width: 90px;
}

.hero-web-dev {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 0 120px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: block;
}

.hero-image-copy-copy {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-letter-copy-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.hero-image-copy-copy-copy {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-letter-web {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 4px;
    display: flex;
}

.hero-letter-svg-copy-copy {
    width: 100vw;
    height: auto;
    object-fit: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
}

.hero-text-countanie-copy-copy {
    width: 100%;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.hero-text-copy {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.body-14 {
    background-color: var(--f5f5f5);
}

.image-176 {
    position: absolute;
    top: 0;
}

.hero-image-copy-copy-copy-copy {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.div-block-7 {
    width: 100vw;
    justify-content: center;
    display: flex;
}

.section_2_web {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.services-web {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.body-bold-7 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.right-4 {
    width: 100%;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-8 {
    color: #000;
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.body-15 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.div-block-8 {
    width: 458px;
}

.section_1_web {
    justify-content: center;
    display: flex;
}

.section_3_web {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.body-9-copy {
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: none;
}

.section-4_web-pf {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: none;
}

.hero-image-copy-copy-copy {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-image-copy-copy-copy-copy {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-text-pf {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.button-exp {
    width: 128px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    text-decoration: none;
    display: flex;
}

.button-exp.new {
    margin-top: 20px;
}

.section_5_web-tech {
    width: 100vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.web-tech {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 160px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.cupture-2 {
    width: 100%;
    max-width: 459px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.body-bold-8 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.right-5 {
    width: 100%;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.infrustructure {
    width: 100%;
    max-width: 926px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-9 {
    color: #000;
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.body-16 {
    width: 100%;
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.body-16.body-100.case {
    color: var(--white);
}

.crm, .agr, .eth {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex;
}

.body-17 {
    background-color: var(--f5f5f5);
}

.hero-about {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 5px 120px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: block;
}

.hero-letter-copy-copy-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.div-block-7-copy {
    width: 100vw;
    justify-content: center;
    display: flex;
}

.hero-image-copy-copy-copy-copy-copy {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-letter-web-copy {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 4px;
    display: flex;
}

.hero-letter-svg-copy-copy-copy {
    width: 100vw;
    height: auto;
    object-fit: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
}

.hero-text-countanie-copy-copy-copy {
    width: 100%;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.hero-letter-svg-copy-copy-copy-copy, .hero-letter-svg-copy-copy-copy-copy-copy {
    width: 100vw;
    height: auto;
    object-fit: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
}

.hero-text-countanie-copy-copy-copy-copy {
    width: 100%;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.hero-text-copy-copy {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 87px;
    grid-row-gap: 87px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.hero_about {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 484px 0 120px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: block;
}

.hero-letter-copy-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.hero-image-copy-copy {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.hero-letter-pf-copy-copy {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 44px;
    display: flex;
}

.hero-image-copy-copy-copy {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.image-177 {
    width: 10vw;
    max-width: 1440px;
    display: none;
    position: absolute;
    top: 0%;
}

.div-block-9 {
    width: 100vw;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-178 {
    width: 100%;
    max-width: 1440px;
    position: absolute;
    top: 0;
}

.text-33-copy {
    width: 100vw;
    color: #000;
    text-align: center;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 22vw;
    font-weight: 400;
    line-height: 74%;
    display: block;
}

.text-33-mobile {
    width: 100vw;
    color: #000;
    text-align: center;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 27vw;
    font-weight: 400;
    line-height: 74%;
    display: none;
}

.text-works {
    width: 100vw;
    color: #000;
    text-align: center;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 22vw;
    font-weight: 400;
    line-height: 74%;
    display: block;
}

.text-33-about {
    width: 100vw;
    color: #000;
    text-align: center;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 306px;
    font-weight: 400;
    line-height: 74%;
    display: block;
}

.section_1_founders {
    width: 100vw;
    grid-column-gap: 220px;
    grid-row-gap: 220px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.founders {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 220px;
    grid-row-gap: 220px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.aarthur {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.left {
    width: 458px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-21 {
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.bio {
    width: 216px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.paragraph {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text_from {
    width: 100%;
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-37 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.alex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.text_from-2 {
    width: 100%;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.section_2_reviews {
    width: 100%;
    grid-column-gap: 69px;
    grid-row-gap: 69px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.h2-2 {
    color: #000;
    letter-spacing: -.04em;
    font-size: 48px;
    font-weight: 700;
    line-height: 46px;
}

.texts {
    width: 100%;
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.reviews_ko {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.reviews_about {
    width: 458px;
    max-width: 458px;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881232888 {
    width: 458px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-38 {
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.text-39 {
    opacity: .5;
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.ellipse-8 {
    object-fit: cover;
}

.text-40 {
    color: #000;
    font-size: 32px;
    font-weight: 400;
    line-height: 130%;
}

.frame-881232889 {
    width: 458px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3_light {
    width: 100%;
    font-family: Helvetica_regular, sans-serif;
    font-size: 32px;
    line-height: 130%;
}

.div-block-10 {
    width: 100%;
    margin-left: 0;
    padding-left: 478px;
}

.reviews {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 220px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}

.div-block-11 {
    width: 458px;
}

.section_1_contacts {
    width: 100vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 180px;
    padding-left: 0;
    display: flex;
}

.contacts {
    width: 454px;
    max-width: 454px;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.contact-us {
    width: 454px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.list_h3 {
    width: 100%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-41 {
    color: #000;
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: underline;
}

.frame-104 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-22 {
    width: 21px;
    height: 32px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-105 {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-23 {
    width: 18px;
    height: 32px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-24 {
    width: 134px;
    height: 32px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.body-101 {
    background-color: var(--f5f5f5);
}

.h3-bold-fill-copy {
    width: auto;
    min-width: 270px;
    color: #000;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.hero-letter-pf-copy-copy-copy {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
}

.secition_2_mobile_main {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.div-block-12 {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.hero-main {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #0a2a00;
    text-align: right;
    text-transform: uppercase;
    background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -583px;
    padding: 484px 0 583px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: none;
}

.hero-letter-svg-main {
    width: 100vw;
    height: auto;
    object-fit: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    display: block;
}

.button-8-copy {
    width: 140px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    text-decoration: none;
    display: flex;
}

.section-7 {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.section_3_web_main {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-21-copy {
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-14 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

._250vh {
    width: 100%;
    height: 350vh;
}

.mobile_animation_left {
    z-index: 2;
    width: 453px;
    border-radius: 28px;
    margin-top: -250vh;
    position: absolute;
    overflow: hidden;
}

.div-block-17 {
    width: 100%;
    position: relative;
}

.html-embed {
    width: 453px;
    height: 359px;
}

.div-block-18 {
    width: 467px;
}

.div-block-17-copy {
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

.mobile_animation_right {
    z-index: 2;
    width: 457px;
    border-radius: 28px;
    margin-top: -120vh;
    position: absolute;
    overflow: hidden;
}

.html-embed-2 {
    width: 457px;
    height: 379px;
    overflow: hidden;
}

.div-block-19 {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.div-block-20 {
    width: 100%;
    height: 350vh;
}

.image-181 {
    border-radius: 24px;
    overflow: hidden;
}

.mobile_promo {
    width: 100%;
}

.web_animation_right {
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

.web_animation_right_element {
    width: 368px;
    margin-top: -120vh;
    position: absolute;
}

.web_animation_left {
    width: 100%;
}

.web_animation_left_element {
    width: 368px;
    margin-top: -239vh;
    position: absolute;
}

.crm-rik-countanir {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    background-color: #ebebeb;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: flex;
}

._1 {
    object-fit: cover;
}

.countanir_22 {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cta-coun {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
}

.m-nav-toggle {
    z-index: 99;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.m-nav-toggle-close {
    z-index: 1;
    text-decoration: none;
    display: none;
    position: absolute;
    bottom: 55px;
}

.m-nav-toggle-inner {
    box-shadow: none;
    transform: scale3d(1none, 1none, 1none);
    transform-style: preserve-3d;
    background-color: #000;
    border-radius: 99em;
    justify-content: center;
    align-items: center;
    padding: 17px 25px;
    transition: transform .25s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: relative;
}

.m-nav-toggle-inner:active {
    transform: scale(.88);
}

.m-nav-toggle-inner.close {
    padding: 18px;
}

.m-nav-close-icon {
    width: 23px;
    padding: 1px;
}

.m-nav-toggle-open-menu {
    z-index: 1;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 55px;
}

.m-nav-toggle-description {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
}

.nav-overlay-gradient-bottom {
    z-index: 4;
    height: 130px;
    background-image: linear-gradient(to top, #242423 15%, rgba(36, 36, 35, 0));
    position: absolute;
    bottom: 0;
    left: 0%;
    right: 0%;
}

.m-nav-overlay {
    z-index: 95;
    width: 100%;
    height: 90%;
    background-color: #242423;
    align-items: flex-end;
    display: none;
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.m-nav-link {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 54px;
    text-decoration: none;
}

.m-nav-link.tab {
    color: #000;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-size: 14px;
    line-height: 40px;
}

.m-nav-list {
    z-index: 2;
    width: 100%;
    max-height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: block;
}

.mobile-nav {
    display: none;
    position: relative;
}

.nav-overlay-gradient-top {
    z-index: 4;
    height: 65px;
    background-image: linear-gradient(#242423 15%, rgba(36, 36, 35, 0));
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.m-nav-toggle-bg {
    z-index: 1;
    height: 125px;
    background-image: linear-gradient(rgba(238, 238, 238, 0), #fff 98%);
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.m-nav-content {
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
}

.m-nav-link-item {
    text-align: center;
}

.m-nav-link-item.last-item {
    padding-bottom: 135px;
}

.m-nav-link-item.first-item {
    padding-top: 65px;
}

.m-nav-toggle-inner_menu {
    box-shadow: none;
    transform: scale3d(1none, 1none, 1none);
    transform-style: preserve-3d;
    background-color: #000;
    border-radius: 99em;
    justify-content: center;
    align-items: center;
    padding: 17px 25px;
    transition: transform .25s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: relative;
}

.m-nav-toggle-inner_menu:active {
    transform: scale(.88);
}

.m-nav-toggle-inner_menu.close {
    padding: 18px;
}

.m-nav-toggle-open_offer {
    z-index: 1;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 55px;
}

.m-nav-toggle-inner_offer {
    box-shadow: none;
    transform: scale3d(1none, 1none, 1none);
    transform-style: preserve-3d;
    background-color: #000;
    border-radius: 99em;
    justify-content: center;
    align-items: center;
    padding: 17px 25px;
    transition: transform .25s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: relative;
}

.m-nav-toggle-inner_offer:active {
    transform: scale(.88);
}

.m-nav-toggle-inner_offer.close {
    padding: 18px;
}

.m-nav-toggle-description_menu {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
}

.m-nav-toggle-offer {
    z-index: 1;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 55px;
}

.m-nav-overlay-2 {
    z-index: 95;
    width: 100%;
    height: 90%;
    background-color: #242423;
    align-items: flex-end;
    display: none;
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.m-nav-toggle-inner-2 {
    box-shadow: none;
    transform: scale3d(1none, 1none, 1none);
    transform-style: preserve-3d;
    background-color: #000;
    border-radius: 99em;
    justify-content: center;
    align-items: center;
    padding: 17px 25px;
    transition: transform .25s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: relative;
}

.m-nav-toggle-inner-2:active {
    transform: scale(.88);
}

.m-nav-toggle-inner-2.close {
    padding: 18px;
}

.m-nav-toggle-description-2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
}

.m-nav-toggle-close-2 {
    z-index: 1;
    text-decoration: none;
    display: none;
    position: absolute;
    bottom: 55px;
}

.m-nav-toggle-menu {
    z-index: 1;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 55px;
}

.m-nav-toggle-inner-2-copy {
    box-shadow: none;
    transform: scale3d(1none, 1none, 1none);
    transform-style: preserve-3d;
    background-color: #000;
    border-radius: 99em;
    justify-content: center;
    align-items: center;
    padding: 17px 25px;
    transition: transform .25s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: relative;
}

.m-nav-toggle-inner-2-copy:active {
    transform: scale(.88);
}

.m-nav-toggle-inner-2-copy.close {
    padding: 18px;
}

.menu-button-text, .m-nav-toggle-description-close, .menu-button-text-offer {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
}

.div-block-23 {
    padding: 4px;
}

.link-2 {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 50px;
    display: block;
}

.link-3, .link-4 {
    font-size: 14px;
    line-height: 50px;
    display: block;
}

.link-4.w--current {
    font-size: 14px;
}

.link-4.hover {
    line-height: 24px;
    display: none;
}

.text-block-2 {
    font-family: Helvetica_bold, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.text-block-2._01 {
    display: block;
}

.link-block {
    max-width: 246px;
}

.div-block-24 {
    margin-bottom: -86px;
}

.image-182, .image-183 {
    display: none;
}

.burger_menu {
    width: 100%;
}

.image-185 {
    display: none;
}

.section_1_contacts-2 {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 240px;
    padding-bottom: 160px;
    display: flex;
}

.contacts-2 {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
}

.contact-us-2 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.contact-us-2.socials {
    display: none;
}

.list_h3-2 {
    width: 100%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.list_h3-2.test {
    width: 48%;
}

.text-42 {
    width: 100%;
    color: #000;
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: underline;
}

.frame-881233080 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-25 {
    width: 21px;
    height: 32px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.link-box {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-26 {
    width: 18px;
    height: 32px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.come-to-visit {
    width: 100%;
    max-width: 557px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-10 {
    color: #000;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.vectors-wrapper-27 {
    width: 134px;
    height: 32px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-27 {
    width: 100%;
    max-width: 1440px;
}

.tab-item-hover {
    color: #000;
    text-align: right;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: block;
}

.tab-item-hover.hover {
    display: block;
    position: absolute;
    top: 43px;
}

.tab-item-hover.hover.second {
    display: none;
    top: 50px;
}

.tab-item-hover.hover.first {
    top: 2px;
}

.tab-item-hover.hover.third {
    display: none;
    top: 68px;
}

.text-block-3 {
    color: #000;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-weight: 700;
    line-height: 42px;
}

.tab-item-hover_2 {
    color: #000;
    text-align: right;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: block;
}

.tab-item-hover_2.hover {
    display: block;
    position: absolute;
    top: 43px;
}

.tab-item-hover_2.hover.second {
    display: block;
    top: 32px;
}

.mobile_vido {
    width: 240px;
    height: 517px;
}

.mobile_animation_promo {
    width: 240px;
    margin-top: 0;
    position: relative;
}

.div-block-18-copy {
    width: 240px;
}

.html-embed-mobile {
    z-index: 2;
    width: 240px;
    height: 516px;
    border-radius: 19px;
    position: relative;
    overflow: hidden;
}

.mobile_dev-fixed-countanir {
    width: 740px;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    background-color: #eee;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    display: flex;
}

.body-102 {
    background-color: var(--f5f5f5);
}

.frame-881233097 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.frame-881232948 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.body-bold-9 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.frame-881232892 {
    width: 100%;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881232903 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-11 {
    color: #000;
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
}

.frame-881233100 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.telegram-cloud-photo-size-2-5461006936855139582-y-2 {
    object-fit: cover;
    border-radius: 5px;
}

.frame-881233099 {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.section-8 {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-881233105 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 120px 20px 220px;
    display: flex;
}

.frame-881233104 {
    width: 920px;
    grid-column-gap: 84px;
    grid-row-gap: 84px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.case_heading {
    width: 570px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h2-3 {
    width: 100%;
    color: #000;
    letter-spacing: -.04em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 46px;
}

.frame-881233102 {
    width: 100%;
    height: 520px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #ededed;
    background-image: url('../images/222Frame-881233102.png');
    background-position: 50% 0;
    background-size: cover;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

._1231212324-1 {
    object-fit: cover;
}

.div-block-29 {
    width: 458px;
    flex-direction: row;
    display: flex;
}

.image-187 {
    height: 100%;
}

.case-card-heading {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: flex-start;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
}

.h3_light-cover {
    width: 100%;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 28px;
    line-height: 110%;
}

.chip-arrow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 20px;
    flex-direction: row;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
    margin-top: 7px;
    padding: 7px 18px 7px 12px;
    display: flex;
}

.div-block-31 {
    height: 100%;
}

.form_countanir {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 80px 20px;
    display: flex;
}

.form {
    width: 100%;
    max-width: 690px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #75fa4c;
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 80px;
    display: flex;
}

.form-heading {
    width: 100%;
    max-width: 430px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-heading.phone {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    padding-top: 40px;
}

.form-heading.phone.small {
    padding-top: 40px;
}

.body-bold-10 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.rows {
    width: 100%;
    max-width: 454px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.rows-2 {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.label_count {
    width: 138px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 14px 10px;
    display: flex;
}

.body-103 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.form-2 {
    width: 100%;
    height: 47px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 0 solid #000;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 14px 10px;
    display: flex;
}

.form-3 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 0 solid #000;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 14px 10px;
    display: flex;
}

.body-104 {
    opacity: .5;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.form-main {
    width: 1060px;
    height: 640px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #75fa4c;
    border-radius: 18px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}

.body-bold-11 {
    color: #000;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.rows-3 {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.body-105 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.form-5 {
    width: 100%;
    height: 47px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 0 solid #000;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 14px 10px;
    display: flex;
}

.form-6 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 0 solid #000;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 14px 10px;
    display: flex;
}

.body-106 {
    opacity: .5;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.frame-881233106 {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    display: flex;
}

.text-43 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.submit-button {
    width: 100%;
    background-color: var(--black);
    color: #fff;
    border-radius: 50px;
    margin-top: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
}

.cta_form {
    width: 100%;
}

.form-row {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
}

.form-block {
    width: 100%;
    max-width: 430px;
    order: 0;
    align-self: auto;
    margin-bottom: 0;
}

.field-label {
    width: 138px;
    color: #000;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
}

.text-field {
    width: 100%;
    height: 46px;
    clear: left;
    color: #000;
    object-fit: fill;
    background-color: rgba(255, 255, 255, 0);
    border: 0 solid #000;
    border-bottom-width: 1px;
    padding-left: 0;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.text-field:focus {
    border-bottom-width: 2px;
}

.text-field::-ms-input-placeholder {
    color: rgba(0, 0, 0, .6);
}

.text-field::placeholder {
    color: rgba(0, 0, 0, .6);
}

.success-message {
    width: 100%;
    max-width: 454px;
    background-color: rgba(221, 221, 221, 0);
    padding: 0 10px 0 0;
}

.text-block-4 {
    width: 100%;
    color: #000;
    text-align: left;
    font-family: Helvetica_bold, sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.text-block-4.second {
    margin-top: 4px;
    font-family: Helvetica_bold, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}

.error-message {
    border-radius: 20px;
    margin-left: 10px;
    padding-left: 12px;
}

.link-6 {
    color: rgba(0, 0, 0, .59);
}

.image-188 {
    border-radius: 24px;
    overflow: hidden;
}

.html-embed-web {
    z-index: 2;
    width: 725px;
    height: 516px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.section-4_web-pf_new {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.mvp {
    width: 100%;
    max-width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.pop-up {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.close_button_in {
    width: 50px;
    height: 50px;
    padding: 15px;
    display: none;
    position: relative;
}

.form_count {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
}

.close_button {
    width: 50px;
    height: 50px;
}

.cta-coun-pop-up {
    width: 100vw;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.close_button_in_pop-up {
    width: 50px;
    height: 50px;
    padding: 15px;
    display: block;
    position: relative;
}

.link-7 {
    width: 100%;
}

.link-7.h3 {
    font-family: Helvetica_bold, sans-serif;
    text-decoration: underline;
}

.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.frame-881233129 {
    width: 100%;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 120px;
    margin-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}

.frame-881233128 {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 24px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.banch_marketing_item {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-44 {
    color: #000;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-size: 90px;
    font-weight: 700;
    line-height: 82%;
}

.text-45 {
    color: #0a2a00;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.text-46 {
    color: #000;
    letter-spacing: -.03em;
    text-transform: uppercase;
    font-size: 90px;
    font-weight: 700;
    line-height: 82%;
}

.div-block-34 {
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: center;
    display: flex;
}

.cupture-12px.transparent {
    opacity: .46;
    margin-bottom: -20px;
    font-size: 12px;
    line-height: 16px;
}

.development_stages_table {
    width: 100%;
    max-width: 454px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin-top: 80px;
    display: flex;
}

.services_block-copy {
    width: 100%;
    height: auto;
    max-width: 217.833px;
    background-color: var(--75fa4c);
    width: 100%;
    height: 90px;
    max-width: 217.833px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--75fa4c);
    width: 100%;
    height: 90px;
    max-width: 217.833px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--75fa4c);
    width: 100%;
    height: 90px;
    max-width: 217.833px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--75fa4c);
    width: 100%;
    height: 90px;
    max-width: 217.833px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--75fa4c);
    width: 100%;
    height: 90px;
    max-width: 217.833px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--75fa4c);
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.mobile_item {
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    padding: 25px;
    display: flex;
}

.development_stages {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 120px;
    display: flex;
}

.div-block-36 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.web-wervices {
    width: 100%;
    max-width: 1440px;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.web_services {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 20px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin-top: 0;
    display: flex;
}

.web_item {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 160px 25px 24px;
    display: flex;
    position: relative;
}

.web_item._01 {
    width: 60%;
    justify-content: flex-end;
    padding-top: 160px;
    padding-bottom: 24px;
}

.web_item._02 {
    width: 60%;
}

.web_item._03 {
    width: 100%;
}

.web-services-row-1, .web-services-row-2 {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.div-block-39 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
}

.team {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
}

.image-191 {
    display: none;
}

.spline-scene_desktop {
    width: 53%;
    height: 640px;
    display: none;
}

.div-block-40 {
    width: 1px;
    height: 100%;
    opacity: .3;
    background-color: #000;
    margin-right: -49px;
}

.spline-scene_mobile {
    width: 53%;
    height: 640px;
    border-left: 1px solid rgba(0, 0, 0, .3);
    margin-left: 0;
    display: block;
}

.form_count_small {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.form_small {
    width: 100%;
    height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #75fa4c;
    border-radius: 18px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 120px;
    margin-bottom: 120px;
    padding: 40px;
    display: block;
}

.close_button_small {
    width: 50px;
    height: 50px;
    display: none;
}

.mobile-dev-form-countanir {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: baseline;
    display: flex;
}

.div-block-43 {
    width: 1px;
    height: 800px;
    background-color: #000;
}

.div-block-44 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: flex-end;
    display: flex;
}

.table_item {
    width: 100%;
    border-top: 1px solid #000;
    border-left: 1px #000;
    flex-direction: row;
    margin-bottom: 32px;
    padding-top: 12px;
    display: flex;
}

.div-block-45 {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.image-192 {
    width: 100%;
    margin-top: -115%;
}

.frame-881233138 {
    width: 100%;
    height: 145px;
    grid-column-gap: 11.9048px;
    background-color: #75fa4c;
    border-radius: 294.048px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.ceo-an-co-founder {
    color: #000;
    text-align: center;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 16px;
    font-weight: 700;
}

.div-block-46 {
    height: auto;
    margin-top: -100%;
    display: block;
}

.image-193 {
    margin-top: -115%;
}

.div-block-47 {
    position: relative;
}

.team-selection {
    width: 100%;
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.image-194 {
    width: 120px;
    position: absolute;
    top: 0%;
    left: 0%;
}

.image-195 {
    z-index: 1;
    width: 120px;
    display: block;
    position: relative;
}

.artem, .pasha, .rahat, .azaliya, .alex_02, .fake_person_01, .fake_person_02, .fake_person_03, .anrew, .fake_person_04 {
    position: relative;
}

.image-196, .image-197, .image-198, .image-199, .image-200, .image-201, .image-202, .image-203, .image-204, .image-205, .image-206 {
    z-index: 1;
    position: relative;
}

.text-32-form_number {
    width: 100%;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.div-block-48 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    display: flex;
}

.team-selection_about {
    width: 100%;
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.team-about {
    max-width: 1440px;
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    flex-direction: column;
    margin-bottom: 80px;
    display: flex;
}

.div-block-45-about {
    width: 100%;
    justify-content: space-between;
    display: flex;
}

.heding-countanir {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}

.services_image {
    position: absolute;
    top: 0;
    left: 0;
}

.services_image.shop {
    padding-top: 10px;
    padding-left: 10px;
}

.services_image.crm_system {
    padding-top: 20px;
    padding-left: 20px;
}

.frame-881233175 {
    width: 1060px;
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-881233176 {
    width: 100%;
    height: 573px;
    max-width: 247px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative;
}

.frame-881233177 {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 18px;
    padding-right: 18px;
    display: flex;
}

.mobile-dev-stages__number {
    width: 24px;
    height: 24px;
    grid-row-gap: 10px;
    background-color: #ddd;
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 18px;
    margin-right: 18px;
    display: flex;
}

.text-47 {
    color: #727272;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.mobile-dev-stages__text {
    width: 100%;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.text-48 {
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.text-49 {
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
}

.mobile-dev-stages__03 {
    object-fit: scale-down;
    position: absolute;
    top: 0;
    left: 0;
}

.frame-881233172 {
    width: 100%;
    height: 573px;
    max-width: 793px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.stages-row-2 {
    width: 100%;
    height: 276.5px;
    grid-column-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.mobile-dev-stages__item {
    width: 100%;
    height: 276.5px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative;
}

.mobile-dev-stages__item:active {
    background-color: #e4e4e4;
    transform: scale(.98);
}

.mobile-dev-stages__item.first {
    width: 30%;
    height: 573px;
}

.mobile-dev-stages__02 {
    object-fit: scale-down;
    position: absolute;
    top: 0;
    left: 0;
}

.mobile-dev-stages__item-spectial {
    width: 100%;
    height: 276.5px;
    max-width: 211px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative;
}

.stages-row-3 {
    width: 100%;
    height: 276.5px;
    grid-column-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.mobile-dev-stages__05 {
    object-fit: scale-down;
    position: absolute;
    top: .5px;
    left: 0;
}

.mobile-dev-stages__06 {
    object-fit: scale-down;
    position: absolute;
    top: .5px;
    left: .5px;
}

.mobile-dev-stages__01 {
    display: none;
}

.untitled2-2-copy {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.koenig_finance_arthur_mobile {
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: none;
}

.div-block-50 {
    width: 100%;
    justify-content: center;
    display: flex;
}

.mobile-dev-stages__04 {
    object-fit: scale-down;
    position: absolute;
    top: 0;
    left: 0;
}

.div-block-copy {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 240px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.picture-row {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "."
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.picture-row._04 {
    width: 100%;
    height: auto;
    justify-content: flex-start;
}

.picture-row._04-2 {
    width: 100%;
    justify-content: flex-start;
}

.team__about {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
}

.alex_circle {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.frame-881233139 {
    max-width: 1060px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 180px;
    text-decoration: none;
    display: flex;
}

.frame-881233136 {
    grid-column-gap: 125px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233178 {
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-50 {
    color: #000;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 46px;
    text-decoration: none;
}

.text-51 {
    width: 500px;
    color: #000;
    letter-spacing: -.002em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
}

.vectors-wrapper-28 {
    width: 168px;
    height: 152px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: block;
}

._12frame-881233138-1 {
    object-fit: cover;
}

.frame-881233135 {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233133 {
    height: 535px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233130 {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    display: flex;
}

.text-52 {
    color: #000;
    letter-spacing: -.07em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 160px;
    font-weight: 700;
    line-height: 82%;
    text-decoration: none;
}

.text-53 {
    color: #000;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
}

.text-54 {
    color: #000;
    letter-spacing: -.15em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 160px;
    font-weight: 700;
    line-height: 82%;
    text-decoration: none;
}

.frame-881233132 {
    width: 80%;
    height: 535px;
    border: 1px solid #000;
    border-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.frame-881233179 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-55 {
    color: #000;
    letter-spacing: -.03em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 160px;
    font-weight: 700;
    line-height: 82%;
    text-decoration: none;
}

.vectors-wrapper-29 {
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.section-9 {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-207 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.body-107 {
    background-color: var(--f5f5f5);
}

.div-block-51 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
}

.koenig {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.section-4_mobile-pf_new {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.section-turms_and_costs {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
    padding-bottom: 120px;
}

.mobile-cases-count {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
}

.side-mobile {
    width: 100%;
    max-width: 1440px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.image-187-copy {
    height: 100%;
}

.mobile-cases-cover-item_heading {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: flex-start;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
}

.terms_and_cost_heading {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
}

.case-cover-mobile-item {
    width: 100%;
    height: 500px;
    background-color: #e6e6e6;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: opacity .2s;
    display: flex;
    overflow: hidden;
}

.hero-chat {
    height: 80vh;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-image: linear-gradient(to bottom, #75fa4c 76%, var(--f5f5f5));
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.horizontal-heading-info {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.tab-item-hover-3 {
    color: #000;
    text-align: right;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: block;
}

.tab-item-hover-3.hover {
    display: block;
    position: absolute;
    top: 43px;
}

.tab-item-hover-3.hover.second {
    display: none;
    top: 50px;
}

.tab-item-hover-3.hover.first {
    top: 2px;
}

.tab-item-hover-3.hover.third {
    display: none;
    top: 68px;
}

.hero_content {
    width: 100%;
    max-width: 1060px;
    flex: 0 auto;
    justify-content: space-around;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.hero_content_main-right {
    width: 70%;
    grid-row-gap: 46px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 86px;
    text-decoration: none;
    display: flex;
}

.heading-3 {
    width: 100%;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.h3-main {
    width: 100%;
    color: #000;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 46px;
    text-decoration: none;
}

.body-main {
    width: 400px;
    color: #000;
    letter-spacing: -.002em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.body-main.add {
    margin-top: 10px;
}

.button-hero-main {
    width: 182px;
    grid-column-gap: 10px;
    background-color: #000;
    border-radius: 51px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 25px 27px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.text-58 {
    color: #fff;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}

.hero-main-image {
    object-fit: contain;
}

.hero_main {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.frame-881233156 {
    width: 100%;
    max-width: 1060px;
    -webkit-backdrop-filter: blur(17.3px);
    backdrop-filter: blur(17.3px);
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
}

._23logo4-1 {
    opacity: 1;
    object-fit: cover;
}

.vectors-wrapper-30 {
    width: 122.038px;
    height: 36.6113px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-31 {
    width: 108.962px;
    height: 43.106px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-32 {
    width: 55.5708px;
    height: 56.6604px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

._3233aa50ff-1 {
    opacity: .3;
    object-fit: cover;
    box-shadow: inset 0 64.6592px .965062px #000;
}

.vectors-wrapper-33 {
    width: 138.382px;
    height: 32.9204px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.our_clients {
    width: 100%;
    grid-column-gap: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 120px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.div-block-52 {
    height: 120px;
}

.frame-881233180 {
    width: 100%;
    max-width: 100%;
    -webkit-backdrop-filter: blur(17.3px);
    backdrop-filter: blur(17.3px);
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    text-decoration: none;
    display: flex;
}

.qiwi {
    width: 76px;
    height: 75.5556px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.o2 {
    opacity: 1;
    object-fit: cover;
}

.robin {
    width: 115.587px;
    height: 34.6762px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.axle {
    width: 104.258px;
    height: 41.2448px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

._04 {
    width: 47.0547px;
    height: 47.9773px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

._3233aa50ff-2 {
    opacity: .3;
    object-fit: cover;
    box-shadow: inset 0 59.5757px .88919px #000;
}

.okpay {
    width: 131.999px;
    height: 31.4019px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.content {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233160 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.benchmark-item {
    width: 100%;
    grid-row-gap: 80px;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 80px 10px 10px;
    text-decoration: none;
    display: flex;
}

.text-59 {
    width: 100%;
    color: #000;
    text-align: center;
    letter-spacing: -.07em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 120px;
    font-weight: 400;
    line-height: 82%;
    text-decoration: none;
}

.body-benchmark {
    color: #000;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
}

.benchmark-item_2 {
    width: 100%;
    grid-row-gap: 68px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 68px 10px 10px;
    text-decoration: none;
    display: flex;
}

.text-61 {
    width: 100%;
    color: #000;
    text-align: center;
    letter-spacing: -.16em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 38px;
    font-family: Helvetica_regular, sans-serif;
    font-size: 120px;
    font-weight: 400;
    line-height: 82%;
    text-decoration: none;
}

.frame-881233159 {
    width: 80%;
    height: 519px;
    grid-row-gap: 192px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 70px 10px 10px;
    text-decoration: none;
    display: flex;
}

.frame-881233159:active {
    background-color: #e4e4e4;
    transform: scale(.98);
}

.h2-light {
    width: 100%;
    color: #000;
    text-align: center;
    letter-spacing: -.06em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 120px;
    font-weight: 400;
    line-height: 82%;
    text-decoration: none;
}

.benchmark {
    justify-content: center;
    padding-top: 180px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.div-block-53 {
    width: 100%;
    max-width: 1060px;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.right_02 {
    width: 100%;
    grid-row-gap: 46px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.hero_chat {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: space-around;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: flex;
}

.table__40 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    display: flex;
}

.how-we-work_heading_chat {
    width: auto;
    max-width: 458px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.how-we-workchat {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.chat_tasks {
    width: 100%;
    max-width: 1060px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.chats_bullets {
    width: 100%;
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 5px;
    display: flex;
}

.chats_bullet_table {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.chats-bullet-table_item {
    width: 100%;
    max-width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.div-block-54 {
    height: 80px;
}

.chat-example {
    width: 100%;
    max-width: 1440px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 220px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.frame-881233182 {
    height: 628px;
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233183 {
    height: 628px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233184 {
    width: 100%;
    height: 100%;
    max-width: 247px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233164 {
    width: 199px;
    height: 260px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-63 {
    color: #0e0e0e;
    letter-spacing: -.002em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.error-e312dbf2-d644-fc33-f889-8d7a084b4b51 {
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.frame-881233185 {
    width: 100%;
    height: 308px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233186 {
    width: 100%;
    height: 628px;
    max-width: 793px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233187 {
    width: 100%;
    height: 201.333px;
    grid-column-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881232851 {
    width: 100%;
    height: 201.333px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233165 {
    width: 100%;
    height: 153.333px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233188 {
    width: 100%;
    height: 201.333px;
    grid-column-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881232849 {
    width: 100%;
    height: 201.333px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233169 {
    width: 100%;
    height: 153.333px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233189 {
    height: 628px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233190 {
    width: 100%;
    height: 100%;
    max-width: 247px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233191 {
    width: 199px;
    height: 260px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-64 {
    color: #0e0e0e;
    letter-spacing: -.002em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.error-8dda5cc9-7af3-f964-c0b0-92d44878221e {
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.frame-881233192 {
    width: 100%;
    height: 308px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233193 {
    height: 628px;
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233194 {
    height: 628px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233195 {
    width: 100%;
    height: 100%;
    max-width: 247px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.text-65 {
    color: #0e0e0e;
    letter-spacing: -.002em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.error-bca61e66-5b4a-8507-2325-e4ce36866e6d {
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.frame-881233196 {
    width: 100%;
    height: 308px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233197 {
    width: 100%;
    height: 628px;
    max-width: 793px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233198 {
    width: 100%;
    height: 201.333px;
    grid-column-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233199 {
    width: 100%;
    height: 201.333px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.frame-881233200 {
    width: 100%;
    height: 201.333px;
    grid-column-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-881233201 {
    width: 100%;
    height: 201.333px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px;
    text-decoration: none;
    display: flex;
}

.chat-example_dashboard {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.chat-bot-rik-showcase-item {
    width: 100%;
    height: 290px;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: #eee;
    border-radius: 18px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 24px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.chat-bot-rik-showcase-item._02 {
    width: 100%;
    height: 100%;
}

.chat-bot-rik-showcase-item._01 {
    width: 100%;
    height: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-end;
}

.text-66 {
    color: #0e0e0e;
    letter-spacing: -.002em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.text-67 {
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.div-block-56 {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.div-block-57, .div-block-58 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex;
}

.chat-tasks, .rik {
    width: 100vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.chat-process {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 220px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.how-we-work-chats {
    justify-content: center;
    align-items: center;
    display: flex;
}

.outcomes-chat {
    width: 100%;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.outcomes-chat_countanir {
    width: 100%;
    max-width: 1060px;
}

.outcomes-chat_countanir_table {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.outcomes-chat_countanir_table_item {
    width: 100%;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: var(--ууу);
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
}

.outcomes-chat_countanir_table_item_heading {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    padding: 18px;
    display: flex;
}

.image-208 {
    width: 100%;
}

.spacing-80 {
    width: 100%;
    height: 60px;
}

.image-209 {
    border-bottom: 1px solid #000;
}

.div-block-59 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    display: flex;
}

.image-210, .image-211 {
    width: 100%;
}

.hero_content_main {
    width: 100%;
    max-width: 1060px;
    flex: 0 auto;
    justify-content: space-around;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.div-block-53-copy {
    width: 100%;
    max-width: 1060px;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.row-logos-01 {
    width: 100%;
    max-width: 1060px;
    -webkit-backdrop-filter: blur(17.3px);
    backdrop-filter: blur(17.3px);
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    text-decoration: none;
    display: flex;
}

.frame-881233180-copy {
    width: 100%;
    max-width: 100%;
    -webkit-backdrop-filter: blur(17.3px);
    backdrop-filter: blur(17.3px);
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    text-decoration: none;
    display: flex;
}

.right_02-copy {
    width: 100%;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.heading-3-copy {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.image-212 {
    width: 458px;
}

.mobile-cases-count-copy {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
}

.pf-table {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.div-block-60 {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    display: flex;
}

.image-213 {
    width: 60%;
}

.benchmark-countanir {
    width: 100%;
    max-width: 1060px;
}

.div-block-62 {
    background-color: var(--ууу);
    border-radius: 18px;
    padding: 24px;
}

.tech_table {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.details {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: grid;
}

.details-item {
    width: 100%;
    height: 159px;
    background-color: #e9e9e9;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 18px;
    text-decoration: none;
    display: flex;
}

.text-68 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_bold, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.frame-881233212 {
    width: 24px;
    height: 24px;
    grid-column-gap: 10px;
    background-color: #ddd;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-69 {
    color: rgba(0, 0, 0, .5);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.body-bold-copy {
    width: 458px;
    color: #000;
    margin-bottom: 20px;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.body-bold-copy.center {
    text-align: center;
}

.body-bold-100 {
    width: 100%;
    color: #000;
    font-family: Helvetica_bold, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.body-bold-100.contscts {
    width: 458px;
    min-width: 458px;
}

.body-bold-100.contscts.bold {
    font-family: Helvetica_bold, sans-serif;
}

.body-bold-100.cover {
    height: auto;
    text-align: left;
    align-items: flex-start;
}

.body-bold-100.opaciti {
    opacity: .7;
}

.body-bold-100.center {
    text-align: center;
}

.h3-bold-fill-case {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #000;
    text-align: left;
    letter-spacing: -.03em;
    flex-flow: column;
    font-family: Helvetica_bold, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
    display: flex;
}

.h3-bold-fill-case.plus {
    width: 240px;
    min-width: 240px;
}

.h3-bold-fill-case.con {
    white-space: nowrap;
}

.h3-bold-fill-case.list {
    line-height: 105%;
}

.h3-bold-fill-case.list.case {
    color: #fff;
    line-height: 110%;
}

.h3-bold-fill-case._01 {
    margin-bottom: 20px;
}

.h3-bold-fill-case._02 {
    text-align: center;
    margin-bottom: 40px;
}

.h3-bold-fill-case._02._01._202 {
    width: 1060px;
    max-width: 100%;
    align-items: flex-start;
}

.h3-bold-fill-case.button-container {
    text-align: center;
    align-items: center;
}

.h3-bold-fill-case.we-help {
    line-height: 105%;
}

.h3-bold-fill-case.paragraph_01 {
    line-height: 110%;
}

.contacts-heading {
    width: 100%;
    color: #000;
    text-align: center;
    letter-spacing: -.04em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 240px;
    font-weight: 400;
    line-height: 74%;
    display: block;
}

.div-block-63 {
    width: 100%;
    height: 100vh;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(to bottom, var(--75fa4c), var(--75fa4c) 73%, var(--f5f5f5));
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 20px;
    display: flex;
}

.div-block-64 {
    width: 100%;
}

.kf-cover {
    width: 100%;
    height: 490px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #ededed;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: hidden;
}

.details-countanir {
    width: 100%;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cover-qmoney {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #ededed;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.done-rik-chat-bot {
    padding-top: 24px;
    padding-left: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.done-rik-chat-bot._03 {
    padding-top: 12px;
    padding-left: 12px;
}

.image-214 {
    position: absolute;
}

.countanir {
    width: 100%;
    max-width: 356px;
    grid-row-gap: 12px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: rgba(230, 230, 230, .53);
    border-radius: 14px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 12px;
    text-decoration: none;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    overflow: visible;
}

.heading-nav-bar {
    width: 308px;
    justify-content: space-between;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
}

.text-70 {
    width: 74px;
    color: #000;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
    position: relative;
}

.vectors-wrapper-39 {
    width: 18px;
    height: 16px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.pages-table {
    width: 332px;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 4px;
    text-decoration: none;
    display: none;
}

.page-item {
    width: 332px;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 0 solid rgba(214, 214, 214, 0);
    border-top-width: 1px;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    text-decoration: none;
    display: flex;
}

.page-item:hover {
    background-color: rgba(0, 0, 0, .04);
}

.page-item:active {
    background-color: rgba(0, 0, 0, .05);
}

.text-71 {
    width: 100%;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Helvetica_regular, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.vectors-wrapper-40 {
    width: 18px;
    height: 16px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-881233217 {
    width: 100%;
    grid-column-gap: 12px;
    border: 0 solid rgba(214, 214, 214, 0);
    border-top-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-41 {
    width: 8px;
    height: 8px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-881233218 {
    width: 100%;
    border: 0 solid rgba(214, 214, 214, 0);
    border-top-width: 1px;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 12px;
    text-decoration: none;
    display: flex;
}

.body-108 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
}

.navbar-desk {
    z-index: 4;
    width: 100%;
    justify-content: center;
    padding-top: 4px;
    display: none;
    position: fixed;
    top: 0;
}

.h2_light-cover_costs {
    width: 100%;
    letter-spacing: -.03em;
    font-family: Helvetica_bold, sans-serif;
    font-size: 64px;
    line-height: 110%;
}

.div-block-65 {
    background-color: red;
}

.div-block-66 {
    width: 74px;
    height: 17px;
    justify-content: center;
    align-items: center;
    margin-left: -24px;
    display: flex;
}

.div-block-67 {
    padding: 15px 24px;
}

.floating-button {
    width: 100%;
    justify-content: center;
    margin-bottom: 40px;
    display: none;
    position: fixed;
    bottom: 0;
}

.div-block-68 {
    width: 240px;
    position: absolute;
}

.interaction_countanir {
    flex: 0 auto;
    position: relative;
}

.interaction_countanir:focus {
    color: #da0000;
}

.icon {
    display: none;
}

.text-block-5 {
    font-family: Helvetica_bold, sans-serif;
}

.dropdown-toggle {
    z-index: 5;
    height: 50px;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    transition: opacity .15s, margin-left .15s;
    display: flex;
}

.dropdown-toggle.w--open {
    height: 50px;
    align-items: center;
    padding: 0;
    transition: opacity .15s;
    display: flex;
}

.dropdown-link {
    width: 100%;
    padding: 8px 12px;
    font-family: Helvetica_bold, sans-serif;
}

.dropdown-link:hover {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

.dropdown-link.w--current {
    font-weight: 700;
}

.dropdown-link-2, .dropdown-link-3 {
    width: 100%;
    padding: 8px 12px;
    font-family: Helvetica_bold, sans-serif;
}

.dropdown-list {
    background-color: rgba(221, 221, 221, .95);
}

.dropdown-list.w--open {
    z-index: 5;
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-left: -20px;
    padding: 4px;
    display: flex;
    overflow: hidden;
}

.dropdown {
    z-index: 5;
}

.div-block-70 {
    width: 100%;
    max-width: 1060px;
    padding-left: 50px;
    padding-right: 50px;
}

.content-contacts {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.frame-881233180-copy {
    width: 100%;
    max-width: 100%;
    -webkit-backdrop-filter: blur(17.3px);
    backdrop-filter: blur(17.3px);
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    text-decoration: none;
    display: flex;
}

.row-logos-02 {
    width: 100%;
    max-width: 1060px;
    -webkit-backdrop-filter: blur(17.3px);
    backdrop-filter: blur(17.3px);
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    text-decoration: none;
    display: flex;
}

.h1-contacts {
    width: 100%;
    color: #000;
    text-align: left;
    letter-spacing: -.07em;
    text-transform: uppercase;
    font-family: Helvetica_regular, sans-serif;
    font-size: 14em;
    font-weight: 400;
    line-height: 74%;
    display: block;
}

.form-row__name, .form-row__phone, .form-row__mail, .form-row__about {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
}

.pure__form--form {
    width: 100%;
}

.form__row--phone {
    align-items: center;
    display: flex;
}

.text-block-6 {
    width: 138px;
}

.feild {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid #000;
}

.pure__form {
    width: 100%;
}

.spacing_32 {
    height: 32px;
}

.button_cta {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 41px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    text-decoration: none;
    display: flex;
}

.button-cta {
    grid-column-gap: 10px;
    background-color: #000;
    border-radius: 32px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 18px 24px;
    text-decoration: none;
    display: flex;
}

.text-72 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.form__row--name, .form__row--mail, .form__row--about {
    align-items: center;
    display: flex;
}

.form_small--mobile {
    width: 100%;
    height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #75fa4c;
    border-radius: 18px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 120px;
    margin-bottom: 120px;
    display: block;
    padding: 20px 40px 20px 20px;
}

@media screen and (min-width: 1280px) {
    .nav {
        z-index: 4;
        display: flex;
    }

    .text-19 {
        font-size: 16px;
    }

    .hero-letter-svg {
        display: block;
    }

    .h3.center {
        text-align: center;
        font-family: Helvetica_bold, sans-serif;
    }

    .body_caps.firts_section {
        display: block;
    }

    .body_caps.firts_section-web {
        display: none;
    }

    .body_caps_left.mobile_dev {
        width: 562px;
    }

    .body-2 {
        overflow: visible;
    }

    .hero-image {
        max-width: 90%;
        display: block;
        left: auto;
    }

    .frame-881232951 {
        grid-template-rows: auto;
    }

    .cta {
        padding-left: 20px;
        padding-right: 20px;
    }

    .untitled11-1 {
        width: 510px;
    }

    .body-3 {
        overflow: visible;
    }

    .text-33 {
        font-size: 220px;
        display: block;
    }

    .hero-mobile-dev {
        padding-bottom: 120px;
    }

    .portfolio-content {
        width: auto;
        max-width: 1440px;
        align-items: flex-start;
        display: block;
    }

    .portfolio_heading {
        padding-bottom: 40px;
        padding-left: 10px;
    }

    .portfolio {
        display: block;
    }

    .hero-letter-svg-copy {
        display: none;
    }

    .portfolio_table_row-2 {
        width: 100%;
    }

    .portfolio_table_row-full {
        width: auto;
    }

    .portfolio_table_client-name-2 {
        width: 216px;
    }

    .portfolio_table_solution-4 {
        width: 454px;
    }

    .portfolio_table_link-2 {
        width: 216px;
    }

    .portfolio_table_case-2 {
        border-width: 0;
    }

    .vectors-wrapper-12, .vectors-wrapper-13 {
        height: 0;
    }

    .hero-image-copy-copy, .hero-letter-svg-copy-copy {
        display: none;
    }

    .text-33-copy {
        font-size: 220px;
        display: none;
    }

    .image-174 {
        margin-top: -377px;
    }

    .our-approach {
        margin-bottom: 220px;
    }

    .body-100.fix {
        width: 500px;
    }

    .body_cupture-heading {
        width: 454px;
    }

    .side {
        max-width: 1060px;
    }

    .section_1_works {
        width: 100vw;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .index_info {
        width: auto;
    }

    .portfolio_table_link-2-rick, .portfolio_table_link-2-kf {
        width: 216px;
    }

    .hero-web-dev {
        padding-bottom: 120px;
        padding-left: 0;
        padding-right: 0;
    }

    .hero-image-copy-copy, .hero-image-copy-copy-copy {
        display: block;
    }

    .hero-letter-svg-copy-copy, .hero-image-copy-copy-copy-copy {
        display: none;
    }

    .div-block-7 {
        width: 100vw;
        justify-content: center;
        display: flex;
    }

    .services-web {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .hero-image-copy-copy-copy, .hero-image-copy-copy-copy-copy {
        display: none;
    }

    .hero-about {
        padding-bottom: 120px;
    }

    .div-block-7-copy {
        width: 100vw;
        justify-content: center;
        display: flex;
    }

    .hero-image-copy-copy-copy-copy-copy, .hero-letter-svg-copy-copy-copy, .hero-letter-svg-copy-copy-copy-copy, .hero-letter-svg-copy-copy-copy-copy-copy {
        display: none;
    }

    .hero_about {
        padding-bottom: 120px;
    }

    .hero-image-copy-copy {
        display: block;
    }

    .hero-image-copy-copy-copy {
        display: none;
    }

    .text-33-copy {
        font-size: 306px;
        display: block;
    }

    .text-33-mobile {
        font-size: 220px;
        display: none;
    }

    .text-works, .text-33-about {
        font-size: 306px;
        display: block;
    }

    .hero-letter-pf-copy-copy-copy {
        padding-left: 4px;
    }

    .hero-letter-svg-main {
        display: block;
    }

    .cta-coun {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
    }

    .link-4 {
        font-size: 14px;
        line-height: 50px;
    }

    .cta-coun-pop-up {
        padding-left: 20px;
        padding-right: 20px;
    }

    .development_stages_table, .web_services {
        grid-template-rows: auto;
    }

    .team {
        width: 100%;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .image-190 {
        width: 100%;
        max-width: 1440px;
    }

    .team-selection, .team-selection_about {
        width: 100%;
        grid-column-gap: 90px;
        grid-row-gap: 90px;
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
    }

    .team-about, .team__about {
        width: 100%;
        grid-column-gap: 90px;
        grid-row-gap: 90px;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .hero_content_main-right {
        width: 70%;
    }

    .chat_tasks {
        justify-content: center;
    }

    .how-we-work-chats, .outcomes-chat {
        justify-content: center;
        display: flex;
    }

    .hero_content_main {
        max-width: 1060px;
    }

    .pf-table {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-content: end;
        justify-content: end;
        align-items: center;
        justify-items: center;
        display: grid;
    }

    .contacts-heading {
        font-size: 233px;
        display: block;
    }

    .h1-contacts {
        display: block;
    }
}

@media screen and (min-width: 1440px) {
    .button-3 {
        width: 100%;
    }

    .vectors-wrapper {
        flex-direction: row;
        flex: 1;
    }

    .button-container-4 {
        width: 100vw;
    }

    .nav {
        width: 100%;
        max-width: 100%;
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        display: flex;
    }

    .text-17 {
        font-family: Helvetica_bold, sans-serif;
    }

    .nav-bar {
        width: 454%;
        align-items: flex-start;
    }

    .text-19 {
        font-size: 16px;
    }

    .hero-letter {
        width: 100vw;
    }

    .hero-letter-svg {
        width: 100vw;
        height: auto;
        max-width: 1430px;
        flex-wrap: wrap;
    }

    .body-bold.tasks {
        width: 260px;
    }

    .body_caps_left.mobile_dev {
        width: 712px;
    }

    .h2 {
        width: 100%;
        max-width: 100%;
    }

    .body-2 {
        overflow: visible;
    }

    .div-block {
        width: 100%;
        max-width: 1440px;
        min-width: auto;
        margin-left: 0;
        margin-right: 0;
        position: relative;
    }

    .main-mobile-promo {
        max-width: 1440px;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        text-align: left;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }

    .hero-image {
        max-width: 320px;
        min-width: 1330px;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .frame-881232951 {
        max-width: 1440px;
        min-width: 1200px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .image-169 {
        width: 100%;
    }

    .cta {
        padding-left: 20px;
        padding-right: 20px;
    }

    .untitled11-1 {
        width: auto;
        height: 620px;
        max-width: 560px;
    }

    .footer.body_caps_left {
        width: 100vw;
    }

    .footer-name-svg {
        width: 100vw;
        max-width: 1430px;
    }

    .main-web-promo {
        width: 100vw;
        max-width: 1400px;
        margin-left: 0;
        margin-right: 0;
    }

    .text-32 {
        width: 100%;
        font-family: Helvetica_bold, sans-serif;
    }

    .type_tab {
        justify-content: flex-start;
    }

    .row-tg {
        max-width: 100%;
    }

    .hero-mobile-dev {
        padding-left: 0;
        padding-right: 0;
    }

    .image-171 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%;
    }

    .portfolio-content {
        width: auto;
        max-width: 1440px;
    }

    .portfolio_heading {
        padding-bottom: 40px;
    }

    .hero-letter-copy {
        width: 100%;
    }

    .portfolio {
        width: 100%;
        max-width: 1440px;
        display: block;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-svg-copy {
        width: 100vw;
        height: auto;
        max-width: 1430px;
        flex-wrap: wrap;
        display: none;
    }

    .portfolio_table_row-2 {
        width: 100%;
    }

    .hero-letter-copy-copy {
        width: 100vw;
    }

    .hero-image-copy-copy {
        max-width: 82%;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-svg-copy-copy {
        width: 100vw;
        height: auto;
        max-width: 1430px;
        flex-wrap: wrap;
        display: none;
    }

    .image-174 {
        position: absolute;
    }

    .our_help {
        max-width: 1440px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .section_1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .section_2 {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .section_3_mobile {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .selection_5 {
        width: 100%;
        align-items: center;
    }

    .selection_6 {
        align-items: center;
    }

    .body-100.fix {
        width: 550px;
    }

    .body_cupture-heading {
        width: 454px;
    }

    .cover {
        align-items: center;
    }

    .text-32-copy {
        width: 132px;
        font-family: Helvetica_bold, sans-serif;
    }

    .text-32-copy.small_form {
        width: 100%;
    }

    .section_1_works {
        justify-content: center;
        display: flex;
    }

    .hero-web-dev {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-image-copy-copy {
        max-width: 82%;
        display: block;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-copy-copy {
        width: 100vw;
    }

    .hero-image-copy-copy-copy {
        max-width: 82%;
        display: block;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-svg-copy-copy {
        width: 100vw;
        height: auto;
        max-width: 1430px;
        flex-wrap: wrap;
        display: none;
    }

    .image-176 {
        width: 100%;
        max-width: 1440px;
    }

    .hero-image-copy-copy-copy-copy {
        max-width: 82%;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .div-block-7 {
        width: 100vw;
        justify-content: center;
        display: flex;
    }

    .hero-image-copy-copy-copy, .hero-image-copy-copy-copy-copy {
        max-width: 82%;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-copy-copy-copy {
        width: 100vw;
    }

    .div-block-7-copy {
        width: 100vw;
        justify-content: center;
        display: flex;
    }

    .hero-image-copy-copy-copy-copy-copy {
        max-width: 82%;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-svg-copy-copy-copy, .hero-letter-svg-copy-copy-copy-copy, .hero-letter-svg-copy-copy-copy-copy-copy {
        width: 100vw;
        height: auto;
        max-width: 1430px;
        flex-wrap: wrap;
        display: none;
    }

    .hero-letter-copy-copy {
        width: 100vw;
    }

    .hero-image-copy-copy {
        max-width: 82%;
        display: block;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-image-copy-copy-copy {
        max-width: 82%;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .section_1_founders {
        align-items: center;
    }

    .alex {
        position: relative;
    }

    .section_2_reviews {
        align-items: center;
    }

    .contact-us {
        width: 454px;
    }

    .secition_2_mobile_main, .section-6 {
        width: 100vw;
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .hero-letter-svg-main {
        width: 100vw;
        height: auto;
        max-width: 1430px;
        flex-wrap: wrap;
    }

    .div-block-14 {
        justify-content: center;
        display: flex;
    }

    ._250vh {
        width: 100%;
        height: 350vh;
    }

    .div-block-19 {
        justify-content: center;
        display: flex;
    }

    .mobile_promo {
        width: 100%;
        min-width: 1440px;
    }

    .cta-coun {
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .link-4 {
        font-size: 14px;
        line-height: 50px;
    }

    .link-4.hover {
        display: none;
    }

    .div-block-24 {
        width: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .section_1_contacts-2 {
        padding-top: 180px;
    }

    .div-block-27 {
        width: 100%;
    }

    .tab-item-hover.hover.second, .tab-item-hover_2.hover.second {
        display: block;
    }

    .frame-881233097 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-881232903 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .cta-coun-pop-up {
        padding-left: 0;
        padding-right: 20px;
    }

    .development_stages_table {
        max-width: 454px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .mobile_item {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .web_services {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .team {
        padding-left: 0;
        padding-right: 0;
    }

    .image-193 {
        margin-top: -113%;
        position: relative;
    }

    .image-194 {
        opacity: 1;
        display: block;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: auto;
    }

    .image-195 {
        z-index: 1;
        position: relative;
    }

    .artem, .pasha, .rahat, .azaliya, .alex_02, .fake_person_01, .fake_person_02, .fake_person_03, .anrew, .fake_person_04 {
        position: relative;
    }

    .image-196, .image-197, .image-198 {
        z-index: 1;
        position: relative;
    }

    .text-32-form_number {
        width: 100%;
        font-family: Helvetica_bold, sans-serif;
    }

    .team-about {
        padding-left: 0;
        padding-right: 1px;
    }

    .div-block-copy {
        width: 100%;
        max-width: 1440px;
        min-width: auto;
        margin-left: 0;
        margin-right: 0;
        position: relative;
    }

    .picture-row {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .team__about {
        padding-left: 0;
        padding-right: 0;
    }

    .alex_circle {
        position: relative;
    }

    .case-cover-mobile-item {
        align-items: center;
    }

    .horizontal-heading-info {
        max-width: 1440px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .tab-item-hover-3.hover.third {
        display: block;
    }

    .hero_chat {
        padding-left: 20px;
        padding-right: 20px;
    }

    .chat-tasks, .rik {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .how-we-work-chats, .outcomes-chat {
        justify-content: center;
        display: flex;
    }

    .hero_content_main {
        max-width: 1060px;
    }

    .pf-table {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .div-block-68 {
        width: 210px;
        margin-top: 0;
        position: absolute;
    }

    .interaction_countanir {
        align-items: flex-start;
        display: flex;
    }

    .div-block-70 {
        padding-left: 60px;
    }

    .content-contacts {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: column;
        display: flex;
    }
}

@media screen and (min-width: 1920px) {
    .nav {
        width: 100%;
        max-width: 100%;
        display: flex;
        position: fixed;
    }

    .text-input-2 {
        padding-left: 12px;
    }

    .nav-bar {
        padding-top: 0;
    }

    .text-19 {
        font-size: 16px;
    }

    .body-bold {
        width: 458px;
        position: relative;
    }

    .body-bold.tasks {
        width: 268px;
    }

    .body.team_cupture {
        margin-bottom: 40px;
    }

    .body_caps.firts_section-copy {
        display: none;
    }

    .body_caps_left.mobile_dev {
        width: 712px;
        max-width: 712px;
    }

    .body-2 {
        flex-flow: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-end;
        display: flex;
        overflow: visible;
    }

    .div-block {
        width: 100%;
        max-width: 1440px;
        margin-left: 0;
        margin-right: 0;
    }

    .main-mobile-promo {
        max-width: 1440px;
    }

    .hero-image {
        max-width: 66%;
        bottom: 51px;
    }

    .button-container-7 {
        margin-bottom: 220px;
    }

    .mobile_dev_scroll-2 {
        height: 100vh;
        min-height: 100vh;
        flex-direction: column;
    }

    .web_text-block_countanir {
        margin-bottom: 80px;
    }

    .cta {
        margin-left: auto;
        margin-right: auto;
    }

    .frame-881233041, .main-web-promo {
        width: 100%;
        max-width: 1440px;
    }

    .text-32 {
        font-size: 14px;
    }

    .row-tg {
        max-width: 100%;
    }

    .hero-mobile-dev {
        text-align: justify;
        background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
        padding-bottom: 120px;
    }

    .portfolio_heading {
        margin-bottom: 40px;
    }

    .hero-letter-copy {
        width: 100%;
    }

    .portfolio {
        max-width: 66%;
        bottom: 51px;
    }

    .hero-image-copy-copy {
        max-width: 66%;
        display: none;
        bottom: 51px;
    }

    .image-174 {
        width: 100%;
        max-width: 1440px;
        position: absolute;
    }

    .div-block-5 {
        justify-content: center;
        display: flex;
    }

    .body-8 {
        display: block;
    }

    .our_help {
        max-width: 1440px;
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 20px;
    }

    .services_full-text, .h3-bold-fill {
        max-width: 100%;
    }

    .h3-bold-fill.form_web {
        font-size: 32px;
    }

    .h3-bold-fill.center {
        text-align: center;
    }

    .how-we-work {
        max-width: 1440px;
        margin-bottom: 220px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .how-we-work_heading {
        width: 458px;
        max-width: 458px;
    }

    .how-we-work_stages_01 {
        max-width: 100%;
    }

    .vectors-wrapper-14 {
        width: 100%;
        flex-wrap: nowrap;
    }

    .section_1, .section_2 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .section_3_mobile {
        width: 100vw;
        justify-content: center;
        display: flex;
    }

    .selection_5 {
        align-items: center;
    }

    .tech {
        margin-bottom: 220px;
    }

    .selection_6 {
        align-items: center;
    }

    .body-100.fix {
        width: 550px;
    }

    .text-block, .div-block-6 {
        width: 458px;
    }

    .cupture {
        width: 458px;
        position: relative;
    }

    .cupture._01 {
        width: 100%;
    }

    .devider {
        width: 100%;
        height: 1px;
        background-color: #000;
        padding-bottom: 0;
        padding-right: 0;
    }

    .body_cupture-heading {
        width: 454px;
    }

    .section-4_mobile {
        justify-content: center;
        display: flex;
    }

    .side {
        max-width: 1060px;
    }

    .cover {
        background-color: #ededed;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .text-32-copy.small_form {
        width: 100%;
    }

    .how-we-help_heading {
        width: 458px;
        max-width: 458px;
    }

    .hero-web-dev {
        text-align: justify;
        background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
        padding-bottom: 120px;
        padding-left: 0;
        padding-right: 0;
    }

    .hero-image-copy-copy, .hero-image-copy-copy-copy {
        max-width: 66%;
        bottom: 51px;
    }

    .body-14 {
        background-color: var(--f5f5f5);
    }

    .image-176 {
        position: absolute;
    }

    .hero-image-copy-copy-copy-copy {
        max-width: 66%;
        display: none;
        bottom: 51px;
    }

    .section_2_web {
        align-items: center;
    }

    .section_1_web, .section_3_web {
        width: 100vw;
        justify-content: center;
        display: flex;
    }

    .section-4_web-pf {
        justify-content: center;
        display: none;
    }

    .hero-image-copy-copy-copy, .hero-image-copy-copy-copy-copy {
        max-width: 66%;
        display: none;
        bottom: 51px;
    }

    .section_5_web-tech {
        align-items: center;
    }

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

    .hero-about {
        text-align: justify;
        background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
        padding-bottom: 120px;
    }

    .hero-image-copy-copy-copy-copy-copy {
        max-width: 66%;
        display: none;
        bottom: 51px;
    }

    .hero_about {
        text-align: justify;
        background-image: linear-gradient(#75fa4c, #75fa4c 0%, #75fa4c 72%, #f5f5f5);
        padding-bottom: 120px;
    }

    .hero-image-copy-copy, .hero-image-copy-copy-copy {
        max-width: 66%;
        bottom: 51px;
    }

    .div-block-9 {
        justify-content: center;
    }

    .image-178 {
        position: absolute;
    }

    .section_1_founders, .section_2_reviews {
        align-items: center;
    }

    .h3-bold-fill-copy {
        max-width: 100%;
    }

    .secition_2_mobile_main, .section_3_web_main {
        width: 100vw;
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .div-block-14 {
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
        display: flex;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    ._250vh {
        width: 100%;
        height: 350vh;
    }

    .image-179 {
        position: absolute;
        top: 200px;
    }

    .mobile_animation_left {
        width: 453px;
        margin-top: -250vh;
        position: absolute;
    }

    .div-block-17 {
        z-index: 3;
        width: 100%;
        max-width: 1440px;
    }

    .html-embed {
        width: 453px;
        height: 359px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 12px;
    }

    .div-block-18 {
        width: 457px;
        border-radius: 20px;
    }

    .div-block-17-copy {
        width: 100%;
        max-width: 1440px;
        justify-content: flex-end;
        display: flex;
    }

    .mobile_animation_right {
        z-index: 3;
        width: 457px;
        margin-top: -120vh;
        position: absolute;
    }

    .html-embed-2 {
        width: 457px;
        height: 379px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 12px;
    }

    .div-block-19 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .div-block-20 {
        width: 100%;
        height: 350vh;
        max-width: 1440px;
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .div-block-21 {
        width: 100%;
        padding-bottom: 0;
        padding-right: 0;
    }

    .div-block-21-copy {
        width: 100%;
        justify-content: flex-end;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
    }

    .image-180 {
        position: absolute;
    }

    .image-181 {
        margin-bottom: 0;
        position: absolute;
    }

    .mobile_promo {
        width: 100%;
        min-width: 1440px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .web_animation_right {
        width: 100%;
        justify-content: flex-end;
        display: flex;
    }

    .web_animation_right_element {
        width: 440px;
        margin-top: -120vh;
        position: absolute;
    }

    .div-block-18-copy {
        width: 457px;
        border-radius: 20px;
    }

    .html-embed-2-copy {
        width: 457px;
        height: 379px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 12px;
    }

    .web_animation_left {
        width: 100%;
        justify-content: flex-start;
        display: flex;
    }

    .web_animation_left_element {
        width: 440px;
        margin-top: -239vh;
        position: absolute;
    }

    .countanir_22 {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .cta-coun {
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .link-4 {
        font-size: 14px;
        line-height: 50px;
    }

    .h3-10.team_head, .h3-10.team_head-about {
        width: 100%;
    }

    .div-block-27 {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .mobile_vido {
        width: 453px;
        height: 359px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 12px;
    }

    .mobile_animation_promo {
        width: 240px;
        margin-top: 0;
        position: relative;
    }

    .div-block-18-copy {
        width: 240px;
        border-radius: 20px;
    }

    .html-embed-mobile {
        width: 240px;
        height: 517px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 12px;
    }

    .frame-881232892 {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: column;
    }

    .image-187 {
        height: 100%;
    }

    .div-block-31 {
        flex-direction: column;
        display: flex;
    }

    .html-embed-web {
        width: 725px;
        height: 517px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 12px;
    }

    .section-4_web-pf_new {
        justify-content: center;
        display: flex;
    }

    .image-189 {
        height: 100%;
    }

    .pop-up {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5);
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        top: 0;
    }

    .cta-coun-pop-up {
        margin-left: auto;
        margin-right: auto;
    }

    .cupture-12px {
        width: 458px;
        position: relative;
    }

    .cupture-12px.transparent {
        width: auto;
    }

    .web_services {
        max-width: 1060px;
        min-width: auto;
    }

    .web_item._03 {
        width: 60%;
    }

    .team {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .spline-scene_desktop {
        display: none;
    }

    .spline-scene_mobile {
        width: 53%;
        height: 640px;
        margin-left: 0;
        display: block;
    }

    .mobile-dev-form-countanir {
        align-items: baseline;
    }

    .div-block-42 {
        flex-direction: row;
        align-items: center;
        display: flex;
    }

    .team-selection {
        align-items: center;
    }

    .image-194, .image-195 {
        width: 260px;
    }

    .text-32-form_number {
        width: 100%;
    }

    .team-selection_about {
        align-items: center;
    }

    .team-about {
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .div-block-copy {
        width: 100%;
        max-width: 1440px;
        margin-left: 0;
        margin-right: 0;
    }

    .team__about {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .frame-881233135 {
        margin-bottom: 80px;
    }

    .section-9 {
        width: 100vw;
    }

    .section-4_mobile-pf_new {
        justify-content: center;
        display: flex;
    }

    .section-turms_and_costs {
        justify-content: center;
        display: flex;
    }

    .image-187-copy {
        height: 100%;
    }

    .case-cover-mobile-item {
        background-color: #ededed;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .horizontal-heading-info {
        max-width: 1440px;
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 20px;
    }

    .body-main {
        width: 83%;
    }

    .benchmark {
        width: 100%;
    }

    .hero_chat {
        padding-left: 20px;
        padding-right: 20px;
    }

    .how-we-work_heading_chat {
        width: auto;
        max-width: 458px;
    }

    .how-we-workchat {
        max-width: 1440px;
        margin-bottom: 220px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .chat_tasks {
        max-width: 1060px;
        margin-bottom: 220px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .chats-bullet-table_item {
        max-width: 100%;
    }

    .chat-example {
        max-width: 1440px;
        margin-bottom: 220px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .chat-tasks, .rik {
        width: 100vw;
        justify-content: center;
        display: flex;
    }

    .chat-process {
        max-width: 1440px;
        margin-bottom: 220px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .how-we-work-chats {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .outcomes-chat {
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        display: flex;
    }

    .outcomes-chat_countanir {
        width: 100%;
        max-width: 1060px;
    }

    .outcomes-chat_countanir_table {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .hero_content_main, .div-block-53-copy {
        max-width: 1060px;
    }

    .pf-table {
        max-width: 100%;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .image-213 {
        width: 60%;
    }

    .body-bold-copy {
        width: 458px;
        position: relative;
    }

    .h3-bold-fill-case {
        max-width: 100%;
    }

    .h3-bold-fill-case.form_web {
        font-size: 32px;
    }

    .h3-bold-fill-case.center {
        text-align: center;
    }

    .contacts-heading {
        font-size: 280px;
    }

    .div-block-63 {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .details-countanir {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: column;
    }
}

@media screen and (max-width: 991px) {
    .nav {
        z-index: 2;
        background-color: rgba(118, 251, 77, 0);
        background-image: linear-gradient(to bottom, var(--75fa4c) 26%, rgba(255, 255, 255, 0));
        display: block;
    }

    .text-input-2 {
        max-width: 100%;
        justify-content: center;
    }

    .text-input-2.w--current {
        height: 40px;
    }

    .nav-bar, .button-container-5, .button-hero, .hero {
        display: none;
    }

    .hero-letter {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        position: relative;
    }

    .body-bold {
        width: 280px;
        margin-bottom: 12px;
    }

    .body_caps.firts_section-copy {
        display: none;
    }

    .div-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .hero-image {
        width: 100%;
        max-height: 100%;
        max-width: 1030px;
        min-width: auto;
        object-fit: contain;
        flex: 1;
        position: relative;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%;
        overflow: hidden;
    }

    .frame-881232951 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: column;
    }

    .vertical-container-2 {
        margin-bottom: 134px;
    }

    .button-container-7 {
        margin-bottom: 111px;
        padding-bottom: 0;
    }

    .frame-881232959 {
        grid-column-gap: 19px;
        grid-row-gap: 19px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .services_block, .frame-881232856 {
        max-width: 100%;
    }

    .main-web {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .web_text-block_countanir {
        margin-top: 80px;
        margin-bottom: 80px;
        margin-right: 0;
    }

    .cta {
        width: 100vw;
        max-width: 100vw;
        padding-left: 20px;
        padding-right: 20px;
        display: none;
    }

    .group-107 {
        width: auto;
        max-width: 960px;
    }

    .frame-881233041 {
        width: 100vw;
        display: block;
    }

    .vectors-wrapper-4 {
        width: 100px;
        max-width: 70%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 73px;
        display: block;
    }

    .footer_info {
        width: 100%;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: flex-start;
        display: block;
    }

    .footer_info_left {
        display: flex;
    }

    .text-32 {
        width: 100%;
    }

    .row-phone {
        margin-bottom: 30px;
        display: block;
    }

    .footer_info_right {
        display: block;
    }

    .row-mail {
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .row-tg {
        margin-bottom: 30px;
    }

    .hero-mobile {
        height: 1270px;
        object-fit: fill;
        padding-top: 27px;
        padding-bottom: 0;
        display: block;
        position: static;
        overflow: hidden;
    }

    .div-block-3 {
        width: 100%;
    }

    .text-33 {
        padding-right: 0;
        font-size: 22vw;
    }

    .hero-mobile-dev {
        padding-bottom: 120px;
        display: block;
    }

    .portfolio-content {
        width: 100vw;
    }

    .portfolio_heading {
        padding-left: 20px;
    }

    .portfolio_table_row {
        display: flex;
    }

    .portfolio {
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-img-block {
        width: 100vw;
        height: 590px;
        flex-direction: column;
        flex: 0 auto;
        justify-content: center;
        align-items: center;
        margin-bottom: -59px;
        padding-bottom: 0;
        display: flex;
        overflow: hidden;
    }

    .hero-letter-pf-copy {
        padding-left: 0;
        padding-right: 11px;
    }

    .portfolio_table_row-full {
        display: block;
    }

    .body-6 {
        margin-bottom: 12px;
    }

    .body-7 {
        width: auto;
        margin-bottom: 0;
    }

    .portfolio_table_solution-4 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .portfolio_table_link-2 {
        align-items: flex-start;
    }

    .portfolio_table_case-2 {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .div-block-4 {
        padding-left: 44px;
    }

    .hero-image-copy-copy {
        max-width: 100%;
        min-width: auto;
        display: none;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-pf-copy-copy {
        padding-left: 0;
        padding-right: 0;
    }

    .text-33-copy {
        padding-right: 0;
    }

    .image-172-copy-copy {
        width: 98vw;
    }

    .image-174 {
        width: auto;
        max-width: 180%;
    }

    .our_help, .how-we-work {
        display: block;
    }

    .how-we-work_heading {
        padding-top: 0;
    }

    .tech, .our-approach {
        display: block;
    }

    .body_cupture-heading {
        width: 454px;
    }

    .exp {
        justify-content: flex-start;
    }

    .text-32-copy {
        width: 100%;
    }

    .help {
        display: block;
    }

    .how-we-help_heading {
        margin-bottom: 22px;
    }

    .index_info {
        display: block;
    }

    .portfolio_table_link-2-rick, .portfolio_table_link-2-kf {
        align-items: flex-start;
    }

    .hero-web-dev {
        padding-bottom: 120px;
        display: block;
    }

    .hero-image-copy-copy, .hero-image-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-web {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-image-copy-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .services-web {
        flex-direction: column;
    }

    .hero-image-copy-copy-copy, .hero-image-copy-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        display: none;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .web-tech {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-direction: column;
    }

    .hero-about {
        padding-bottom: 120px;
        display: block;
    }

    .hero-image-copy-copy-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-web-copy {
        padding-left: 0;
        padding-right: 0;
    }

    .hero_about {
        padding-bottom: 120px;
        display: block;
        overflow: hidden;
    }

    .hero-image-copy-copy {
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-pf-copy-copy {
        padding-left: 0;
        padding-right: 9px;
    }

    .hero-image-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .image-178 {
        width: 100%;
    }

    .text-33-copy {
        padding-right: 0;
        font-size: 26.5vw;
    }

    .text-33-mobile {
        padding-right: 0;
    }

    .text-works, .text-33-about {
        padding-right: 0;
        font-size: 26.5vw;
    }

    .reviews_ko {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-direction: column;
    }

    .div-block-10 {
        padding-left: 0;
    }

    .hero-letter-pf-copy-copy-copy {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-main {
        display: none;
    }

    .hero-letter-svg-main {
        display: block;
    }

    .web_animation_right {
        display: flex;
    }

    .web_animation_left {
        display: block;
    }

    .crm-rik-countanir {
        padding: 20px;
    }

    ._1 {
        width: 100%;
        height: 100%;
    }

    .cta-coun {
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
    }

    .m-nav-link {
        width: 100%;
        max-width: 293px;
        color: #000;
        text-align: left;
        font-size: 14px;
        line-height: 40px;
        display: block;
    }

    .m-nav-link.tab {
        max-width: 293px;
        text-align: left;
        margin-left: 40px;
        position: relative;
    }

    .m-nav-list {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .mobile-nav {
        display: block;
    }

    .m-nav-link-item {
        width: 100%;
        text-transform: uppercase;
        justify-content: center;
        font-family: Helvetica_bold, sans-serif;
        display: flex;
        position: relative;
    }

    .m-nav-link-item.last-item {
        padding-bottom: 150px;
    }

    .m-nav-link-item.first-item {
        max-width: 453px;
        justify-content: center;
        padding-top: 51px;
    }

    .m-nav-link-item.first, .m-nav-link-item.test {
        display: none;
    }

    .m-nav-toggle-offer {
        width: 100%;
        position: relative;
        bottom: 40px;
    }

    .m-nav-overlay-2 {
        height: 570px;
        background-color: #75fa4c;
        display: none;
    }

    .m-nav-toggle-inner-2 {
        padding: 15px 20px;
    }

    .m-nav-toggle-menu {
        width: 100%;
        position: relative;
        bottom: 40px;
    }

    .m-nav-toggle-inner-2-copy {
        width: 100%;
        background-color: #fff;
        padding: 15px 20px;
    }

    .menu-button-text {
        color: #000;
        font-family: Helvetica_regular, sans-serif;
    }

    .div-block-22 {
        width: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding-left: 25vh;
        padding-right: 25vh;
        display: flex;
        position: absolute;
    }

    .m-nav-toggle-description-close {
        color: #000;
    }

    .close-menu-button-text {
        padding-top: 10px;
        font-family: Helvetica_regular, sans-serif;
        font-size: 18px;
        line-height: 1;
        display: none;
        position: absolute;
    }

    .menu-button-text-offer {
        color: #fff;
        font-family: Helvetica_regular, sans-serif;
    }

    .cupture_menu {
        width: 100%;
        max-width: 293px;
        color: #000;
        text-align: left;
    }

    .link {
        display: none;
    }

    .link-block, .link-block.w--current {
        display: block;
    }

    .div-block-24 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .image-182 {
        display: none;
    }

    .div-block-25 {
        width: 100%;
    }

    .image-184, .image-185, .image-186 {
        display: none;
    }

    .caps {
        width: 100%;
        text-align: left;
        margin-bottom: 0;
        line-height: 16px;
    }

    .link-block-3 {
        width: 100%;
        height: 40px;
        align-items: center;
        display: flex;
    }

    .link-block-3.w--current {
        width: 100%;
    }

    .contacts-2 {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-us-2, .frame-881232948, .frame-881233100 {
        flex-direction: column;
    }

    .frame-881233104 {
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-881233102 {
        width: 100%;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .case-card-heading {
        flex-direction: column;
    }

    .chip-arrow {
        width: 83px;
    }

    .form-main {
        width: 100%;
        height: auto;
        flex-direction: column;
        margin-top: 80px;
        padding-top: 120px;
    }

    .form_count {
        padding-bottom: 60px;
    }

    .cta-coun-pop-up {
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-881233129 {
        margin-top: -400px;
    }

    .development_stages_table {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: column;
    }

    .services_block-copy {
        max-width: 100%;
        max-width: 100%;
        max-width: 100%;
        max-width: 100%;
        max-width: 100%;
        max-width: 100%;
    }

    .development_stages {
        padding-top: 120px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .web_services {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: column;
        margin-bottom: 80px;
    }

    .spline-scene_desktop {
        width: 100%;
    }

    .spline-scene_mobile {
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, .3);
        border-left-width: 0;
    }

    .form_small {
        width: auto;
        margin-top: 0;
    }

    .mobile-dev-form-countanir {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        align-items: center;
    }

    .text-32-form_number {
        width: 100%;
    }

    .frame-881233175 {
        width: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-direction: column;
        display: flex;
    }

    .frame-881233176 {
        height: 300px;
        max-width: 100%;
    }

    .mobile-dev-stages__03 {
        display: block;
    }

    .frame-881233172 {
        max-width: 100%;
    }

    .mobile-dev-stages__item.first {
        width: 100%;
        height: 299px;
    }

    .mobile-dev-stages__01 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .untitled2-2-copy {
        display: none;
    }

    .mobile-dev-stages__04 {
        display: block;
    }

    .div-block-copy {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .mobile-cases-cover-item_heading {
        flex-direction: column;
    }

    .horizontal-heading-info {
        display: block;
    }

    .hero_content {
        flex-direction: column;
    }

    .hero_content_main-right {
        width: 100%;
    }

    .hero_main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_clients {
        padding-top: 120px;
    }

    .frame-881233180 {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .hero_chat {
        flex-direction: column;
    }

    .how-we-work_heading_chat {
        margin-bottom: 20px;
        padding-top: 0;
    }

    .how-we-workchat, .chat_tasks, .chat-example {
        display: block;
    }

    .chat-example_dashboard {
        flex-direction: column;
    }

    .chat-bot-rik-showcase-item._02, .chat-bot-rik-showcase-item._01 {
        width: 100%;
        height: 360px;
    }

    .div-block-56, .div-block-57 {
        flex-direction: row;
    }

    .chat-process {
        display: block;
    }

    .hero_content_main {
        flex-direction: column;
    }

    .row-logos-01, .frame-881233180-copy {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .body-bold-copy {
        width: 280px;
        margin-bottom: 12px;
    }

    .contacts-heading {
        padding-right: 0;
        font-size: 9rem;
    }

    .div-block-64 {
        width: 100%;
    }

    .kf-cover {
        width: 100%;
        height: 450px;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .cover-qmoney {
        width: 100%;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-desk {
        display: none;
    }

    .div-block-70 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-881233180-copy, .row-logos-02 {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .h1-contacts {
        padding-right: 0;
        font-size: 9.9em;
    }

    .form_small--mobile {
        width: auto;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .text-input-2 {
        max-width: 100%;
        justify-content: center;
    }

    .button-container-5, .button-hero {
        display: none;
    }

    .hero-text.this {
        margin-top: 10px;
    }

    .body-bold {
        width: 100%;
        max-width: 100%;
    }

    .body {
        margin-top: 0;
    }

    .body_caps.firts_section-copy {
        display: none;
    }

    .body_caps_left.mobile_dev {
        width: 510px;
    }

    .h2 {
        margin-top: 66px;
        font-size: 70px;
        line-height: 60px;
    }

    .div-block {
        max-width: 100vw;
        display: block;
    }

    .hero-image {
        width: 1030px;
        max-height: 1040px;
        max-width: 220%;
        min-width: auto;
        display: none;
        position: relative;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
        overflow: hidden;
    }

    .frame-881232951 {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .image-169 {
        margin-bottom: -1036px;
    }

    .web_text-block {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .main-web-promo {
        max-width: 100vw;
    }

    .footer_info_left {
        margin-bottom: 0;
    }

    .row-phone {
        display: block;
    }

    .row-mail {
        margin-bottom: 40px;
    }

    .hero-mobile {
        height: 1640px;
    }

    .div-block-3 {
        height: 80px;
        object-fit: fill;
        overflow: hidden;
    }

    .text-33 {
        font-size: 22vw;
    }

    .portfolio_heading {
        padding-left: 20px;
    }

    .portfolio {
        width: auto;
        max-width: 100%;
        min-width: auto;
        padding-top: 0;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-img-block {
        width: 100vw;
        height: 910px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: -35px;
        padding-bottom: 35px;
        display: flex;
        overflow: visible;
    }

    .hero-letter-pf-copy {
        padding-right: 14px;
    }

    .div-block-4 {
        margin-left: 44px;
        padding-left: 0;
    }

    .hero-image-copy-copy {
        width: auto;
        max-width: 100%;
        min-width: auto;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-pf-copy-copy {
        margin-left: 7px;
        padding-right: 0;
    }

    .text-33-copy {
        font-size: 27vw;
    }

    .image-174 {
        max-width: 1250px;
    }

    .services_full-text {
        padding-right: 0;
    }

    .how-we-work_heading {
        padding-top: 0;
    }

    .cross {
        display: block;
    }

    .body-bold-5 {
        margin-bottom: 12px;
    }

    .heading-2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .jam-stack {
        display: block;
    }

    .right-3 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .untitled10-1 {
        max-width: 190px;
    }

    .image-175 {
        width: 90px;
    }

    .hero-image-copy-copy, .hero-image-copy-copy-copy {
        width: auto;
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-web {
        padding-right: 0;
    }

    .hero-image-copy-copy-copy-copy {
        width: auto;
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-image-copy-copy-copy, .hero-image-copy-copy-copy-copy {
        width: auto;
        max-width: 100%;
        min-width: auto;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .infrustructure {
        flex-direction: column;
    }

    .hero-image-copy-copy-copy-copy-copy {
        width: auto;
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-web-copy {
        padding-right: 0;
    }

    .hero_about {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .hero-letter-copy-copy {
        overflow: hidden;
    }

    .hero-image-copy-copy {
        width: auto;
        max-width: 100%;
        min-width: auto;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-letter-pf-copy-copy {
        padding-right: 19px;
    }

    .hero-image-copy-copy-copy {
        width: auto;
        max-width: 100%;
        min-width: auto;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .div-block-9 {
        margin-bottom: -200px;
        overflow: hidden;
    }

    .image-178 {
        width: 180%;
        display: none;
        overflow: hidden;
    }

    .text-33-copy {
        font-size: 26.5vw;
    }

    .text-33-mobile {
        font-size: 27vw;
    }

    .text-works {
        font-size: 26vw;
    }

    .text-33-about {
        font-size: 29vw;
    }

    .aarthur {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: column;
    }

    .vectors-wrapper-21 {
        background-image: url('../images/telegram-cloud-photo-size-2-5461006936855139582-y-2.png');
        background-position: 0 0;
        background-size: auto;
    }

    .alex {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: column;
    }

    .section_1_contacts {
        padding-top: 40px;
    }

    .contact-us {
        flex-direction: column;
        display: flex;
    }

    .hero-letter-pf-copy-copy-copy {
        margin-left: 7px;
        padding-right: 0;
    }

    .vectors-wrapper-21-copy {
        background-image: url('../images/telegram-cloud-photo-size-2-5461006936855139582-y-1.png');
        background-position: 0 0;
        background-size: auto;
    }

    .div-block-17, .div-block-17-copy {
        display: none;
    }

    .crm-rik-countanir {
        width: 100%;
    }

    .cta-coun {
        display: block;
    }

    .m-nav-toggle-open-menu {
        display: flex;
    }

    .m-nav-link {
        width: 100%;
        color: #000;
        text-align: left;
        text-transform: uppercase;
        font-family: Helvetica_bold, sans-serif;
        font-size: 14px;
        line-height: 40px;
    }

    .m-nav-link.tab {
        width: 100%;
        text-align: left;
        margin-left: 30px;
        font-family: Helvetica_bold, sans-serif;
    }

    .m-nav-list {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }

    .m-nav-link-item {
        width: 100%;
        padding-left: 20px;
        display: flex;
    }

    .m-nav-link-item.last-item {
        padding-bottom: 140px;
    }

    .m-nav-link-item.first-item {
        max-width: 100%;
        min-width: 0;
    }

    .m-nav-link-item.first, .m-nav-link-item.test {
        display: none;
    }

    .m-nav-toggle-inner_menu {
        padding: 15px 20px;
    }

    .menu_and_offer_mobile {
        width: 100%;
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
    }

    .m-nav-toggle-open_offer {
        width: 200px;
    }

    .m-nav-toggle-inner_offer {
        width: 100%;
    }

    .m-nav-toggle-offer {
        width: 100%;
        display: flex;
        position: relative;
        bottom: 0;
    }

    .m-nav-overlay-2 {
        height: 550px;
        background-color: #75fa4c;
        display: none;
    }

    .m-nav-toggle-inner-2 {
        width: 100%;
        padding: 15px 20px;
    }

    .m-nav-toggle-menu {
        width: 100%;
        position: relative;
        bottom: 0;
    }

    .m-nav-toggle-inner-2-copy {
        width: 100%;
        background-color: #fff;
        padding: 15px 20px;
    }

    .menu-button-text {
        color: #000;
        font-family: Helvetica_regular, sans-serif;
    }

    .div-block-22 {
        width: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-direction: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        align-items: center;
        margin-bottom: 75px;
        padding-left: 100px;
        padding-right: 100px;
        display: flex;
        position: absolute;
    }

    .m-nav-toggle-description-close {
        color: #000;
    }

    .close-menu-button-text {
        padding-top: 10px;
        font-family: Helvetica_regular, sans-serif;
        font-size: 18px;
        line-height: 1;
        position: absolute;
    }

    .menu-button-text-offer {
        color: #fff;
        font-family: Helvetica_regular, sans-serif;
    }

    .cupture_menu {
        max-width: 100%;
        color: #000;
        text-transform: uppercase;
        font-family: Helvetica_bold, sans-serif;
    }

    .link {
        display: none;
    }

    .link-block {
        display: block;
    }

    .image-182, .image-183 {
        display: none;
    }

    .div-block-25 {
        width: 100%;
    }

    .link-5 {
        width: 100%;
        text-align: left;
        line-height: 16px;
        display: flex;
    }

    .div-block-26 {
        width: 100%;
        margin-bottom: 20px;
    }

    .div-block-26.end {
        width: 100%;
        margin-bottom: 12px;
        display: flex;
    }

    .image-184 {
        width: 100%;
        display: block;
        position: relative;
    }

    .image-185 {
        width: 100%;
        display: none;
        position: relative;
    }

    .image-185.apd {
        display: none;
    }

    .image-185.apd._01 {
        display: block;
    }

    .image-186 {
        width: 100%;
        display: none;
        position: relative;
    }

    .caps {
        width: 100%;
        text-align: left;
        margin-bottom: 0;
        line-height: 16px;
    }

    .link-block-3, .link-block-3.w--current {
        width: 100%;
    }

    .contacts-2 {
        max-width: 100%;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        padding-left: 20px;
    }

    .contact-us-2, .come-to-visit {
        flex-direction: column;
    }

    .mobile_dev-fixed-countanir {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        display: flex;
    }

    .frame-881232948, .frame-881233100 {
        flex-direction: column;
    }

    .case_heading {
        width: 100%;
    }

    .image-187 {
        height: auto;
        position: relative;
    }

    .case-card-heading {
        flex-direction: row;
        display: flex;
    }

    .h3_light-cover {
        font-size: 24px;
    }

    .chip-arrow {
        width: 83px;
    }

    .div-block-31 {
        height: 100%;
        flex-direction: column;
        justify-content: flex-end;
        display: flex;
    }

    .form-main {
        padding: 60px 0 0;
    }

    .form-row {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        flex-direction: column;
    }

    .field-label {
        width: 100%;
        margin-top: 30px;
    }

    .success-message {
        padding-left: 0;
    }

    .html-embed-web {
        width: 455px;
        height: 323px;
        border-radius: 13px;
    }

    .div-block-33 {
        width: 1100%;
    }

    .mvp {
        display: block;
    }

    .frame-881233129 {
        margin-top: -530px;
    }

    .frame-881233128 {
        grid-column-gap: 30px;
    }

    .development_stages_table, .web_services {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .web_item._01, .web_item._02 {
        width: 100%;
    }

    .web-services-row-1, .web-services-row-2 {
        flex-direction: column;
    }

    .form_small {
        padding: 60px 40px;
    }

    .mobile-dev-stages__03 {
        object-fit: contain;
    }

    .frame-881233172 {
        height: auto;
    }

    .stages-row-2 {
        height: auto;
        grid-row-gap: 12px;
        flex-direction: column;
    }

    .mobile-dev-stages__item {
        height: 260px;
    }

    .mobile-dev-stages__item.first {
        height: 299px;
    }

    .mobile-dev-stages__02 {
        object-fit: contain;
    }

    .mobile-dev-stages__item-spectial {
        height: 270px;
        max-width: 100%;
    }

    .mobile-dev-stages__04 {
        object-fit: contain;
    }

    .div-block-copy {
        max-width: 100vw;
        display: block;
    }

    .alex_circle {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: column;
    }

    .koenig, .mobile-cases-count {
        flex-direction: column;
    }

    .image-187-copy {
        height: auto;
        position: relative;
    }

    .mobile-cases-cover-item_heading {
        flex-direction: row;
        display: flex;
    }

    .body-main, .hero-main-image {
        width: 100%;
    }

    .content {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-direction: column;
    }

    .hero_chat {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .how-we-work_heading_chat {
        padding-top: 0;
    }

    .chat-bot-rik-showcase-item {
        height: 340px;
    }

    .chat-bot-rik-showcase-item._02, .chat-bot-rik-showcase-item._01 {
        height: 290px;
    }

    .div-block-57, .outcomes-chat_countanir_table {
        flex-direction: column;
    }

    .image-208 {
        width: 100%;
    }

    .mobile-cases-count-copy {
        flex-direction: column;
    }

    .pf-table {
        flex-direction: column;
        grid-template-columns: 1fr;
    }

    .image-213 {
        width: 100%;
    }

    .details-item {
        height: 230px;
    }

    .body-bold-copy {
        width: 100%;
        max-width: 100%;
    }

    .contacts-heading {
        font-size: 6.6rem;
    }

    .kf-cover {
        height: 320px;
    }

    .h1-contacts {
        font-size: 7.5em;
    }

    .form-row__name, .form-row__phone, .form-row__mail, .form-row__about {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        flex-direction: column;
    }

    .form_small--mobile {
        padding: 60px 40px;
    }
}

@media screen and (max-width: 479px) {
    .nav {
        background-image: linear-gradient(to bottom, var(--75fa4c) 26%, rgba(255, 255, 255, 0));
    }

    .text-input-2 {
        max-width: 100%;
        justify-content: center;
        padding: 0;
    }

    .button-container-5 {
        display: none;
    }

    .hero-letter {
        height: 83vh;
        top: 0;
    }

    .hero-text {
        padding-left: 15px;
        padding-right: 15px;
        display: block;
    }

    .hero-text.this {
        margin-top: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .body-bold {
        margin-bottom: 12px;
    }

    .body {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .body.team_cupture {
        margin-bottom: 20px;
    }

    .body.team_cupture.about {
        max-width: 100%;
    }

    .body_caps.firts_section {
        width: 100%;
        text-align: left;
        padding-top: 0;
        font-size: 14px;
        line-height: 14px;
        display: block;
    }

    .body_caps.firts_section-copy {
        width: 100%;
        text-align: left;
        padding-top: 10px;
    }

    .body_caps.firts_section-web {
        width: 100%;
        text-align: left;
        padding-top: 10px;
        display: none;
    }

    .body_caps.hug.banch {
        color: #000;
    }

    .body_caps.absolute {
        width: auto;
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .body_caps_left.first_section {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        line-height: 14px;
        display: block;
    }

    .body_caps_left.mobile_dev {
        width: 100%;
    }

    .body_caps_left.first_section-copy {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        line-height: 14px;
        display: block;
    }

    .body_caps_left.first_section-main {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        line-height: 14px;
        display: none;
    }

    .h2 {
        letter-spacing: -2px;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 36px;
        line-height: 35px;
    }

    .h2.banch {
        font-size: 52px;
        line-height: 51px;
    }

    .h2.heading {
        margin-bottom: 12vh;
    }

    .h2.heading._01 {
        text-align: left;
        letter-spacing: -2.4px;
        margin-bottom: 5vh;
        font-size: 44px;
        line-height: 44px;
    }

    .h2._01 {
        text-align: left;
        letter-spacing: -2.4px;
        font-size: 52px;
        line-height: 51px;
    }

    .body-2 {
        overflow: visible;
    }

    .div-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-bottom: -20vh;
        display: flex;
    }

    .main-mobile-promo {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }

    .hero-image {
        width: auto;
        max-width: 920px;
        min-width: 1060px;
        margin-top: -49px;
        margin-left: 0;
        margin-right: 0;
        display: none;
        top: 0%;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .div-block-2 {
        height: auto;
        margin-top: 0;
    }

    .image-3 {
        max-width: 150%;
        display: none;
    }

    .mobile_dev_scroll {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
        padding: 49px 0 40px;
    }

    .frame-881232848 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-881232951 {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .text-24 {
        letter-spacing: -.4px;
        font-size: 21px;
        line-height: 23px;
    }

    .vertical-container-2 {
        margin-bottom: 0;
    }

    .paragraph-container-9 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .mobile_dev_scroll-2 {
        height: 100vh;
        min-height: auto;
        padding: 0 0 40px;
    }

    .frame-881232959 {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .text-27 {
        font-family: Helvetica_regular, sans-serif;
    }

    .web_text-block_countanir {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .untitled11-1 {
        height: 340px;
        max-height: 380px;
        min-height: 360px;
    }

    .footer.body_caps_left {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        background-image: none;
        padding-top: 0;
    }

    .frame-881233041 {
        padding-top: 40px;
    }

    .vectors-wrapper-4 {
        display: none;
    }

    .footer-name-svg {
        margin-bottom: 95px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-32 {
        font-size: 14px;
        line-height: 16px;
    }

    .hero-mobile {
        height: auto;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .div-block-3 {
        width: 100vw;
        display: flex;
        overflow: hidden;
    }

    .text-33 {
        font-size: 21.5vw;
    }

    .hero-mobile-dev {
        height: 70vh;
        margin-bottom: 120px;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
    }

    .portfolio_tab_bar {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-direction: column;
        display: none;
    }

    .portfolio_tab_bar_item {
        margin-bottom: 0;
    }

    .hero-letter-copy {
        height: 100%;
    }

    .portfolio {
        opacity: 1;
        margin-top: 48px;
        display: block;
        position: relative;
    }

    .hero-img-block {
        z-index: 2;
        height: 680px;
        justify-content: flex-start;
        margin-top: 0;
        margin-bottom: -200px;
        padding-top: 20px;
        padding-bottom: 0;
        display: flex;
        position: relative;
        overflow: visible;
    }

    .hero-letter-pf-copy {
        padding-right: 7px;
    }

    .hero-text-countanir-pf {
        margin-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .portfolio_table_row-full {
        display: block;
    }

    .body-6 {
        font-family: Helvetica_regular, sans-serif;
    }

    .portfolio_table_link-2 {
        width: auto;
        max-width: 148px;
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 18px;
        align-items: center;
        padding: 12px 14px;
    }

    .portfolio_table_link-2.test {
        max-width: 108px;
    }

    .portfolio_table_link-2.o2 {
        max-width: 125px;
    }

    .portfolio_table_link-2.qr {
        opacity: 1;
        display: none;
    }

    .portfolio_table_case-2 {
        width: 85px;
        min-width: auto;
        border-width: 1px;
        border-color: rgba(0, 0, 0, .08);
        border-radius: 18px;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 4px;
        padding: 12px 12px 12px 14px;
        position: relative;
    }

    .portfolio_table_case-2.tourist, .portfolio_table_case-2.qr-disk, .portfolio_table_case-2.kf_case {
        display: none;
    }

    .hero-letter-copy-copy {
        height: 83vh;
        justify-content: space-between;
    }

    .hero-image-copy-copy {
        max-width: 100%;
        min-width: auto;
        display: none;
        bottom: 52%;
    }

    .hero-letter-pf-copy-copy {
        margin-left: 5px;
        padding-right: 0;
    }

    .text-33-copy {
        font-size: 27vw;
    }

    .image-174 {
        width: 100%;
        max-width: 410%;
        margin-top: 0;
        display: block;
    }

    .div-block-5 {
        height: 100%;
        padding-top: 12px;
    }

    .hero-text-countanie-copy-copy {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-text-copy {
        display: block;
    }

    .services_full-text {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .h3-bold-fill {
        width: 100%;
        max-width: 100%;
        font-size: 32px;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .h3-bold-fill.plus, .h3-bold-fill.con {
        overflow: visible;
    }

    .h3-bold-fill.pls {
        word-break: break-all;
        font-size: 22px;
        overflow: visible;
    }

    .h3-bold-fill.list {
        font-size: 18px;
    }

    .h3-bold-fill._01._33 {
        letter-spacing: -2.4px;
        margin-bottom: 0;
        font-size: 52px;
        line-height: 51px;
    }

    .h3-bold-fill.form_web {
        font-size: 24px;
    }

    .h3-bold-fill._02._01 {
        text-align: left;
        letter-spacing: -2.4px;
        font-size: 52px;
        line-height: 51px;
    }

    .h3-bold-fill._02._01._202 {
        width: 100%;
        margin-bottom: 80px;
        margin-left: 20px;
        font-size: 44px;
        line-height: 44px;
        overflow: visible;
    }

    .h3-bold-fill._02._01._202.clients {
        padding-left: 20px;
        padding-right: 20px;
    }

    .h3-bold-fill.we-help {
        font-size: 24px;
    }

    .how-we-work_heading {
        width: 100%;
        padding-top: 0;
    }

    .how-we-work_stages {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .text_countanir {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-direction: column;
        display: flex;
    }

    .h3-4 {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .text_stages {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .body-hug {
        width: auto;
    }

    .body-hug.contacts_body {
        width: auto;
        min-width: auto;
    }

    .body-hug.web {
        width: 100%;
    }

    .logos {
        display: block;
    }

    .h3-6 {
        font-size: 24px;
    }

    .heading-2 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .h3-7 {
        font-size: 24px;
    }

    .body-100.contscts.bold {
        width: 100%;
        min-width: 100%;
    }

    .add_text-2 {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }

    .logos-2 {
        display: flex;
    }

    .image-126 {
        margin-bottom: 12px;
    }

    .cupture._01 {
        font-size: 13px;
        line-height: 16px;
    }

    .body_cupture-heading {
        width: 100%;
    }

    .exp {
        display: block;
    }

    .side.product-page {
        width: 100%;
    }

    .cover {
        margin-bottom: 12px;
    }

    .cover.product-page {
        width: 100%;
        height: 420px;
    }

    .body-bold-6 {
        font-family: Helvetica_bold, sans-serif;
    }

    .right-3 {
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
    }

    .server {
        height: 100%;
    }

    .untitled10-1 {
        max-height: 120px;
        max-width: 122px;
    }

    .body-13 {
        font-family: Helvetica_regular, sans-serif;
    }

    .how-we-help_heading {
        width: 100%;
        max-width: 100%;
    }

    .portfolio_table_link-2-rick {
        width: auto;
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 20px;
        align-items: center;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 12px;
        display: none;
    }

    .portfolio_table_link-2-kf {
        width: 182px;
        max-width: 183px;
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 18px;
        align-items: center;
        margin-bottom: 4px;
        padding: 12px 14px;
    }

    .portfolio_tab_bar_item-copy {
        width: 150px;
        margin-bottom: 4px;
    }

    .image-175 {
        width: 90px;
        min-width: 90px;
    }

    .hero-web-dev {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero-image-copy-copy {
        max-width: 100%;
        min-width: auto;
        bottom: 52%;
    }

    .hero-letter-copy-copy.web {
        justify-content: flex-start;
    }

    .hero-image-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        bottom: 52%;
    }

    .hero-letter-web {
        padding-right: 0;
    }

    .hero-text-countanie-copy-copy.web, .hero-text-countanie-copy-copy.web-copy {
        margin-top: 5px;
    }

    .hero-text-copy {
        display: block;
    }

    .image-176.web {
        width: 100%;
        height: auto;
        position: relative;
    }

    .hero-image-copy-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        bottom: 52%;
    }

    .div-block-7.web {
        height: 100%;
        display: block;
    }

    .hero-image-copy-copy-copy, .hero-image-copy-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        display: none;
        bottom: 52%;
    }

    .hero-text-pf {
        display: block;
    }

    .button-exp {
        width: 100%;
    }

    .hero-image-copy-copy-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        bottom: 52%;
    }

    .hero-letter-web-copy {
        padding-right: 0;
    }

    .hero-text-copy-copy {
        display: block;
    }

    .hero-image-copy-copy {
        max-width: 100%;
        min-width: auto;
        bottom: 52%;
    }

    .hero-letter-pf-copy-copy {
        margin-left: 0;
        padding-right: 0;
    }

    .hero-image-copy-copy-copy {
        max-width: 100%;
        min-width: auto;
        display: none;
        bottom: 52%;
    }

    .div-block-9 {
        height: 690px;
        flex-direction: column;
        justify-content: flex-start;
    }

    .image-178 {
        width: 1090px;
        opacity: 0;
        margin-left: 211px;
        display: none;
        position: relative;
    }

    .text-33-copy {
        font-size: 26vw;
    }

    .text-33-mobile {
        font-size: 27vw;
    }

    .text-works {
        z-index: 1;
        font-size: 26.5vw;
        position: relative;
    }

    .text-33-about {
        width: 100%;
        text-align: left;
        font-size: 34vw;
    }

    .founders {
        margin-bottom: 20px;
    }

    .left {
        width: 100%;
    }

    .paragraph {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .alex {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: column;
    }

    .alex._01 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: row;
    }

    .reviews_about, .frame-881232888, .frame-881232889 {
        width: 100%;
    }

    .h3_light {
        font-size: 18px;
    }

    .div-block-10 {
        padding-right: 1px;
    }

    .section_1_contacts {
        padding-top: 40px;
    }

    .contacts {
        width: 100vw;
        max-width: 100vw;
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-us {
        width: 100%;
    }

    .frame-104 {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
    }

    .vectors-wrapper-22 {
        width: 19px;
        height: 22px;
        flex-wrap: nowrap;
    }

    .frame-105 {
        height: 24px;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        align-items: flex-end;
    }

    .vectors-wrapper-23 {
        width: 21px;
        height: 27px;
        object-fit: fill;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .h3-bold-fill-copy {
        font-size: 24px;
    }

    .hero-letter-pf-copy-copy-copy {
        margin-left: 5px;
        padding-right: 0;
    }

    .secition_2_mobile_main {
        margin-top: 0;
    }

    .hero-letter-svg-main {
        padding-left: 15px;
        padding-right: 10px;
    }

    .mobile_animation_left {
        z-index: 4;
        width: 100%;
    }

    .div-block-17 {
        display: block;
    }

    .html-embed {
        width: 180px;
        height: 142px;
        border-radius: 15px;
        overflow: hidden;
    }

    .div-block-18 {
        width: auto;
    }

    .div-block-17-copy {
        display: block;
    }

    .mobile_animation_right {
        z-index: 4;
        width: 100%;
        justify-content: flex-end;
        display: flex;
    }

    .html-embed-2 {
        width: 180px;
        height: 149px;
        border-radius: 15px;
    }

    .div-block-20 {
        display: block;
    }

    .web_animation_right {
        width: 100%;
        justify-content: flex-end;
        display: flex;
    }

    .web_animation_right_element {
        width: 220px;
    }

    .web_animation_left {
        display: block;
    }

    .web_animation_left_element {
        width: 210px;
    }

    .crm-rik-countanir {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .cta-coun {
        padding-left: 0;
        padding-right: 0;
        display: block;
    }

    .m-nav-toggle-close {
        display: none;
    }

    .m-nav-toggle-inner {
        padding: 15px 20px;
    }

    .m-nav-toggle-open-menu {
        width: 100%;
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        justify-content: space-between;
        display: flex;
        position: relative;
        bottom: 0;
    }

    .m-nav-toggle-description {
        font-family: Helvetica_regular, sans-serif;
    }

    .m-nav-overlay {
        display: none;
    }

    .m-nav-link {
        width: 100%;
        max-width: 100%;
        color: #000;
        text-align: left;
        letter-spacing: 0;
        text-transform: uppercase;
        font-family: Helvetica_bold, sans-serif;
        font-size: 14px;
        line-height: 40px;
    }

    .m-nav-link.w--current {
        max-width: 100%;
    }

    .m-nav-link.cupture {
        font-size: 12px;
        line-height: 12px;
    }

    .m-nav-link.tab {
        max-width: 100%;
        margin-left: 0;
        padding-left: 0;
        font-family: Helvetica_bold, sans-serif;
        line-height: 40px;
    }

    .m-nav-list {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }

    .m-nav-link-item {
        width: 100%;
        padding-left: 20px;
        display: block;
    }

    .m-nav-link-item.last-item {
        padding-bottom: 140px;
    }

    .m-nav-link-item.first-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-direction: row;
        align-items: flex-start;
        display: flex;
    }

    .m-nav-link-item.first, .m-nav-link-item.test {
        display: none;
    }

    .m-nav-toggle-inner_menu {
        width: 100%;
        background-color: #fff;
        justify-content: center;
        padding: 15px 20px;
    }

    .menu_and_offer_mobile {
        width: 100vw;
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        justify-content: space-between;
        align-items: center;
        padding-left: 100px;
        padding-right: 100px;
        display: flex;
        position: absolute;
        bottom: 17px;
    }

    .m-nav-toggle-open_offer {
        width: 100%;
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        justify-content: space-between;
        display: flex;
        position: relative;
        bottom: 0;
    }

    .h2_light-cover_costs {
        font-size: 48px;
    }

    .m-nav-toggle-inner_offer {
        width: 100%;
        justify-content: center;
        padding: 15px 20px;
    }

    .m-nav-toggle-description_menu {
        color: #000;
        font-family: Helvetica_regular, sans-serif;
    }

    .m-nav-overlay-2 {
        height: 570px;
        background-color: #75fa4c;
        display: none;
    }

    .m-nav-toggle-inner-2 {
        height: 70px;
    }

    .m-nav-toggle-close-2 {
        display: none;
    }

    .m-nav-toggle-inner-2-copy {
        height: 70px;
        padding-top: 15px;
    }

    .menu-button-text {
        font-family: Helvetica_regular, sans-serif;
        position: relative;
    }

    .menu-button-text.menu {
        position: absolute;
    }

    .div-block-22 {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        margin-bottom: 80px;
        padding-bottom: 20px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .m-nav-toggle-description-close {
        display: none;
    }

    .m-nav-toggle-description-close.close-please {
        position: absolute;
    }

    .close-menu-button-text {
        color: #000;
        padding-top: 10px;
        font-family: Helvetica_regular, sans-serif;
        font-size: 18px;
        line-height: 1;
        display: none;
        position: absolute;
    }

    .menu-button-text-offer {
        color: #fff;
        font-family: Helvetica_regular, sans-serif;
    }

    .menu-button-text-offer.menu {
        position: absolute;
    }

    .cupture_menu {
        max-width: 100%;
        opacity: 0;
        color: rgba(0, 0, 0, .47);
        text-align: left;
        text-transform: uppercase;
        font-family: Helvetica_bold, sans-serif;
    }

    .link {
        display: none;
    }

    .link-block {
        display: block;
    }

    .div-block-24 {
        width: 100vw;
        height: 100%;
        object-fit: none;
        margin-bottom: 0;
        display: block;
        overflow: hidden;
    }

    .image-182 {
        width: 100vw;
        height: 100vh;
        object-fit: contain;
        flex: 0 auto;
        display: none;
        position: relative;
    }

    .image-183 {
        z-index: 2;
        width: 100vw;
        height: 560px;
        display: none;
        position: absolute;
    }

    .div-block-25 {
        width: 100%;
        padding-right: 20px;
    }

    .link-5 {
        width: 100%;
        text-align: left;
        line-height: 16px;
    }

    .div-block-26 {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
    }

    .div-block-26.end {
        margin-bottom: 12px;
    }

    .image-184 {
        width: 100%;
        max-width: 130%;
        margin-top: -19px;
        margin-bottom: 34px;
        display: block;
        position: relative;
    }

    .image-185 {
        width: 100%;
        display: none;
        position: absolute;
        top: 0;
    }

    .image-185.apd {
        display: none;
    }

    .image-185.apd._01 {
        display: block;
    }

    .image-186 {
        display: none;
    }

    .link-block-2 {
        width: 100%;
    }

    .caps {
        width: auto;
        text-align: left;
        line-height: 16px;
        position: absolute;
    }

    .link-block-3 {
        width: 100%;
        height: 40px;
        flex-direction: row;
        align-items: center;
        display: flex;
    }

    .link-block-3._02 {
        align-items: center;
    }

    .section_1_contacts-2 {
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 20px;
    }

    .list_h3-2.test {
        width: 100%;
    }

    .frame-881233080 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vectors-wrapper-25 {
        width: 19px;
        height: 22px;
    }

    .link-box {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vectors-wrapper-26 {
        width: 17px;
        height: 22px;
    }

    .mobile_dev-fixed-countanir {
        width: 100%;
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
    }

    .frame-881233097 {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .frame-881233104 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .h2-3 {
        overflow-wrap: anywhere;
    }

    .frame-881233102 {
        height: 310px;
        background-position: 50% 0;
        background-size: cover;
    }

    ._1231212324-1 {
        width: 100%;
        height: 100%;
    }

    .div-block-29 {
        width: 100%;
    }

    .image-187 {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    .case-card-heading {
        grid-column-gap: 7px;
        grid-row-gap: 7px;
        flex-direction: column;
        display: flex;
    }

    .h3_light-cover {
        font-size: 18px;
    }

    .div-block-31 {
        height: 100%;
        flex-direction: column;
        justify-content: flex-end;
        display: flex;
    }

    .form-heading {
        padding-left: 0;
        padding-right: 0;
    }

    .form-heading.phone.small {
        /* padding-left: 20px;
    padding-right: 20px; */
    }

    .form-main {
        height: auto;
        flex-direction: column;
        padding: 0;
    }

    .cta_form {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .form-block {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

    .field-label {
        font-size: 12px;
        line-height: 14px;
    }

    .text-field {
        font-family: Helvetica_regular, sans-serif;
    }

    .html-embed-web {
        width: 320px;
        height: 227px;
        border-radius: 5px;
    }

    .div-block-33 {
        width: 100%;
        align-items: center;
        display: flex;
    }

    .list-item {
        font-size: 18px;
    }

    .form_count {
        padding: 20px;
    }

    .close_button {
        display: none;
    }

    .cta-coun-pop-up {
        padding-left: 0;
        padding-right: 0;
    }

    .frame-881233129 {
        margin-top: 4vh;
        margin-bottom: 80px;
    }

    .frame-881233128 {
        width: 100%;
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .banch_marketing_item {
        grid-row-gap: 8px;
    }

    .div-block-34 {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
        padding-right: 0;
        display: none;
    }

    .development_stages_table {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .development_stages {
        margin-bottom: 80px;
        padding-top: 80px;
    }

    .web_services {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .web_item._01, .web_item._02 {
        width: 100%;
    }

    .web-services-row-1 {
        flex-direction: column;
        margin-top: 40px;
    }

    .web-services-row-2 {
        flex-direction: column;
    }

    .team {
        width: 100%;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        display: none;
        overflow: visible;
    }

    .spline-scene_desktop {
        width: 100%;
        height: 60vh;
        margin-left: 0;
        display: none;
    }

    .div-block-40 {
        width: 100%;
        height: 1px;
        margin-right: 0;
    }

    .spline-scene_mobile {
        width: 100%;
        height: 60vh;
        margin-left: 0;
        display: none;
    }

    .form_count_small {
        margin-bottom: -20px;
        /* padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; */
    }

    .form_small {
        height: auto;
        flex-direction: column;
        margin-top: 0;
        margin-bottom: 80px;
        padding: 0 0 20px;
        display: none;
    }

    .close_button_small {
        display: none;
    }

    .mobile-dev-form-countanir {
        width: auto;
        max-width: 1100px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .table_item {
        width: auto;
        flex-direction: column;
        padding-left: 20px;
        position: relative;
    }

    .div-block-45 {
        width: 100%;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: row;
        padding-left: 20px;
        overflow: visible;
    }

    .div-block-47 {
        display: flex;
    }

    .team-selection {
        padding-left: 0;
        padding-right: 0;
    }

    .image-194 {
        width: 50%;
        height: 100%;
        max-width: 100%;
        display: block;
        position: static;
        top: auto;
        left: auto;
    }

    .image-194.alex_1 {
        height: 100%;
    }

    .image-195 {
        z-index: 0;
        width: 50%;
        height: auto;
        max-width: 80%;
        display: block;
        position: static;
    }

    .artem {
        width: 100%;
        align-items: flex-start;
        display: flex;
    }

    .pasha, .rahat, .azaliya, .alex_02, .fake_person_01 {
        display: flex;
    }

    .fake_person_02 {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }

    .fake_person_03, .anrew, .fake_person_04 {
        display: flex;
    }

    .heding-countanir {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-direction: row;
        align-items: baseline;
    }

    .frame-881233175 {
        width: 100%;
        grid-row-gap: 20px;
    }

    .mobile-dev-stages__number {
        margin-top: 18px;
        margin-right: 18px;
    }

    .mobile-dev-stages__text {
        grid-row-gap: 12px;
    }

    .mobile-dev-stages__03 {
        margin-top: 0;
    }

    .frame-881233172 {
        height: auto;
    }

    .stages-row-2 {
        height: auto;
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .mobile-dev-stages__item {
        height: 210px;
    }

    .mobile-dev-stages__item.first {
        height: 299px;
    }

    .mobile-dev-stages__02 {
        margin-top: -10px;
    }

    .mobile-dev-stages__item-spectial {
        height: 220px;
        max-width: 100%;
    }

    .stages-row-3 {
        height: auto;
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .mobile-dev-stages__05 {
        object-fit: contain;
        margin-top: -16px;
    }

    .mobile-dev-stages__06 {
        object-fit: contain;
        margin-top: -13px;
    }

    .koenig_finance_arthur_mobile {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
    }

    .mobile-dev-stages__04 {
        margin-top: -15px;
    }

    .div-block-copy {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        display: flex;
    }

    .picture-row {
        width: 210px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template: "."
                   "."
                   / 1fr;
        grid-auto-columns: 1.25fr;
    }

    .picture-row._03 {
        width: 210px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
    }

    .picture-row._04 {
        width: 210px;
        grid-template-columns: 1fr;
    }

    .picture-row._05 {
        width: 210px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
    }

    .picture-row._04-2 {
        width: 210px;
        grid-template-columns: 1fr;
    }

    .team__about {
        width: 100%;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        display: none;
    }

    .alex_circle {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: row;
    }

    .image-187-copy {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    .mobile-cases-cover-item_heading {
        grid-column-gap: 7px;
        grid-row-gap: 7px;
        flex-direction: column;
        display: flex;
    }

    .case-cover-mobile-item {
        height: 380px;
        margin-bottom: 12px;
    }

    .hero_content_main-right {
        margin-bottom: 30px;
        padding-bottom: 0;
    }

    .body-main, .button-hero-main {
        width: 100%;
    }

    .hero-main-image {
        height: 320px;
    }

    .our_clients {
        margin-bottom: 80px;
        padding-top: 80px;
        padding-left: 0;
        padding-right: 0;
    }

    .frame-881233180 {
        width: 580px;
        max-width: 700px;
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: minmax(90px, .5fr) .75fr minmax(190px, .5fr);
        padding-left: 20px;
    }

    .qiwi {
        width: 80px;
        height: 70px;
    }

    .content {
        grid-row-gap: 12px;
        flex-direction: column;
    }

    .frame-881233160, .benchmark-item, .benchmark-item_2 {
        width: 100%;
    }

    .frame-881233159 {
        width: 100%;
        height: auto;
        grid-row-gap: 52px;
    }

    .hero_chat {
        align-items: flex-start;
        padding-left: 0;
        padding-right: 0;
    }

    .how-we-work_heading_chat {
        width: 100%;
        padding-top: 0;
    }

    .chats_bullets {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .chats_bullet_table {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .chat-bot-rik-showcase-item._02, .chat-bot-rik-showcase-item._01 {
        height: 340px;
    }

    .div-block-56, .div-block-57 {
        flex-direction: column;
    }

    .outcomes-chat_countanir_table {
        grid-row-gap: 12px;
        grid-template-columns: 1fr;
    }

    .div-block-59 {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-direction: column;
    }

    .row-logos-01 {
        width: 720px;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1.4fr 1.5fr;
    }

    .heading-3-copy {
        flex-direction: column;
    }

    .pf-table {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .tech_table {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .details {
        grid-template-columns: 1fr;
    }

    .details-item {
        height: 160px;
    }

    .body-bold-copy {
        margin-bottom: 12px;
    }

    .body-bold-100.contscts.bold {
        width: 100%;
        min-width: 100%;
    }

    .h3-bold-fill-case {
        width: 100%;
        max-width: 100%;
        font-size: 32px;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .h3-bold-fill-case.plus, .h3-bold-fill-case.con {
        overflow: visible;
    }

    .h3-bold-fill-case.pls {
        word-break: break-all;
        font-size: 22px;
        overflow: visible;
    }

    .h3-bold-fill-case.list {
        font-size: 18px;
    }

    .h3-bold-fill-case._01._33 {
        letter-spacing: -2.4px;
        margin-bottom: 0;
        font-size: 52px;
        line-height: 51px;
    }

    .h3-bold-fill-case.form_web {
        font-size: 24px;
    }

    .h3-bold-fill-case._02._01 {
        text-align: left;
        letter-spacing: -2.4px;
        font-size: 52px;
        line-height: 51px;
    }

    .h3-bold-fill-case._02._01._202 {
        width: 100%;
        margin-bottom: 80px;
    }

    .h3-bold-fill-case.we-help {
        font-size: 24px;
    }

    .contacts-heading {
        width: 100%;
        text-align: left;
        letter-spacing: -.04em;
        font-size: 3.5rem;
    }

    .kf-cover {
        height: auto;
        background-image: none;
        padding-left: 0;
        padding-right: 0;
    }

    .cover-qmoney {
        background-image: none;
    }

    .div-block-69 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .image-215 {
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .div-block-72, .div-block-73 {
        width: 100%;
        overflow: auto;
    }

    .div-block-74 {
        width: 370%;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        overflow: auto;
    }

    .frame-881233180-copy {
        width: 580px;
        max-width: 700px;
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: minmax(90px, 1.25fr) .75fr minmax(190px, .5fr);
    }

    .image-216 {
        object-fit: contain;
    }

    .div-block-75 {
        width: 100%;
        overflow: auto;
    }

    .logo-count {
        width: 1000px;
        padding-left: 20px;
        display: flex;
    }

    .row-logos-02 {
        width: 700px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr .75fr 1.25fr;
        padding-right: 20px;
    }

    .div-block-76 {
        width: 100%;
        overflow: auto;
    }

    .h1-contacts {
        width: 100%;
        text-align: left;
        font-size: 4.1em;
    }

    .pure__form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .form_small--mobile {
        height: auto;
        flex-direction: column;
        margin-top: 0;
        margin-bottom: 80px;
        padding: 20px 20px 20px 20px;
        display: block;
    }

    #w-node-edcecb38-53ec-a347-3330-34a063e3ecdd-beb0eb12, #w-node-_0ad58450-d428-8dfc-3b8d-c16ef61c83f0-f61c83ea {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}


@font-face {
    font-family: 'Helvetica_bold';
    src: url('../fonts/HelveticaNeue-Bold-02.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica_regular';
    src: url('../fonts/HelveticaNeue-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}