@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-style: normal;
    font-display: optional;
}

:root {
    --font-header: Lexend;
    --font-paragraph: 'Source Sans Pro', sans-serif;
    --white: #f9f9f9;
    --offWhite: #bebebe;
    --blackColor: #222222;
    --current: #1b10be;
    --btnBackground: #f5f5ff;
    --walletItemColor: #11d482;
    --containerLargeWidth: 76rem;
    --containerLargeNav: 82rem;
    --containerSmallWidth: 48rem;
    --backgroundColorBlack: #141414;
    --heading1FontSize: 4.5rem;
    --heading1MobileFontSize: 2.5rem;
    --heading2FontSize: 3.813rem;
    --heading2MobileFontSize: 2.063rem;
    --heading3FontSize: 2.938rem;
    --heading3MobileFontSize: 1.438rem;
    --heading4FontSize: 2.25rem;
    --heading4MobileFontSize: 1.125rem;
    --heading5FontSize: 1.688rem;
    --heading5MobileFontSize: 1.313rem;
    --heading6FontSize: 1.312rem;
    --heading6MobileFontSize: 0.65rem;
    --heading7FontSize: 0.875rem;
    --headingTextSize27: 1.688rem;
    --headingTextSizeMobile: 1.125rem;
    --paragraph24: 1.5rem;
    --paragraph24Mobile: 1.063rem;
    --paragraph18: 1.125rem;
    --paragraph18Mobile: 0.875rem;
    --paragraph16: 1rem;
    --paragraph16Mobile: 0.75rem;
    --paragraph14: 0.875rem;
    --paragraph14Mobile: 0.625rem;
    --themeBlueBackgroundColor: #00bc82;
    --themeMainGreenBackgroundColor: #00bc82;
    --themeGreenBackgroundColor: #1e534d;
    --themeLightGreenBackgroundColor: #6dff17;
    --labelLime: #ADFF00;
    --labelLimeHover: #CEF953;
    --purpleBackgroundColor: #8366F4;
    --cardText: 1.5rem;
    --cardTextMobile: 0.875rem;
    --animate-duration: 800ms;
    --animate-delay: 0.9s;
}

/* This changes all the animations globally */

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
}

body {
    font-family: var(--font-paragraph) !important;
    font-style: normal;
    color: var(--blackColor);
    font-size: 0.8rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
}

/*SCROLLBAR*/
::-webkit-scrollbar {
    height: 0.375rem;
    width: 0.375rem;
    background: var(--white);
}

::-webkit-scrollbar-thumb {
    background: #141414;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0 0.063rem 0.125rem rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: var(--white);
}

.pages {
    overflow: clip;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-header) !important;
    font-size: 4.125rem;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -3px;
    text-transform: capitalize;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-header) !important;
    ;
    font-size: var(--heading2FontSize);
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -3px;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-header) !important;
    ;
    font-size: var(--heading3FontSize);
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -2px;
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-header) !important;
    ;
    color: var(--blackColor);
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -1px;
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-header) !important;
    ;
    font-size: 1.625rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -1px;
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-header) !important;
    ;
    font-size: 1.3rem;
    line-height: 1.5;
    font-weight: 500;
}

p {
    margin-bottom: 0;
    font-weight: 400;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.5rem;
}

li {
    margin-bottom: 0.25rem;
}

img {
    display: inline-block;
    max-width: 100%;
}

label {
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.nav_download-item {
    cursor: pointer;
}

.w-nav-button {
    display: none;
}

.w-nav-button:focus {
    outline: 0;
}


.margin-bottom {
    margin-top: 0.25rem;
}

.padding-xlarge {
    padding: 4rem;
}

.margin-xsmall {
    margin: 0.5rem;
}

.margin-auto {
    margin: auto;
}

.margin-auto-top {
    margin: auto auto 0 auto;
}

.padding-xhuge {
    padding: 8rem;
}

.margin-custom1 {
    margin: 1.5rem;
}

.padding-0 {
    padding: 0;
}

.padding-xxhuge {
    padding: 12rem;
}

.padding-huge {
    padding: 6rem;
}

.margin-large {
    margin: 2rem;
}

.margin-bottom-auto {
    margin: 0 auto 2rem auto;
    text-align: -webkit-center;
}

.padding-xxlarge {
    padding: 5rem;
}

.margin-xxsmall {
    margin: 0.25rem;
}

.padding-custom3 {
    padding: 3.5rem;
}

.padding-large {
    padding: 0 3rem 0 3rem;
}

.padding-large.background-color-white.is-rounded {
    border-radius: 1rem;
}

.margin-tiny {
    margin: 0.125rem;
}

.padding-small {
    padding: 1rem;
}

.padding-custom2 {
    padding: 2.5rem;
}

.margin-custom3 {
    margin: 3.5rem;
}

.padding-custom1 {
    padding: 1.5rem;
}

.margin-huge {
    margin: 6rem;
}

.margin-xlarge {
    margin: 4rem;
}

.padding-medium {
    padding: 2rem;
}

.padding-xsmall {
    padding: 0.5rem;
}

.margin-null {
    margin: 0 !important;
}

.margin-xxlarge {
    margin: 5rem;
}

.padding-xxsmall {
    padding: 0.25rem;
}

.margin-xhuge {
    margin: 8rem;
}

.padding-tiny {
    padding: 0.125rem;
}

.margin-small {
    margin: 1rem;
}

.margin-medium {
    margin: 2rem;
}

.margin-xxhuge {
    margin: 14rem;
}

.margin-0 {
    margin: 0;
}

.margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
}

.margin-vertical {
    margin-right: 0;
    margin-left: 0;
}

.margin-bottom {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.margin-bottom-large {
    margin-bottom: 5rem !important;
}

.padding-left {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.padding-vertical {
    padding-right: 0;
    padding-left: 0;
}

.padding-horizontal {
    padding-top: 4rem;
    padding-left: 2rem;
}

.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.margin-right-small {
    margin-right: 2rem;
}

.margin-left-small {
    margin-left: 2rem;
}

.margin-left-xsmall {
    margin-left: 1rem;
}

.margin-left-xxsmall {
    margin-left: 0.5rem;
}

.margin-top {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.margin-top-token-page {
    margin-top: 5rem;
}

.margin-top-medium {
    margin-top: 4.375rem;
}

.margin-top-small {
    margin-top: 2rem;
}

.margin-top-xsmall {
    margin-top: 1rem;
}

.margin-top-xxsmall {
    margin-top: 0.6rem;
}

.margin-bottom-small {
    margin-bottom: 2.5rem;
}

.margin-bottom-xsmall {
    margin-bottom: 1rem;
}

.margin-top-large {
    margin-top: 10rem !important;
}

.margin-left {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.padding-bottom {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}

.padding-bottom-small {
    padding-bottom: 2rem;
}

.padding-top-small {
    padding-top: 2rem;
}

.padding-top {
    padding-top: 5rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

.padding-top-bottom {
    padding: 5rem 0;
}

.padding-crawl-wrapper {
    padding: 2.5rem 0 5rem 0;
}

.padding-bottom-top {
    padding: 0 0 5rem 0;
}

.form_checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem;
    padding-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon-1x1-small {
    width: 1.4rem;
    height: 1.4rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.overflow-auto {
    overflow: auto;
}

.spacing-clean {
    margin: 0;
    padding: 0;
}

.icon-1x1-large {
    width: 2.5rem;
    height: 2.5rem;
}

.z-index-2 {
    position: relative;
    z-index: 2;
}

.text-weight-semibold {
    font-weight: 600;
}

.text-style-strikethrough {
    text-decoration: line-through;
}

.max-width-full {
    width: 100%;
    max-width: none;
}

.background-color-black {
    background-color: var(--backgroundColorBlack) !important;
    color: #f5f5f5;
}

.background-color-blue {
    background-color: var(--themeMainGreenBackgroundColor) !important;
    color: #f5f5f5 !important;
}

.background-color-green {
    background-color: var(--themeGreenBackgroundColor) !important;
    color: #f5f5f5 !important;
}

.background-color-light-green {
    background-color: var(--themeGreenBackgroundColor) !important;
    /*color: #f5f5f5 !important;*/
}

a.background-color-blue:focus {
    background-color: rgba(52, 24, 216, 0.4) !important;
}

span.background-color-blue:hover {
    background-color: rgba(52, 24, 216, 0.4) !important;
}

.background-color-off-blue {
    background-color: rgba(235, 232, 252, 0.16) !important;
    color: var(--white) !important;
}

.background-color-off-white {
    background-color: #F5F5fa;
}

.background-color-off-pink {
    background-color: #EBE8FC;
}

.background-color-off-green {
    background-color: #1B242C !important;
}


.becomePartner {
    position: relative;
    border-top: 0.063rem solid #e0e5e9;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    background-image: url("../images/partners/superhero-backgroundfull_1920-1311.png");
}

.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled {
    opacity: 0.5 !important;
}

.formLabel {
    font-weight: 600;
    color: var(--white);
    font-size: 1.5rem;
    font-family: var(--font-header) !important;
    ;
}

.formInput {
    align-items: center !important;
    width: 100% !important;
    background: rgba(235, 232, 252, 0.16) !important;
    border-radius: 1rem !important;
    border: none !important;
    outline: none;
    color: var(--white) !important;
}

.form-control:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.063rem #1976D2 !important;
}

.formPartner {
    margin-top: 2rem !important;
}

.formPartner>label>span {
    color: var(--white);
    font-weight: 400;
}

.formBtn {
    background-color: var(--purpleBackgroundColor) !important;
    color: var(--white) !important;
    font-weight: 600 !important;
    width: 14.375rem !important;
    height: 3.125rem !important;
    display: flex;
    font-size: 1.25rem !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 1.5rem !important;
    gap: 0.625rem;
    border-radius: 0.5rem;
}

.paragraph24 {
    font-size: var(--paragraph24);
    font-weight: 400 !important;
    text-align: center;
    line-height: 150%;
    font-family: var(--font-paragraph) !important;
    letter-spacing: -0.025em;
}

.paragraph24-left {
    font-size: var(--paragraph24);
    font-weight: 400 !important;
    text-align: left;
    line-height: 150%;
    font-family: var(--font-paragraph) !important;
    letter-spacing: -0.025em;
}

.paragraph18 {
    font-size: var(--paragraph18) !important;
    font-weight: 400 !important;
    line-height: 150%;
    letter-spacing: -0.01em;
    font-family: var(--font-paragraph) !important;
}

.paragraph16 {
    font-size: var(--paragraph16) !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em;
    line-height: 145%;
    font-family: var(--font-paragraph) !important;
}


.paragraph14 {
    font-size: var(--paragraph14) !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em;
    line-height: 150%;
    font-family: var(--font-paragraph) !important;
}

.formBtn:hover {
    opacity: 0.8;
    outline: none !important;
}

.formBtn:focus {
    opacity: 1.8;
    outline: none !important;
}

.formInput:hover {
    border-color: red !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 3.125rem var(--purpleBackgroundColor) inset !important;
    -webkit-text-fill-color: var(--white);
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 3.125rem var(--purpleBackgroundColor) inset !important;
    -webkit-text-fill-color: var(--white);
}

input:focus {
    background-position: 0 0;
}

.formInput>div input {
    border: 0 transparent !important;
    color: var(--white) !important;
}

.formInput>div fieldset {
    background-color: transparent !important;
}

.formInput>div {
    border: 0 transparent !important;
    border-radius: 1rem !important;
}

.rs-checkbox-checker {
    margin-left: 0.125rem;
}

.MuiFormControlLabel-label {
    color: var(--white) !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.formCheckbox .rs-checkbox-inner:before {
    background-color: transparent !important;
    border: 0.063rem solid var(--themeMainGreenBackgroundColor) !important;
}

.formInputMultiLine {
    height: 12.5rem !important;
}

.form-check-label {
    color: var(--white);
}

.message>div {
    height: 12.5rem !important;
    border: 0 solid transparent !important;
    border-radius: 1rem !important;
}

.message>div>textarea {
    color: var(--white) !important;
}


.formInput>div:hover {
    border: 0 transparent !important;
}

.formInput>div:focus:focus-visible {
    border: 0 transparent !important;
}

.formInput>div:focus-visible {
    border: 0 transparent !important;
}

.formInput>div:active {
    border: 0 transparent !important;
}

.formInput>div input:focus {
    border: none !important;
}

.formInput label {
    font-weight: 400;
    font-size: 1rem;
    color: var(--white);
    opacity: 0.5;
}

.formInput label:focus {
    color: red !important;
    border: none;
}

.formInput input:hover {
    border: none !important;
}

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

.text-color-black {
    color: #000 !important;
}

.text-color-grey {
    color: #F5F5fa;
}

.form_message-success {
    padding: 1.25rem;
}

.heading-style-h3 {
    font-family: var(--font-header) !important;
    ;
    font-size: var(--heading3FontSize);
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -1px;
    color: var(--blackColor);
}

.w_nav-overlay {
    top: 10%;
    left: 0;
    right: 0;
    width: 100%;
}

.text-rich-text h1 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.text-rich-text h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.text-rich-text h3 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.text-rich-text h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.text-rich-text h5 {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}

.text-rich-text h6 {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}

.text-rich-text p {
    margin-bottom: 1rem;
}

.text-rich-text ul {
    margin-bottom: 1.5rem;
}

.text-rich-text ol {
    margin-bottom: 1.5rem;
}

.container-small {
    width: 100%;
    max-width: var(--containerSmallWidth);
    margin-right: auto;
    margin-left: auto;
}

.icon-height-small {
    height: 1rem;
}

.icon-1x1-medium {
    width: 2rem;
    height: 2rem;
}

.paragraph-style {
    font-size: 1.2rem;
}

.heading-style-h1 {
    font-size: var(--heading1FontSize);
    line-height: 1.1;
    font-weight: 600;
    font-family: Lexend, sans-serif !important;
    color: #000000 !important;
}

.padding-global {
    padding: 5rem 2.5rem;
    height: 100%;
    display: grid;
}

.padding-global-top {
    padding: 0 2.5rem 5rem 2.5rem;
    height: 100%;
    display: grid;
}

.padding-global-large {
    padding: 10rem 5rem;
    height: 100%;
    display: grid;
}

.padding-global-small {
    padding: 2.5rem 2.5rem;
    height: 100%;
    display: grid;
}

.padding-global-top-bottom {
    padding: 2.5rem 0rem;
    height: 100%;
    display: grid;
}

.padding-global-sides {
    padding: 0 2.5rem;
    height: 100%;
    display: grid;
}

.padding-global-sides-wallet {
    padding: 0 2.5rem;
    height: 100%;
    display: grid;
}

.padding-global-top-sides {
    padding: 5rem 2rem 0 2rem;
}

.padding-global-bottom-sides {
    padding: 0 2rem 5rem 2rem;
}

.padding-global.background-color-grey {
    background-color: transparent;
}

.text-weight-normal {
    font-weight: 400;
    font-size: 23px;
    color: #141414;
    margin: auto auto 3rem auto;
}

.text-weight-small {
    font-weight: 400;
    font-size: 1rem;
    color: #141414;
    margin: auto;
}

.text-weight-xsmall {
    font-weight: 600 !important;
    font-size: 0.875rem !important;
}

.font-header {
    font-family: var(--font-header) !important;
}

.font-paragraph {
    font-family: var(--font-paragraph) !important;
}

.padding-right-small {
    padding-right: 2rem;
}

.is-footer {
    padding-top: 2rem;
}

.max-width-small {
    width: 100%;
    max-width: 20rem;
}

.max-width-text-600 {
    max-width: 600px;
}

.text-color-white {
    color: var(--white);
}

.text-style-italic {
    font-style: italic;
}

.text-weight-medium {
    font-weight: 500;
}

.overflow-hidden {
    overflow: hidden;
}

.text-size-tiny {
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.text-size-tiny.text-color-black.price {
    color: var(--current);
    font-weight: 600;
}

.text-size-tiny.price {
    font-weight: 600;
    text-decoration: none;
}


.overflow-visible {
    overflow: visible;
}

.text-weight-light {
    font-weight: 300;
}

.max-width-xsmall {
    width: 100%;
    max-width: 16rem;
}

.text-size-regular {
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.text-weight-xbold {
    font-weight: 800;
}

.text-align-right {
    text-align: right;
}

.text-weight-bold {
    font-weight: 700;
}

.max-width-medium {
    width: 100%;
    max-width: 34rem;
    margin: 0 0 2rem 0;
    align-self: center;
}

.max-width-medium-cta {
    width: 100%;
    max-width: 50rem;
    margin: 0 0 2rem 0;
    align-self: center;
}


.max-width-large {
    width: 100%;
    max-width: 48rem;
    font-weight: 400;
}

.max-width-slarge {
    width: 100%;
    max-width: 60rem;
    font-weight: 400;
}

.background-color-white {
    background-color: #fff;
}

.text-style-muted {
    opacity: 0.6;
}

.text-size-small {
    font-size: 0.9rem;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.heading-style-h4 {
    font-size: var(--heading4FontSize);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.max-width-xlarge {
    width: 100%;
    max-width: 64rem;
}

.form_radio-icon {
    width: 0.875rem;
    height: 0.875rem;
    margin-top: 0;
    margin-right: 0.5rem;
    margin-left: 0;
}

.form_radio-icon.w--redirected-checked {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.25rem;
}

.form_radio-icon.w--redirected-focus {
    width: 0.875rem;
    height: 0.875rem;
    box-shadow: 0 0 0.25rem 0 #3898ec;
}

.text-style-nowrap {
    white-space: nowrap;
}

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

.background-color-grey {
    background-color: #e4e7eb;
}

.form_input {
    min-height: 3rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 1rem;
    background-color: transparent;
}

.form_input.is-text-area {
    min-height: 8rem;
    padding-top: 0.75rem;
}

.heading-style-h6 {
    font-size: 1.312rem;
    font-family: var(--font-header) !important;
    ;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0;
}

.heading-style-h7 {
    font-size: var(--heading7FontSize);
}

.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.dding-section-large-slide {
    padding-top: 0;
}

.padding-section-large.is-cta-section {
    padding: 1rem 0 0 4rem !important;
    display: flex;
    background-color: #00cb87;
    border-radius: 2rem;
}

.padding-section-large.no-padding-bottom {
    padding-bottom: 0;
}

.text-style-link {
    text-decoration: none;
    color: var(--themeMainGreenBackgroundColor) !important;
    cursor: pointer;
    padding: 0;
}


.text-style-link.is-green {
    color: var(--walletItemColor);
}

.is-lime {
    color: var(--labelLime) !important;
}

.is-turk {
    color: #00c583 !important;
}

.is-lime-background {
    background-color: var(--labelLime) !important;
    padding: 0 1rem !important;
    text-decoration: underline;
}

.text-size-xlarge {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}

.text-size-large {
    font-size: var(--paragraph24);
    font-weight: 400;
    line-height: 1.5;
}

.heading-style-h2 {
    font-size: var(--heading2FontSize);
    text-decoration: none !important;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-top: 1.25rem;
}

.heading-style-h2-no-margin {
    font-size: var(--heading2FontSize);
    text-decoration: none !important;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
}

.hero-image-wallet {
    position: relative;
    left: 0;
    top: auto;
    right: 0;
    bottom: 39%;
    width: 100%;
    height: 100%;
    max-height: 48vh;
    background-image: url("../images/wallet/wallet_hero_uncut.webp");
    background-position: 50% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.hero-wallet {
    min-height: 110vh;
    background-color: #f9f9f9;
}

.wallet-header {
    font-size: 2.5rem;
    height: 5rem;
}

.wallet-text {
    height: 9.375rem;
}

.page-wrapper.overflow-hidden {
    position: relative;
}

.heading-style-h5 {
    font-size: var(--heading5FontSize);
    line-height: 1.5;
    letter-spacing: -1px !important;
    font-weight: 600;
}

.container-large {
    width: 100%;
    height: 100%;
    max-width: var(--containerLargeWidth);
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.container-large-nav {
    width: 100%;
    height: 100%;
    max-width: var(--containerLargeNav);
    display: grid;
    padding: 0 1rem;
    margin-right: auto;
    margin-left: auto;
}

.container-hero {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "head head2"
        "bottom bottom";
    display: inline-grid;
    max-width: var(--containerLargeWidth);
    width: 100%;
    height: 100vh;
    margin: auto;
}

.icon-height-medium {
    height: 2rem;
}

.text-style-allcaps {
    text-transform: uppercase;
}

.overflow-scroll {
    overflow: scroll;
}

.form_message-error {
    margin-top: 0.75rem;
    padding: 0.75rem;
}

.icon-height-large {
    height: 3rem;
}

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

.text-desktop-mobile {
    text-align: center;
}

.form_component {
    margin-bottom: 0;
}

.max-width-xxsmall {
    width: 100%;
    max-width: 12rem;
}

.layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.text-style-quote {
    margin-bottom: 0;
    padding: 0 1.25rem;
    border-left: 0.25rem solid #e2e2e2;
    font-size: 1.25rem;
    line-height: 1.5;
}

.align-center {
    margin-right: auto;
    margin-left: auto;
}

.button {
    padding: 0.6rem 1.4rem;
    border-radius: 0.5rem;
    width: fit-content;
    background-color: var(--btnBackground);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: var(--current);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.button:hover {
    text-decoration: none;
    outline: none;
}

.button:focus {
    text-decoration: none;
    outline: none;
}

.button-store {
    padding: 0;
    border-radius: 6.25rem;
    width: 100%;
    max-width: 600px;
    height: fit-content;
    background-color: var(--btnBackground);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: var(--current);
    font-weight: 600;
    text-align: center;
    cursor: default;
    text-decoration: none;
}

.button-store:hover {
    opacity: 0.82;
}

.button-store:focus {
    opacity: 1;
}

.button-store-footer {
    background: transparent;
    padding: 0;
}

.button-store-footer:hover {
    opacity: 0.84;
}

.button-store-footer:focus {
    opacity: 1;
}

.button-store-footer>a {
    width: 100%;
    height: 55px;
    display: flex;
}

.button-store-footer>a>img {
    object-fit: cover;
    background-size: cover;
    width: 100%;
    min-width: 170px;
    height: 100%;
    border-radius: 6.25rem;
}

.button-store-footer-qr>img {
    object-fit: cover;
    background-size: cover;
    width: 100%;
    height: 43px;
    border-radius: 6.25rem;
    min-width: 170px;
}

.button-store-footer-qr {
    object-fit: cover;
    width: 100%;
    padding: 0;
    background-size: cover;
    height: 100%;
    border-radius: 6.25rem;
}

.button-store-footer-qr:hover {
    opacity: 0.84;
}

.button-store-footer-qr:focus {
    opacity: 1;
}

.button-transparent {
    padding: 0.6rem 1.4rem;
    border-radius: 0.5rem;
    background-color: transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: var(--current);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.button.background-color-blue,
.is-middle {
    padding: 0.4rem 2rem;
    border-radius: 0.375rem;
    font-size: 0.925rem;
}

.is-text {
    border: 0.125rem solid transparent;
    background-color: transparent;
    color: #000;
}

.opacity {
    opacity: 0.6;
}

.is-small {
    padding: 0.4rem 1.15rem;
    border-radius: 0.375rem;
    font-size: 0.925rem;
}

.is-large {
    padding: 0.8rem 1.8rem;
    border-radius: 0.625rem;
    font-size: 1.2rem;
}

.is-secondary {
    border: 0.063rem solid #8888fc;
    background-color: transparent;
    color: #000;
    padding: 0.063rem 5px 0.063rem 5px !important;
}

.is-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-decoration: none;
}

.is-link {
    color: var(--themeMainGreenBackgroundColor);
}

.is-link {
    padding: 1rem 0;
    background-color: transparent;
    text-decoration: none;
}

.is-secondary {
    color: var(--current);
    text-decoration: none;
}

.is-secondary.gray {
    border-color: #d4d7da;
    color: #323f4b;
}

.is-large.with-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-decoration: none;
}

.social-tokenomics {
    display: flex;
}

.social-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.social-link:hover {
    opacity: 0.62;
}

.is-store {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    background-color: var(--backgroundColorBlack);
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.is-store>img {
    object-fit: cover;
}

.is-store-cta {
    height: auto !important;
    background-color: var(--labelLime);
    padding: 0 !important;
}

.is-store-cta>img {
    width: 170px;
}

.is-store:hover {
    opacity: 0.9;
}

.is-store.max-width-full-mobile-portrait {
    padding-right: 1rem;
    padding-left: 1rem;
}

.is-store-footer {
    height: 42px;
    width: 150px;
    background-color: var(--backgroundColorBlack);
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.is-store-footer>img {
    object-fit: cover;
}

.is-store-footer.google {
    background-size: cover;
    background-position-y: center;
}

.is-store-footer.google:hover {
    opacity: 0.82;
}

.is-store-footer.apple {
    background-size: cover;
    background-position-y: center;
}

.is-store-footer.apple:hover {
    opacity: 0.82;
}

.is-store-footer.apple>img {
    height: 37px !important;
}

.is-qr-footer {
    align-items: flex-start;
    display: flex;
    padding: 0.625rem !important;
    border: 0.063rem solid #303D48;
    border-radius: 0.5rem;
    background-color: transparent;
    width: 43px;
    height: 43px;
    box-sizing: border-box;
}

.is-qr-cta {
    width: 141px;
    height: 141px;
    position: absolute;
    padding: 0.5rem !important;
    right: 36px;
    bottom: 1.25rem;
    background: #f9f9f9;
    border: 0.063rem solid rgba(48, 61, 72, 0.24);
    border-radius: 0.625rem;
}

.is-qr-hero {
    height: 73px;
    padding: 1.375rem 2.5rem !important;
    background: var(--backgroundColorBlack);
    border: 0.063rem solid rgba(48, 61, 72, 0.24);
    border-radius: 0.375rem;
    position: relative;
}

.is-qr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0.6rem;
    border-style: solid;
    border-width: 0.063rem;
    border-color: #d9d9df;
    border-radius: 0.375rem;
    color: var(--backgroundColorBlack);
    text-decoration: none;
    max-width: 115px;
    align-self: stretch;
    position: inherit;
    right: 1%;
    bottom: 3%;
    cursor: default !important;
}

.is-cta-google {
    background-image: url("../images/common/DW-Google-Lime.svg");
    background-size: cover;
    background-position-y: center;
    width: 12.5rem;
    height: 73px;
    border-radius: 0.5rem;
}

.is-cta-google:hover {
    opacity: 0.82;
}

.is-cta-google:focus {
    opacity: 1;
}


.is-cta-apple {
    background-image: url("../images/common/DW-Apple-Lime.svg");
    background-size: cover;
    background-position-y: center;
    width: 12.5rem;
    height: 73px;
    border-radius: 0.5rem;
}

.is-cta-apple:hover {
    opacity: 0.82;
}

.is-cta-apple:focus {
    opacity: 0.82;
}

.is-store-google {
    background-image: url("../images/common/DW-Google.svg");
    background-size: cover;
    background-position-y: center;
    width: 12.5rem;
    height: 73px;
    border-radius: 0.5rem;
}

.is-store-google:hover {
    opacity: 0.82;
}

.is-store-google:focus {
    opacity: 1;
}

.is-store-apple {
    background-image: url("../images/common/DW-Apple.svg");
    background-size: cover;
    background-position-y: center;
    width: 12.5rem;
    height: 73px;
    border-radius: 0.5rem;
}

.is-store-apple:hover {
    opacity: 0.82;
}

.is-store-apple:focus {
    opacity: 1;
}

a {
    text-decoration: none !important;
    outline: none;
}

a:focus {
    outline: none;
    text-decoration: none;
    opacity: 0.8;
}

.button-blue {
    background-color: var(--themeMainGreenBackgroundColor) !important;
    font-weight: 600 !important;
    border-radius: 1rem;
}

.button-blue:hover {
    opacity: 0.8;
}

.button-lime:hover {
    background-color: var(--labelLimeHover);
}

.button-lime:hover {
    background-color: var(--labelLimeHover);
}

.text-size-medium {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.button-group-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
    flex: 1 3;
    max-width: 600px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: start;
    grid-column-gap: 0.6rem;
    grid-row-gap: 1rem;
}

.button-group-hero-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 600px;
    margin: 2rem auto;
    z-index: 10;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0.6rem;
    grid-row-gap: 1rem;
}



.button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0.6rem;
    grid-row-gap: 1rem;
}

.button-group-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0.6rem;
    grid-row-gap: 1rem;
}

.button-group-store-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    align-items: center;
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
}

.button-group.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.hide {
    display: none !important;
}

.padding-section-medium {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.container-medium {
    width: 100%;
    max-width: 64rem;
    margin-right: auto;
    margin-left: auto;
}

.form_radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem;
    padding-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-message_content-grid {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.home-message_component {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    padding: 3rem;
    color: #fff;
}

.home-message_list {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.home-message_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
}

.home-message_heading-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

.home-message_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}

.home-message_item-icon {
    width: 1.75rem;
    height: 1.75rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
    color: #000;
}

.home-message_logo {
    width: 4rem;
}


.nav_brandlink {
    -webkit-align-self: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.nav_link {
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-size: 0.9rem;
    font-weight: 600;
}

.nav_link:hover {
    color: var(--current);
}

.nav_link.w--current {
    color: var(--current);
}

.nav_left-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
}

.fixed {
    position: fixed !important;
}

.nav_bar {
    position: fixed !important;
    z-index: 99;
    margin-top: 1.5rem;
    top: 0;
    width: 100%;
    background-color: transparent !important;
}

.nav_center-wrapper {
    display: flex;
    align-self: center;
}

.nav_right-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    align-self: center;
}

.nav_full-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.5rem;
    padding-right: 1.2rem;
    z-index: 999;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0.375rem;
    background-color: var(--white);
    box-shadow: 0.063rem 3px 0 hsla(0, 0%, 76.7%, 0.15);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.nav_menu-links {
    -webkit-align-self: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.navDisplay {
    display: inline-block;

}

.navDisplay a {
    color: var(--blackColor);
    text-decoration: none;
}

.navDisplay a:hover {
    color: var(--themeMainGreenBackgroundColor);
    text-decoration: none;
}

.navDisplay a:active {
    color: var(--themeMainGreenBackgroundColor);
    text-decoration: none;
}

.navDisplay a:focus {
    text-decoration: none;
}

.active>a {
    color: var(--themeMainGreenBackgroundColor);
}


.nav_download-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding-left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0.2rem;
    border-radius: 0.375rem;
    list-style-type: none;
}

.nav_download-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    width: 2.5rem;
    height: 2.5rem;
    padding-right: 0.6rem;
    padding-left: 0.6rem;
    border-radius: 0.375rem;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.nav_download-btn:hover {
    background-color: #f5f7fa;
}

.section_hero {
    position: relative;
    min-height: 100vh;
    height: 100%;
    overflow: hidden;
}

.height-full {
    height: 100vh;
}

.title_wrapper.max-width-large {
    margin: auto;
}

.text-cut-off {
    align-self: flex-start;
}

.text-cut-off .heading-style-h4 {
    font-family: var(--font-header) !important;
    ;
    font-style: normal;
    font-weight: 600;
    font-size: var(--heading4FontSize);
    line-height: 123.5%;
}

.title_wrapper_hero-wallet {
    align-self: center;
    height: 100%;
    margin: 5rem auto auto auto;
    display: flex;
}


.title_wrapper_hero {
    align-self: center;
    height: 100%;
    margin: 5rem auto 0 auto;
    display: flex;
}

.title_wrapper_hero .heading-style-h1 {
    text-align: center;
}

.title_wrapper_hero-wallet .heading-style-h1 {
    text-align: center;
}

#hero {
    background: #F7F5FB;
}

.hero_about_content-wrapper {
    margin-top: 3rem;
}

.hero_content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-area: head;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hero_content-wrapper.padding-vertical.padding-large {
    position: relative;
    z-index: 1;
    height: 100%;
}

.section_wallet {
    position: relative;
    background-color: #141414;
}

.section_footer {
    border-top: 0.063rem solid #616e7c33;
}

.div-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 14rem;
}

.wallet_wrapper-left {
    position: -webkit-sticky;
    top: 40%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    text-align: -webkit-center;
}

.label {
    font-family: var(--font-header) !important;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: capitalize;
}

.label.is-purple {
    -webkit-align-self: auto;
    -ms-grid-row-align: inherit;
    align-self: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: rgba(211, 146, 251, 0.11);
    color: #544cff;
}

.label.is-lime {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    color: var(--labelLime);
}

.label.is-green {
    color: var(--walletItemColor);
}

.rowReverse {
    order: -1;
}

.wallet_wrapper-right {
    z-index: 0;
    width: 100%;
    align-self: center;
}

.rapper-right {
    z-index: 0;
    width: 100%;
    align-self: center;
}

.centerImageScaleDown {
    display: block;
    margin-left: 5rem;
    transform: scale(0.8);
}

.centerImage {
    display: block;
    margin: auto 0 auto auto;
    transform: scale(1);
}

.centerImageScaleUp {
    display: block;
    margin: auto 4rem auto auto;
    transform: scale(1.2);
}

.wrapper-left-image {
    margin: auto auto auto 0;
    display: grid;
}

.container-feature {
    display: flex;
    margin-top: 5rem;
}

.container-form {
    display: flex;
    gap: 6rem;
}

.left-arrow {
    display: none;
    opacity: 0;
}

.right-arrow {
    display: none;
    opacity: 0;
}

.slide-nav {
    display: none;
}

.slider {
    position: absolute;
    left: auto;
    display: flex;
    top: 10%;
    bottom: auto;
    z-index: 0;
    width: 50%;
    height: auto;
    background-color: transparent;
}

.slide01 {
    width: 100%;
    height: 100%;
}

.mask {
    width: 100%;
}

.wallet_benefits-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 90vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.wallet_benefits-container.with-border {
    padding-left: 5rem;
    border-left: 0.063rem solid #3e4c59;
}

.section_bank {
    position: relative;
}

.bank_wrapper-left {
    width: 45%;
    align-self: center;
}

.bank_wrapper-right {
    width: 100%;
    position: absolute;
}

.bank_wrapper-bank-right {
    width: 50%;
    position: absolute;
    z-index: 1;
    text-align: initial;
}

.card_wrapper-right {
    width: 100%;
}

.bank_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    min-height: 690px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 10rem;
    border-radius: 1.875rem;
}

.image-holder {
    position: absolute;
    text-align: -webkit-center;
    top: 0;
    width: 100%;
    min-height: 690px;
    max-height: 100%;
    max-width: 100%;
    background-image: url('../images/card/BankImage_1220x691.webp'), linear-gradient(180deg, #ebedf0, #ebedf0);
    background-repeat: no-repeat, repeat;
    background-position-x: right;
    background-size: cover;
    border-radius: 1.875rem;
}

.image-holder.overflow-hidden {
    background-image: url('../images/card/BankImage_1220x691.webp');
    background-position: 0 0;
    background-size: 817px;
}

.image-holder.card-image {
    left: auto;
    top: -2%;
    right: 0;
    bottom: auto;
    background-image: none;
    background-size: 1153px, auto;
    transform: scale(0.9);
}

.bank_wrapper-left.form {
    align-self: center;
    position: relative;
    width: 60% !important;
    padding-left: 0 !important;
}

.width-max {
    width: max-content;
}

.section-image.is-rounded {
    border-radius: 32px;
    -o-object-fit: cover;
    object-fit: cover;
}

.tokensCrawl {
    width: 250px;
    border: 0.063rem solid blue;
    border-radius: 1rem;
    padding: 1rem;
    margin-right: 1rem;
}

.flex {
    display: flex !important;
    justify-content: space-around;
}

.flex-start {
    display: flex !important;
    justify-content: flex-start;
}

.grid {
    display: grid;
    align-content: space-evenly;
    justify-content: space-around;
}

.grid-wallet-content {
    min-height: 450px;
    display: grid;
    align-content: space-between
}

.grid-wallet-content-small {
    min-height: 40px;
    display: grid;
}

.grid-row-gap {
    grid-row-gap: 10rem;
    display: grid;
}

.headingTextSize27 {
    font-size: var(--headingTextSize27);
}


.card-title {
    font-size: var(--headingTextSize27);
    max-width: 20rem !important;
    margin-bottom: 1rem !important;
    min-height: 65px;
    letter-spacing: -0.03em;
}

.card-title-chains {
    font-size: var(--headingTextSize27);
    max-width: 20rem !important;
    min-height: 65px;
    letter-spacing: -0.03em;
}

.card-title-perks {
    font-size: 1.4rem !important;
    max-width: 14rem !important;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.perksBtns {
    display: flex;
    border-radius: 1.12rem;
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
    width: fit-content;
    margin: 2rem 0 3rem 0;
}

.card-text {
    font-size: var(--paragraph18) !important;
}

.card-text-middle {
    font-size: var(--paragraph18) !important;
}

.mobile-flex {
    display: grid;
}

.box-container {
    padding: 2rem 1rem !important;
    display: grid;
    align-items: start;
}

.card-icon {
    display: grid;
    grid-template-areas:
        "icon"
        "title"
        "text";
}

.box-container-bank {
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
    border-radius: 1.5rem;
}

.box-container-wealth {
    border: 0.063rem solid #F5F5FA;
    border-radius: 1.5rem;
}

.card-grid {
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
    border-radius: 1.5rem;
    padding: 2rem;
}

.card-grid-token {
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
    border-radius: 1.5rem;
    padding: 2rem;
    width: 100%;
    position: relative;
    margin: auto;
    background-image: linear-gradient(-270deg, #fff, 90%, transparent);
}

.card-grid-wallet {
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
    border-radius: 1.5rem;
    padding: 2rem;
    width: 100%;
    position: relative;
    margin: auto;
}

.section_card {
    border-top: 0.063rem solid #e0e5e9;
    background-image: url("../images/card/Background.webp");
    background-color: #F3F8FD;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100vh;
}

.section_card.is-bordered {
    border-top: 0.063rem solid #e0e5e9;
}

.aboutCardWrapper {
    box-sizing: border-box;
    padding: 1.5rem !important;
    display: grid;
    align-content: space-evenly;
    justify-items: stretch;
    background: #f9f9f9;
    border: 0.063rem solid var(--labelLime);
    border-radius: 1.5rem !important;
    order: 2;
}

.card_wrapper {
    display: grid;
    grid-column-gap: 10rem;
    grid-template-columns: 1fr;
    width: 70%;
}

.grid-4 {
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.grid-3 {
    display: grid;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.popupDefi {
    padding: 2rem 2rem;
    border-radius: 1rem !important;
    width: 13.75rem;
    height: 15rem;
    color: var(--offWhite) !important;
    background-color: #303D48 !important;
}

.popupDefi:first-of-type {
    text-align: center;
    font-size: 1rem !important;
}

.centerIcon {
    animation: spin 10s infinite linear;
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

.defiPerksCarousel {
    display: none !important;
    height: 300px;
    margin-top: 2rem;
}

.defiPerksCarouselControls {
    text-align: center;
    display: none !important;
}

.defiPerksCarousel .carousel-item {
    text-align: center;
}

.defi-perks-wrapper {
    display: block;
}

.grid-defi-perks {
    margin-top: 5rem;
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 2rem;
    grid-template-areas:
        'header header header'
        'main center second'
        'main center second'
        'bottom bottom bottom';
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.grid-defi-perks>div>div>button {
    background-color: transparent !important;
}

.grid-header {
    grid-area: header;
    display: grid;
    margin: auto;
    text-align: center;
    width: fit-content;
}

.grid-header>button>img:hover {
    cursor: pointer;
    opacity: 0.5;
}

.grid-center {
    grid-area: center;
    text-align: center;
}

.grid-center>a:hover {
    cursor: pointer;
}

.grid-main {
    display: grid;
    grid-area: main;
    text-align: center;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    justify-items: self-end;
}

.grid-main>div {
    display: grid;
    width: fit-content;
    text-align: center;
}

.grid-main>div>button>img {
    margin: auto;
}

.grid-main>div>button>img:hover {
    opacity: 0.5;
    cursor: pointer;
}

.grid-second {
    display: grid;
    grid-area: second;
    text-align: center;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    justify-items: self-start;
}

.grid-second>div {
    display: grid;
    width: fit-content;
    text-align: center;
}

.grid-second>div>button>img {
    margin: auto;
    cursor: pointer;
}

.grid-second>div>button:hover {
    opacity: 0.5;
    cursor: pointer;
}

.grid-bottom {
    display: grid;
    grid-area: bottom;
    margin: auto;
    text-align: center;
    width: fit-content;
}

.grid-bottom>button>img:hover {
    opacity: 0.5;
    cursor: pointer;
}

.grid-1 {
    display: grid !important;
}

.cards-wealth {
    display: flex;
    min-width: 100%;
}

.grid-2 {
    display: grid;
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.grid-2-faq {
    display: grid;
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.grid-2-chart {
    display: grid;
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}


.grid-2-1 {
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
}

.menu-icon {
    position: relative;
    display: inline-block;
}

.nav_logo {
    width: 100%;
    max-width: 132px;
    cursor: pointer;
}

.image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.heading {
    font-size: 2rem;
}

.center-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.center-content-100vh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.center-content-wealth-100vh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10rem;
    padding-bottom: 10rem;
    margin: auto;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.center-content-wallet-100vh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    padding-bottom: 10vh;
    margin: auto;
    min-height: 115vh;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section_invest.background-color-black.temp {
    padding-bottom: 496px;
}

.section_partners {
    border-bottom: 0.063rem solid #e0e5e9;
}

.logo {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logo.logo-max-width-200 {
    width: 100%;
    min-width: 120px;
}

.logo.logo-max-width-160 {
    width: 100%;
    max-width: 160px;
    min-width: 90px;
}

.logo.logo-max-width-280 {
    width: 100%;
    max-width: 280%;
}

.section_cta {
    background-color: var(--white);
    background-position: 100% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.faqContact {
    margin: auto 0 auto auto;
}

.faq-grid {
    width: 100%;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
}

.faq-question-wrap {
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
}

.faq-question-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    background: transparent;
    display: contents;
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1e27;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 600;
    text-decoration: none;
}

.faq-link {
    color: var(--themeMainGreenBackgroundColor) !important;
}

.plus-icon {
    color: var(--walletItemColor);
}

.faq-circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 55px;
    height: 55px;
    min-height: 55px;
    min-width: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background-color: var(--btnBackground);
}

.faq-content {
    overflow: hidden;
    font-size: 1.1rem;
    font-family: var(--font-paragraph);
}

.faq-wrapper {
    margin-right: auto;
    margin-left: auto;
}

.div-block-2 {
    width: 100%;
    height: 0.063rem;
}

.question-title {
    margin-right: 0.625rem;
    letter-spacing: -0.03em;
}

.faq-paragraph {
    margin-bottom: 0;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    color: #485166;
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.text-color-darkgrey {
    color: #1B242C;
}

.text-color-primary {
    color: var(--themeMainGreenBackgroundColor) !important;
    font-weight: 600;
    font-family: var(--font-header) !important;
}

.is-blue {
    color: var(--themeMainGreenBackgroundColor);
    text-decoration: underline;
}

.is-yellow {
    color: var(--labelLime);
    text-decoration: underline;
}

.is-black-background {
    background-color: var(--backgroundColorBlack) !important;
    padding: 0 1rem !important;
    text-decoration: underline;
}

.blue {
    color: var(--themeMainGreenBackgroundColor) !important;
}

.is-red {
    color: #D41D11 !important;
}

.is-green {
    color: var(--labelLime) !important;
}

.highlight.is-green {
    color: var(--walletItemColor);
}

.is-white {
    color: #c2c2c2;
}

.highlight.is-white {
    color: var(--white);
    font-weight: 600;
}

.highlight.is-purple {
    color: var(--current);
}

.text-span {
    color: var(--walletItemColor);
    text-decoration: underline;
}

.info-icn {
    margin-left: 0.2rem;
    color: var(--walletItemColor);
    font-size: 0.9rem;
}

.footer-link-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_logo-wrapper {
    max-width: 120px;
    align-self: center;
    display: inline-grid !important;
}

.text-block-2 {
    color: #e74e2c;
    font-size: 1rem;
    line-height: 1.4;
}

.submit-button {
    height: 48px;
    min-width: 210px;
    border-radius: 100px;
    background-color: #0183ff;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
}

.submit-button:hover {
    background-color: #026cd6;
}

.submit-button.footer-form {
    width: 100%;
}

.success-message {
    padding: 0.625rem;
    border-radius: 0.5rem;
    background-color: rgba(44, 231, 92, 0.16);
    color: #fff;
    font-size: 1rem;
    line-height: 1.4;
    text-align: left;
}

.error-message {
    font-weight: 600;
    font-size: 1.5rem;
    font-family: var(--font-header) !important;
    ;
    color: rgba(231, 78, 44, 0.24);
}

.footer-bottom-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-form {
    width: 100%;
}

.separator {
    height: 0.063rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#011829), color-stop(50%, #363e58), to(#011829));
    background-image: linear-gradient(270deg, #011829, #363e58 50%, #011829);
}

.footer-bottom {
    height: 5rem;
    margin-top: 120px;
}

.footer-link {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    text-decoration: none;
}

.footer-link:hover {
    color: #0183ff;
    text-decoration: none;
}

.footer-link.bottom {
    margin-right: 1.875rem;
}

.text-field {
    height: 48px;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    border-style: none;
    border-width: 0.063rem;
    border-color: #fff;
    border-radius: 2.5rem;
    background-color: #141d3b;
    color: #fff;
    font-size: 1rem;
}

.text-field::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, 0.48);
}

.text-field:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.48);
}

.text-field::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.48);
}

.text-field::placeholder {
    color: hsla(0, 0%, 100%, 0.48);
}

.text-field.footer-form {
    margin-bottom: 1.25rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
}

.body.copyright {
    color: hsla(0, 0%, 100%, 0.48);
}

.footer-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tagline {
    margin-bottom: 0;
    color: #0183ff;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.white {
    color: var(--white) !important;
}

.off-white {
    color: var(--offWhite) !important;
}

.tagline.white {
    color: #fff;
}

.tagline.white.bottom-margin-30 {
    margin-bottom: 1.875rem;
}

.text-block {
    color: #2ce75c;
}

.footer-grid {
    grid-column-gap: 1.875rem;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.container-wallet {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

.container-wallet .react-multi-carousel-item {
    margin: auto 5% auto auto !important;
}

.container-wealth {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
}

.bankStick .carousel-indicators {
    position: absolute !important;
    bottom: -20% !important;
}

.carousel-indicators>button {
    margin: 0.5rem 0 !important;
    height: 1rem !important;
    width: 1rem !important;
    border-radius: 5rem !important;
    border-top: none !important;
    border-bottom: none !important;
}

.carousel-indicators>button:focus-visible {
    outline: none !important;
}

.carousel-indicators>button:focus {
    outline: none !important;
}

#walletCarousel .carousel-indicators>button.active {
    background-color: #11D48E;
}

#walletCarousel .carousel-indicators>button:hover {
    background-color: #11D48E;
}

#bankCarousel .carousel-indicators>button.active {
    background-color: var(--themeMainGreenBackgroundColor) !important;
}

#bankCarousel .carousel-indicators>button:hover {
    background-color: var(--themeMainGreenBackgroundColor) !important;
}

#walletCarousel .carousel-inner {
    transform: scale(0.8) !important;
}


.footer-grid {
    padding-bottom: 1rem;
    grid-column-gap: 1.875rem;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto -1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-bottom: 0.063rem solid #f1f1f1;
}

.footer-bottom {
    margin-top: 1rem;
}

.legal_links {
    color: var(--backgroundColorBlack) !important;
    text-decoration: none;
    margin-right: 0.625rem;
}

.legal_links:hover {
    text-decoration: none;
    color: var(--themeMainGreenBackgroundColor) !important;
}

.legal_links:active {
    text-decoration: none;
    color: var(--backgroundColorBlack) !important;
}

.legal_links:focus {
    text-decoration: none;
    color: var(--backgroundColorBlack) !important;
}

.tabs-menu {
    margin-top: 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-self: center;
    width: 300px;
    font-size: 15px;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tabs {
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -ms-grid-columns: 12.5rem 1fr;
    grid-template-columns: 12.5rem 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.tabs-wealth {
    min-height: 590px;
    max-width: 28rem;
    margin-right: 3rem;
}

.tabs-wallet {
    max-width: 35rem;
    min-height: 450px;
    animation: fadeIn 1s;
}

.tabs.margin-top.margin-huge {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-column-gap: 0;
}

.tabwrapper {
    padding: 3rem;
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #232c34;
}

.tabwrapper.padding-medium.max-width-full {
    background-color: #323f4b;
}

.tab-link-tab-1 {
    margin-bottom: 1rem;
    margin-left: -2px;
    border-left: 0.125rem solid #11d482;
    color: #8e9397;
    font-weight: 600;
}

.tab-link-tab-1.w--current {
    border-left-width: 0.125rem;
    border-left-color: var(--walletItemColor);
    background-color: transparent;
    color: #fff;
}

.tab-link-tab-2 {
    margin-bottom: 1rem;
    margin-left: -2px;
    background-color: transparent;
    color: #7a848d;
    font-weight: 600;
}

.tab-link-tab-3 {
    background-color: transparent;
    color: #8e9397;
}

.tab-link-tab-3.w--current {
    margin-left: -2px;
}

.html-embed {
    -webkit-align-self: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.spacer {
    height: 50px;
}

.spacer-big {
    height: 2rem;
}

.spacer-small {
    height: 1rem;
}

.spacer-horizontal-xsmall {
    width: 0.6rem;
}


#dropdown-basic-button {
    font-size: 1.5rem;
    font-weight: 600;
}

.spacer-middle {
    height: 2rem;
}

.spacer.spacer-huge {
    height: 160px;
}

.image-circle {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #fff;
}

.image-circle.top-left {
    width: 600px;
}

.image-circle.bottom-right {
    right: -12.5rem;
    bottom: -12.5rem;
}

.image-circle.is-bigger {
    width: 600px;
    height: 600px;
}

.image-circle.is-bigger.top-left {
    left: -300px;
    top: -300px;
}

.image-2 {
    position: absolute;
    left: auto;
    right: 5%;
    object-fit: scale-down;
}

.image-3 {
    position: absolute;
    left: auto;
    right: 5%;
    object-fit: scale-down;
}

.bank_wrapper .bank_wrapper-left {
    margin: 5rem 0 0 3rem;
}

.bank-image {
    object-fit: cover;
    min-width: 100%;
}

.image-card {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    display: none;
}

.icon-wrapper-100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    padding: 0.6rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}

.icon-wrapper-100.is-green {
    background-color: var(--walletItemColor);
}

.icon-wrapper-100.is-light {
    background-color: #e9e9ff;
}

.wallet-wrapper-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.logo-link {
    transform: scale(1);
    margin: 1rem;
}

.logo-max-width-200 {
    max-width: 12.5rem;
}

.waitlist-wrapper-left.max-width-large {
    padding-right: 10rem;
}

.waitlist-benefit-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 2rem;
}

.waitlist-benefit-wrapper.margin-vertical.margin-medium {
    padding-bottom: 1rem;
    border-bottom: 0.063rem solid #d2d8df;
}

.section_waitlist {
    background-color: var(--btnBackground);
}

.waitlist-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 2rem;
}

.contact {
    border-radius: 2rem;
    background: transparent;
    flex-direction: column;
    display: flex;
    padding: 2rem;
    align-items: flex-start;
    width: 99%;
    margin: 5rem 0 0 auto;
}

.contact-border-blue {
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
}

.contact-border-lime {
    border: 0.063rem solid var(--labelLime);
}

.formWrapper {
    display: grid;
}

.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.email-submit {
    height: 52px;
    padding-right: 2rem;
    padding-left: 2rem;
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
    background-color: var(--blackColor) !important;
    color: var(--white) !important;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 0;
}

.email-submit:hover {
    background-color: #AD9AF7 !important;
    box-shadow: none;
    color: var(--white);
    cursor: pointer;
    border: none;
}

.form-wrapper {
    margin: 0 0 1.25rem 0;
}

.email-field {
    height: 52px !important;
    border-style: solid;
    font-size: 1rem;
    padding: 1rem;
    border-width: 0.063rem;
    border-color: #fff;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    width: 100%;
}

.email-field:focus {
    border-style: solid;
    border-color: rgba(27, 16, 190, 0.28);
    background-color: #fff;
    box-shadow: 0.063rem 4px 0 rgba(27, 16, 190, 0.06);
}

.email-field::-webkit-input-placeholder {
    color: var(--backgroundColorBlack);
    font-size: 1.3rem;
    font-weight: 400;
    opacity: 0.5;
}

.email-field:-ms-input-placeholder {
    color: var(--backgroundColorBlack);
    font-size: 1.3rem;
    font-weight: 400;
}

.email-field::-ms-input-placeholder {
    color: var(--backgroundColorBlack);
    font-size: 1.3rem;
    font-weight: 400;
}

.email-field::placeholder {
    color: var(--backgroundColorBlack);
    font-size: 1.3rem;
    font-weight: 400;
}

.link {
    color: var(--themeMainGreenBackgroundColor);
    font-weight: 600;
}

.logos-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 1rem;
}

.icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 120px;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon-wrapper-advantages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.qr-small-cta {
    width: 100%;
    max-width: 100%;
}

.qr-small {
    width: 21px;
    height: 21px;
}

.modal-scan-imgwrap {
    padding: 1rem;
    border: 0.125rem solid #11d482;
    border-radius: 4px;
}

.modal-scan-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1rem;
    margin: auto;
    max-width: 420px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.5rem;
    background-color: #fff;
    text-align: center;
}

.modal-scan-wrapper.align-center {
    box-shadow: 3px 3px 12px -2px rgba(18, 18, 32, 0.24);
}

.close-link {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    margin-right: 0.5rem;
    padding: 0.5rem;
    opacity: 0.4;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.close-link:hover {
    opacity: 0.64;
}

.modal-content {
    margin: auto;
    width: fit-content !important;
}

.icon-wrapper-48 {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.button-off-white {
    background-color: #EBE8FC !important;
    color: var(--themeMainGreenBackgroundColor);
    border-radius: 0.5rem;
    font-weight: 600;
}

.button-lime {
    background-color: var(--labelLime) !important;
    color: var(--themeMainGreenBackgroundColor);
    border-radius: 0.5rem;
    font-weight: 600;
}

.а.button-lime:hover {
    background-color: var(--labelLimeHover) !important;
}

.button-lime-slide {
    background-color: var(--labelLime) !important;
    border-radius: 3.12rem !important;
    font-weight: 600;
}

.button-green-slide {
    background-color: var(--themeMainGreenBackgroundColor) !important;
    border-radius: 3.12rem !important;
    font-weight: 600;
}



.margin-button-slide {
    margin: 0.625rem;
    border-radius: 6.25rem !important;
}

.tab-lime {
    background-color: var(--labelLime) !important;
    border-radius: 3rem;
    width: 12.5rem;
    font-weight: 600;
}

.tab-lime>div {
    text-align: center;
}

.tab-nav {
    color: var(--white) !important;
    text-align: center;
    font-weight: 600;
    width: 12.5rem;
    padding: 0.625rem;
    border-radius: 0.625rem;
    align-self: center;
    cursor: pointer;
}

.tab-nav>a {
    color: var(--white) !important;
}

.tab-link {
    margin-bottom: 0.5rem;
    padding: 1rem;
    font-size: 1.125rem;
    border-radius: 32px;
    text-align: start;
    width: 300px;
    background-color: transparent;
    font-weight: 600;
    font-family: var(--font-header);
}

.transparent {
    background-color: transparent !important;
}

.image-hero {
    display: none;
}

.legal_links_wrapper {
    width: 450px;
}

@media screen and (max-width: 3840px) and (min-height: 2160px) {
    .image-holder.card-image {
        top: -40%;
        right: 8%;
    }

    .videoTag {
        transform: scale(1.5) !important;
    }

    .section_card {
        background-image: url("../images/card/Background.webp");
        background-repeat: no-repeat !important;
    }


    .image-2 {
        right: -5% !important;
        top: 190% !important;
        transform: scale(2) !important;
    }
}

@media screen and (max-width: 2560px) and (min-height: 1440px) {
    .videoTag {
        transform: scale(1.4) !important;
    }

    .image-holder.card-image {
        transform: scale(1) !important;
        top: 7% !important;
    }
}

@media screen and (min-width: 2560px) {
    .bankStick {
        width: 650px !important;
        height: 500px !important;
    }

    .slider-content-text {
        font-size: 2rem !important;
    }

    .slider-header-text {
        font-size: 2.6rem !important;
    }

    .bankStick .carousel-control-prev {
        font-size: 1.875rem !important;
        top: 10% !important;
    }

    .bankStick .carousel-control-next {
        font-size: 1.875rem !important;
        top: 10% !important;
    }

    .carouselIcon {
        width: 3.125rem !important;
        height: 3.125rem !important;
    }

    .section_card {
        background-image: url("../images/card/Background.webp") !important;
        background-repeat: no-repeat !important;
    }

    .image-holder {
        max-width: 100% !important;
    }

    .container-large {
        max-width: 99rem !important;
    }

    .container-large-nav {
        max-width: 101rem !important;
    }

    .container-large-footer {
        max-width: 99rem !important;
    }

    .container-large-wallet-slider {
        max-width: 113rem !important;
    }

    .container-hero {
        max-width: 89rem !important;
    }

    .image-2 {
        position: absolute;
        left: auto;
        right: 5% !important;
        transform: scale(1.3) !important;
    }
}

@media screen and (max-height: 900px) and (max-width: 1024px) {
    .section_hero {
        height: auto !important;
    }
}

@media screen and (min-width: 1600px) {
    .title_wrapper_hero-wallet .center-content {
        margin: 1rem auto !important;
    }
}

@media screen and (max-width: 912px) and (max-height: 1368px) {
    .videoTag {
        grid-area: head;
    }
}

@media screen and (max-width: 1280px) {
    .is-qr {
        max-width: 5rem !important;
    }

    .centerImage {
        transform: scale(1) !important;
    }

    .carousel-button-group-wallet {
        right: 14% !important;
    }

    .image-holder {
        max-width: 1153px;
    }

    .image-holder.slide-from-bottom {
        min-height: 700px;
    }

    .logo.logo-max-width-160 {
        width: 100%;
        max-width: 160px;
        min-width: 90px;
    }

    .image-circle {
        position: absolute;
        left: auto;
        top: auto;
        right: -12.5rem;
        bottom: -12.5rem;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background-color: #fff;
    }

    .image-circle.top-left {
        left: -300px;
        top: -300px;
        right: auto;
        bottom: auto;
        width: 600px;
        height: 600px;
    }

    .image-2 {
        position: absolute;
        margin-top: 6rem;
    }

    .image-3 {
        position: absolute;
    }

    .image-2.slide-from-bottom {
        position: relative;
    }

    .container-hero {
        margin-top: 1% !important;
    }
}

@media screen and (max-width: 1025px) {
    .walletPage {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover !important;
        height: 100%;
        width: 105%;
        object-fit: contain;
        background-position-x: center;
    }

    .image-holder.card-image {
        top: -6% !important;
    }

    .padding-global {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .padding-global-sides {
        padding: 0 1.5rem !important;
    }

    .padding-global-sides-wallet {
        padding: 0 1.5rem !important;
    }

    .padding-global-bottom-sides {
        padding: 0 1.5rem 5rem 1.5rem !important;
    }

    .padding-global-top-sides {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }


    .padding-global-top {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .dotListClass {
        left: -8% !important;
    }

    .container-hero {
        grid-template-columns: 1fr 1fr;
    }

    .simpleImageSlider {
        margin-top: 0.8rem !important;
    }

    .div-block {
        max-height: 1050px !important;
    }

    .simpleImageSlider>div {
        width: 420px;
        height: 865px;
    }

    .simpleImageSlider>div>div {
        width: 420px;
        height: 865px;
    }
}

@media screen and (max-height: 768px),
screen and (max-width: 1024px) {

    .wealth-card-slider {
        width: 80% !important;
    }

    .grid-2-chart {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .pieChart {
        margin: auto !important;
    }

    .simpleImageSlider {
        margin-top: -1.5rem !important;
    }

    .section_card {
        background-size: cover !important;
        height: auto !important;
    }

    .section_card .padding-global {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 1366px) {
    .bankPage {
        background-image: url("../images/bank/Background_Bank_1366.webp") !important;

    }

    .tokenPage {
        background-image: url("../images/token/Background-token.webp") !important; /*Background_token_1366*/
        background-size: cover !important;
    }
}

@media screen and (max-width: 1024px) and (min-height: 1366px) {
    .grid-2-chart {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .title_wrapper.max-width-large {
        margin: auto !important;
    }

    .section_card .padding-global {
        padding-top: 0 !important;
    }

    .image-holder {
        background-size: auto;
    }

    .image-2 {
        margin-top: 3rem;
    }
}

@media screen and (max-height: 600px) and (max-width: 1024px) {
    .vh {
        height: auto !important;
    }

    .react-multi-carousel-dot-list {
        margin: auto 5% auto auto !important;
    }

    .section_card {
        background-size: cover !important;
        height: auto !important;
    }

    .image-2 {
        margin-top: 3rem !important;
    }

    .section_hero {
        padding-top: 0 !important;
    }

    :root {
        --heading1FontSize: 2.5rem;
        --heading1MobileFontSize: 2.5rem;
        --heading2FontSize: 1.938rem;
        --heading2MobileFontSize: 1.938rem;
        --heading3FontSize: 1.438rem;
        --heading3MobileFontSize: 1.438rem;
        --heading4FontSize: 1.25rem;
        --heading4MobileFontSize: 1.125rem;
        --heading5FontSize: 1.063em;
        --heading5MobileFontSize: 1.313rem;
        --heading6FontSize: 0.875rem;
        --heading6MobileFontSize: 0.65rem;
        --heading7FontSize: 0.875rem;
        --headingTextSize27: 1.063rem !important;
        --headingTextSizeMobile: 1.125rem;
        --paragraph24: 1.063rem;
        --paragraph24Mobile: 1.063rem;
        --paragraph18: 0.875rem;
        --paragraph14: 0.625rem;
        --paragraph14Mobile: 0.625rem;
        --paragraphCTA: 1rem;
        --cardText: 0.875rem;
        --cardTextMobile: 0.875rem;
    }

}

@media screen and (max-width: 1024px) {

    .section_hero {
        height: auto;
    }

    .grid-3 {
        grid-template-columns: 1fr 1fr !important;
    }

    .react-multi-carousel-dot-list {
        right: 30% !important;
    }

    .box-container {
        padding: 0 !important;
    }

    .mobile-flex {
        display: flex !important;
    }

    .card-text-middle {
        margin: auto !important;
    }

    .timelineIcon {
        margin: 0 0 0 17px !important
    }

    .vertical-timeline-element-icon {
        margin-left: 17px !important
    }

    .vertical-timeline-element-date {
        padding: 1.5rem !important;
    }

    .bankStick .carousel-indicators {
        bottom: -13% !important;
    }

    .margin-top-large {
        margin-top: 6rem !important;
    }

    .section_card .padding-global {
        padding-top: 0 !important;
    }

    .card_wrapper {
        margin: 0 !important;
    }

    .aboutStick {
        width: 60% !important;
        bottom: 7% !important;
    }

    .bankStick {
        width: 40% !important;
        bottom: 7% !important;
        left: 5%;
    }

    .tabs-wealth {
        margin-left: 0 !important;
        margin-right: 1rem !important;
    }

    .videoTag {
        margin: auto;
    }

    .grid-4 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

}

@media screen and (max-width: 991px) {
    .contact {
        margin: auto !important;
    }

    .padding-xlarge {
        padding: 3rem;
    }

    .is-qr-cta {
        display: none;
    }

    .simpleImageSlider>div {
        width: 358px !important;
        height: 765px !important;
    }

    .simpleImageSlider>div>div {
        width: 358px !important;
        height: 765px !important;
    }

    .padding-global {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .padding-global-bottom-sides {
        padding: 0 1.5rem 5rem 1.5rem !important;
    }

    .padding-global-top-sides {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .padding-global-top {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .cookiesText {
        font-size: 1.125rem !important;
    }


    .padding-xhuge {
        padding: 6rem;
    }

    .padding-xxhuge {
        padding: 8rem;
    }

    .padding-huge {
        padding: 5rem;
    }

    .margin-large {
        margin: 2.5rem;
    }

    .padding-xxlarge {
        padding: 4rem;
    }

    .padding-large {
        padding: 2.5rem;
    }

    .margin-huge {
        margin: 5rem;
    }

    .padding-medium {
        padding: 1.5rem;
    }

    .margin-xxlarge {
        margin: 4rem;
    }

    .margin-xhuge {
        margin: 12rem;
    }

    .margin-medium {
        margin: 1.5rem;
    }

    .margin-xxhuge {
        margin: 8rem;
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding-top {
        padding-right: 1.5rem;
        padding-bottom: 0;
        padding-left: 1.5rem;
    }

    .margin-vertical {
        margin-right: 0;
        margin-left: 0;
    }

    .margin-bottom {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .padding-left {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .padding-vertical {
        padding-right: 0;
        padding-left: 0;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-top {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-left {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .padding-bottom {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .hide-tablet {
        display: none;
    }

    .max-width-full-tablet {
        width: 100%;
        max-width: none;
    }

    .heading-style-h1 {
        font-weight: 500;
        letter-spacing: -3.2px;
    }

    .padding-section-large {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .text-size-large {
        font-size: 1.3rem;
        letter-spacing: -0.1px;
    }

    .text-size-xlarge {
        font-size: 1.6rem;
    }

    .heading-style-h2 {
        letter-spacing: -2px;
    }

    .text-size-medium {
        font-size: 1.1rem;
    }

    .button-group.align-right {
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .padding-section-medium {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .nav_brandlink {
        margin-right: 1rem;
    }

    .nav_link {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        font-size: 1.1rem;
    }

    .nav_full-wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .hero-background {
        background-position: 0 100%;
    }

    .hero-background.right {
        background-position: 100% 30%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .div-block {
        grid-column-gap: 6rem;
    }

    .wallet_wrapper-left {
        position: static;
    }

    .wallet_benefits-container {
        min-height: auto;
    }

    .wallet_benefits-container.with-border {
        padding-left: 2rem;
    }

    .bank_wrapper-right {
        width: 100vw !important;
        position: inherit;
    }

    .bank_wrapper-bank-right {
        width: 50%;
    }

    .section-image.is-rounded {
        max-width: 120%;
        margin-left: -63px;
    }

    .section-image.is-rounded.right-aligned {
        margin-right: -60px;
        margin-left: 0;
    }

    .nav_logo {
        vertical-align: middle;
    }

    .nav-link {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }

    .faq-grid.margin-vertical.margin-huge {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .faq-question-wrap {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .spacer.spacer-huge {
        height: 0;
    }

    .waitlist-wrapper-left.max-width-large {
        padding-right: 0;
    }

    .waitlist-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .image-hero {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 912px) {
    :root {
        --heading1FontSize: 2.5rem !important;
        /*--heading1MobileFontSize: 2.5rem;*/
        --heading2FontSize: 1.938rem;
        /*--heading2MobileFontSize: 1.938rem;*/
        --heading3FontSize: 1.438rem;
        /*--heading3MobileFontSize: 1.438rem;*/
        --heading4FontSize: 1.25rem;
        /*--heading4MobileFontSize: 1.125rem;*/
        --heading5FontSize: 1.063em;
        /*--heading5MobileFontSize: 1.313rem;*/
        --heading6FontSize: 0.875rem;
        /*  --heading6MobileFontSize: 0.65rem;*/
        --heading7FontSize: 0.875rem;
        --headingTextSize27: 1.063rem !important;
        /*--headingTextSizeMobile: 1.125rem;*/
        --paragraph24: 1.063rem;
        /* --paragraph24Mobile: 1.063rem;*/
        --paragraph18: 0.875rem;
        /* --paragraph18Mobile: 0.875rem;*/
        /* --paragraph18Mobile: 0.75rem;*/
        --paragraph14: 0.625rem;
        /* --paragraph14Mobile: 0.625rem;*/
        --paragraphCTA: 1rem;
        --cardText: 0.875rem;
        /*  --cardTextMobile: 0.875rem;*/
    }

    .icon-wrapper-advantages>p {
        width: 200px;
    }

    .grid-4 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .grid-3 {
        -ms-grid-columns: 1fr 1fr !important;
        grid-template-columns: 1fr 1fr !important;
    }

    .grid-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .grid-2-faq {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .grid-2-1 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .w-nav-button {
        display: block !important;
    }

    .section_bank {
        background-color: #E0EAF2;
    }

    .is-qr-hero {
        display: none !important;
    }

    .bank_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .image-holder {
        background-position-x: right;
        margin-top: 0 !important;
        border-radius: 0 !important;
    }

    .bank_wrapper-left {
        width: 100% !important;
    }

    .bank_wrapper-left.form {
        width: 50% !important;
    }

    .simpleImageSlider>div {
        width: 31.688rem !important;
        height: 700px !important;
    }

    .simpleImageSlider>div>div {
        width: 31.688rem !important;
        height: 700px !important;
    }


    .legal_links_wrapper {
        display: contents;
    }

    .padding-global {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .padding-global-bottom-sides {
        padding: 0 1.25rem 5rem 1.25rem !important;
    }

    .padding-global-top-sides {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .padding-global-top {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }


    .hide-mobile-landscape {
        display: none;
    }

    .navbar-main {
        display: none !important;
    }

    .nav_menu-links {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .w-nav-menu {
        float: left !important;
        height: auto !important;
    }

    .nav-menu {
        float: left !important;
        height: auto !important;
    }

    .nav_full-wrapper {
        margin-top: 0 !important;
    }

    .title_wrapper {
        align-self: center !important;
    }

    .bank_wrapper .bank_wrapper-left {
        margin: 1rem 0 0 0;
    }
}

@media screen and (max-width: 845px) {
    .container-large-nav {
        padding: 0 !important;
    }

    .carousel-indicators {
        display: none !important;
    }

    .centerImageScaleDown {
        margin-left: 0 !important;
    }

    .quoteTextPatner {
        width: 100% !important;
    }

    .container-feature {
        display: table;
    }

    .container-form {
        display: table;
    }

    .formWrapper {
        padding: 0 !important;
    }

    .features {
        padding: 0 !important;
    }

    .formItems {
        padding: 0 !important;
        grid-row-gap: 0 !important;
    }

    .centerImage {
        transform: scale(1) !important;
        margin: 0 auto auto auto !important;
    }

    .wrapper-left-image {
        margin: 2rem auto !important;
    }

    .image-holder.card-image {
        top: -15% !important;
        right: -15% !important;
    }

    .dotListClass {
        display: none !important;
    }


    .padding-section-large.is-cta-section {
        padding: 0 1rem 0 1rem !important;
    }


    .card-icon>div>img {
        margin-right: 2rem;
    }


    .w-nav-button {
        display: block !important;
    }

    .cookies {
        height: 100px !important;
        display: inline-table !important;
    }

    .tabs-wealth {
        min-height: auto;
        margin: auto !important;
    }

    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1rem;
    }

    .padding-xlarge {
        padding: 2rem;
    }

    .padding-xhuge {
        padding: 4rem;
    }

    .padding-xxhuge {
        padding: 4.5rem;
    }

    .padding-huge {
        padding: 3.5rem;
    }

    .margin-large {
        margin: 1.5rem;
    }

    .padding-xxlarge {
        padding: 3rem;
    }

    .padding-large {
        padding: 1.5rem;
    }

    .margin-huge {
        margin: 3.5rem;
    }

    .padding-medium {
        padding: 1.25rem;
    }

    .margin-xxlarge {
        margin: 3rem;
    }

    .margin-xhuge {
        margin: 4rem;
    }

    .margin-medium {
        margin: 1.25rem;
    }

    .margin-xxhuge {
        margin: 4.5rem;
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding-top {
        padding-right: 1.25rem;
        padding-bottom: 5rem;
        padding-left: 1.25rem;
    }

    .margin-vertical {
        margin-right: 0;
        margin-left: 0;
    }

    .margin-bottom {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .padding-left {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .padding-vertical {
        padding-right: 0;
        padding-left: 0;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-top {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-left {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .padding-bottom {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .hide-mobile-landscape {
        display: none;
        padding: 0.5rem;
    }

    .navbar-main {
        display: none !important;
    }

    .heading-style-h1 {
        font-weight: 400;
        letter-spacing: -2.2px;
    }

    .padding-global {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .padding-global-sides {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .padding-global-sides-wallet {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .center-content-wallet-100vh {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .padding-global-bottom-sides {
        padding: 0 1.25rem 5rem 1.25rem !important;
    }

    .padding-global-top-sides {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .padding-global-top {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .padding-global.is-nav {
        padding-right: 0;
        padding-left: 0;
    }

    .text-size-tiny.text-color-black.stats-text {
        font-size: 1rem;
        text-align: left;
    }

    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none;
    }

    .heading-style-h4 {
        font-size: var(--heading4MobileFontSize) !important;
    }

    .text-style-nowrap {
        white-space: normal;
    }

    .heading-style-h6 {
        font-size: 0.75rem;
    }

    .padding-section-large {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .padding-section-large.is-cta-section {
        padding-top: 0;
    }

    .padding-section-large.is-wallet-section {
        padding-top: 0;
    }

    .text-size-large {
        font-size: 1.15rem;
    }

    .text-size-xlarge {
        font-size: 1.4rem;
    }


    .heading-style-h2 {
        font-size: var(--heading2MobileFontSize) !important;
    }

    .page-wrapper {
        overflow: hidden;
    }

    .heading-style-h5 {
        letter-spacing: 0;
    }

    .is-small {
        font-size: 0.885rem;
    }

    .is-middle {
        font-size: 1.1rem;
    }

    .is-large {
        font-size: 1.1rem;
    }

    .is-store.max-width-full-mobile-landscape {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .is-qr {
        display: none;
    }

    .text-size-medium {
        font-size: 1.1rem;
    }

    .button-group.centered-items.margin-top.margin-large {
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }

    .button-group.centered-items.margin-top.margin-large.spread {
        grid-column-gap: 0.4rem;
    }

    .button-group.centered-items.margin-top.margin-large.spread.max-width-full-tablet {
        grid-row-gap: 0.4rem;
    }

    .button-group.centered-items.margin-top.margin-large.spread.align-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .padding-section-medium {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .home-message_component {
        padding: 0;
    }

    .home-message_content {
        border-radius: 0;
    }

    .nav_link {
        border-bottom: 0.063rem solid #ececec;
    }

    .nav_full-wrapper {
        border-radius: 0;
    }

    .nav_menu-links {
        align-self: start;
        padding-right: 1rem;
        background-color: #f9f9f9;
    }

    .rs-navbar-brand {
        padding: 0 !important;
    }

    .nav_download-item.qr-icon {
        display: none;
    }

    .footer-group {
        display: grid !important;
        justify-self: start !important;
        justify-content: left;
    }

    .footer-group>a {
        text-align: left;
    }

    .footer-links {
        justify-content: flex-start;
    }

    .download-btn.download-qr-icon {
        display: none;
    }


    .hero-background {
        left: -95%;
        display: none;
    }

    .wallet_wrapper-left {
        position: static;
    }

    .slider {
        position: static;
        width: 100%;
    }

    .wallet_benefits-container {
        min-height: auto;
    }

    .wallet_benefits-container.with-border {
        border-left-width: 0;
    }

    .bank_wrapper-right {
        width: 100%;
        margin-top: 0;
    }

    .bank_wrapper-bank-right {
        width: 100%;
    }

    .bank_wrapper.margin-bottom.margin-xhuge {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .bank-image-comming-soon {
        width: fit-content !important;
    }

    .image-holder.card-image {
        position: relative;
        min-height: 22.5rem;
        background-image: none;
        margin-top: 0 !important;
    }

    .section-image.is-rounded {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .card_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .card_wrapper.margin-bottom.margin-xhuge {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .card_wrapper {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .social-tokenomics {
        display: grid !important;
    }

    .social-tokenomics>a>img {
        padding: 1rem 0 !important;
    }

    .perksBtns {
        display: grid !important;
        width: 100% !important;
    }

    .hide-desktop {
        display: block;
    }

    .hide-desktop.show-mobile-landscape {
        z-index: 2;
    }

    .section_cta {
        background-image: none;
        background-position: 0 0;
        background-size: auto;
        background-repeat: repeat;
    }

    .faq-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }

    .footer-bottom-wrap {
        height: auto;
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-bottom {
        height: auto;
    }

    .footer-grid {
        grid-row-gap: 60px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .footer-grid {
        grid-row-gap: 1rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .tabwrapper {
        padding: 1rem 2rem;
    }

    .spacer.spacer-huge {
        height: 0;
    }

    .image-circle.bottom-right {
        display: none;
    }

    .image-2 {
        position: relative;
        margin-top: 5rem !important;
        left: 3% !important;
    }

    .image-3 {
        position: relative;
        top: 8rem;
        left: -10% !important;
    }

    .bank-image {
        display: block;
    }

    .bank-image.margin-vertical.margin-large {
        border-radius: 0.5rem;
    }

    .image-card {
        display: block;
    }

    .image-card.margin-vertical.margin-large {
        border-radius: 0.5rem;
    }

    .menu-button {
        background-color: transparent;
    }

    .menu-button.w--open {
        background-color: transparent;
    }

    .icon-wrapper-100 {
        width: 5rem;
        height: 5rem;
    }

    .logo-link {
        /*opacity: 0.8;*/
        transform: scale(0.7);
        /*-webkit-transition: opacity 200ms ease;*/
        /*transition: opacity 200ms ease;*/
    }

    .logo-link:hover {
        opacity: 1;
    }

    .logos-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .image-hero {
        display: block;
        width: 100%;
        max-width: 420px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 768px) {

    .bankPage {
        background-image: url("../images/bank/Background_Bank_768.webp") !important;

    }

    .tokenPage {
        background-image: url("../images/token/Background-token.webp") !important; /* Background-token_768.webp */
    }

    .main-container-slider {
        display: grid !important;
        justify-items: center !important;
    }


    .cardHeader {
        padding: 0 !important;
        font-size: var(--headingTextSizeMobile) !important;
    }

    .card-caption {
        font-size: var(--paragraph18Mobile) !important;
    }

    .vh {
        height: auto !important;
    }

    .bankStick .carousel-control-next {
        top: 3% !important;
    }

    .bankStick .carousel-control-prev {
        top: 3% !important;
    }

    .slider-header-text {
        font-size: 1.75rem !important;
    }

    .bannerLogos {
        display: grid !important;
        grid-row-gap: 2rem;
    }

    .bankStick {
        height: 350px !important;
    }

    .canvas {
        width: fit-content !important;
    }

    .logo-link {
        margin: 0 !important;
    }

    .becomePartner {
        height: 264vh;
        background-image: url("../images/partners/superman-mobile-illustrationBg_640.png") !important;
    }

    .wallet-slider {
        display: block !important;
    }

    .dotListClass {
        display: flex !important;
        margin-top: 20%;
        left: 2% !important;
    }

    .carousel-button-group-wallet {
        display: none !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        color: var(--backgroundColorBlack) !important;
        padding: 0.5rem 0 0 0 !important;
    }

    .aboutStick {
        padding: 1rem !important;
    }

    .bankStick {
        padding: 1rem !important;
    }

    .div-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }

    .max-width-large.align-center.text-align-center.text-size-medium.text-left-mobile {
        max-width: 26rem;
    }

    .wallet_wrapper-right {
        width: 100%;
        margin: 2rem auto 0 auto;
    }

    .max-width-small-slider {
        margin: 0 !important;
    }

    .container-large-wallet-slider {
        margin: 0 auto auto auto !important;
    }

    .tabs-wallet {
        margin: auto !important;
    }

    .wrapper-right {
        width: 100%;
        margin: 2rem auto 0 auto;
    }
}

@media screen and (max-width: 600px) {
    /*.tokenomicsImgBanner {
        box-shadow: inset 0 0 0 1000px rgb(52 24 216 / 45%) !important;
    }*/

    [data-nav-menu-open] {
        height: auto !important;
    }

    .center-content-wealth-100vh,
    .center-content-wallet-100vh,
    .center-content-100vh {
        padding-top: 5vh !important;
    }

    .hero-image-wallet {
        background-size: cover !important;
        bottom: 33%;
        width: 105%;
        height: 100%;
        max-height: 40vh;
    }

    .social-tokenomics {
        display: none;
    }

    .padding-crawl-wrapper {
        padding: 2.5rem 0 2.5rem 0 !important;
    }


    .tokenPage {
        background-image: url("../images/token/Background-token.webp") !important; /*Background_token_600*/
        background-size: cover !important;
    }

    .money-wealth {
        max-width: 100% !important;
    }

    .money-wealth>p {
        max-width: 100% !important;
    }

    .MuiAccordionSummary-expandIconWrapper {
        min-width: 2.5rem !important;
        min-height: 2.5rem !important;
    }

    .bank_wrapper-left.form {
        width: 100% !important;
    }

    .grid-3 {
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    }

    .section_card {
        background-size: contain !important;
        background-position: inherit !important;
    }

    .margin-top-token-page {
        margin-top: 0;
    }

    .main-container-wallet {
        display: none;
    }

    .main-container-wallet-small {
        display: grid !important;
        grid-template-columns: none !important;
    }

    .container-hero {
        grid-template-columns: none !important;
        height: auto !important;
        margin-top: 0 !important;
        grid-template-areas:
            "head2"
            "head"
            "bottom";
    }

    .card-title {
        min-height: auto !important;
    }

    .hero_content-wrapper {
        height: auto !important;
    }

    .spacer {
        height: auto !important;
    }

    .react-multi-carousel-dot-list {
        right: 0 !important;
        justify-content: center !important;
        display: block;
    }

    .tokensCrawl {
        transform: scale(0.7);
    }

    .grid-4 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .paragraph24 {
        font-size: var(--paragraph24Mobile) !important;
    }

    .paragraph18 {
        font-size: var(--paragraph18Mobile) !important;
    }

    .paragraph14 {
        font-size: var(--paragraph14Mobile) !important;
    }

    .padding-global-bottom-sides {
        padding: 0 1.5rem 5rem 1.5rem !important;
    }

    .section_card {
        background-image: url("../images/card/Background.webp") !important;
    }

    .bankStick {
        left: 0 !important;
    }

    .bankStick .carousel-control-next {
        top: 6% !important;
    }

    .bankStick .carousel-control-prev {
        top: 6% !important;
    }


    .is-qr-footer {
        display: none;
    }

    .button-group-hero {
        display: inline-table !important;
    }

    .button-group {
        display: inline-table;
        justify-content: space-around;
    }

    .button-group-hero-inner {
        display: inline-table;
        justify-content: space-around;
    }

    .button-group-footer {
        display: inline-table;
        justify-content: space-around;
    }

    .button-store {
        padding: 0 3.4rem !important;
        margin: 1rem 0 1rem 0;
    }

    .priceApyWrapper {
        margin: auto 1.875rem auto 0 !important;
    }

    .infoWrapper {
        margin: 0 auto 0 0 !important;
    }

    .borderSpan {
        display: none !important;
    }

    .dropdown {
        text-align: start;
    }

    .text-desktop-mobile {
        text-align: left !important;
    }

    .goToLink {
        margin: 1.5rem auto 0 0 !important;
        align-items: flex-start !important;
    }

    .slider-content-text {
        font-size: 1.125rem !important;
    }

    .goToLink,
    .slider-header-text {
        font-size: 1.75rem !important;
    }

    #advantages {
        padding: 5rem 0 !important;
    }

    .tableValue {
        font-size: 1.125rem !important;
    }

    .tableType {
        font-size: 1.125rem !important;
    }

    .pieChart {
        margin: inherit !important;
        max-width: 350px !important;
    }

    .defiPerksCarousel {
        display: block !important;
    }

    .defiPerksCarouselControls {
        display: flex !important;
        justify-content: space-evenly;
    }

    .defi-perks-wrapper {
        display: none;
    }

    .walletPage {
        background-size: 100% 100% !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        color: var(--backgroundColorBlack) !important;
        padding: 2rem 0 0 0 !important;
    }

    .wallet_wrapper-right {
        width: 100%;
    }

    .wrapper-right {
        width: 100%;
    }

    .main-container {
        display: grid !important;
    }

    .hero_text-wrapper {
        grid-area: bottom !important;
        position: relative !important;
    }

    .is-store {
        height: 2.813rem !important;
    }

    .heading-style-h6 {
        font-size: var(--heading6MobileFontSize) !important;
    }

    .vh-responsive {
        height: 2234px !important;
    }

    .vh-responsive-wealth {
        height: 2234px !important;
    }

}

@media screen and (width: 540px) and (height: 720px) {
    .image-2 {
        margin-top: 11rem !important;
    }

}

@media screen and (max-width: 479px) {
    .btnWrrapper {
        justify-content: space-around !important;
    }

    .bankStick .carousel-control-next {
        top: 0 !important;
    }

    .bankStick .carousel-control-prev {
        top: 0 !important;
    }

    .bank_wrapper-left.form {
        margin-top: 2rem;
    }

    .infoInnerWrapper {
        display: inline-grid !important;
    }

    .aboutStick {
        position: relative !important;
        margin: auto;
        width: 100% !important;
        border: none !important;
        padding: 2rem !important;
    }

    .bankStick {
        position: absolute !important;
        width: 90% !important;
        height: auto !important;
        margin: auto !important;
        border-radius: 15px !important;
        padding: 2rem !important;
        border: 0.063rem solid var(--themeMainGreenBackgroundColor);
    }

    .image-holder.card-image {
        right: -15% !important;
        top: 0 !important;
        transform: scale(0.8);
    }

    .footer-bottom .button-group {
        display: -webkit-box !important;
    }

    .image-holder.bank-image {
        position: relative;
        width: 100%;
        border-radius: 0.5rem;
        min-height: 22.5rem;
        background-size: cover;
    }

    .max-width-medium {
        display: grid;
    }

    .max-width-medium-cta {
        display: grid;
    }

    .is-large.with-icon.width-260 {
        width: 100%;
    }

    .padding-section-large.is-cta-section {
        display: grid !important;
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding-top {
        padding-right: 1.25rem;
        padding-bottom: 5rem;
        padding-left: 1.25rem;
    }

    .margin-vertical {
        margin-right: 0;
        margin-left: 0;
    }

    .margin-bottom {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .padding-left {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .padding-vertical {
        padding-right: 0;
        padding-left: 0;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-top {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-left {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .padding-bottom {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .heading-style-h3 {
        font-size: var(--heading3MobileFontSize) !important;
    }

    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none;
    }

    .heading-style-h1 {
        letter-spacing: -2px;
    }

    .heading-style-h1.text-left-mobile {
        text-align: left;
    }

    .padding-global.is-nav {
        padding-right: 0;
        padding-left: 0;
    }

    .hide-mobile-portrait {
        display: none;
    }

    .text-size-regular {
        font-size: 0.885rem;
    }

    .max-width-large.align-center.text-align-center.text-size-medium.text-left-mobile {
        text-align: left;
    }

    .text-size-small {
        font-size: 0.725rem;
    }

    .padding-small {
        padding: 1.2rem !important;
    }


    .heading-style-h4 {
        font-size: var(--heading4MobileFontSize) !important;
    }

    .heading-style-h4.text-align-center.text-color-primary.text-left-mobile {
        text-align: left;
    }

    .text-size-large {
        font-size: 1.15rem;
    }

    .text-size-xlarge {
        font-size: 1.4rem;
    }

    .heading-style-h2 {
        font-size: var(--heading2MobileFontSize) !important;
        letter-spacing: -1px;
    }

    .heading-style-h5 {
        font-weight: 500;
    }

    .is-store {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .is-store.max-width-full-mobile-portrait {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .is-qr {
        display: none;
    }

    .text-size-medium {
        font-size: 1rem;
    }

    .hide.show-on-mobile {
        position: relative;
        display: inline-block;
    }

    .nav_full-wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .wallet_benefits-container.with-border {
        padding-left: 0;
    }

    .section_cta {
        background-image: none;
        background-position: 0 0;
        background-size: auto;
        background-repeat: repeat;
    }

    .question-title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .footer-link-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-link.bottom {
        margin-right: 0;
    }

    .body.copyright {
        margin-bottom: 0.625rem;
        text-align: center;
    }

    .footer-block {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .tabs.margin-top.margin-huge {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0 !important;
    }

    .tabwrapper {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .icon-wrapper-100 {
        width: 64px;
        height: 64px;
    }

    .form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .email-field::-webkit-input-placeholder {
        font-size: 1.1rem;
    }

    .email-field:-ms-input-placeholder {
        font-size: 1.1rem;
    }

    .email-field::-ms-input-placeholder {
        font-size: 1.1rem;
    }

    .email-field::placeholder {
        font-size: 1.1rem;
    }

    .email-submit {
        border-radius: 0.813rem !important;
        margin-top: 1rem !important;
    }

    .email-field {
        border-radius: 13px !important;
    }

    .margin-slider {
        margin-bottom: 1rem;
    }

    .tab-link {
        margin-bottom: 0.5rem;
        width: 290px;
    }

    .image-hero {
        max-width: 280px;
    }

    .wallet_wrapper-right {
        width: 100%;
    }

    .wrapper-right {
        width: 100%;
    }

    .is-store {
        height: 45px;
    }
}

@media screen and (max-width: 390px) {
    .dotListClass {
        margin-top: 0;
    }

    .hero_text-wrapper {
        grid-area: bottom !important;
        position: relative !important;
    }

    .is-store {
        height: 45px;
    }

    .nav_logo {
        width: 170%;
    }
}

@media screen and (max-width: 376px) {

    .hero-image-wallet {
        bottom: 30%;
        width: 105%;
        height: 100%;
        max-height: 40vh;
    }

    .pieChart {
        width: 285px !important;
    }

    .center-content-wallet-100vh {
        min-height: 125vh !important;
        height: auto !important;
    }

    .section_hero {
        padding-top: 0 !important;
    }

    .container-hero {
        margin-top: 3rem !important;
    }

    .hero_text-wrapper {
        bottom: 0 !important;
    }
    .nav_logo {
        width: 220%;
    }
}

@media screen and (max-width: 330px) {

    .aboutCardWrapper {
        padding: 0.5rem !important;
    }

    :root {
        --heading1FontSize: 2rem !important;
        /*--heading1MobileFontSize: 2.5rem;*/
    }


    .accept {
        width: 10.5rem !important;
    }

    .section_hero {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 330px) and (max-height: 600px) {
    .section_hero {
        padding-top: 0 !important;
    }
}

.Dropdown-control {
    border: none;

}

.Dropdown-arrow {
    display: none;
}

.r-marquee-wrapper-left {
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    animation: scroll-left 50s infinite linear;
}

.r-marquee-wrapper-tokens-left {
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    animation: scroll-left-tokens 60s infinite linear;
}

@keyframes scroll-left {

    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-990px, 0, 0);
    }
}

@keyframes scroll-left-tokens {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-1890px, 0, 0);
    }
}

.r-marquee-wrapper-right {
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    animation: scroll-right 60s linear infinite;
}

.r-marquee-wrapper-tokens-right {
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    animation: scroll-right-tokens 60s linear infinite;
}


@keyframes scroll-right {
    0% {
        transform: translate3d(-990px, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes scroll-right-tokens {
    0% {
        transform: translate3d(-1890px, 0, 0);
    }

    100% {
        transform: translate3d(-890px, 0, 0);
    }
}

.r-marquee {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
}

.logo-group {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}

.logos-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 2rem;
}

.css-1elwnq4-MuiPaper-root-MuiAccordion-root {
    box-shadow: 0 0 0 0;
}

.css-1elwnq4-MuiPaper-root-MuiAccordion-root:before {
    background-color: transparent !important;
}

.MuiAccordionSummary-expandIconWrapper {
    background: var(--themeLightGreenBackgroundColor);
    border-radius: 100%;
    min-width: 3.125rem;
    min-height: 3.125rem;
}

.MuiAccordionSummary-expandIconWrapper:hover {
    opacity: 0.8;
}

.MuiSvgIcon-root {
    display: block;
    margin: auto;
}

.price-highlight {
    color: var(--themeMainGreenBackgroundColor);
    font-family: var(--font-paragraph) !important;
    font-size: 1rem;
    text-decoration: none;
}

.cookies {
    left: 0;
    padding: 0;
    height: 16%;
    font-size: 17px;
    overflow: auto;
    background: #F5F5fa !important;
    color: #333333 !important;
}

.cookiesText {
    align-self: center;
    font-size: 1.125rem;
}

.btnWrrapper {
    display: flex;
    flex: 1;
    align-self: center;
    justify-content: center;
}

.accept {
    width: 12.5rem !important;
    height: 3.125rem !important;
    color: var(--themeMainGreenBackgroundColor) !important;
    font-size: 1.25rem;
    font-weight: 600;
    border-radius: 0.375rem !important;
    background: var(--labelLime) !important;
    margin: 0.5rem !important;
}

.declineBtn {
    width: 120px !important;
    height: 3.125rem !important;
    color: var(--white) !important;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0.375rem !important;
    background: var(--themeMainGreenBackgroundColor) !important;
    margin: 0.5rem !important;
}

.rs-navbar-item {
    font-size: 1.125rem;
    font-family: var(--font-paragraph) !important;
}

.rs-navbar-item:focus,
.rs-navbar-item:hover {
    color: var(--current) !important;
    background: transparent !important;
}

.rs-dropdown-item {
    color: var(--blackColor);
    font-weight: 600;
    font-size: 1.125rem;
}

.rs-dropdown-item:focus,
.rs-dropdown-item:hover {
    color: var(--current) !important;
    background: transparent !important;
}

.rs-navbar-default {
    color: var(--blackColor);
}

.rs-navbar-default .rs-navbar-item.rs-navbar-item-active {
    color: var(--blackColor);
}

.rs-navbar-mobile {
    display: flex;
    flex-direction: column;
    float: left;
}

.infotainment {
    margin-bottom: 1.3rem;
    display: flex;
    padding: 0 1rem;
}

.infotainment .nav_right-wrapper {
    display: contents;
    margin: auto 0 auto 0;
}

.mobileNavBtns a {
    padding-left: 0 !important;
    color: var(--blackColor);
}

.mobileNavBtns>div>a>a {
    padding-left: 0 !important;
    color: var(--blackColor);
}

.active>a>a {
    color: var(--themeMainGreenBackgroundColor);
}

.background-color-advantages-wallet {
    background-color: transparent;
}

.background-color-advantages-home {
    background-color: #f9f9f9;
}

.activeMenuBtn {
    color: var(--themeMainGreenBackgroundColor);
}

.menuBtn {
    font-size: 24px;
}

.navbar-main {
    background: transparent !important;
    height: 3.5625rem;
    margin-left: 2rem;
}

.navbar-mobile {
    display: grid !important;
    margin-left: 0 !important;
    text-align: left !important;
}

.scan {
    width: min-content;
}

.coingecko {
    margin-left: 0.125rem;
}

.hero_text-wrapper {
    position: absolute;
    display: flex;
    grid-area: bottom;
    bottom: 0.6rem;
    left: 0;
    right: 0;
}

.hero_text-wrapper>p {
    opacity: 1;
    align-self: center;
}

.hero_text-wrapper>a {
    display: block;
    margin: 0 auto;
}

.socialLinks {
    opacity: 1;
    margin-bottom: 0.063rem !important;
}

.footer-group {
    display: grid;
    width: max-content;
    align-items: baseline;
    align-content: space-between;
    justify-self: center;
    font-family: var(--font-paragraph);
}

.footer-group>a {
    font-size: 1rem;
    padding: 0;
}

.footer-group>a>div:hover {
    text-decoration: none;
    color: var(--themeMainGreenBackgroundColor) !important;
}

.footer-links {
    justify-content: flex-end;
    color: #141414;
    background: transparent !important;
}

.footer-links:hover {
    text-decoration: none;
    color: var(--themeMainGreenBackgroundColor);
}

.footer {
    margin-top: 3.125rem;
}

.portal {
    padding: 0.125rem 0.5rem;
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
    display: flex;
    color: var(--themeMainGreenBackgroundColor);
    margin: 1rem 0;
}

.portal:hover {
    color: var(--themeLightGreenBackgroundColor) !important;
    border-color: var(--themeLightGreenBackgroundColor) !important;
}

.portal:active {
    color: var(--labelLime) !important;
    border-color: var(--labelLime) !important;
}

.portal:focus {
    color: var(--labelLime) !important;
    border-color: var(--labelLime) !important;
}

.container-large-footer {
    width: 100%;
    max-width: var(--containerLargeWidth);
    margin-right: auto;
    margin-left: auto;
}

.container-large-wallet-slider {
    width: 100%;
    max-width: 76rem;
    margin: 60px auto auto auto;
}

.is-qr.footer {
    padding: 5px !important;
}

.social {
    align-items: flex-start;
}

.cta-image {
    position: relative;
    width: 130%;
    display: flex;
    justify-content: flex-end;
    max-width: 100%;
    max-height: 100%;
    margin-top: 1rem;
}

.cta-image .gatsby-image-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.wallet-image {
    position: relative;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin-top: 1rem;
}

.gatsby-image-wrapper img {
    object-fit: contain !important;
}

.debitCard {
    color: var(--themeMainGreenBackgroundColor);
    margin-top: 0.3rem !important;
    margin-bottom: 5rem !important;
}

.firebase {
    color: var(--white);
    margin: 1.25rem 0 0 0;
}

.bank-image-comming-soon {
    top: 0;
    width: fit-content;
    font-family: var(--font-header) !important;
    font-weight: 600;
    font-size: 1rem;
    line-height: 145%;
    text-align: center;
    padding: 5px;
    margin: 0.625rem 0.625rem 0.625rem 0;
    color: var(--blackColor);
    background-color: var(--labelLime);
    border-radius: 6.25rem;
}

.textWrapper {
    display: grid;
    align-content: space-around;
}

.container {
    margin-left: 0 !important;
    width: fit-content !important;
}

.rsis-container {
    background-color: var(--backgroundColorBlack);
}

.rsis-image {
    background-repeat: no-repeat;
    background-size: contain !important;
}

.simpleImageSlider {
    margin-top: 4rem;
}

.simpleImageSlider>div {
    width: 358px;
    height: 765px;
}

.simpleImageSlider>div>div {
    width: 358px;
    height: 765px;
}

.slide-arrows {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    right: 0;
    padding: 0;
    background: transparent;
    font-size: 20px;
    margin: 0 5px;
    color: #afd544;
    cursor: pointer;
    border: 0.063rem solid rgba(224, 251, 146);
    opacity: 0.5;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-arrows.left-slide-arrow>svg {
    min-width: 30px;
    min-height: 30px;
}

.slide-arrows.right-slide-arrow>svg {
    min-width: 30px;
    min-height: 30px;
}

.slide-arrows:hover {
    opacity: 1;
}

.slide-arrows:focus-visible {
    outline: none;
}


.slide-arrows:focus {
    outline: none;
}

.nav-dropdown {
    vertical-align: baseline !important;
    width: 100%;
}

.navItemBorder {
    border-left: 0.063rem solid #c5c6c7;
    height: 100%;
}

.navItemBorder:after {
    height: 100%;
}

.icon-card {
    margin-top: 2rem;
}

.videoTag {
    position: relative;
    max-width: 100%;
    transform: scale(1);
    height: auto;
    margin: auto;
    grid-area: head2;
}

.centered-items {
    align-self: flex-start;
}

.tokens-table {
    width: 100% !important;
}

.card-svg {
    border-radius: 35px;
    padding: 0;
    width: 90px;
    height: 90px;
}

.wallet-wrapper-left .react-multi-carousel-item {
    width: fit-content !important;
}

.dotListClass {
    position: relative !important;
    bottom: 0;
    display: grid;
    align-self: center;
    left: -10%;
    right: 0;
    justify-content: center;
    padding: 0;
    text-align: center;
}

.dotListClass>li>button:focus {
    outline: none !important;
}

.react-multi-carousel-dot-list {
    right: 10% !important;
    justify-content: flex-start;
}

.react-multi-carousel-dot-list>li>button:focus {
    outline: none !important;
}

.css-r40f8v-MuiTypography-root {
    color: var(--white)
}

.css-1t6e9jv-MuiCardActions-root {
    padding: 0.625rem 0;
}

.card-link>a {
    font-size: 0.875rem !important;
    color: var(--labelLime) !important;
    background: transparent;
    text-decoration: none !important;
    cursor: pointer;
}

.card-link>button {
    font-size: 0.875rem !important;
    color: var(--labelLime) !important;
    background: transparent;
    text-decoration: none !important;
    cursor: pointer;
}

.card-link:hover {
    color: var(--labelLime) !important;
    opacity: 0.8;
}

.card-link>svg {
    vertical-align: sub;
    font-size: 13px;
}

.react-multi-carousel-dot button {
    background: #8366F4 !important;
    border-color: transparent !important;
}

.react-multi-carousel-dot--active button {
    background: #11D48E !important;
}

.main-container-block {
    display: block;
    padding: 0;
}

.main-container {
    display: flex;
}

.main-container-slider {
    display: flex;
}

.main-container-wallet {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
}

.main-container-wallet-small {
    display: none;
    grid-template-columns: 1fr 1fr;
}

.max-width-small-slider {
    max-width: 50rem;
    width: 100%;
    margin: auto !important;
}

.money {
    width: 100%;
}

.money-wealth {
    max-width: 75%;
    width: 100%;
}

.money-wealth>p {
    max-width: 70%;
    width: 100%;
}

.carousel-button-group-wallet {
    display: flex;
    align-self: baseline;
    position: absolute;
    z-index: 999;
    right: 15%;
    top: 19%;
}

.w-tab-content {
    position: inherit;
    display: block;
    overflow: hidden;
}

.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 0.625rem 0.625rem;
    text-align: left;
    cursor: pointer;
    color: var(--blackColor);
}

.w-tab-link:focus {
    outline: 0;
}


.wallet-content {
    display: flex;
    margin-bottom: 2rem;
    min-height: 45px;
    justify-content: space-between;
}

.card-header {
    background-color: transparent;
    border-bottom: none;
    padding-left: 0;
    font-family: var(--font-header) !important;
    ;
    font-weight: 600;
}

.card-caption {
    font-size: var(--paragraph18);
    color: #F5F5fa !important;
    height: 10.125rem;
    margin-bottom: 0 !important;
    display: grid;
    justify-content: space-evenly;
    align-content: space-between;
}

.card-content {
    padding: 0 1.8rem;
    display: grid;
    align-content: space-between;
}

.card-role {
    font-size: 1.125rem;
    background-color: var(--labelLime) !important;
    color: var(--blackColor) !important;
    font-family: var(--font-paragraph) !important;
}

.cardContent {
    min-height: 13.25rem !important;
    margin-bottom: 0 !important;
    margin-top: 1rem !important;
    padding: 0 !important;
    line-height: 1em;
}

.cardBoard {
    min-height: 9.25rem !important;
    margin-bottom: 0 !important;
    margin-top: 1rem !important;
    padding: 0 !important;
    line-height: 1em;
}

#qrcode {
    padding: 0 !important;
}

.cardContentTxt {
    -webkit-mask-image: linear-gradient(to bottom, #141414 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

.container-wealth .card-slide {
    background-color: transparent;
    color: var(--white);
    max-width: 22.5rem;
    padding: 1.5rem 0;
    height: 500px;
    border: 0.063rem solid #afaaaa;
    border-radius: 32px;
    overflow: hidden;
    display: grid;
    margin: 2rem 1rem 2rem 0 !important
}

.container-wealth .card-slide>img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    width: 90%;
    margin: auto;
    object-fit: contain;
}

.goToLink {
    margin: 2rem auto 0 auto;
    align-items: center;
}

.formItems {
    padding: 4rem 0;
    display: grid;
    grid-row-gap: 5rem;
}

.formItems>h2:first-of-type {
    text-align: center;
    margin: auto;
    position: relative;
}

.features {
    padding: 4rem 0;
    display: grid;
}

.features>h2:first-of-type {
    text-align: center;
    margin: auto;
    position: relative;
}

.formWrapper>h2:first-of-type {
    text-align: center;
    margin: auto;
    position: relative;
}

.wallet-card {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.wallet-card-image {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    zoom: 1.5;
    background-color: var(--backgroundColorBlack);
    width: 100%;
    object-fit: contain;
}

.w-nav:before,
.w-nav:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

.w-nav:after {
    clear: both;
}

.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333333;
}

.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    text-decoration: none;
    color: var(--blackColor);
    padding: 1rem 1.25rem 1rem 1.25rem;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 0.063rem;
    padding-right: 0.625rem;
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0;
}

.w-nav {
    position: relative;
    background: #fefefe;
}

.w-nav:before,
.w-nav:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

.w-nav:after {
    clear: both;
}

.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333333;
}

.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    text-decoration: none;
    color: var(--blackColor);
    padding: 1rem 1.25rem 1rem 1.25rem;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.nav-menu {
    position: relative;
    float: right;
    font-weight: 600;
    font-size: 1.0rem;
    align-self: center;
    width: 100%;
}

.w-nav-menu {
    position: relative;
    float: right;
    font-weight: 600;
    font-size: 1.0rem;
    align-self: center;
}

[data-nav-menu-open] {
    display: grid !important;
    flex-direction: column;
    top: 100%;
    left: 0;
    right: 0;
    background: #f9f9f9;
    text-align: center;
    height: fit-content;
    overflow-y: scroll;
    width: 100%;
    position: absolute;
}

.w--nav-link-open {
    display: block;
    position: relative;
}

.w-nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
}

.aboutPage {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.bankPage {
    background-image: url("../images/bank/Background_Bank.webp");
    border-top: 0.063rem solid #e0e5e9;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.tokenPage {
    background-image: url("../images/token/Background-token.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 100%;
}

.wealthPage {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.walletPage {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.aboutImage {
    background-repeat: no-repeat;
    background-size: cover;
}

.about {
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.bank {
    background-repeat: no-repeat;
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.aboutStick {
    margin: auto;
    background-color: white;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    width: 50%;
    left: 0;
    bottom: 11%;
    right: 0;
    position: absolute;
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
}

.aboutStick>span:first-of-type {
    margin-bottom: 1rem;
}

.bank {
    background-repeat: no-repeat;
    width: 100%;
    display: inline-block;
    position: relative;
    margin: auto;
}

.bankStick {
    margin: auto;
    background-color: white;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 3rem 2rem;
    width: 400px;
    bottom: 40%;
    left: 30%;
    height: 375px;
    right: 0;
    position: absolute !important;
    border: 0.063rem solid var(--themeMainGreenBackgroundColor);
}

.bankStick .carousel {
    position: absolute;
    height: 95%;
}

.bankStick>span:first-of-type {
    margin-bottom: 1rem;
}

#changex_wall {
    position: relative;
}

.sliderAnimation {
    animation: fadeIn 2s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 2s;
    -webkit-animation-direction: alternate;
    animation-name: fadeIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-direction: alternate;
}

.bankThought {
    width: 100%;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.slider-header {
    margin-bottom: 2rem;
    margin-left: 1rem;
}

.slider-content {
    margin: 1rem;
    font-size: 1.3rem;
    max-height: 12.5rem;
}

.slider-header-text {
    font-size: 32px;
}

.slider-content-text {
    font-size: 1.125rem;
}

.carousel-control-next,
.carousel-control-prev {
    color: var(--backgroundColorBlack) !important;
    padding: 2rem 0 0 0;
}

.bankStick .carousel-control-next {
    align-items: start;
    font-size: 1.25rem;
    max-height: 40px;
    right: 2%;
    margin-left: 1rem;
    top: 7%;
}

#walletCarousel {
    display: -webkit-flex !important;
    display: -moz-flex !important;
}

.bankStick .carousel-control-prev {
    align-items: start;
    font-size: 1.25rem;
    max-height: 40px;
    right: 11%;
    left: auto;
    margin-right: 1rem;
    top: 7%;
}

.carouselIcon {
    border: 0.063rem solid #3418d8;
    border-radius: 1.875rem;
    width: 35px;
    height: 35px;
}

.carouselIcon>svg {
    color: #3418d8;
    font-size: 1rem;
}

.wallet-slider .carousel-indicators {
    display: grid;
    bottom: 50%;
    justify-content: flex-end !important;
    margin: inherit !important;
}

.bankStick .carousel-indicators>button {
    margin: 1rem 0.15rem 0 0.15rem !important;
    background-color: #e7e3e1;

}

.infoWrapper {
    text-align: center;
    margin: 0;
}

.infoInnerWrapper {
    display: inline-flex;
    margin: 2rem 0 2rem 0;
}

.infoInnerWrapper-nav {
    display: inline-flex;
    margin: 0;
}

.btn-primary {
    background-color: var(--themeMainGreenBackgroundColor) !important;
    width: 210px;
    height: 60px;
    font-size: 1.5rem;
    font-weight: 600;
    border-radius: 6.25rem !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: var(--themeGreenBackgroundColor) !important;
}

.nav-link {
    font-size: 1.125rem !important;
    color: var(--backgroundColorBlack) !important;
    padding: 1rem 0.8rem !important;
}

.nav-link:hover {
    text-decoration: none;
    outline: none;
    color: var(--themeMainGreenBackgroundColor) !important;
}

.nav-link-dropdown {
    font-size: 1.125rem !important;
    display: block;
    color: var(--backgroundColorBlack) !important;
    padding: 0.5rem 0.8rem !important;
    text-decoration: none;
    outline: none;
}

.nav-link-dropdown>img {
    margin-left: 2px;
}

.nav-link-dropdown:hover {
    text-decoration: none;
    outline: none;
    color: var(--themeMainGreenBackgroundColor) !important;
}

.navbar-nav-main {
    margin-left: 2rem !important;
}

.dropdown-item {
    padding: 0 !important;
    border-radius: 0.5rem !important;
}

.dropdown-menu {
    border-radius: 0.5rem !important
}

.dropdown-exchange-text {
    font-family: var(--font-paragraph);
    color: var(--blackColor);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin: 0;
}

.dropdown-exchange {
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    gap: 10px;
    width: 212px;
    height: 56px;

}

.dropdown-exchange:hover {
    background-color: #F3FBFD !important;
    cursor: pointer;
}


.teamImg {
    width: 90px;
    height: 90px;
    border: 0.063rem solid #1B242C;
    border-radius: 500px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.teamAvatar {
    border-radius: 45px !important;
    width: 91px;
    height: 91px;
}


.max-height-card {
    height: auto;
    animation-name: card-closed;
    animation-duration: 2s;
    animation-direction: reverse;
    animation-fill-mode: forwards;
}

@keyframes card-closed {
    0% {
        max-height: 395px;
    }

    100% {
        max-height: max-content;
    }
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.vh {
    height: 100vh;
}

.vh-responsive {
    height: 100vh;
}

.vh-responsive-wealth {
    height: 100vh;
}

.vh-responsive-token {
    height: auto;
    background-color: var(--white);
}

#advantages {
    position: relative;
}

.quote {
    background-color: var(--labelLime);
    padding: 2rem 0;
    display: flex;
    border-radius: 1.5rem;
}

.quoteImage {
    align-self: center;
    display: flex;
}

.quoteImagePartner {
    background-image: url("../images/partners/superhero-banner_1210.png");
    border: 0.063rem solid #3418D8;
    border-radius: 2rem;
    margin-top: 5rem;
    background-position-y: bottom;
    background-repeat: no-repeat;

}

.tokenomicsImgBanner {
    background-image: url("../images/partners/buy-tokens-bg.png");
    background-color: var(--labelLime);
    border: 0.063rem solid var(--labelLime);
    border-radius: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: none;
}

.is-yellow-background {
    background-color: var(--labelLime) !important;
    padding: 0 1rem !important;
    text-decoration: underline;
}
.quoteTextPatner {
    width: 50%;
    margin: auto 0 auto auto;
}

.quoteText>p {
    margin: auto;
    width: 50%;
    color: var(--white);
}

.quoteTextPatner>h3 {
    color: var(--white) !important;
}

.question {
    display: grid;
    grid-template-columns: 1fr 2fr;

}

.roadmap-date {
    background-color: var(--themeMainGreenBackgroundColor);
    color: var(--white);
    padding: 1rem;
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
}

.roadmap-item {
    text-align: -webkit-left;
    padding: 1.5rem;
    border-radius: 1rem;
}

.roadmap-text {
    color: var(--white);
}

.ant-timeline-item-label {
    color: var(--white);
    font-size: var(--headingTextSize);
    font-weight: 600;
    margin-right: 3rem;
}

.roadmap-timeline {
    padding: 0 1rem 5rem 0 !important;
}

.roadmap-text {
    font-size: 21px !important;
}

.ant-timeline-item-tail {
    background-color: var(--themeMainGreenBackgroundColor);
}

canvas {
    height: 450px !important;
    width: fit-content;
}

.pieChart {
    max-width: fit-content;
    margin: auto 0 auto;
}

.tableHead {
    border: none;
}

.tableType {
    color: var(--white) !important;
    font-style: normal;
    font-family: var(--font-paragraph) !important;
    font-weight: 600 !important;
    font-size: 1.25rem;
    border-bottom: 0.063rem solid #212b33 !important;
    vertical-align: middle;
}

.tableValue {
    color: var(--white) !important;
    font-style: normal;
    font-family: var(--font-header) !important;
    font-weight: 600 !important;
    font-size: 1.25rem;
    border-bottom: 0.063rem solid #212b33 !important;
    vertical-align: middle;
    text-align: right;
}

.tableCellIcon {
    padding: 0 !important;
    border-bottom: 0.063rem solid #F5F5FA !important;
    width: 12.5rem;
}

.MuiInputBase-formControl {
    width: 100% !important;
    border: 0.063rem solid #F5F5FA !important;
    border-radius: 0.5rem;
    opacity: 0.5 !important;
}

.tableTokenomicsCellIcon {
    border-bottom: 0.063rem solid #212b33 !important;
    font-size: 1.75rem !important;
}

.contentWrapper {
    text-align: center;
    margin: auto;
    padding: 2.5rem;
}

.tableRow {
    height: 1.25rem !important;
}

.tableCell {
    border-bottom: 0.063rem solid #F1F0F7 !important;
    font-weight: 600 !important;
    width: 12.5rem;
}

.crawlImg {
    width: 35px !important;
    height: 35px !important;
}

.hero-wealth {
    background-color: #f9f9f9;
}

.css-quj9j6-MuiTable-root {
    min-width: auto !important;
}

.css-1ndpvdd-MuiTableCell-root {
    font-size: 12px !important;
    font-family: var(--font-paragraph) !important;
    font-weight: 600 !important;
}
.routesBtnDarkGreen {
    color: #fff !important;
    outline: none;
    text-decoration: none;
}

.hero-bank {
    background-color: #f9f9f9;
}

.hero-launchpad {
    background-color: #f9f9f9;
}

.routesBtnDarkGreen {
    color: #f9f9f9 !important;
    outline: none;
    text-decoration: none;
}

.routesBtnLime {
    color: #1a1e21 !important;
    outline: none;
    text-decoration: none;
}

.routesBtnLime:hover {
    text-decoration: none;
}

.routesBtn {
    color: var(--blackColor) !important;
    outline: none;
    text-decoration: none;
}

#changexPrice {
    font-family: var(--font-paragraph);
    font-weight: 600;
    margin-top: 5px;
}

#changex_apy {
    margin-top: 5px;
}

.borderSpan {
    display: block;
}

.ant-popover-inner {
    padding: 3rem 1.6rem !important;
    border-radius: 1rem !important;
    width: 13.75rem;
    height: 15rem;
    color: var(--offWhite) !important;
    background-color: #303D48 !important;
}

.ant-popconfirm-message {
    color: var(--white) !important;
    font-size: 1.188rem !important;
    margin-bottom: 1rem !important;
    font-family: var(--font-header) !important;
}

.ant-popconfirm-description {
    color: var(--white) !important;
    font-size: 1rem !important;
    font-family: var(--font-paragraph) !important;
    margin-inline-start: 0.5rem !important;
}

.ant-popconfirm-buttons {
    display: none !important;
}

.activeLink {
    color: var(--themeMainGreenBackgroundColor) !important;
}

.ant-popover-arrow:before {
    background: #303D48 !important;
}

#changex_supported_tokens {
    height: 700px;
    box-shadow: none !important;
}

.vertical-timeline-element-content {
    background-color: #1B242C !important;
    border-radius: 1rem;
    padding: 0 !important;
    box-shadow: none !important;
}

.vertical-timeline-element-content>p {
    margin: auto;
}

.vertical-timeline-element-date {
    font-size: 1.688rem !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    padding-left: 1.5rem !important;
}

.timeline-icon {
    display: block !important;
    height: 0.375rem !important;
    margin: auto;
    width: 0.375rem !important;
    left: 0 !important;
    right: 0 !important;
}

.vertical-timeline--two-columns .vertical-timeline-element-icon {
    margin-left: auto;
}

.table {
    display: table !important;
}

.table-align-center {
    display: table-cell;
    vertical-align: middle;
}


.table {
    display: table !important;
}

.table-align-center {
    display: table-cell;
    vertical-align: middle;
}

.buttonSubmit {
    box-shadow: none;
    padding: 0.813rem 2rem;
    border-radius: 6.25rem;
    text-transform: none;
    color: var(--blackColor);
    background-color: var(--labelLime) !important;
    font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1.5;
    width: fit-content;
    font-family: 'Source Sans Pro', sans-serif;
}

.buttonSubmit:hover {
    background-color: #6dff17 !important;
    box-shadow: none;
    border: none
}

.buttonSubmit:active {
    background-color: #6dff17;
    box-shadow: none;
    outline: none;
}

.buttonSubmit:focus {
    box-shadow: none;
    background-color: #6dff17;
    outline: none;
}

.fade-in-enter-active {
    transition: opacity 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.fade-in-leave-active {
    transition: opacity 225ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fade-in-enter,
.fade-in-leave-to {
    opacity: 0;
}

.crypto-list-grid-3-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.image-with-text {
    display: flex;
    align-items: center;
}

.image-with-text-exchange {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.image-with-text-exchange-small {
    display: none;
}

@media (max-width: 768px) {
    .image-with-text-exchange {
        display: none;
    }

    .image-with-text-exchange-small {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.crypt-func {
    padding: 0.5rem;
}

.buy-and-sell-container {
    display: flex;
    width: 100%;
    align-items: center;
}

.buy-and-sell-container-small {
    display: none;
}

@media (max-width: 768px) {
    .buy-and-sell-container {
        display: none;
    }

    .buy-and-sell-container-small {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .main-container-wallet {
        display: none;
    }

    .main-container-wallet-small {
        display: grid !important;
        grid-template-columns: none !important;
        padding: 1rem;
    }
}

.container-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.5rem;
}

.beta-button, .beta-button:hover {
    background-color: var(--labelLime);
    color: var(--blackColor);
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-radius: 6.25rem;
    cursor: pointer;
    white-space: nowrap;
}

.beta-button:hover {
    background-color: #6dff17;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: none;
}

.vertical-timeline::before {
    background: var(--themeMainGreenBackgroundColor) !important;
}