@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

@font-face {
    font-family: 'Bauziet';
    font-weight: 600;
    font-style: normal;
    src: url('/fonts/BauzietSemiBold.woff') format('woff');
    font-display: swap;
}


body {
    margin: 0;
}

.paint-filter {
    display: none;
}

.pad {
    padding-left: 1.67rem;
    padding-right: 1.67rem;
}

.pad2 {
    padding-left: 8.33rem;
    padding-right: 8.33rem;
}

.img-frame {
    flex-shrink: 0;
}

.img-frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.text-decor {
    display: inline-block;
}

.text-decor span {
    background: #e8efff;
}

.text-decor::before,
.text-decor::after {
    content: '';
    display: inline-block;
    background-image: url('/assets/images/icons/text-decor.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 0.36458rem;
    height: 2.65625rem;
}

.text-decor::before {
    margin-bottom: -0.5rem;
}

.text-decor::after {
    margin-bottom: -0.75rem;
    transform: rotate(180deg);
}

.btn {
    filter: url(#liquid-block-5);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    text-decoration: none;
    --size: 3rem;
    --font-size: 0.79rem;

    --icon-end: 15%;
    --icon-start: -10%;
    --icon-rotate: 45deg;
}

.btn .txt {
    font-family: 'Poppins';
    color: var(--color);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    flex-grow: 1;

    background: var(--bg);
    height: var(--size);

    padding: 0 1.25rem;
    border-radius: var(--size);

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    white-space: nowrap;
}

.btn .icon {
    will-change: transform;
    display: inline-block;
    width: var(--size);
    height: var(--size);
    border-radius: var(--size);

    background: var(--bg);
    position: relative;
    transition: transform .3s ease;
    transform-origin: center;
    transform: translateX(var(--icon-start));
    flex-shrink: 0;

}

.btn .icon::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 1.25rem;
    height: 1.25rem;

    mask-image: url('/assets/images/icons/link-arrow.svg');
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;

    background: var(--color);
}

.btn:hover .icon {
    transform: translateX(var(--icon-end)) rotate(var(--icon-rotate));
}

.btn.primary {
    --bg: #1969FF;
    --color: #fff;
}

.btn.secondary {
    --bg: #FFC72C;
    --color: #011635;
}

.has-icon-end {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--icon-pad, .75em);
}

.has-icon-end:after {
    content: "";
    background: var(--icon-src, var(--icon-color, #fff));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: var(--icon-size, 1.25em);
    mask-image: var(--icon);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transition: var(--icon-transition, none);
    width: var(--icon-size, 1.25em);
}

a.amprise-identity {
    color: var(--amprise-identity-color, inherit);
    font-family: var(--amprise-identity-font, inherit);
    font-size: var(--amprise-identity-font-size, inherit);
    font-style: var(--amprise-identity-font-style, inherit);
    font-weight: var(--amprise-identity-font-weight, inherit);
    text-decoration: none;
    white-space: nowrap;
}

a.amprise-identity>b {
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-weight: var(--amprise-identity-accent-weight, inherit);
    position: relative;
    text-decoration: none;
}

a.amprise-identity>b:after {
    background: var(--amprise-identity-accent-line-color, var(--amprise-identity-color, inherit));
    bottom: -.15em;
    content: "";
    height: .07em;
    left: 0;
    position: absolute;
    right: 0;
    transition: background .35s ease;
}

a.amprise-identity:hover>b::after {
    background: var(--amprise-identity-accent-line-hover-color, var(--amprise-identity-accent-line-color, var(--amprise-identity-color, inherit)));
}

.flex-col-str {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

@media (max-width: 1440px) {
    .pad2 {
        padding-left: 1.67rem;
        padding-right: 1.67rem;
    }
}

@media (max-width: 1024px) {
    .pad {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .pad2 {
        padding-left: 4.05rem;
        padding-right: 4.05rem;
    }

    .text-decor::before,
    .text-decor::after {
        width: 0.35rem;
        height: 2.15rem;
    }

    .btn {
        --size: 3.1rem;
        --font-size: 0.93rem;
    }

    .btn .txt {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media (max-width: 768px) {
    .pad {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .pad2 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .text-decor::before,
    .text-decor::after {
        width: 0.35rem;
        height: 1.95rem;
    }

    .btn {
        --size: 3.1rem;
        --font-size: 0.83rem;
    }
}

@media (max-width: 480px) {
    .pad {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .pad2 {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .text-decor::before,
    .text-decor::after {
        width: 0.3rem;
        height: 1.75rem;
    }

    .text-decor::before {
        margin-bottom: -0.3rem;
    }

    .text-decor::after {
        margin-bottom: -0.8rem;
    }

    .btn {
        --size: 3.1rem;
        --font-size: 0.85rem;
    }

    .btn .icon {
        display: none;
    }
}

section.docs-hero {
    padding-top: 1.5rem;
}

section.docs-hero .content {
    border-radius: 1.67rem;
    background: #F5F6F7;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-top: 3.75rem;
}

section.docs-hero .content::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: radial-gradient(#d5deed 0.1rem, transparent 0.1rem);
    background-size: 1rem 1rem;
    pointer-events: none;
    z-index: -1;
}

section.docs-hero .content>.img-frame {
     width: 20rem;
    height: 21.32rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

section.docs-hero .content .img-frame.left {
    left: 0rem;
    max-width: 30%;
}

section.docs-hero .content .img-frame.right {
    right: 0rem;
    max-width: 30%;
}

section.docs-hero .content .img-frame.mobile {
    display: none;
}

section.docs-hero .content .group {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.67rem;
    margin-bottom: 2.71rem;
    position: relative;
    z-index: 1;
}

section.docs-hero .content .group .img-frame {
    width: 5.20833rem;
    height: 5.20833rem;
}

section.docs-hero .content .group .title {
    color: #011635;
    text-align: center;
    font-family: 'Bauziet';
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: -0.00625rem;
    margin: 0;
    max-width: 55%;
}

section.docs-hero .content .group .subtitle {
    color: #011635;
    text-align: center;
    font-family: 'Poppins';
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
    margin: 0;
}

section.docs-hero .content .substract {
    padding: 1.67rem;
    padding-bottom: 0;
    border-radius: 3.2812rem;
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .83rem;
    width: fit-content;
    margin: 0 auto;
}

section.docs-hero .content .substract::before,
section.docs-hero .content .substract::after {
    content: '';
    bottom: -1px;
    mask-image: url('/assets/images/mask/substract.png');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: right bottom;

    position: absolute;
    background: #fff;

    width: 1.25rem;
    height: 2.08333rem;
}

section.docs-hero .content .substract::before {
    right: calc(-1px + 100%);
}

section.docs-hero .content .substract::after {
    left: calc(-1px + 100%);
    transform: scaleX(-1);
}

@media (max-width: 1024px) {
    section.docs-hero .content {
        border-radius: 1.6rem;
        padding-top: 3.8rem;
    }

    section.docs-hero .content>.img-frame {
        width: 15.01065rem;
        height: 16rem;
        top: 0;
        transform: none;
    }

    section.docs-hero .content .img-frame.left {
        left: 1.55rem;
    }

    section.docs-hero .content .img-frame.right {
        right: 1.31rem;
    }

    section.docs-hero .content .group {
        row-gap: 1.4rem;
        margin-bottom: 2.6rem;
    }

    section.docs-hero .content .group .img-frame {
        width: 4.6rem;
        height: 4.6rem;
    }

    section.docs-hero .content .group .title {
        font-size: 1.6rem;
    }

    section.docs-hero .content .group .subtitle {
        font-size: 0.7rem;
    }

    section.docs-hero .content .substract {
        padding: 1.6rem;
        padding-bottom: 0;
        gap: 0.8rem;
        border-top-left-radius: 3.15rem;
        border-top-right-radius: 3.15rem;
    }

    section.docs-hero .content .substract::before,
    section.docs-hero .content .substract::after {
        width: 1.35rem;
        height: 2.15rem;
    }
}

@media (max-width: 768px) {
    section.docs-hero .content {
        padding-top: 3.2rem;
    }

    section.docs-hero .content::before {
        background-size: 0.75rem 0.75rem;
    }

    section.docs-hero .content>.img-frame {
        width: 12.9936rem;
        height: 13.85rem;
        top: -0.5rem;
    }

    section.docs-hero .content .img-frame.left {
        left: 1.15rem;
    }

    section.docs-hero .content .img-frame.right {
        right: 0.38rem;
    }

    section.docs-hero .content .group {
        row-gap: 1.2rem;
        margin-bottom: 2.4rem;
    }

    section.docs-hero .content .group .img-frame {
        width: 4.4rem;
        height: 4.4rem;
    }

    section.docs-hero .content .group .title {
        font-size: 1.45rem;
    }

    section.docs-hero .content .group .subtitle {
        font-size: 0.7rem;
        max-width: 90%;
        margin: 0 auto;
    }

    section.docs-hero .content .substract {
        padding: 1.2rem;
        padding-bottom: 0;
    }

    section.docs-hero .content .substract::before,
    section.docs-hero .content .substract::after {
        width: 1.45rem;
        height: 2.3rem;
    }
}

@media (max-width: 650px) {
    section.docs-hero .content .substract {
        flex-direction: column;
        align-items: stretch;
        padding: 0.6rem;
        padding-bottom: 0;
        gap: 0.6rem;
        border-top-left-radius: 1.6rem;
        border-top-right-radius: 1.6rem;
    }

    section.docs-hero .content .substract::before,
    section.docs-hero .content .substract::after {
        width: 1rem;
        height: 1.35rem;
        mask-image: url('/assets/images/mask/substract-m.png');
    }
}

@media (max-width: 480px) {
    section.docs-hero {
        padding-top: 2rem;
    }

    section.docs-hero .content {
        padding-top: 5rem;
    }

    section.docs-hero .content>.img-frame {
        width: 14.81925rem;
        height: 7.98025rem;
        top: 0.65rem;
        left: 50%;
        transform: translateX(-50%);
    }

    section.docs-hero .content .img-frame.left,
    section.docs-hero .content .img-frame.right {
        display: none;
    }

    section.docs-hero .content .img-frame.mobile {
        display: block;
    }

    section.docs-hero .content .group {
        row-gap: 1rem;
        margin-bottom: 2.4rem;
    }

    section.docs-hero .content .group .title {
        font-size: 1.4rem;
        max-width: initial;
    }

    section.docs-hero .content .group .subtitle {
        font-size: 0.8rem;
    }
}


section.docs-main {
    padding-top: 6.25rem;
    padding-bottom: 4.42rem;
}

section.docs-main .content .section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.83rem;
}

section.docs-main .content .section-title .title {
    color: #011635;
    text-align: center;
    font-family: 'Bauziet';
    font-size: 1.5rem;
    line-height: 121%;
    letter-spacing: -0.00469rem;
    margin: 0;
}

section.docs-main .content .section-title .subtitle {
    color: #011635;
    text-align: center;
    font-family: 'Poppins';
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}

section.docs-main .content .anchor-wrapper {
    position: sticky;
    top: 5rem;
    z-index: 3;
    margin-bottom: -3.85rem;
}

section.docs-main .content .anchor-wrapper .anchor {
    display: flex;
    align-items: center;
    column-gap: 0.83rem;
    border-radius: 5.20833rem;
    background: #1969FF;
    padding: 0.625rem 0.83333rem 0.625rem 1.25rem;
    width: fit-content;
    margin: 0 auto;
}

section.docs-main .content .anchor-wrapper .anchor .text {
    color: #FFF;
    font-family: 'Poppins';
    font-size: 0.73rem;
    font-style: normal;
    font-weight: 500;
    line-height: 148%;
    white-space: nowrap;
}

section.docs-main .content .anchor-wrapper .anchor .group {
    display: flex;
    column-gap: 0.42rem;
}

section.docs-main .content .anchor-wrapper .anchor .group a {
    color: #011635;
    font-family: 'Poppins';
    font-size: 0.77rem;
    font-style: normal;
    font-weight: 500;
    line-height: 144%;
    padding: 0.54688rem 0.625rem;
    border-radius: 1.66667rem;
    background: #FFF;
    white-space: nowrap;
    text-decoration: none;
    transition: background 0.3s ease;
}

section.docs-main .content .anchor-wrapper .anchor .group a:hover {
    background: #EBECEF;
}

section.docs-main .content .block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 6.42rem;
    margin-top: 2.3rem;
}

section.docs-main .content .block .item {
    display: flex;
    column-gap: 1.25rem;
    position: relative;
}

section.docs-main .content .block .item .anchor-item {
    display: block;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10rem);
    position: absolute;
    left: 0;
    top: 0;
}

section.docs-main .content .block .item .name {
    flex-shrink: 0;
    position: relative;
    padding: 2.34rem 1.67rem 1.67rem 2.34rem;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: 1rem;
    min-height: 18.91667rem;
    max-width: 15.58333rem;
    height: fit-content;
    background: #FFC72C;
}

section.docs-main .content .block .item .name::before {
    content: '';
    mask-image: url('/assets/images/mask/card.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: right top;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 9.30583rem;
    height: 4.84375rem;
    background: #fff;
}

section.docs-main .content .block .item .name .img-frame {
    height: 6.97917rem;
}

section.docs-main .content .block .item .name .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.83rem;
}

section.docs-main .content .block .item .name .text .title {
    color: #011635;
    font-family: 'Bauziet';
    font-size: 1.5rem;
    line-height: 121%;
    letter-spacing: -0.00469rem;
    margin: 0;
}

section.docs-main .content .block .item .name .text .subtitle {
    color: #011635;
    font-family: 'Poppins';
    font-size: 0.94rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}

section.docs-main .content .block .item .data {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 2fr));
    flex-grow: 1;
    gap: 1.25rem;
}

section.docs-main .content .block .item .data .group {
    border-radius: 1.66667rem;
    padding: 1.66667rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 1.66667rem;
    background: #F5F6F7;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

section.docs-main .content .block .item .data .group::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: radial-gradient(#d5deed 0.1rem, transparent 0.1rem);
    background-size: 1rem 1rem;
    pointer-events: none;
    z-index: -1;
}

section.docs-main .content .block .item .data .group .title {
    color: #011635;
    font-family: 'Bauziet';
    font-size: 1.1rem;
    line-height: 100%;
    letter-spacing: -0.00365rem;
    margin: 0;
}

section.docs-main .content .block .item .data .group .title.text-decor::after,
section.docs-main .content .block .item .data .group .title.text-decor::before {
    width: 0.3125rem;
    height: 2.03125rem;
}

section.docs-main .content .block .item .data .group .title.text-decor::before {
    margin-bottom: -0.75rem;
    transform: translateY(-0.3rem);    
}

section.docs-main .content .block .item .data .group .title.text-decor::after {
    margin-bottom: -0.9rem;    
}

section.docs-main .content .block .item .data .group .list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

section.docs-main .content .block .item .data .group .list a {
    color: #011635;
    font-family: 'Poppins';
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: 0.62rem;
    padding: 0.83333rem;
    border-radius: 0.83333rem;
    background: #FFF;
    border: 0.185rem solid #F5F6F7;
}

section.docs-main .content .block .item .data .group .list a::before {
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('/assets/images/icons/doc.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
    opacity: 0.45;
    transition: opacity 0.3s ease;
}

section.docs-main .content .block .item .data .group .list a::after {
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('/assets/images/icons/link-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: auto;
    flex-shrink: 0;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

section.docs-main .content .block .item .data .group .list a:hover::before,
section.docs-main .content .block .item .data .group .list a:hover::after {
    opacity: 1;
}

@media (max-width: 1024px) {
    section.docs-main {
        padding-top: 5.2rem;
        padding-bottom: 2rem;
    }

    section.docs-main .content .section-title {
        row-gap: 0.8rem;
    }

    section.docs-main .content .section-title .title {
        font-size: 1.2rem;
    }

    section.docs-main .content .section-title .subtitle {
        font-size: 0.75rem;
    }

    section.docs-main .content .anchor-wrapper {
        border-radius: 5rem;
        margin-bottom: 0;
    }

    section.docs-main .content .anchor-wrapper .anchor {
        padding: 0.6rem 0.8rem 0.6rem 1.2rem;
        column-gap: 0.8rem;
    }

    section.docs-main .content .anchor-wrapper .anchor .group {
        column-gap: 0.6rem;
    }

    section.docs-main .content .anchor-wrapper .anchor .group a {
        font-size: 0.7rem;
        padding: 0.525rem 0.6rem;
        border-radius: 1.6rem;
    }

    section.docs-main .content .block {
        row-gap: 5rem;
        margin-top: 5rem;
    }

    section.docs-main .content .block .item {
        column-gap: 1rem;
    }

    section.docs-main .content .block .item .name {
        padding: 1.4rem 1rem 1rem 1.4rem;
        border-radius: 1.2rem;
        min-height: 15.25rem;
        max-width: 13.15rem;
    }

    section.docs-main .content .block .item .name::before {
        right: -2px;
    }

    section.docs-main .content .block .item .name .img-frame {
        height: 6rem;
    }

    section.docs-main .content .block .item .name .text {
        row-gap: 0.8rem;
    }

    section.docs-main .content .block .item .name .text .title {
        font-size: 1.2rem;
    }

    section.docs-main .content .block .item .name .text .subtitle {
        font-size: 0.7rem;
    }

    section.docs-main .content .block .item .data {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }

    section.docs-main .content .block .item .data .group {
        border-radius: 1.6rem;
        padding: 1rem;
        row-gap: 1rem;
    }

    section.docs-main .content .block .item .data .group .title {
        font-size: 1rem;
    }

    section.docs-main .content .block .item .data .group .list a {
        font-size: 0.7rem;
        column-gap: 0.6rem;
        padding: 0.8rem;
        border-radius: 0.8rem;
    }

    section.docs-main .content .block .item .data .group .list a::before,
    section.docs-main .content .block .item .data .group .list a::after {
        width: 1.2rem;
        height: 1.2rem;
    }
}

@media (max-width: 768px) {
    section.docs-main {
        padding-top: 4rem;
        padding-bottom: 0rem;
    }

    section.docs-main .content .section-title .title {
        font-size: 0.95rem;
    }

    section.docs-main .content .section-title .subtitle {
        font-size: 0.6rem;
    }

    section.docs-main .content .anchor-wrapper .anchor {
        padding: 0.4rem 0.6rem 0.4rem 0.8rem;
    }

    section.docs-main .content .anchor-wrapper .anchor .group {
        column-gap: 0.4rem;
    }

    section.docs-main .content .anchor-wrapper .anchor .group a {
        padding: 0.525rem 0.6rem;
    }

    section.docs-main .content .block {
        row-gap: 4rem;
        margin-top: 4rem;
    }

    section.docs-main .content .block .item {
        column-gap: 0.8rem;
    }

    section.docs-main .content .block .item .name {
        padding: 1.2rem 0.8rem 0.8rem 1.2rem;
        min-height: 13.15rem;
        max-width: 10.8rem;
    }

    section.docs-main .content .block .item .name::before {
        width: 6.30583rem;
        height: 3rem;
        top: -2px;
    }

    section.docs-main .content .block .item .name .img-frame {
        height: 5rem;
    }

    section.docs-main .content .block .item .name .text {
        row-gap: 0.7rem;
    }

    section.docs-main .content .block .item .name .text .title {
        font-size: 0.95rem;
    }

    section.docs-main .content .block .item .name .text .subtitle {
        font-size: 0.6rem;
    }

    section.docs-main .content .block .item .data {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    section.docs-main .content .block .item .data .group {
        padding: 1.2rem 0.8rem 0.8rem 0.8rem;
    }

    section.docs-main .content .block .item .data .group::before {
        background-size: 0.75rem 0.75rem;
    }

    section.docs-main .content .block .item .data .group .title {
        font-size: 0.79rem;
    }

    section.docs-main .content .block .item .data .group .title.text-decor::after,
    section.docs-main .content .block .item .data .group .title.text-decor::before {
        width: 0.35rem;
        height: 1.95rem;
    }
}

@media (max-width: 650px) {
    section.docs-main .content .block .item {
        flex-direction: column;
        align-items: stretch;
        row-gap: 2.5rem;
    }

    section.docs-main .content .block .item .name {
        min-height: initial;
        max-width: initial;
    }

    section.docs-main .content .block .item .name::before {
        width: 10.7479rem;
        height: 2.64685rem;
        right: -1px;
        top: -1px;
    }

    section.docs-main .content .anchor-wrapper {
        top: 3rem;
        margin: 0 -2rem 0rem;
        overflow-y: auto;
        border-radius: 0rem 0rem 1.6rem 1.6rem;
        background: #fff;
    }

    section.docs-main .content .anchor-wrapper .anchor {
        padding: 1rem 0.8rem .7rem;
        border-radius: 0;
        background: #fff;
    }

    section.docs-main .content .anchor-wrapper .anchor .text {
        display: none;
    }

    section.docs-main .content .anchor-wrapper .anchor .group {
        column-gap: 0.4rem;
    }

    section.docs-main .content .anchor-wrapper .anchor .group a {
        color: #fff;
        padding: 0.525rem 0.9rem;
        background: #1969FF;
    }

    section.docs-main .content .anchor-wrapper .anchor .group a:hover {
        background: #1969FF;
    }
}

@media (max-width: 480px) {
    section.docs-main {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    section.docs-main .content .section-title {
        row-gap: 0.8rem;
    }

    section.docs-main .content .section-title .title {
        font-size: 0.95rem;
    }

    section.docs-main .content .section-title .subtitle {
        font-size: 0.6rem;
    }

    section.docs-main .content .anchor-wrapper {
        margin: 0 -0.8rem -1rem;
    }

    section.docs-main .content .block {
        row-gap: 4rem;
        margin-top: 0.4rem;
    }

    section.docs-main .content .block .item {
        row-gap: 0.6rem;
    }

    section.docs-main .content .block .item .name {
        padding: 1.2rem 0.8rem 1.2rem 1.2rem;
        border-radius: 0.8rem;
        row-gap: 0.4rem;
    }

    section.docs-main .content .block .item .name::before {
        width: 10.7205rem;
        height: 3.44685rem;
        mask-image: url('/assets/images/mask/card-mob.svg');
    }

    section.docs-main .content .block .item .name .img-frame {
        height: 4.5rem;
    }

    section.docs-main .content .block .item .name .img-frame img {
        object-position: left;
    }

    section.docs-main .content .block .item .name .text {
        row-gap: 0.6rem;
    }

    section.docs-main .content .block .item .name .text .title {
        font-size: 0.95rem;
    }

    section.docs-main .content .block .item .name .text .subtitle {
        font-size: 0.7rem;
    }

    section.docs-main .content .block .item .data {
        gap: 0.6rem;
    }

    section.docs-main .content .block .item .data .group {
        padding: 1.2rem 0.8rem 0.8rem 0.8rem;
    }

    section.docs-main .content .block .item .data .group .title {
        font-size: 1rem;
    }

    section.docs-main .content .block .item .data .group .title.text-decor::after,
    section.docs-main .content .block .item .data .group .title.text-decor::before {
        width: 0.3rem;
        height: 1.6rem;
    }

    section.docs-main .content .block .item .data .group .title.text-decor::before {
        margin-bottom: -0.3rem;
        transform: none;
    }

    section.docs-main .content .block .item .data .group .title.text-decor::after {
        margin-bottom: -0.8rem;
    }
}



footer.footer .content .head {
    border-radius: 2.29rem;
    background: #090909;
    padding: 3rem 4rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    gap: 1.25rem;
}

footer.footer .content .head .img-frame.logo {
    width: 20rem;
    height: auto;
    margin-left: -0.75rem;
}

footer.footer .content .head .info {
    margin-bottom: 2rem;
}

footer.footer .content .head .info .text {
    color: #FFF;
    font-family: 'Bauziet';
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

footer.footer .content .head .links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4.58rem 4.43rem;
    height: fit-content;
    overflow: hidden;
}

footer.footer .content .head .links .pan {
    gap: 1.25rem;
    position: relative;
}

footer.footer .content .head .links .pan::after {
    content: '';
    position: absolute;
    right: -2.19rem;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #1E1E1E;
}

footer.footer .content .head .links .pan:nth-child(3n+3)::after {
    display: none;
}

footer.footer .content .head .links .pan:nth-child(3n+4)::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.29rem;
    width: 100rem;
    height: 1px;
    background: #1E1E1E;
}

footer.footer .content .head .links .pan:last-of-type::after {
    display: none;
}

footer.footer .content .head .links .pan>span {
    color: #fff;
    font-family: 'Poppins';
    font-size: 0.85rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: left;
}

footer.footer .content .head .links .pan .list {
    height: 100%;
    justify-content: space-between;
    gap: 1.25rem;
}

footer.footer .content .head .links .pan .list>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.62rem;
}

footer.footer .content .head .links .pan .list>div a {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    color: #C3C3C3;
    font-family: 'Poppins';
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    text-decoration: underline 1px rgba(255, 199, 44, 0);
    transition: text-decoration-color 0.3s, color 0.3s;
}

footer.footer .content .head .links .pan .list>div a:hover {
    color: #fff;
    text-decoration-color: rgba(255, 199, 44, 1);
}

footer.footer .content .head .links .pan .list>div a b {
    color: #FFF;
    font-size: 0.55rem;
    font-weight: 500;
    line-height: 142%;
    background: #1969FF;
    border-radius: 0.625rem;
    padding: 0.1rem 0.4rem;
    white-space: nowrap;
    text-decoration: underline 1px #1969FF;
}

footer.footer .content .head .links .pan .list .has-icon-end {
    color: #FFF;
    font-family: 'Poppins';
    font-size: 0.73rem;
    font-style: normal;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
    --icon-pad: 0.31rem;
    --icon-src: url('/assets/images/icons/arrow-up-line.svg');
    --icon-size: 1.15rem;
    padding: 0.1rem;
}

footer.footer .content .head .links .pan .list .has-icon-end:after {
    transition: transform 0.3s ease;
}

footer.footer .content .head .links .pan .list .has-icon-end:hover::after {
    transform: rotate(45deg);
}

footer.footer .content .foot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.67rem 6.67rem;
    column-gap: 0.75rem;
}

footer.footer .content .foot .links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .83rem;
}

footer.footer .content .foot .links a {
    color: #011635;
    font-size: 0.7rem;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
    text-decoration: underline 1px rgba(1, 22, 53, 0);
    transition: text-decoration-color 0.3s;
    white-space: nowrap;
}

footer.footer .content .foot .links a:hover {
    text-decoration-color: rgba(1, 22, 53, 1);
}

footer.footer .content .foot .links>i {
    display: inline-block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #011635;
}

footer.footer .content .foot .copy {
    color: #011635;
    font-family: 'Poppins';
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
}

footer.footer .content .foot a.amprise-identity {
    --amprise-identity-font: "Poppins";
    --amprise-identity-color: #011635;
    --amprise-identity-font-size: 0.72917rem;
    --amprise-identity-font-style: inherit;
    --amprise-identity-font-weight: 400;
    --amprise-identity-accent-weight: 400;
    --amprise-identity-accent-line-color: #C0C5CD;
    --amprise-identity-accent-line-hover-color: #011635;
}

footer.footer .content .foot a.amprise-identity>b:after {
    bottom: -0.5px;
    height: 1px;
}


@media (max-width: 1440px) {
    footer.footer .content .foot {
        padding: 1.67rem 2.5rem;
    }
}

@media (max-width: 1024px) {
    footer.footer .content .head {
        padding: 1.6rem 1.6rem 3rem;
        border-radius: 1.6rem;
        gap: 0.6rem;
    }

    footer.footer .content .head .img-frame.logo {
        width: 12.47145rem;
        height: 3.6rem;
        margin-left: -0.5rem;
    }

    footer.footer .content .head .info {
        margin-bottom: 2.4rem;
    }

    footer.footer .content .head .info .text {
        font-size: 0.95rem;
    }

    footer.footer .content .head .links {
        gap: 2.4rem 2.6rem;
    }

    footer.footer .content .head .links .pan {
        gap: 1.1rem;
    }

    footer.footer .content .head .links .pan::after {
        right: -1.2rem;
    }

    footer.footer .content .head .links .pan:nth-child(3n+4)::before {
        top: -1.3rem;
    }

    footer.footer .content .head .links .pan>span {
        font-size: 0.7rem;
    }

    footer.footer .content .head .links .pan .list {
        gap: 1.1rem;
    }

    footer.footer .content .head .links .pan .list>div {
        gap: 0.6rem;
    }

    footer.footer .content .head .links .pan .list>div a {
        font-size: 0.5rem;
        gap: 0.4rem;
    }

    footer.footer .content .head .links .pan .list>div a b {
        font-size: 0.45rem;
        border-radius: 0.6rem;
        padding: 0.1rem 0.3rem;
    }

    footer.footer .content .head .links .pan .list .has-icon-end {
        font-size: 0.8rem;
        padding: 0;
    }

    footer.footer .content .foot {
        padding: 1.2rem 0;
    }

    footer.footer .content .foot .copy {
        font-size: 0.65rem;
    }

    footer.footer .content .foot .links {
        gap: 0.4rem;
    }

    footer.footer .content .foot .links a {
        font-size: 0.7rem;
    }

    footer.footer .content .foot a.amprise-identity {
        --amprise-identity-font-size: 0.7rem
    }
}

@media (max-width: 768px) {
    footer.footer .content .head {
        padding: 1.6rem 0.8rem 1.2rem;
        gap: 0.8rem;
    }

    footer.footer .content .head .img-frame.logo {
        width: 10.04645rem;
        height: 2.9rem;
        margin-left: -0.25rem;
    }

    footer.footer .content .head .info {
        margin-bottom: 1.2rem;
    }

    footer.footer .content .head .links {
        gap: 1.6rem;
        grid-template-columns: 1fr;
        height: initial;
        overflow: visible;
    }

    footer.footer .content .head .links .pan {
        gap: 0;
    }

    footer.footer .content .head .links .pan:nth-child(3n+3)::after {
        display: block;
    }

    footer.footer .content .head .links .pan:nth-child(3n+4)::before {
        display: none;
    }

    footer.footer .content .head .links .pan:last-of-type::after {
        display: block;
    }

    footer.footer .content .head .links .pan::after {
        bottom: -0.8rem;
        height: 1px;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
    }

    footer.footer .content .head .links .pan>span {
        font-size: .73rem;
        position: relative;
    }

    footer.footer .content .head .links .pan>span::before,
    footer.footer .content .head .links .pan>span::after {
        will-change: transform;
        content: '';

        width: 1.2rem;
        height: 1.2rem;

        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        mask-image: url('/assets/images/icons/plus.svg');
        background: #fff;

        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: transform .5s ease;
    }

    footer.footer .content .head .links .pan>span::after {
        mask-image: url('/assets/images/icons/minus.svg');
    }

    footer.footer .content .head .links .pan.expand>span:before {
        transform: translateY(-50%) scale(0);
    }

    footer.footer .content .head .links .pan .list {
        gap: 0.8rem;
        overflow: hidden;
        transition: max-height .5s ease;
        max-height: var(--marker-h, none);
    }

    footer.footer .content .head .links .pan .list>div {
        margin-top: 1rem;
    }

    footer.footer .content .head .links .pan .list>div a {
        font-size: 0.67rem;
    }

    footer.footer .content .head .links .pan .list>div a b {
        font-size: 0.6rem;
    }

    footer.footer .content .head .links .pan .list .has-icon-end {
        background: #202020;
        border-radius: 1.6rem;
        font-size: 0.59rem;
        font-weight: 400;
        justify-content: center;
        padding: 1rem 0;
    }

    footer.footer .content .head .links .pan .list .has-icon-end::after {
        display: none;
    }

    footer.footer .content .foot {
        padding: 1.6rem 0;
        flex-direction: column;
        align-items: center;
        row-gap: 1.2rem;
    }

    footer.footer .content .foot .links {
        gap: 0.8rem;
        order: -1;
    }

    footer.footer .content .foot .copy {
        width: 100%;
        text-align: center;
        padding-bottom: 1.2rem;
        border-bottom: 1px solid #F4F6FA;
    }
}

@media (max-width: 480px) {
    footer.footer {
        padding: 0;
    }

    footer.footer .content .head {
        padding: 1.2rem 0.8rem 2.4rem;
        gap: 0.8rem;
    }

    footer.footer .content .head .img-frame.logo {
        width: 12.125rem;
        height: 3.5rem;
        margin: 0 auto;
    }

    footer.footer .content .head .info {
        margin: 0 auto 1.6rem;
    }

    footer.footer .content .head .info .text {
        text-align: center;
    }
}