.hero[data-element_hero] {
    --hero-lines: url(/assets/images/hero/lines.svg);
    --hero-gradient: linear-gradient(135deg, #00b9cd 33%, 60.5%, #584fff 88%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font: var(--font-master-h2);
    color: var(--white);
    background-image: var(--hero-lines), var(--hero-gradient);
    background-position: 71.6% 102.5%, center;
    background-size: 214.6875rem 183.8125rem, cover;
    background-repeat: no-repeat no-repeat
}

.hero._angle-line[data-element_hero] {
    --hero-lines: url(/assets/images/hero/lines-angle.svg);
    background-position: top right, center;
    background-size: 41.25rem 24.375rem, cover
}

.hero._rect-line[data-element_hero] {
    --hero-lines: url(/assets/images/hero/lines-rect.svg);
    background-position: top -45% right -12.7%, center;
    background-size: 44.6875rem 37.75rem, cover
}

.hero._square-line[data-element_hero] {
    --hero-lines: url(/assets/images/hero/lines-square.svg);
    background-position: top right, center;
    background-size: 44.6875rem 37.75rem, cover
}

@media (max-width: 992px) {
    .hero[data-element_hero] {
        font: var(--font-body-xl)
    }
}

@media (max-width: 768px) {
    .hero[data-element_hero] {
        flex-direction: column;
        padding-top: 5.125rem;
        background: linear-gradient(147.71deg, #00b9cd 34.66%, #584fff 91.56%);
        background-size: cover !important
    }
}

@media (max-width: 425px) {
    .hero[data-element_hero] {
        padding-top: 5.75rem
    }
}

.hero[data-element_hero] .hero__container {
    display: grid;
    grid-template-columns:1fr 1fr;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    height: 100%
}

@media (max-width: 768px) {
    .hero[data-element_hero] .hero__container {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.hero[data-element_hero] .hero__col {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    width: 100%;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.hero[data-element_hero] .hero__col._picture {
    align-content: flex-end;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 768px) {
    .hero[data-element_hero] .hero__col {
        padding-top: 0;
        padding-bottom: 0
    }

    .hero[data-element_hero] .hero__col._picture {
        justify-content: center
    }
}

.hero[data-element_hero] .hero__title {
    width: 100%;
    margin-bottom: 1.25rem;
    font: var(--font-master-h1)
}

.hero[data-element_hero] .hero__title._squeeze-text {
    letter-spacing: -.015em
}

@media (max-width: 992px) {
    .hero[data-element_hero] .hero__title {
        font: var(--font-h1)
    }
}

@media (max-width: 768px) {
    .hero[data-element_hero] .hero__title {
        margin-bottom: .5rem;
        font: var(--font-h2)
    }

    .hero[data-element_hero] .hero__title br {
        display: none
    }
}

.hero[data-element_hero] .hero__desc {
    width: 100%;
    margin-bottom: 2.5rem
}

@media (max-width: 768px) {
    .hero[data-element_hero] .hero__desc {
        margin-bottom: .9375rem;
        font: var(--font-body-s)
    }
}

.hero[data-element_hero] .hero__picture {
    position: relative;
    right: 0;
    width: 100%;
    height: 0;
    padding-bottom: 85.4700854701%
}

.hero[data-element_hero] .hero__picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hero[data-element_hero] .hero__picture._world img {
    max-width: 25.75rem;
    left: 2.5rem
}

.hero[data-element_hero] .hero__picture._club img {
    max-width: 29.75rem;
    left: -.625rem
}

@media (max-width: 768px) {
    .hero[data-element_hero] .hero__picture {
        right: 0;
        max-width: 31.25rem;
        height: auto;
        padding-bottom: 0
    }

    .hero[data-element_hero] .hero__picture img {
        position: static
    }
}

@media (max-width: 425px) {
    .hero[data-element_hero] .hero__picture img {
        width: calc(100% + 1.25rem);
        margin-left: -.625rem
    }
}

.hero[data-element_hero] .hero__footer {
    display: none
}

@media (max-width: 768px) {
    .hero[data-element_hero] .hero__footer {
        position: relative;
        z-index: 2;
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding-top: .5625rem;
        padding-bottom: 1rem;
        background-color: var(--white)
    }

    .hero[data-element_hero] .hero__footer._club {
        margin-top: -.625rem;
        padding-top: 1rem;
        border-radius: var(--default-border-radius) var(--default-border-radius) 0 0
    }

    .hero[data-element_hero] .hero__footer .container {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 1rem
    }

    .hero[data-element_hero] .hero__footer .container .button {
        width: 100%
    }

    .hero[data-element_hero] .hero__footer .container._col-1 {
        display: block
    }
}
.features-list {
    position: relative;
    z-index: 2
}

.features-list__inner {
    display: grid;
    grid-template-columns:1fr 17.25rem;
    gap: 1.875rem;
    border-radius: var(--default-border-radius);
    overflow: hidden;
    background: rgba(242, 244, 247, .5)
}

@media (max-width: 768px) {
    .features-list__inner {
        display: block
    }
}

.features-list__content {
    padding: 2.5rem 0;
    padding-left: 2.5rem
}

@media (max-width: 768px) {
    .features-list__text {
        padding: 0 .875rem
    }
}

.features-list__list {
    margin-left: -2.5rem;
    display: grid;
    gap: 2.5rem 1.875rem;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(2, auto);
    grid-auto-flow: column
}

.features-list__info {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    background: var(--gray-haven);
    border-radius: var(--default-border-radius) 0 0 var(--default-border-radius)
}

@media (max-width: 768px) {
    .features-list__info {
        display: grid;
        gap: .75rem;
        grid-template-columns:repeat(2, 1fr);
        padding: 1.5rem
    }
}

.features-list__buttons {
    display: none
}

@media (max-width: 768px) {
    .features-list {
        margin-top: -.625rem;
        border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
        background-color: var(--white)
    }

    .features-list__buttons {
        display: flex;
        flex-direction: column;
        row-gap: .75rem;
        padding-top: 1.875rem;
        padding-bottom: 1.25rem
    }

    .features-list__buttons._pb-40-mobile {
        padding-bottom: 2.5rem
    }

    .features-list__buttons .button {
        width: 100%
    }

    .features-list__content {
        padding: 1.5rem .625rem
    }

    .features-list__list {
        margin-left: 0;
        display: grid;
        gap: 2rem .9375rem;
        grid-template-columns:repeat(2, 1fr);
        grid-auto-flow: row
    }

    .features-list .icon-card {
        display: grid;
        grid-template-columns:1fr 1fr;
        -moz-column-gap: .875rem;
        column-gap: .875rem;
        text-align: left
    }

    .features-list .icon-card__title {
        font: var(--font-body-m)
    }

    .features-list .icon-card__text {
        margin: 0;
        font: var(--font-accent-s)
    }

    .features-list .icon-card__icon {
        display: none
    }

    .features-list .icon-card._world .icon-card__title {
        font: var(--font-accent-s)
    }

    .features-list .icon-card._world .icon-card__text {
        font: var(--font-body-m)
    }

    .features-list._grid {
        margin-top: 0
    }

    .features-list._grid .icon-card {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .features-list._grid .icon-card__title {
        font: var(--font-accent-l)
    }

    .features-list._grid .icon-card__text {
        margin: 0;
        font: var(--font-body-l)
    }

    .features-list._grid .icon-card__icon {
        display: block
    }
}
.faq {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: var(--gray-haven)
}

@media (max-width: 768px) {
    .faq {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
}

.faq__companies-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem 4.375rem;
    max-width: 42.5rem
}

.faq__companies-list li {
    flex-grow: 1;
    display: flex;
    justify-content: center
}

@media (max-width: 768px) {
    .faq__companies-list {
        gap: 2rem .9375rem
    }
}

.faq__company-logo {
    width: auto;
    max-width: 100%;
    height: 1.5625rem
}

._developer .faq__company-logo {
    height: 2.5rem
}

@media (max-width: 768px) {
    .faq__company-logo {
        height: 1.25rem
    }

    ._developer .faq__company-logo {
        height: 1.875rem
    }
}
.cta {
     position: relative;
     background-color: var(--bg-color)
 }

.cta._full-width {
    --bg-color: var(--coffee)
}

.cta._marsala {
    --container-bg-color: var(--marsala)
}

.cta._blue {
    --container-bg-color: var(--blue)
}

.cta._bg-blue {
    --bg-color: var(--blue)
}

.cta._malachite {
    --container-bg-color: var(--malachite-17)
}

.cta._coffee {
    --container-bg-color: var(--coffee)
}

.cta._deposits {
    margin: 2.5rem .625rem;
    border-radius: 1.25rem;
    overflow: hidden
}

.cta__container {
    position: relative;
    display: grid;
    grid-template-columns:1fr 1fr;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    align-items: center;
    box-sizing: border-box;
    padding: 2.5rem;
    border-radius: var(--default-border-radius);
    background-color: var(--container-bg-color)
}

._full-width .cta__container {
    padding: 0;
    padding-block: 3.125rem;
    padding-bottom: 3.75rem
}

._deposits .cta__container {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
    align-items: flex-start;
    grid-template-columns:65.8333333333% 1fr;
    box-sizing: border-box
}

@media (max-width: 768px) {
    ._deposits .cta__container {
        padding: 32px 14px
    }
}

@media (max-width: 768px) {
    .cta__container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem 1.5rem
    }
}

.cta__content {
    position: relative;
    z-index: 1
}

@media (max-width: 768px) {
    .cta__content {
        order: 2
    }
}

.cta__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.875rem
}

._full-width .cta__buttons {
    margin-top: 2.5rem
}

@media (max-width: 768px) {
    .cta__buttons .button {
        width: 100%
    }
}

.cta__title {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1.25rem;
    font: var(--font-h1);
    font-weight: 500
}

.cta__title._lg {
    font: var(--font-master-h1)
}

._full-width .cta__title {
    font-weight: 700
}

@media (max-width: 768px) {
    ._deposits .cta__title {
        font: var(--font-h3)
    }
}

@media (max-width: 768px) {
    .cta__title {
        margin-bottom: .625rem;
        font: var(--font-h4)
    }
}

.cta__slogan {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1.25rem;
    font: var(--font-master-h2)
}

@media (max-width: 768px) {
    .cta__slogan {
        margin-bottom: .625rem
    }
}

.cta__text {
    box-sizing: border-box;
    width: 100%;
    font: var(--font-body-l)
}

.cta__text._link {
    color: var(--electric-purple)
}

@media (max-width: 768px) {
    .cta__text {
        font: var(--font-body-s)
    }
}

@media (max-width: 768px) {
    ._deposits .cta__text {
        line-height: 1.29
    }
}

.cta__list {
    width: 100%;
    font: var(--font-body-l)
}

.cta__list li {
    list-style-type: disc;
    -webkit-margin-start: 1.125rem;
    margin-inline-start: 1.125rem
}

.cta__list._col-2 {
    display: grid;
    grid-template-columns:1fr 1fr;
    -moz-column-gap: 1.125rem;
    column-gap: 1.125rem
}

.cta__picture {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.cta__picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
    -o-object-fit: contain;
    object-fit: contain
}

._full-width .cta__picture {
    padding-bottom: 59.8290598291%
}

._deposits .cta__picture {
    padding-bottom: 65.7894736842%
}

@media (max-width: 768px) {
    ._deposits .cta__picture {
        padding-bottom: 39.4736842105%
    }
}

._deposits .cta__picture._bottom {
    margin-bottom: -3.75rem
}

@media (max-width: 768px) {
    ._deposits .cta__picture._bottom {
        margin-bottom: 24px
    }
}

@media (max-width: 768px) {
    .cta__picture {
        width: calc(100% - 1.75rem);
        padding-bottom: min(7.5rem, 56.25%);
        margin-bottom: 1.25rem
    }

    .cta__picture img {
        -o-object-position: left;
        object-position: left
    }
}

.numbers-list__item-title{
    margin-top: 25px;
}