:root {
    --primary-50: #edfff6;
    --primary-100: #d5ffed;
    --primary-200: #aeffdb;
    --primary-300: #70ffc0;
    --primary-400: #2bfd9e;
    --primary-500: #03ff8d;
    --primary-600: #00c064;
    --primary-700: #009652;
    --primary-800: #067544;
    --primary-900: #07603a;
    --primary-950: #00371f;
    --primary-1000: #011c1c;

    --primary-100-op5: rgba(198, 255, 249, 0.2);
    --primary-700-op5: rgba(2, 129, 131, 0.7);
    --primary-950-op5: rgba(0, 119, 103, 0.3);
    --primary-1000-op-6: rgba(1, 20, 22, 0.6);

    --purple-500: #BB6BD9;
    --light-green-500: #76BD1D;

    --white: #ffffff;
    --white-50: #fafafa;
    --black-50: #f6f6f6;
    --black-100: #e7e7e7;
    --black-200: #d1d1d1;
    --black-300: #b0b0b0;
    --black-400: #888888;
    --black-500: #6d6d6d;
    --black-600: #5d5d5d;
    --black-700: #4f4f4f;
    --black-800: #454545;
    --black-900: #3d3d3d;
    --black-950: #000000;
    --black-main: #1d1d1d;
    --black-sub: #0e0e0e;
    --black-card: #0d0e0e;
    --black-card-2: #0f1212;

    --font-xxxs: 14px;
    --font-xxs: 16px;
    --font-xs: 18px;
    --font-sm: 20px;
    --font-sm-2: 23px;
    --font-md: 26px;
    --font-lg: 36px;
    --font-xl: 46px;
    --font-xxl: 56px;
    --font-xxxl: 86px;

    --font-normal-price: 64px;

    --line-height-11: 110%;
    --line-height-14: 140%;
    --line-height-16: 160%;

    --border-radius-5: 5px;
    --border-radius-50: 50px;
    --border-radius-100: 100px;

    --blur-5: 5px;

    --opacity-5: 5%;
    --opacity-15: 15%;
    --opacity-30: 20%;
    --opacity-60: 60%;
    --opacity-90: 90%;

    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;

    --space-15: 15px;
    --space-20: 20px;
    --space-25: 25px;
    --space-30: 30px;
    --space-35: 35px;
    --space-40: 40px;
    --space-45: 45px;
    --space-50: 50px;
    --space-55: 55px;
    --space-60: 60px;
    --space-70: 70px;
    --space-80: 80px;
    --space-100: 100px;
    --space-120: 120px;
    --space-200: 200px;

    --time-300: 0.30s;
    --time-350: 0.35s;
    --time-400: 0.40s;
    --time-500: 0.50s;
    --time-600: 0.60s;
    --time-700: 0.70s;
    --time-800: 0.80s;

}

:root::-webkit-scrollbar {
    display: none;
}

:root {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'FC Minimal', sans-serif !important;
    height: auto !important;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
}

/* -----Font Size System */
.font--xxxs {
    font-size: var(--font-xxxs);
}

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

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

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

.font--sm-2 {
    font-size: var(--font-sm-2);
}

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

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

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

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

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

/* -----Typography System */
/* ////// h1 h2 h3 h4 h5 h6 */
h1.intro-headline {
    font-size: var(--font-xxxl);
    line-height: var(--line-height-14);
    font-weight: 300;
}

h2.content-headline {
    font-size: var(--font-xxl);
    line-height: var(--line-height-14);
    font-weight: 300;
}

h3.content-headline {
    font-size: var(--font-xl);
    line-height: var(--line-height-14);
    font-weight: 300;
}

h4.content-headline {
    font-size: var(--font-md);
    line-height: var(--line-height-14);
    font-weight: 300;
}

@media (max-width: 991px) {
    h1.intro-headline {
        font-size: var(--font-xxl);
    }

    h2.content-headline {
        font-size: var(--font-xl);
    }

    h3.content-headline {
        font-size: var(--font-lg);
    }
}

@media (max-width: 575px) {
    h1.intro-headline {
        font-size: var(--font-xl);
    }

    h2.content-headline {
        font-size: var(--font-lg);
    }
}

@media (max-width: 425px) {
    h1.intro-headline {
        font-size: var(--font-lg);
    }

    h2.content-headline {
        font-size: var(--font-md);
    }

    h3.content-headline {
        font-size: var(--font-md);
    }
}

/* ///// big-text-price */
.big-text-price {
    font-size: var(--font-normal-price);
    line-height: var(--line-height-14);
    font-weight: 300;
}

/* ///// big paragrap */
.big-paragrap-1 {
    font-size: var(--font-xxxl);
    line-height: var(--line-height-14);
    font-weight: 500;
}

.big-paragrap-2 {
    font-size: var(--font-xxl);
    line-height: var(--line-height-14);
    font-weight: 400;
}

.big-paragrap-3 {
    font-size: var(--font-xl);
    line-height: var(--line-height-14);
    font-weight: 400;
}

.big-paragrap-4 {
    font-size: var(--font-lg);
    line-height: var(--line-height-14);
    font-weight: 400;
}

.big-paragrap-5 {
    font-size: var(--font-xs);
    line-height: var(--line-height-14);
    font-weight: 400;
}

.big-paragrap-6 {
    font-size: var(--font-md);
    line-height: var(--line-height-14);
    font-weight: 400;
}

.big-paragrap-2.milddle {
    font-weight: 300;
}

.big-paragrap-4.milddle {
    font-weight: 300;
}

.big-paragrap-5.milddle {
    font-weight: 300;
}

@media screen and (max-width: 991px) {
    .big-paragrap-6{
        font-size: var(--font-sm-2);
    }
    .big-paragrap-3 {
        font-size: var(--font-md);
        line-height: var(--line-height-14);
        font-weight: 400;
    }
    .big-paragrap-5 {
        font-size: var(--font-sm);
    }

    .big-paragrap-4 {
        font-size: var(--font-md);
    }
}

@media screen and (max-width: 767px) {
    .big-paragrap-3 {
        font-size: var(--font-md);
        line-height: var(--line-height-14);
        font-weight: 400;
    }
    .big-paragrap-5 {
        font-size: var(--font-sm);
    }

    .big-paragrap-4 {
        font-size: var(--font-md);
    }
}

@media screen and (max-width: 575px) {
    .big-paragrap-5 {
        font-size: var(--font-xs);
    }

    .big-paragrap-4 {
        font-size: var(--font-sm-2);
    }
}

@media screen and (max-width: 425px) {
    .big-paragrap-6{
        font-size: var(--font-sm);
    }
    .big-paragrap-5 {
        font-size: var(--font-xxs);
    }

    .big-paragrap-4 {
        font-size: var(--font-xxs);
    }
}

/* ///// text small */
.text-small-normal {
    font-size: var(--font-sm);
    line-height: var(--line-height-14);
    font-weight: 200;
}

.text-small-middle {
    font-size: var(--font-sm);
    line-height: var(--line-height-14);
    font-weight: 300;
}

/* ///// text small 2 */
.text-small2-normal {
    font-size: var(--font-sm-2);
    line-height: var(--line-height-11);
    font-weight: 200;
}


/* ///// text paragrap */
.paragrap-normal {
    font-size: var(--font-xs);
    line-height: var(--line-height-14);
    font-weight: 200;
}

.paragrap-middle {
    font-size: var(--font-xs);
    line-height: var(--line-height-14);
    font-weight: 300;
}

.paragrap-bold {
    font-size: var(--font-xs);
    line-height: var(--line-height-14);
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .paragrap-normal {
        font-size: var(--font-xxs);
    }

    .paragrap-middle {
        font-size: var(--font-xxs);
    }
}

@media screen and (max-width: 767px) {
    .paragrap-normal {
        font-size: var(--font-xxxs);
    }

    .paragrap-middle {
        font-size: var(--font-xxxs);
    }
}

/* ///// text nano */
.text-nano {
    font-size: var(--font-xxxs);
    line-height: var(--line-height-14);
    font-weight: 200;
}

/* -----Text Color System */
.black-50 {
    color: var(--black-50);
}

.black-100 {
    color: var(--black-100);
}

.black-200 {
    color: var(--black-200);
}

.black-300 {
    color: var(--black-300);
}

.black-400 {
    color: var(--black-400);
}

.black-900 {
    color: var(--black-900);
}

.black-950 {
    color: var(--black-950);
}

.primary-100 {
    color: var(--primary-100);
}

.primary-200 {
    color: var(--primary-200);
}

.primary-300 {
    color: var(--primary-300);
}

.primary-300-op15 {
    color: var(--primary-300);
    opacity: 15%;
}

.primary-300-op20 {
    color: var(--primary-300);
    opacity: 20%;
}

.primary-500 {
    color: var(--primary-500);
}

.primary-1000 {
    color: var(--primary-100);
}

.white-main {
    color: var(--white-50);
}

.purpel-500 {
    color: var(--purple-500);
}

.light-green-500 {
    color: var(--light-green-500);
}

.primary-linear {
    opacity: 0.9;
    background: var(--gd2, linear-gradient(90deg, #00A3A4 0%, #4DFBF0 60%, #FFF 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.primary-linear-2 {
    opacity: 0.9;
    background: var(--gd2, linear-gradient(90deg, #00A3A4 20%, #4DFBF0 54%, #FFF 64%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.primary-linear-3 {
    opacity: 0.9;
    background: var(--gd2, linear-gradient(90deg, #00A3A4 -18%, #4DFBF0 28%, #FFF 87%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.primary-linear-4 {
    opacity: 0.9;
    background: var(--gd2, linear-gradient(90deg, #007979 -18%, #00ffcc 28%, #00ff9d 87%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.primary-linear-vertical {
    opacity: 1;
    background: var(--gd2, linear-gradient(1deg, #028183 13.62%, #83FFF7 73.11%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* -----Button System  */
/* ///// primary button */
a {
    cursor: pointer;
    z-index: 2;
}

a.btn-primary {
    border-radius: var(--border-radius-100);
    background: #000000;
    color: #ffffff;
    border: 0.5px solid #eee;
    font-size: var(--font-xs);
    font-weight: 400;
    height: 50px;
    padding: 10px 20px 12px 20px;
    transition: var(--time-300);
}

a.btn-primary:hover {
    border-radius: var(--border-radius-100);
    background: #000000;
    color: #ffffff;
    border: 0.5px solid #eee;
    font-size: var(--font-xs);
    font-weight: 400;
    height: 50px;
    padding: 10px 20px 12px 20px;
    transition: var(--time-300);
    opacity: 0.8;
}

a.btn-primary:focus {
    background: var(--primary-800);
    color: var(--white);
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

@media screen and (max-width: 991px) {
    a.btn-primary {
        font-size: var(--font-xxs);
        padding: 10px 20px;
    }
}

@media screen and (max-width: 396px) {
    a.btn-primary {
        padding: 10px 20px 12px 20px;
    }
}

/* ///// Primary button 2*/

a.btn-primary-2 {
    border-radius: var(--border-radius-5);
    background: var(--primary-300);
    color: var(--black-950);
    font-size: 25px;
    font-weight: 400;
    height: 50px;
    padding: 10px 20px 12px 20px;
    transition: var(--time-300);
}

a.btn-primary-2:hover {
    background: var(--primary-600);
    color: var(--white);
    text-decoration: none;
}

a.btn-primary-2:focus {
    background: var(--primary-800);
    color: var(--white);
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

@media screen and (max-width: 991px) {
    a.btn-primary-2 {
        font-size: var(--font-xs);
        padding: 10px 20px;
    }
}

@media screen and (max-width: 396px) {
    a.btn-primary-2 {
        padding: 10px 20px 12px 20px;
    }
}

/* ///// secondary button */
a.btn-secondary {
    height: 50px;
    padding: 10px 20px 12px 20px;
    color: var(--white);
    font-size: var(--font-xs);
    font-weight: 400;
    border-radius: var(--border-radius-5);
    border: 1px solid var(--black-600);
    transition: var(--time-300);
    background: transparent;
}

a.btn-secondary:hover {
    background: var(--primary-700-op5);
    color: var(--white);
    text-decoration: none;
    border: 1px solid #000;
}

a.btn-secondary:focus {
    background: var(--primary-950);
    color: var(--white);
    text-decoration: none;
    border: 1px solid #000;
    outline: none;
    box-shadow: none;
}

@media screen and (max-width: 991px) {
    a.btn-secondary {
        font-size: var(--font-xxs);
        padding: 10px 20px 12px 20px;
    }
}

@media screen and (max-width: 767px) {
    a.btn-secondary {
        text-align: center;
        font-size: var(--font-xxs);
        padding: 12px 15px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 396px) {
    a.btn-secondary {
        margin-top: 15px;
        padding: 10px 20px 12px 20px;
    }
}

/* ------------------------------------------- */

/* ///// secondary button */
a.btn-secondary-2 {
    height: 50px;
    padding: 10px 20px 12px 20px;
    color: var(--black-950);
    font-size: var(--font-xs);
    font-weight: 400;
    border-radius: var(--border-radius-5);
    border: 1px solid var(--black-600);
    transition: var(--time-300);
    background: transparent;
}

a.btn-secondary-2:hover {
    background: var(--primary-600);
    color: var(--white);
    text-decoration: none;
    border: none;
}

a.btn-secondary-2:focus {
    background: var(--primary-950);
    color: var(--white);
    text-decoration: none;
    border: 1px solid #000;
    outline: none;
    box-shadow: none;
}

@media screen and (max-width: 991px) {
    a.btn-secondary-2 {
        font-size: var(--font-xxs);
        padding: 10px 20px 12px 20px;
    }
}

@media screen and (max-width: 767px) {
    a.btn-secondary-2 {
        text-align: center;
        font-size: var(--font-xxs);
        padding: 12px 15px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 396px) {
    a.btn-secondary-2 {
        margin-top: 15px;
        padding: 10px 20px 12px 20px;
    }
}

a.btn-link {
    color: var(--primary-300);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    font-weight: var(--font-weight-200);
    transition: var(--time-300);
}

a.btn-link:hover {
    color: var(--primary-500);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    font-weight: var(--font-weight-200);
}

a.btn-link:active {
    color: var(--primary-700);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    font-weight: var(--font-weight-200);
}

a.btn-link:focus {
    color: var(--primary-700);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    font-weight: var(--font-weight-200);
}

/* ------------------------------- */

a.btn-link-2 {
    color: var(--primary-500);
    font-size: var(--font-sm);
    text-decoration: none;
    font-weight: var(--font-weight-400);
    transition: var(--time-300);
}

a.btn-link-2:hover {
    color: var(--primary-700) !important;
    text-decoration: none;
}

a.btn-link-2:active {
    color: var(--primary-700) !important;
    text-decoration: none;
}

a.btn-link-2:focus {
    color: var(--primary-700) !important;
    text-decoration: none;
}

/* ------------------------------- */

a.btn-link-3 {
    text-decoration: none;
    transition: var(--time-300);
}

a.btn-link-3:hover {
    color: var(--primary-600)!important;
    text-decoration: none;
}

a.btn-link-3:active {
    color: var(--primary-600) !important;
    text-decoration: none;
}

a.btn-link-3:focus {
    color: var(--primary-600) !important;
    text-decoration: none;
}

/* ------------------------------- */

a.btn-link-4 {
    text-decoration: none;
    transition: var(--time-300);
}

a.btn-link-4:hover {
    color: var(--primary-300)!important;
    text-decoration: none;
}

a.btn-link-4:active {
    color: var(--primary-300) !important;
    text-decoration: none;
}

a.btn-link-4:focus {
    color: var(--primary-300) !important;
    text-decoration: none;
}

/* -----Border Radius System */
.border-5 {
    border-radius: 5px;
}

.border-50 {
    border-radius: 50px;
}

/* -----Border Radius System */
.blur-5 {
    backdrop-filter: var(--blur-5);
}

/* -----Stroke System */
.stroke-primary-200-op5 {
    border: 1px solid var(--primary-200);
    opacity: var(--opacity-5);
}

.stroke-black-600 {
    border: 1px solid var(--black-600);
}

.stroke-black-main {
    border: 1px solid var(--black-main);
}

.stroke-primary-500 {
    border: 1px solid var(--primary-500);
}


/* -----Background System */
.bg-black-900-op60 {
    background: var(--black-900);
    opacity: 60%;
}

.bg-black-950 {
    background: var(--black-950);
}

.bg-black-main {
    background: var(--black-main);
}

.bg-black-sub {
    background: var(--black-sub);
}

.bg-primary-100 {
    background: var(--primary-100);
}

.bg-primary-1000 {
    background: var(--primary-1000);
}


/* -----Card System */
.card-price-linear-fill {
    border-radius: var(--border-radius-5);
    border: 1px solid var(--black-main);
    opacity: var(--opacity-60);
    background: linear-gradient(180deg, #1B1B1B -6.46%, rgba(7, 7, 7, 0.49) 189.47%);
    backdrop-filter: var(--blur-5);
}

.card-investor-fill {
    fill: var(--black-card);
    opacity: var(--opacity-90);
    backdrop-filter: var(--blur-5);
    border-radius: 5px 5px 0 0;
}

.card-gurantee-fill {
    border-radius: var(--border-radius-5);
    border: 1px solid var(--primary-600);
    opacity: var(--opacity-90);
    background: var(--black-card);
    backdrop-filter: blur(5px);
}

.card-func-fill {
    border-radius: var(--border-radius-5);
    border: 1px solid var(--primary-600);
    opacity: var(--opacity-90);
    background: rgba(0, 0, 0, 0.70);
}

/* -----Fill System */
.fill-black-700 {
    fill: var(--black-700);
}

/* -----Horizontal Line System  */
hr.hr-primary-linear {
    background: linear-gradient(90deg, #00A3A4 0%, #4DFBF0 60%, #FFF 100%) !important;
}

hr.hr-primary-100 {
    background: var(--primary-100) !important;
    opacity: var(--opacity-15) !important;
}

hr.hr-primary-100-op15 {
    background: var(--primary-100) !important;
    opacity: var(--opacity-15) !important;
}

/* -----Space System */
.space-t-20 {
    padding-top: var(--space-20);
}

.space-t-30 {
    padding-top: var(--space-30);
}

.space-t-40 {
    padding-top: var(--space-40);
}

.space-t-50 {
    padding-top: var(--space-50);
}

.space-t-60 {
    padding-top: var(--space-60);
}

.space-t-70 {
    padding-top: var(--space-70);
}

.space-t-80 {
    padding-top: var(--space-80);
}

.space-t-100 {
    padding-top: var(--space-100);
}

.space-t-120 {
    padding-top: var(--space-120);
}

/* ____________________ */
.space-b-20 {
    padding-bottom: var(--space-20);
}

.space-b-30 {
    padding-bottom: var(--space-30);
}

.space-b-40 {
    padding-bottom: var(--space-40);
}

.space-b-60 {
    padding-bottom: var(--space-60);
}

.space-b-80 {
    padding-bottom: var(--space-80);
}

.space-b-100 {
    padding-bottom: var(--space-100);
}

.space-b-120 {
    padding-bottom: var(--space-120);
}

.space-b-200 {
    padding-bottom: var(--space-200);
}

/* -----Font Weight System */
.fw-100 {
    font-weight: var(--font-weight-100) !important;
}

.fw-200 {
    font-weight: var(--font-weight-200) !important;
}

.fw-300 {
    font-weight: var(--font-weight-300) !important;
}

.fw-400 {
    font-weight: var(--font-weight-400) !important;
}

.fw-500 {
    font-weight: var(--font-weight-500) !important;
}

/* ----- Visible Hidden System */
.show-xl {
    display: block;
}

.show-lg {
    display: block;
}

.show-lg-2 {
    display: none;
}

.show-md {
    display: none;
}

.show-xs {
    display: none;
}

.show-xs-2 {
    display: none;
}

.show-xxxs {
    display: none;
}

.hide-md {
    display: block;
}

.hide-sm {
    display: block;
}

.hide-xs {
    display: block;
}

.hide-xs-2 {
    display: block;
}

.hide-xs-3 {
    display: none;
}

.hide-xxs {
    display: none;
}

@media (min-width: 386px) {
    .hide-xxxs {
        display: block;
    }
}

/* ------------------------------- */

@media (max-width: 1199px) {
    .show-xl {
        display: none;
    }
}

@media (max-width: 991px) {
    .show-lg {
        display: none;
    }

    .show-lg-2 {
        display: block;
    }
}

@media (max-width: 767px) {
    .hide-md {
        display: none;
    }

    .show-md {
        display: block;
    }

    .hide-sm {
        display: none;
    }
}

@media (max-width: 575px) {
    .show-xs {
        display: block;
    }

    .hide-xs {
        display: none;
    }

    .show-xs-2 {
        display: block;
    }
}

@media (max-width: 466px) {
    .hide-xs-2 {
        display: none;
    }

    .hide-xs-3 {
        display: block;
    }

}

@media (max-width: 425px) {
    .hide-xxs {
        display: none;
    }

    .hide-xs-3 {
        display: none;
    }
}

@media (max-width: 385px) {
    .hide-xxxs {
        display: none;
    }
}

@media (max-width: 380px) {
    .show-xxxs {
        display: block;
    }
}

/* ----- List Text System */

/* li {
    list-style: none !important;
} */