@media screen and (max-width: 996px) {
    body {
        max-width: 600px;
        margin: auto;
        overflow-x: hidden;
    }

    .row {
        max-width: 600px;
    }

    .header__logo-wrap i {
        display: inline-block;
    }

    .header__logo-wrap .fa-xmark {
        display: none;
    }

    .header__menu {
        background: #fff;
        bottom: 0;
        flex-direction: column;
        left: 0;
        overflow: auto;
        padding: 16px;
        position: fixed;
        top: 52px;
        transform: translate(-100%);
        transition: all .2s ease;
        width: 100%;
        z-index: 2;
    }

    .header__mobile-open-account {
        margin-left: auto;
        display: flex;
    }

    .header__logo-wrap {
        justify-content: space-between;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 100%;
    }

    .header__logo {
        background: url(/favicon.ico);
        height: 32px;
        width: 32px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .header__menu__main {
        align-items: flex-start;
        flex-direction: column;
        margin: 0;
    }

    .header__menu__main>li {
        align-items: flex-start;
        flex-direction: column;
        height: auto;
        padding-right: 0;
        position: relative;
        width: 100%;
    }

    .header__menu__item {
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #080816;
        height: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

    .header__menu__main>li:after {
        content: "";
        border: 6px solid transparent;
        border-top: 7px solid #d9dee2;
        position: absolute;
        right: 6px;
        top: 28px;
    }

    .header__menu__main>li+li {
        border-top: 1px solid #edf1f4;
        padding-left: 0;
        padding-right: 0;
    }

    .header-menu__right {
        flex-direction: column;
        flex-grow: 1;
        margin: 0;
    }

    .header-link {
        order: 2;
        margin-top: 16px;
        width: 100%;
        background-color: #8a24f3;
        color: #fff;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: .5px;
        align-items: center;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        height: 56px;
        display: flex;
        justify-content: center;
        padding: 0 25px;
    }

    .tablet\:hidden {
        display: none;
    }

    .home-hero {
        margin-bottom: 0.75rem;
    }

    .tablet\:p-5 {
        padding: 1.25rem;
    }

    .tablet\:static {
        position:static
    }

    .tablet\:relative {
        position: relative
    }

    .tablet\:bottom-0 {
        bottom: 0px
    }

    .tablet\:bottom-1\/3 {
        bottom: 33.333333%
    }

    .tablet\:left-0 {
        left: 0px
    }

    .tablet\:left-1\/2 {
        left: 50%
    }

    .tablet\:left-\[unset\] {
        left: unset
    }

    .tablet\:right-0 {
        right: 0px
    }

    .tablet\:top-\[unset\] {
        top: unset
    }

    .tablet\:order-1 {
        order: 1
    }

    .tablet\:order-2 {
        order: 2
    }

    .tablet\:order-3 {
        order: 3
    }

    .tablet\:order-4 {
        order: 4
    }

    .tablet\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .tablet\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .tablet\:my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .tablet\:-mb-24 {
        margin-bottom: -6rem
    }

    .tablet\:-mt-\[22\.313rem\] {
        margin-top: -22.313rem
    }

    .tablet\:mb-0 {
        margin-bottom: 0
    }

    .tablet\:mb-10 {
        margin-bottom: 2.5rem
    }

    .tablet\:mb-12 {
        margin-bottom: 3rem
    }

    .tablet\:mb-16 {
        margin-bottom: 4rem
    }

    .tablet\:mb-3 {
        margin-bottom: .75rem
    }

    .tablet\:mb-4 {
        margin-bottom: 1rem
    }

    .tablet\:mb-5 {
        margin-bottom: 1.25rem
    }

    .tablet\:mb-6 {
        margin-bottom: 1.5rem
    }

    .tablet\:mb-7 {
        margin-bottom: 1.75rem
    }

    .tablet\:mb-8 {
        margin-bottom: 2rem
    }

    .tablet\:ml-0 {
        margin-left: 0
    }

    .tablet\:ml-10 {
        margin-left: 2.5rem
    }

    .tablet\:mr-11 {
        margin-right: 2.75rem
    }

    .tablet\:mr-auto {
        margin-right: auto
    }

    .tablet\:mt-0 {
        margin-top: 0
    }

    .tablet\:mt-10 {
        margin-top: 2.5rem
    }

    .tablet\:mt-12 {
        margin-top: 3rem
    }

    .tablet\:mt-16 {
        margin-top: 4rem
    }

    .tablet\:mt-20 {
        margin-top: 5rem
    }

    .tablet\:mt-3 {
        margin-top: .75rem
    }

    .tablet\:mt-4 {
        margin-top: 1rem
    }

    .tablet\:mt-5 {
        margin-top: 1.25rem
    }

    .tablet\:mt-6 {
        margin-top: 1.5rem
    }

    .tablet\:mt-8 {
        margin-top: 2rem
    }

    .tablet\:mt-\[0\.625rem\] {
        margin-top: .625rem
    }

    .tablet\:mt-auto {
        margin-top: auto
    }

    .tablet\:flex {
        display: flex
    }

    .tablet\:inline-flex {
        display: inline-flex
    }

    .tablet\:grid {
        display: grid
    }

    .tablet\:hidden {
        display: none
    }

    .tablet\:h-auto {
        height: auto
    }

    .tablet\:max-h-full {
        max-height: 100%
    }

    .tablet\:min-h-\[3rem\] {
        min-height: 3rem
    }

    .tablet\:min-h-fit {
        min-height: -moz-fit-content;
        min-height: fit-content
    }

    .tablet\:w-1\/2 {
        width: 50%
    }

    .tablet\:w-\[23\.75rem\] {
        width: 23.75rem
    }

    .tablet\:w-\[34rem\] {
        width: 34rem
    }

    .tablet\:w-full {
        width: 100%
    }

    .tablet\:min-w-\[15rem\] {
        min-width: 15rem
    }

    .tablet\:max-w-\[20\.75rem\] {
        max-width: 20.75rem
    }

    .tablet\:max-w-\[20rem\] {
        max-width: 20rem
    }

    .tablet\:max-w-\[23rem\] {
        max-width: 23rem
    }

    .tablet\:max-w-full {
        max-width: 100%
    }

    .tablet\:max-w-sm {
        max-width: 24rem
    }

    .tablet\:shrink-0 {
        flex-shrink: 0
    }

    .tablet\:basis-full {
        flex-basis: 100%
    }

    .tablet\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .tablet\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .tablet\:flex-row {
        flex-direction: row
    }

    .tablet\:flex-col {
        flex-direction: column
    }

    .tablet\:flex-wrap {
        flex-wrap: wrap
    }

    .tablet\:flex-nowrap {
        flex-wrap: nowrap
    }

    .tablet\:items-start {
        align-items: flex-start
    }

    .tablet\:items-center {
        align-items: center
    }

    .tablet\:justify-start {
        justify-content: flex-start
    }

    .tablet\:justify-end {
        justify-content: flex-end
    }

    .tablet\:justify-center {
        justify-content: center
    }

    .tablet\:justify-between {
        justify-content: space-between
    }

    .tablet\:gap-0 {
        gap: 0px
    }

    .tablet\:gap-16 {
        gap: 4rem
    }

    .tablet\:gap-4 {
        gap: 1rem
    }

    .tablet\:gap-5 {
        gap: 1.25rem
    }

    .tablet\:gap-7 {
        gap: 1.75rem
    }

    .tablet\:gap-8 {
        gap: 2rem
    }

    .tablet\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .tablet\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .tablet\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .tablet\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .tablet\:gap-x-\[5\.5rem\] {
        -moz-column-gap: 5.5rem;
        column-gap: 5.5rem
    }

    .tablet\:gap-y-4 {
        row-gap: 1rem
    }

    .tablet\:gap-y-8 {
        row-gap: 2rem
    }

    .tablet\:gap-y-\[1\.125rem\] {
        row-gap: 1.125rem
    }

    .tablet\:gap-y-\[24\.125rem\] {
        row-gap: 24.125rem
    }

    .tablet\:overflow-hidden {
        overflow: hidden
    }

    .tablet\:overflow-x-auto {
        overflow-x: auto
    }

    .tablet\:rounded-2xl {
        border-radius: 1rem
    }

    .tablet\:rounded-none {
        border-radius: 0
    }

    .tablet\:border-b {
        border-bottom-width: 1px
    }

    .tablet\:p-0 {
        padding: 0
    }

    .tablet\:p-5 {
        padding: 1.25rem
    }

    .tablet\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .tablet\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .tablet\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .tablet\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .tablet\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .tablet\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .tablet\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .tablet\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .tablet\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .tablet\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .tablet\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .tablet\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .tablet\:pb-0 {
        padding-bottom: 0
    }

    .tablet\:pb-12 {
        padding-bottom: 3rem
    }

    .tablet\:pb-5 {
        padding-bottom: 1.25rem
    }

    .tablet\:pb-7 {
        padding-bottom: 1.75rem
    }

    .tablet\:pb-8 {
        padding-bottom: 2rem
    }

    .tablet\:pb-\[10\.25rem\] {
        padding-bottom: 10.25rem
    }

    .tablet\:pl-0 {
        padding-left: 0
    }

    .tablet\:pr-0 {
        padding-right: 0
    }

    .tablet\:pr-24 {
        padding-right: 6rem
    }

    .tablet\:pr-6 {
        padding-right: 1.5rem
    }

    .tablet\:pt-0 {
        padding-top: 0
    }

    .tablet\:pt-10 {
        padding-top: 2.5rem
    }

    .tablet\:pt-6 {
        padding-top: 1.5rem
    }

    .tablet\:pt-7 {
        padding-top: 1.75rem
    }

    .tablet\:pt-8 {
        padding-top: 2rem
    }

    .tablet\:pt-\[21rem\] {
        padding-top: 21rem
    }

    .tablet\:text-left {
        text-align: left
    }

    .tablet\:text-center {
        text-align: center
    }

    .tablet\:text-right {
        text-align: right
    }

    .first\:tablet\:ml-14:first-child {
        margin-left: 3.5rem
    }

    .mobile\:static {
        position:static
    }

    .mobile\:relative {
        position: relative
    }

    .mobile\:-right-16 {
        right: -4rem
    }

    .mobile\:left-\[6\.375rem\] {
        left: 6.375rem
    }

    .mobile\:order-1 {
        order: 1
    }

    .mobile\:order-2 {
        order: 2
    }

    .mobile\:order-3 {
        order: 3
    }

    .mobile\:-mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .mobile\:-mx-12 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .mobile\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .mobile\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mobile\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .mobile\:-mb-11 {
        margin-bottom: -2.75rem
    }

    .mobile\:-mb-12 {
        margin-bottom: -3rem
    }

    .mobile\:-mb-7 {
        margin-bottom: -1.75rem
    }

    .mobile\:-mb-8 {
        margin-bottom: -2rem
    }

    .mobile\:-mr-8 {
        margin-right: -2rem
    }

    .mobile\:-mt-\[8\.938rem\] {
        margin-top: -8.938rem
    }

    .mobile\:-mt-\[9\.625rem\] {
        margin-top: -9.625rem
    }

    .mobile\:mb-0 {
        margin-bottom: 0
    }

    .mobile\:mb-10 {
        margin-bottom: 2.5rem
    }

    .mobile\:mb-11 {
        margin-bottom: 2.75rem
    }

    .mobile\:mb-12 {
        margin-bottom: 3rem
    }

    .mobile\:mb-14 {
        margin-bottom: 3.5rem
    }

    .mobile\:mb-16 {
        margin-bottom: 4rem
    }

    .mobile\:mb-2 {
        margin-bottom: .5rem
    }

    .mobile\:mb-20 {
        margin-bottom: 5rem
    }

    .mobile\:mb-3 {
        margin-bottom: .75rem
    }

    .mobile\:mb-4 {
        margin-bottom: 1rem
    }

    .mobile\:mb-5 {
        margin-bottom: 1.25rem
    }

    .mobile\:mb-6 {
        margin-bottom: 1.5rem
    }

    .mobile\:mb-7 {
        margin-bottom: 1.75rem
    }

    .mobile\:mb-8 {
        margin-bottom: 2rem
    }

    .mobile\:ml-0 {
        margin-left: 0
    }

    .mobile\:ml-5 {
        margin-left: 1.25rem
    }

    .mobile\:mt-0 {
        margin-top: 0
    }

    .mobile\:mt-1 {
        margin-top: .25rem
    }

    .mobile\:mt-10 {
        margin-top: 2.5rem
    }

    .mobile\:mt-12 {
        margin-top: 3rem
    }

    .mobile\:mt-16 {
        margin-top: 4rem
    }

    .mobile\:mt-2 {
        margin-top: .5rem
    }

    .mobile\:mt-3 {
        margin-top: .75rem
    }

    .mobile\:mt-4 {
        margin-top: 1rem
    }

    .mobile\:mt-5 {
        margin-top: 1.25rem
    }

    .mobile\:mt-6 {
        margin-top: 1.5rem
    }

    .mobile\:mt-7 {
        margin-top: 1.75rem
    }

    .mobile\:mt-8 {
        margin-top: 2rem
    }

    .mobile\:mt-\[0\.125rem\] {
        margin-top: .125rem
    }

    .mobile\:mt-\[1\.688rem\] {
        margin-top: 1.688rem
    }

    .mobile\:block {
        display: block
    }

    .mobile\:flex {
        display: flex
    }

    .mobile\:hidden {
        display: none
    }

    .mobile\:h-10 {
        height: 2.5rem
    }

    .mobile\:h-20 {
        height: 5rem
    }

    .mobile\:h-fit {
        height: -moz-fit-content;
        height: fit-content
    }

    .mobile\:min-h-0 {
        min-height: 0px
    }

    .mobile\:min-h-\[17\.063rem\] {
        min-height: 17.063rem
    }

    .mobile\:w-1\/2 {
        width: 50%
    }

    .mobile\:w-10 {
        width: 2.5rem
    }

    .mobile\:w-20 {
        width: 5rem
    }

    .mobile\:w-28 {
        width: 7rem
    }

    .mobile\:w-44 {
        width: 11rem
    }

    .mobile\:w-\[154px\] {
        width: 154px
    }

    .mobile\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .mobile\:w-full {
        width: 100%
    }

    .mobile\:max-w-\[13\.813rem\] {
        max-width: 13.813rem
    }

    .mobile\:max-w-full {
        max-width: 100%
    }

    .mobile\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .mobile\:flex-col {
        flex-direction: column
    }

    .mobile\:flex-wrap {
        flex-wrap: wrap
    }

    .mobile\:items-center {
        align-items: center
    }

    .mobile\:justify-start {
        justify-content: flex-start
    }

    .mobile\:justify-center {
        justify-content: center
    }

    .mobile\:justify-between {
        justify-content: space-between
    }

    .mobile\:justify-around {
        justify-content: space-around
    }

    .mobile\:justify-items-center {
        justify-items: center
    }

    .mobile\:gap-1 {
        gap: .25rem
    }

    .mobile\:gap-2 {
        gap: .5rem
    }

    .mobile\:gap-3 {
        gap: .75rem
    }

    .mobile\:gap-4 {
        gap: 1rem
    }

    .mobile\:gap-5 {
        gap: 1.25rem
    }

    .mobile\:gap-6 {
        gap: 1.5rem
    }

    .mobile\:gap-8 {
        gap: 2rem
    }

    .mobile\:gap-x-\[1px\] {
        -moz-column-gap: 1px;
        column-gap: 1px
    }

    .mobile\:gap-y-2 {
        row-gap: .5rem
    }

    .mobile\:gap-y-3 {
        row-gap: .75rem
    }

    .mobile\:gap-y-32 {
        row-gap: 8rem
    }

    .mobile\:gap-y-5 {
        row-gap: 1.25rem
    }

    .mobile\:gap-y-\[0\.688rem\] {
        row-gap: .688rem
    }

    .mobile\:gap-y-\[12\.125rem\] {
        row-gap: 12.125rem
    }

    .mobile\:self-end {
        align-self: flex-end
    }

    .mobile\:justify-self-start {
        justify-self: start
    }

    .mobile\:overflow-hidden {
        overflow: hidden
    }

    .mobile\:overflow-x-scroll {
        overflow-x: scroll
    }

    .mobile\:rounded-lg {
        border-radius: .5rem
    }

    .mobile\:border-0 {
        border-width: 0px
    }

    .mobile\:p-0 {
        padding: 0
    }

    .mobile\:p-6 {
        padding: 1.5rem
    }

    .mobile\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .mobile\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .mobile\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .mobile\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .mobile\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .mobile\:px-\[1\.125rem\] {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .mobile\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .mobile\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .mobile\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .mobile\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .mobile\:pb-0 {
        padding-bottom: 0
    }

    .mobile\:pb-10 {
        padding-bottom: 2.5rem
    }

    .mobile\:pb-12 {
        padding-bottom: 3rem
    }

    .mobile\:pb-4 {
        padding-bottom: 1rem
    }

    .mobile\:pb-5 {
        padding-bottom: 1.25rem
    }

    .mobile\:pl-8 {
        padding-left: 2rem
    }

    .mobile\:pr-12 {
        padding-right: 3rem
    }

    .mobile\:pr-4 {
        padding-right: 1rem
    }

    .mobile\:pr-\[9\.5rem\] {
        padding-right: 9.5rem
    }

    .mobile\:pt-0 {
        padding-top: 0
    }

    .mobile\:pt-2 {
        padding-top: .5rem
    }

    .mobile\:pt-24 {
        padding-top: 6rem
    }

    .mobile\:pt-3 {
        padding-top: .75rem
    }

    .mobile\:pt-4 {
        padding-top: 1rem
    }

    .mobile\:pt-5 {
        padding-top: 1.25rem
    }

    .mobile\:pt-6 {
        padding-top: 1.5rem
    }

    .mobile\:pt-7 {
        padding-top: 1.75rem
    }

    .mobile\:pt-8 {
        padding-top: 2rem
    }

    .mobile\:pt-\[7\.6rem\] {
        padding-top: 7.6rem
    }

    .mobile\:pt-\[9rem\] {
        padding-top: 9rem
    }

    .mobile\:text-left {
        text-align: left
    }

    .mobile\:text-center {
        text-align: center
    }

    .mobile\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .mobile\:font-medium {
        font-weight: 500
    }

    .first\:mobile\:ml-5:first-child {
        margin-left: 1.25rem
    }

    .mobile\:last\:hidden:last-child {
        display: none
    }

    .hero-block {
        margin-top: -3.75rem;
        padding-top: 3.75rem;
    }

    .home-hero .embla__slide {
        border-radius: 0.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(245 247 249 / var(--tw-bg-opacity));
        min-height: 380px;
        padding: 2.5rem 1.5rem;
    }

    .hero-block.desktop\:bg-gray-50 {
        background: transparent !important;
    }

    .home-hero__wrapper {
        max-width: 100%;
    }

    .embla__slide .row {
        display: block;
    }

    .col--6of12 {
        max-width: 100%;
    }

    .display-1 {
        font-family: Prompt,sans-serif;
        font-weight: 500;
        font-size: 1.75rem;
        line-height: 2.5rem;
        font-feature-settings: "liga" off,"kern" off;
    }

    .body-large {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: .25px;
    }

    .home-hero__cta {
        width: 100%;
    }

    .home-hero__wrapper {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }

    .banner-hero a, .banner-hero img {
        width: 100%;
    }

    .header {
        flex-direction: column;
        padding: 0 16px;
    }

    .display-2 {
        font-family: Prompt,sans-serif;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 2rem;
        font-feature-settings: "liga" off,"kern" off;
    }

    section {
        margin-bottom: 3rem;
    }

    .flex.desktop\:hidden {
        display: flex;
    }

    .home-webapp__wrapper {
        border-radius: 0;
        padding: 1.5rem 1rem;
    }

    .home-news__item {
        max-width: 600px;
    }

    .section-news {
        max-width: 600px;
    }

    .primary-news .news-preview {
        max-width: unset;
    }

    .primary-news .news-preview {
        width: 100%;
    }

    .inner-page .row {
        display: block;
    }

    .col--9of12, .col--3of12 {
        max-width: 100%;
    }

    .inner-page {
        max-width: unset;
    }
}