@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/thai.woff2) format("woff2");
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/cyrillic-500.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/cyrillic-ext-500.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/latin-400.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/latin-ext-400.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/vietnamese-400.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/latin-500.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/latin-ext-500.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/vietnamese-500.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/latin-700.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/latin-ext-700.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/vietnamese-700.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
.display-1 {
    font-family: Prompt, sans-serif;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 3.25rem;
    font-feature-settings: "liga" off, "kern" off;
}
@media only screen and (max-width: 1199px) {
    .display-1 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 2.25rem;
        line-height: 2.75rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
@media only screen and (max-width: 767px) {
    .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;
    }
}
.display-2 {
    font-family: Prompt, sans-serif;
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-feature-settings: "liga" off, "kern" off;
}
@media only screen and (max-width: 1199px) {
    .display-2 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1.75rem;
        line-height: 2.5rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
@media only screen and (max-width: 767px) {
    .display-2 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 2rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
.display-3 {
    font-family: Prompt, sans-serif;
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-feature-settings: "liga" off, "kern" off;
}
@media only screen and (max-width: 1199px) {
    .display-3 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 2rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
@media only screen and (max-width: 767px) {
    .display-3 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
.display-4 {
    font-family: Prompt, sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    font-feature-settings: "liga" off, "kern" off;
}
@media only screen and (max-width: 1199px) {
    .display-4 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
@media only screen and (max-width: 767px) {
    .display-4 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
.display-5 {
    font-family: Prompt, sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-feature-settings: "liga" off, "kern" off;
}
@media only screen and (max-width: 767px) {
    .display-5 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
.display-6 {
    font-family: Prompt, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    font-feature-settings: "liga" off, "kern" off;
}
@media only screen and (max-width: 1199px) {
    .display-6 {
        font-family: Prompt, sans-serif;
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-feature-settings: "liga" off, "kern" off;
    }
}
.title {
    font-weight: 500;
}
.subtitle-1 {
    font-size: 1.125rem;
}
@media only screen and (max-width: 1199px) {
    .subtitle-1 {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
.subtitle-2,
.caption {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.body-medium {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
}
.body-large {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0.15px;
}
@media only screen and (max-width: 1199px) {
    .body-large {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0.25px;
    }
}
.body-small {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.4px;
}
.button {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
}
.button-small {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 1199px) {
    .button-small {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0.5px;
    }
}
.label-large {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
}
.label-small {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 1199px) {
    .label-small {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0.5px;
    }
}
.label-small-bold {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 1199px) {
    .label-small-bold {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0.5px;
    }
}
.list-disk {
    list-style-type: disc;
    padding-left: 1.25rem;
}
.list-disk *::marker {
    color: #8a24f3;
}
.list-disk::marker {
    color: #8a24f3;
}
.list-disk-inner ul {
    list-style-type: disc;
    padding-left: 1.25rem;
}
.list-disk-inner ul *::marker {
    color: #8a24f3;
}
.list-disk-inner ul::marker {
    color: #8a24f3;
}
.landing-header {
    background: linear-gradient(270deg, rgba(218, 229, 240, 0.5) 0%, rgba(200, 200, 213, 0) 100%), linear-gradient(0deg, #f5f7f9, #f5f7f9);
}
@media only screen and (max-width: 1199px) {
    .landing-header {
        background: linear-gradient(360deg, rgba(218, 229, 240, 0.5) 0%, rgba(200, 200, 213, 0) 49.17%), #f5f7f9;
        height: auto;
    }
}
.landing-header__wrap {
    position: relative;
    justify-items: end;
}
@media only screen and (max-width: 1199px) {
    .landing-header__wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .landing-header__desc {
        text-align: center;
        width: 100%;
    }
    .landing-header__desc .error-text {
        text-align: left;
    }
}
@media only screen and (max-width: 767px) {
    .landing-header__desc {
        width: 100%;
    }
}
.landing-header__title {
    --tw-text-opacity: 1;
    color: rgb(41 42 51 / var(--tw-text-opacity));
    margin-bottom: 0.75rem;
}
@media only screen and (max-width: 1199px) {
    .landing-header__title {
        margin-bottom: 0.25rem;
    }
}
.landing-header__subtitle {
    --tw-text-opacity: 1;
    color: rgb(41 42 51 / var(--tw-text-opacity));
    margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1199px) {
    .landing-header__subtitle {
        width: 100%;
    }
}
.landing-header__text {
    color: #434d56;
    margin-bottom: 32px;
}
@media only screen and (max-width: 1199px) {
    .landing-header__text {
        margin-bottom: 40px;
    }
    .landing-header__text.is-expanding {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}
.landing-header__text.is-expanding {
    margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) {
    .landing-header__bottom-block {
        margin-bottom: 48px;
    }
}
@media only screen and (max-width: 1199px) {
    .landing-header__bottom-block {
        margin: 0 auto;
        width: auto;
    }
}
@media only screen and (max-width: 767px) {
    .landing-header__bottom-block {
        margin-bottom: 48px;
        padding: 0;
    }
}
.landing-header__img {
    bottom: 0;
    position: absolute;
    right: 0;
}
@media only screen and (max-width: 1199px) {
    .landing-header__img {
        margin: 85px auto 0;
        position: static;
    }
}
@media only screen and (max-width: 767px) {
    .landing-header__img {
        margin: 0 auto;
    }
}
.about-us__header .landing-header__title {
    margin-bottom: 12rem;
    --tw-text-opacity: 1;
    color: rgb(23 30 39 / var(--tw-text-opacity));
}
@media (max-width: 767px) {
    .about-us__header .landing-header__title {
        margin-bottom: 0;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (max-width: 1199px) {
    .about-us__header .landing-header__title {
        margin-bottom: 3rem;
    }
}
.about-us__title {
    grid-column: span 12 / span 12;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(23 30 39 / var(--tw-text-opacity));
}
.about-us__desc {
    grid-column: span 12 / span 12;
    padding-left: 12rem;
    padding-right: 12rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(41 42 51 / var(--tw-text-opacity));
}
@media (min-width: 1200px) {
    .about-us__desc {
        margin-bottom: 2.5rem;
    }
}
@media (max-width: 1199px) {
    .about-us__desc {
        margin-bottom: 2.5rem;
        padding-left: 7rem;
        padding-right: 7rem;
    }
}
@media (max-width: 767px) {
    .about-us__desc {
        margin-bottom: 1.25rem;
        padding-left: 0;
        padding-right: 0;
    }
}
.about-us__mission {
    margin-bottom: 6rem;
    padding-top: 1.25rem;
}
@media (max-width: 1199px) {
    .about-us__mission {
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .about-us__mission {
        margin-bottom: 2.5rem;
        padding-top: 0;
    }
}
.about-us__mission__img {
    grid-column: span 6 / span 6;
    display: flex;
    align-items: flex-end;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 249 / var(--tw-bg-opacity));
    padding-top: 1.75rem;
}
@media (max-width: 1199px) {
    .about-us__mission__img {
        order: 2;
        display: flex;
        justify-content: center;
        padding-top: 2rem;
    }
}
@media (max-width: 767px) {
    .about-us__mission__img {
        border-radius: 1rem;
        padding-top: 0;
    }
}
.about-us__mission__content {
    grid-column: span 6 / span 6;
    padding: 2rem 1.25rem;
}
@media (max-width: 1199px) {
    .about-us__mission__content {
        margin-bottom: 0.75rem;
        padding: 0;
    }
}
.about-us__achievements {
    grid-column: span 12 / span 12;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.25rem;
}
@media (max-width: 767px) {
    .about-us__achievements {
        flex-direction: column;
    }
}
.about-us__achievements__item {
    flex-shrink: 0;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.25rem 5rem 1.25rem 2rem;
    --tw-text-opacity: 1;
    color: rgb(23 30 39 / var(--tw-text-opacity));
    width: calc((100% - 2.5rem) / 3);
}
@media only screen and (max-width: 1199px) {
    .about-us__achievements__item {
        width: calc((100% - 1.25rem) / 2);
    }
}
@media only screen and (max-width: 767px) {
    .about-us__achievements__item {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .about-us__achievements__item__title {
        margin-top: 1.25rem;
        margin-bottom: 0.75rem;
    }
}
@media (max-width: 1199px) {
    .about-us__achievements__item__title {
        margin-top: 1.75rem;
        margin-bottom: 0.75rem;
    }
}
@media (max-width: 767px) {
    .about-us__achievements__item__title {
        margin-top: 1.25rem;
        margin-bottom: 0.75rem;
    }
}
.about-us__open-acc-btn {
    margin-top: 1.25rem;
}
@media (min-width: 1200px) {
    .about-us__open-acc-btn {
        display: inline-flex;
        width: 14rem;
    }
}
@media (max-width: 1199px) {
    .about-us__open-acc-btn {
        margin-top: 2.5rem;
        display: inline-flex;
        width: 14rem;
    }
}
.about-us__statistic {
    grid-column: span 12 / span 12;
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
}
@media (max-width: 1199px) {
    .about-us__statistic {
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media (max-width: 767px) {
    .about-us__statistic {
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (max-width: 1199px) {
    .about-us__statistic__teaser {
        width: calc((100% - 2.5rem) / 3);
    }
}
@media only screen and (max-width: 767px) {
    .about-us__statistic__teaser {
        width: 100%;
    }
}
.about-us__statistic__teaser__img {
    margin-bottom: 2rem;
    display: inline-block;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 249 / var(--tw-bg-opacity));
    padding: 0.625rem;
}
@media (max-width: 767px) {
    .about-us__statistic__teaser__img {
        margin-bottom: 0;
        flex-shrink: 0;
    }
}
.about-us__security-teaser {
    grid-column: span 4 / span 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(217 222 226 / var(--tw-border-opacity));
    padding-top: 2rem;
    padding-bottom: 1.75rem;
}
@media (max-width: 1199px) {
    .about-us__security-teaser {
        flex-direction: row;
        padding: 2.5rem 2rem 2rem;
    }
}
@media (max-width: 767px) {
    .about-us__security-teaser {
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
    }
}
.about-us__security-teaser {
    width: calc((100% - 2.5rem) / 3);
}
@media only screen and (max-width: 1199px) {
    .about-us__security-teaser {
        width: 100%;
    }
}
.about-us__security-teaser__content {
    text-align: center;
}
@media (max-width: 1199px) {
    .about-us__security-teaser__content {
        margin-left: 2rem;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .about-us__security-teaser__content {
        margin-left: 0;
        margin-top: 1.25rem;
        text-align: center;
    }
}
.about-us__awards-wrap {
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 249 / var(--tw-bg-opacity));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
@media (max-width: 1199px) {
    .about-us__awards-wrap {
        margin-bottom: 6rem;
    }
}
@media (max-width: 767px) {
    .about-us__awards-wrap {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 2.5rem;
        padding-top: 1.5rem;
    }
}
.about-us__awards:after {
    position: absolute;
    right: 0;
    height: 100%;
    width: 13rem;
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (max-width: 1199px) {
    .about-us__awards:after {
        display: none;
    }
}
.about-us__awards:after {
    content: "";
    background: linear-gradient(180deg, #f5f7f9 0%, rgba(245, 247, 249, 0) 100%);
    top: -0.625rem;
}
.about-us__awards__item {
    width: 21.875rem;
}
.about-us__awards__item:last-child .about-us__awards__line {
    display: none;
}
.about-us__awards__circle {
    margin-right: 0.25rem;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    border-width: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(138 36 243 / var(--tw-border-opacity));
}
