/* Montserrat Font - Weight 400 */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, 
                 u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, 
                 u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, 
                 u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, 
                 u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, 
                 u+feff, u+fffd;
}

/* Montserrat Font - Weight 600 */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, 
                 u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, 
                 u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, 
                 u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, 
                 u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, 
                 u+feff, u+fffd;
}

/* Montserrat Fallback Font */
@font-face {
  font-family: Montserrat Fallback;
  src: local("Arial");
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.00%;
  size-adjust: 112.83%;
}

/* Font Classes */
.__className_80b280 {
  font-family: Montserrat, Montserrat Fallback;
  font-style: normal;
}

.__variable_80b280 {
  --font-montserrat: "Montserrat", "Montserrat Fallback";
}


@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400,600&family=Poppins:wght@400,500,600,700&display=swap";
@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700&display=swap";

@layer theme{
    :host,:root{
        --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-500:oklch(.637 .237 25.331);
        --color-gray-100:oklch(.967 .003 264.542);
        --color-gray-200:oklch(.928 .006 264.531);
        --color-gray-300:oklch(.872 .01 258.338);
        --color-gray-500:oklch(.551 .027 264.364);
        --color-gray-600:oklch(.446 .03 256.802);
        --color-gray-700:oklch(.373 .034 259.733);
        --color-black:#000;
        --color-white:#fff;
        --spacing:.25rem;
        --container-lg:32rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1/.75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25/.875);
        --text-base:1rem;
        --text-base--line-height:calc(1.5/1);
        --text-lg:1.125rem;
        --text-lg--line-height:calc(1.75/1.125);
        --text-xl:1.25rem;
        --text-xl--line-height:calc(1.75/1.25);
        --text-2xl:1.5rem;
        --text-2xl--line-height:calc(2/1.5);
        --text-3xl:1.875rem;
        --text-3xl--line-height:calc(2.25/1.875);
        --font-weight-medium:500;
        --font-weight-semibold:600;
        --font-weight-bold:700;
        --radius-sm:.25rem;
        --radius-md:.375rem;
        --radius-lg:.5rem;
        --radius-2xl:1rem;
        --ease-in-out:cubic-bezier(.4,0,.2,1);
        --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
        --default-font-family:var(--font-sans);
        --default-font-feature-settings:var(--font-sans--font-feature-settings);
        --default-font-variation-settings:var(--font-sans--font-variation-settings);
        --default-mono-font-family:var(--font-mono);
        --default-mono-font-feature-settings:var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings:var(--font-mono--font-variation-settings);
        --font-poppins:Poppins,sans-serif;
        --font-satoshi:"Satoshi","sans-serif";
        --color-primary:#143881;
        --color-primary2:#061f51;
        --color-darkBg:#1e1e1e;
        --color-secondary:#27aae1;
        --color-secondary2:#27aae11a;
        --color-textLight:#1d1d1d;
        --color-gray:#4d4c4c;
        --color-gray2:#333;
        --color-green:#71fb5514;
        --color-skyblue:#27aae1;
        --color-green2:#20c000;
        --color-darkText:#b3b3b3 --color-borderDark:#848484
    }
}
@layer base{
    *,::backdrop,:after,:before{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::file-selector-button{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    :host,html{
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }
    body{
        line-height:inherit
    }
    hr{
        height:0;
        color:inherit;
        border-top-width:1px
    }
    abbr:where([title]){
        -webkit-text-decoration:underline dotted;
        text-decoration:underline dotted
    }
    h1,h2,h3,h4,h5,h6{
        font-size:inherit;
        font-weight:inherit
    }
    a{
        color:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
    b,strong{
        font-weight:bolder
    }
    code,kbd,pre,samp{
        font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }
    small{
        font-size:80%
    }
    sub,sup{
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }
    sub{
        bottom:-.25em
    }
    sup{
        top:-.5em
    }
    table{
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
    :-moz-focusring{
        outline:auto
    }
    progress{
        vertical-align:baseline
    }
    summary{
        display:list-item
    }
    menu,ol,ul{
        list-style:none
    }
    audio,canvas,embed,iframe,img,object,svg,video{
        vertical-align:middle;
        display:block
    }
    img,video{
        max-width:100%;
        height:auto
    }
    button,input,optgroup,select,textarea{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    ::file-selector-button{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    :where(select:is([multiple],[size])) optgroup{
        font-weight:bolder
    }
    :where(select:is([multiple],[size])) optgroup option{
        padding-inline-start:20px
    }
    ::file-selector-button{
        margin-inline-end:4px
    }
    ::placeholder{
        opacity:1;
        color:color-mix(in oklab,currentColor 50%,transparent)
    }
    textarea{
        resize:vertical
    }
    ::-webkit-search-decoration{
        -webkit-appearance:none
    }
    ::-webkit-date-and-time-value{
        min-height:1lh;
        text-align:inherit
    }
    ::-webkit-datetime-edit{
        display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper{
        padding:0
    }
    ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field{
        padding-block:0
    }
    :-moz-ui-invalid{
        box-shadow:none
    }
    button,input:where([type=button],[type=reset],[type=submit]){
        appearance:button
    }
    ::file-selector-button{
        appearance:button
    }
    ::-webkit-inner-spin-button,::-webkit-outer-spin-button{
        height:auto
    }
    [hidden]:where(:not([hidden=until-found])){
        display:none!important
    }
}
@layer components;
@layer utilities{
    .absolute{
        position:absolute
    }
    .fixed{
        position:fixed
    }
    .relative{
        position:relative
    }
    .sticky{
        position:sticky
    }
    .inset-0{
        inset:calc(var(--spacing)*0)
    }
    .top-0{
        top:calc(var(--spacing)*0)
    }
    .top-3{
        top:calc(var(--spacing)*3)
    }
    .top-full{
        top:100%
    }
    .left-0{
        left:calc(var(--spacing)*0)
    }
    .z-10{
        z-index:10
    }
    .z-50{
        z-index:50
    }
    .m-1{
        margin:calc(var(--spacing)*1)
    }
    .m-2{
        margin:calc(var(--spacing)*2)
    }
    .m-6{
        margin:calc(var(--spacing)*6)
    }
    .mx-8{
        margin-inline:calc(var(--spacing)*8)
    }
    .my-4{
        margin-block:calc(var(--spacing)*4)
    }
    .my-5{
        margin-block:calc(var(--spacing)*5)
    }
    .my-6{
        margin-block:calc(var(--spacing)*6)
    }
    .my-8{
        margin-block:calc(var(--spacing)*8)
    }
    .my-10{
        margin-block:calc(var(--spacing)*10)
    }
    .my-\[40px\]{
        margin-block:40px
    }
    .mt-1{
        margin-top:calc(var(--spacing)*1)
    }
    .mt-3{
        margin-top:calc(var(--spacing)*3)
    }
    .mt-4{
        margin-top:calc(var(--spacing)*4)
    }
    .mt-8{
        margin-top:calc(var(--spacing)*8)
    }
    .mt-10{
        margin-top:calc(var(--spacing)*10)
    }
    .mt-20{
        margin-top:calc(var(--spacing)*20)
    }
    .mb-1{
        margin-bottom:calc(var(--spacing)*1)
    }
    .mb-4{
        margin-bottom:calc(var(--spacing)*4)
    }
    .mb-6{
        margin-bottom:calc(var(--spacing)*6)
    }
    .mb-8{
        margin-bottom:calc(var(--spacing)*8)
    }
    .ml-1{
        margin-left:calc(var(--spacing)*1)
    }
    .block{
        display:block
    }
    .flex{
        display:flex
    }
    .grid{
        display:grid
    }
    .hidden{
        display:none
    }
    .h-1\.5{
        height:calc(var(--spacing)*1.5)
    }
    .h-3{
        height:calc(var(--spacing)*3)
    }
    .h-4{
        height:calc(var(--spacing)*4)
    }
    .h-5{
        height:calc(var(--spacing)*5)
    }
    .h-6{
        height:calc(var(--spacing)*6)
    }
    .h-8{
        height:calc(var(--spacing)*8)
    }
    .h-10{
        height:calc(var(--spacing)*10)
    }
    .h-auto{
        height:auto
    }
    .h-full{
        height:100%
    }
    .max-h-0{
        max-height:calc(var(--spacing)*0)
    }
    .max-h-\[500px\]{
        max-height:500px
    }
    .min-h-70{
        min-height:calc(var(--spacing)*70)
    }
    .min-h-\[16px\]{
        min-height:16px
    }
    .min-h-screen{
        min-height:100vh
    }
    .w-1\/2{
        width:50%
    }
    .w-1\/5{
        width:20%
    }
    .w-1\/6{
        width:16.6667%
    }
    .w-2\/3{
        width:66.6667%
    }
    .w-2\/6{
        width:33.3333%
    }
    .w-3{
        width:calc(var(--spacing)*3)
    }
    .w-3\/4{
        width:75%
    }
    .w-3\/5{
        width:60%
    }
    .w-3\/6{
        width:50%
    }
    .w-4{
        width:calc(var(--spacing)*4)
    }
    .w-5{
        width:calc(var(--spacing)*5)
    }
    .w-6{
        width:calc(var(--spacing)*6)
    }
    .w-8{
        width:calc(var(--spacing)*8)
    }
    .w-12{
        width:calc(var(--spacing)*12)
    }
    .w-16{
        width:calc(var(--spacing)*16)
    }
    .w-20{
        width:calc(var(--spacing)*20)
    }
    .w-24{
        width:calc(var(--spacing)*24)
    }
    .w-28{
        width:calc(var(--spacing)*28)
    }
    .w-32{
        width:calc(var(--spacing)*32)
    }
    .w-48{
        width:calc(var(--spacing)*48)
    }
    .w-80{
        width:calc(var(--spacing)*80)
    }
    .w-96{
        width:calc(var(--spacing)*96)
    }
    .w-\[839px\]{
        width:839px
    }
    .w-auto{
        width:auto
    }
    .w-fit{
        width:fit-content
    }
    .w-full{
        width:100%
    }
    .max-w-10{
        max-width:calc(var(--spacing)*10)
    }
    .max-w-32{
        max-width:calc(var(--spacing)*32)
    }
    .max-w-\[150px\]{
        max-width:150px
    }
    .max-w-\[800px\]{
        max-width:800px
    }
    .max-w-\[839px\]{
        max-width:839px
    }
    .max-w-\[1280px\]{
        max-width:1280px
    }
    .max-w-full{
        max-width:100%
    }
    .max-w-lg{
        max-width:var(--container-lg)
    }
    .min-w-0{
        min-width:calc(var(--spacing)*0)
    }
    .min-w-5{
        min-width:calc(var(--spacing)*5)
    }
    .min-w-30{
        min-width:calc(var(--spacing)*30)
    }
    .min-w-\[16px\]{
        min-width:16px
    }
    .flex-1{
        flex:1
    }
    .flex-2{
        flex:2
    }
    .flex-shrink-0{
        flex-shrink:0
    }
    .flex-grow{
        flex-grow:1
    }
    .table-fixed{
        table-layout:fixed
    }
    .border-collapse{
        border-collapse:collapse
    }
    .scale-95{
        --tw-scale-x:95%;
        --tw-scale-y:95%;
        --tw-scale-z:95%
    }
    .scale-100,.scale-95{
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-100{
        --tw-scale-x:100%;
        --tw-scale-y:100%;
        --tw-scale-z:100%
    }
    .transform{
        transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
    }
    .animate-pulse{
        animation:var(--animate-pulse)
    }
    .cursor-pointer{
        cursor:pointer
    }
    .grid-cols-1{
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
    .flex-col{
        flex-direction:column
    }
    .flex-wrap{
        flex-wrap:wrap
    }
    .items-center{
        align-items:center
    }
    .items-end{
        align-items:flex-end
    }
    .items-start{
        align-items:flex-start
    }
    .justify-between{
        justify-content:space-between
    }
    .justify-center{
        justify-content:center
    }
    .justify-end{
        justify-content:flex-end
    }
    .gap-1{
        gap:calc(var(--spacing)*1)
    }
    .gap-2{
        gap:calc(var(--spacing)*2)
    }
    .gap-2\.5{
        gap:calc(var(--spacing)*2.5)
    }
    .gap-3{
        gap:calc(var(--spacing)*3)
    }
    .gap-4{
        gap:calc(var(--spacing)*4)
    }
    .gap-5{
        gap:calc(var(--spacing)*5)
    }
    .gap-10{
        gap:calc(var(--spacing)*10)
    }
    .gap-\[28px\]{
        gap:28px
    }
    :where(.space-y-4>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-6>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }
    .gap-x-1{
        column-gap:calc(var(--spacing)*1)
    }
    .gap-x-2{
        column-gap:calc(var(--spacing)*2)
    }
    .gap-x-3{
        column-gap:calc(var(--spacing)*3)
    }
    .gap-x-4{
        column-gap:calc(var(--spacing)*4)
    }
    .gap-x-6{
        column-gap:calc(var(--spacing)*6)
    }
    .gap-x-10{
        column-gap:calc(var(--spacing)*10)
    }
    .gap-x-12{
        column-gap:calc(var(--spacing)*12)
    }
    .gap-x-16{
        column-gap:calc(var(--spacing)*16)
    }
    .gap-x-20{
        column-gap:calc(var(--spacing)*20)
    }
    :where(.space-x-1>:not(:last-child)){
        --tw-space-x-reverse:0;
        margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
        margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
    }
    .gap-y-2{
        row-gap:calc(var(--spacing)*2)
    }
    .gap-y-4{
        row-gap:calc(var(--spacing)*4)
    }
    .gap-y-5{
        row-gap:calc(var(--spacing)*5)
    }
    .gap-y-8{
        row-gap:calc(var(--spacing)*8)
    }
    .self-stretch{
        align-self:stretch
    }
    .overflow-hidden{
        overflow:hidden
    }
    .overflow-x-auto{
        overflow-x:auto
    }
    .rounded{
        border-radius:.25rem
    }
    .rounded-2xl{
        border-radius:var(--radius-2xl)
    }
    .rounded-\[1\.25rem\]{
        border-radius:1.25rem
    }
    .rounded-\[20px\]{
        border-radius:20px
    }
    .rounded-full{
        border-radius:3.40282e+38px
    }
    .rounded-lg{
        border-radius:var(--radius-lg)
    }
    .rounded-md{
        border-radius:var(--radius-md)
    }
    .rounded-sm{
        border-radius:var(--radius-sm)
    }
    .rounded-t-md{
        border-top-right-radius:var(--radius-md)
    }
    .rounded-l-md,.rounded-t-md{
        border-top-left-radius:var(--radius-md)
    }
    .rounded-l-md{
        border-bottom-left-radius:var(--radius-md)
    }
    .rounded-r-md{
        border-top-right-radius:var(--radius-md);
        border-bottom-right-radius:var(--radius-md)
    }
    .rounded-tr-lg{
        border-top-right-radius:var(--radius-lg)
    }
    .rounded-br-lg{
        border-bottom-right-radius:var(--radius-lg)
    }
    .border,.border-1{
        border-style:var(--tw-border-style);
        border-width:1px
    }
    .border-2{
        border-style:var(--tw-border-style);
        border-width:2px
    }
    .border-t{
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
    .border-b{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }
    .border-b-2{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:2px
    }
    .border-l{
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }
    .border-l-2{
        border-left-style:var(--tw-border-style);
        border-left-width:2px
    }
    .border-l-4{
        border-left-style:var(--tw-border-style);
        border-left-width:4px
    }
    .border-none{
        --tw-border-style:none;
        border-style:none
    }
    .border-\[\#1E1E1E\]{
        border-color:#1e1e1e
    }
    .border-black\/20{
        border-color:color-mix(in oklab,var(--color-black)20%,transparent)
    }
    .border-black\/25{
        border-color:color-mix(in oklab,var(--color-black)25%,transparent)
    }
    .border-gray-200{
        border-color:var(--color-gray-200)
    }
    .border-gray-300{
        border-color:var(--color-gray-300)
    }
    .border-primary{
        border-color:var(--color-primary)
    }
    .border-secondary{
        border-color:var(--color-secondary)
    }
    .border-white{
        border-color:var(--color-white)
    }
    .border-l-primary{
        border-left-color:var(--color-primary)
    }
    .border-l-secondary{
        border-left-color:var(--color-secondary)
    }
    .bg-\[\#1E1E1E\]{
        background-color:#1e1e1e
    }
    .bg-\[\#27AAE11A\],.bg-\[\#27aae11a\]{
        background-color:#27aae11a
    }
    .bg-\[\#66E04E1A\]{
        background-color:#66e04e1a
    }
    .bg-\[\#2156C11A\]{
        background-color:#2156c11a
    }
    .bg-\[\#F6F6F6\]{
        background-color:#f6f6f6
    }
    .bg-black{
        background-color:var(--color-black)
    }
    .bg-black\/4{
        background-color:color-mix(in oklab,var(--color-black)4%,transparent)
    }
    .bg-black\/25{
        background-color:color-mix(in oklab,var(--color-black)25%,transparent)
    }
    .bg-black\/50{
        background-color:color-mix(in oklab,var(--color-black)50%,transparent)
    }
    .bg-darkBg{
        background-color:var(--color-darkBg)
    }
    .bg-gray-100{
        background-color:var(--color-gray-100)
    }
    .bg-gray-200{
        background-color:var(--color-gray-200)
    }
    .bg-gray-300{
        background-color:var(--color-gray-300)
    }
    .bg-gray-300\/50{
        background-color:color-mix(in oklab,var(--color-gray-300)50%,transparent)
    }
    .bg-gray-500{
        background-color:var(--color-gray-500)
    }
    .bg-gray-700{
        background-color:var(--color-gray-700)
    }
    .bg-gray-700\/50{
        background-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)
    }
    .bg-green{
        background-color:var(--color-green)
    }
    .bg-primary{
        background-color:var(--color-primary)
    }
    .bg-primary\/98{
        background-color:color-mix(in oklab,var(--color-primary)98%,transparent)
    }
    .bg-primary2{
        background-color:var(--color-primary2)
    }
    .bg-secondary{
        background-color:var(--color-secondary)
    }
    .bg-secondary\/10{
        background-color:color-mix(in oklab,var(--color-secondary)10%,transparent)
    }
    .bg-secondary2{
        background-color:var(--color-secondary2)
    }
    .bg-secondary2\/80{
        background-color:color-mix(in oklab,var(--color-secondary2)80%,transparent)
    }
    .bg-skyblue{
        background-color:var(--color-skyblue)
    }
    .bg-white{
        background-color:var(--color-white)
    }
    .bg-gradient-to-r{
        --tw-gradient-position:to right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .from-white\/40{
        --tw-gradient-from:color-mix(in oklab,var(--color-white)40%,transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-white\/10{
        --tw-gradient-to:color-mix(in oklab,var(--color-white)10%,transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .bg-cover{
        background-size:cover
    }
    .bg-center{
        background-position:50%
    }
    .p-1{
        padding:calc(var(--spacing)*1)
    }
    .p-2{
        padding:calc(var(--spacing)*2)
    }
    .p-3{
        padding:calc(var(--spacing)*3)
    }
    .p-4{
        padding:calc(var(--spacing)*4)
    }
    .p-5{
        padding:calc(var(--spacing)*5)
    }
    .p-6{
        padding:calc(var(--spacing)*6)
    }
    .p-8{
        padding:calc(var(--spacing)*8)
    }
    .p-10{
        padding:calc(var(--spacing)*10)
    }
    .p-\[20px\]{
        padding:20px
    }
    .p-\[40px\]{
        padding:40px
    }
    .px-1{
        padding-inline:calc(var(--spacing)*1)
    }
    .px-2{
        padding-inline:calc(var(--spacing)*2)
    }
    .px-3{
        padding-inline:calc(var(--spacing)*3)
    }
    .px-4{
        padding-inline:calc(var(--spacing)*4)
    }
    .px-5{
        padding-inline:calc(var(--spacing)*5)
    }
    .px-6{
        padding-inline:calc(var(--spacing)*6)
    }
    .px-8{
        padding-inline:calc(var(--spacing)*8)
    }
    .px-\[40px\]{
        padding-inline:40px
    }
    .py-1{
        padding-block:calc(var(--spacing)*1)
    }
    .py-1\.5{
        padding-block:calc(var(--spacing)*1.5)
    }
    .py-2{
        padding-block:calc(var(--spacing)*2)
    }
    .py-3{
        padding-block:calc(var(--spacing)*3)
    }
    .py-4{
        padding-block:calc(var(--spacing)*4)
    }
    .py-5{
        padding-block:calc(var(--spacing)*5)
    }
    .py-8{
        padding-block:calc(var(--spacing)*8)
    }
    .pt-18{
        padding-top:calc(var(--spacing)*18)
    }
    .pb-0{
        padding-bottom:calc(var(--spacing)*0)
    }
    .pb-2{
        padding-bottom:calc(var(--spacing)*2)
    }
    .pb-10{
        padding-bottom:calc(var(--spacing)*10)
    }
    .pl-2{
        padding-left:calc(var(--spacing)*2)
    }
    .text-center{
        text-align:center
    }
    .text-left{
        text-align:left
    }
    .font-\[Satoshi\]{
        font-family:Satoshi
    }
    .font-\[lucida\]{
        font-family:lucida
    }
    .font-mono{
        font-family:var(--font-mono)
    }
    .font-poppins{
        font-family:var(--font-poppins)
    }
    .font-satoshi{
        font-family:var(--font-satoshi)
    }
    .text-2xl{
        font-size:var(--text-2xl);
        line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .text-3xl{
        font-size:var(--text-3xl);
        line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .text-lg{
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .text-sm{
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .text-xl{
        font-size:var(--text-xl);
        line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .text-xs{
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .text-\[1\.75rem\]{
        font-size:1.75rem
    }
    .text-\[12px\]{
        font-size:12px
    }
    .text-\[14px\]{
        font-size:14px
    }
    .text-\[16px\]{
        font-size:16px
    }
    .text-\[20px\]{
        font-size:20px
    }
    .text-\[24px\]{
        font-size:24px
    }
    .text-\[28px\]{
        font-size:28px
    }
    .leading-\[normal\]{
        --tw-leading:normal;
        line-height:normal
    }
    .font-\[16\]{
        --tw-font-weight:16;
        font-weight:16
    }
    .font-bold{
        --tw-font-weight:var(--font-weight-bold);
        font-weight:var(--font-weight-bold)
    }
    .font-medium{
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }
    .font-semibold{
        --tw-font-weight:var(--font-weight-semibold);
        font-weight:var(--font-weight-semibold)
    }
    .break-words{
        overflow-wrap:break-word
    }
    .break-all{
        word-break:break-all
    }
    .whitespace-normal{
        white-space:normal
    }
    .whitespace-nowrap{
        white-space:nowrap
    }
    .whitespace-pre-wrap{
        white-space:pre-wrap
    }
    .text-\[\#20C000\]{
        color:#20c000
    }
    .text-black{
        color:var(--color-black)
    }
    .text-darkText{
        color:var(--color-darkText)
    }
    .text-gray{
        color:var(--color-gray)
    }
    .text-gray-500{
        color:var(--color-gray-500)
    }
    .text-gray-600{
        color:var(--color-gray-600)
    }
    .text-gray2{
        color:var(--color-gray2)
    }
    .text-gray2\/50{
        color:color-mix(in oklab,var(--color-gray2)50%,transparent)
    }
    .text-green2{
        color:var(--color-green2)
    }
    .text-primary{
        color:var(--color-primary)
    }
    .text-red-500{
        color:var(--color-red-500)
    }
    .text-secondary{
        color:var(--color-secondary)
    }
    .text-skyblue{
        color:var(--color-skyblue)
    }
    .text-textLight{
        color:var(--color-textLight)
    }
    .text-white{
        color:var(--color-white)
    }
    .text-white\/50{
        color:color-mix(in oklab,var(--color-white)50%,transparent)
    }
    .capitalize{
        text-transform:capitalize
    }
    .antialiased{
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
    .placeholder-gray-500::placeholder{
        color:var(--color-gray-500)
    }
    .placeholder-white::placeholder{
        color:var(--color-white)
    }
    .opacity-0{
        opacity:0
    }
    .opacity-100{
        opacity:1
    }
    .shadow-\[0_0_10px_1px_rgba\(0\,0\,0\,0\.6\)\]{
        --tw-shadow:0 0 10px 1px var(--tw-shadow-color,#0009)
    }
    .shadow-\[0_0_10px_1px_rgba\(0\,0\,0\,0\.6\)\],.shadow-lg{
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-lg{
        --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)
    }
    .shadow-md{
        --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .filter{
        filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .transition{
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-all{
        transition-property:all;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-opacity{
        transition-property:opacity;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .duration-300{
        --tw-duration:.3s;
        transition-duration:.3s
    }
    .duration-500{
        --tw-duration:.5s;
        transition-duration:.5s
    }
    .duration-700{
        --tw-duration:.7s;
        transition-duration:.7s
    }
    .ease-in-out{
        --tw-ease:var(--ease-in-out);
        transition-timing-function:var(--ease-in-out)
    }
    .outline-none{
        --tw-outline-style:none;
        outline-style:none
    }
    @media (hover:hover){
        .group-hover\:opacity-100:is(:where(.group):hover *){
            opacity:1
        }
    }
    .placeholder\:text-\[10px\]::placeholder{
        font-size:10px
    }
    @media (hover:hover){
        .hover\:scale-105:hover{
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .hover\:scale-110:hover{
            --tw-scale-x:110%;
            --tw-scale-y:110%;
            --tw-scale-z:110%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .hover\:scale-x-105:hover{
            --tw-scale-x:105%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .hover\:cursor-pointer:hover{
            cursor:pointer
        }
        .hover\:bg-gray-200:hover{
            background-color:var(--color-gray-200)
        }
        .hover\:bg-primary\/90:hover{
            background-color:color-mix(in oklab,var(--color-primary)90%,transparent)
        }
        .hover\:bg-secondary\/20:hover{
            background-color:color-mix(in oklab,var(--color-secondary)20%,transparent)
        }
    }
    .focus\:border:focus{
        border-style:var(--tw-border-style);
        border-width:1px
    }
    .focus\:border-gray-300:focus{
        border-color:var(--color-gray-300)
    }
    .focus\:border-gray-700:focus{
        border-color:var(--color-gray-700)
    }
    .focus\:ring-0:focus{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus\:outline-none:focus{
        --tw-outline-style:none;
        outline-style:none
    }
    .disabled\:opacity-50:disabled{
        opacity:.5
    }
    @media (width>=40rem){
        .sm\:m-2{
            margin:calc(var(--spacing)*2)
        }
        .sm\:m-3{
            margin:calc(var(--spacing)*3)
        }
        .sm\:mt-0{
            margin-top:calc(var(--spacing)*0)
        }
        .sm\:flex{
            display:flex
        }
        .sm\:hidden{
            display:none
        }
        .sm\:h-4{
            height:calc(var(--spacing)*4)
        }
        .sm\:h-5{
            height:calc(var(--spacing)*5)
        }
        .sm\:h-7{
            height:calc(var(--spacing)*7)
        }
        .sm\:w-2\/6{
            width:33.3333%
        }
        .sm\:w-3\/6{
            width:50%
        }
        .sm\:w-4{
            width:calc(var(--spacing)*4)
        }
        .sm\:w-5{
            width:calc(var(--spacing)*5)
        }
        .sm\:w-7{
            width:calc(var(--spacing)*7)
        }
        .sm\:w-16{
            width:calc(var(--spacing)*16)
        }
        .sm\:w-24{
            width:calc(var(--spacing)*24)
        }
        .sm\:w-32{
            width:calc(var(--spacing)*32)
        }
        .sm\:w-62{
            width:calc(var(--spacing)*62)
        }
        .sm\:w-64{
            width:calc(var(--spacing)*64)
        }
        .sm\:w-fit{
            width:fit-content
        }
        .sm\:max-w-\[900px\]{
            max-width:900px
        }
        .sm\:flex-0{
            flex:0
        }
        .sm\:flex-col{
            flex-direction:column
        }
        .sm\:flex-row{
            flex-direction:row
        }
        .sm\:items-center{
            align-items:center
        }
        .sm\:justify-between{
            justify-content:space-between
        }
        .sm\:justify-center{
            justify-content:center
        }
        .sm\:gap-6{
            gap:calc(var(--spacing)*6)
        }
        .sm\:gap-7{
            gap:calc(var(--spacing)*7)
        }
        .sm\:gap-x-2{
            column-gap:calc(var(--spacing)*2)
        }
        .sm\:gap-x-3{
            column-gap:calc(var(--spacing)*3)
        }
        .sm\:gap-x-4{
            column-gap:calc(var(--spacing)*4)
        }
        .sm\:gap-x-8{
            column-gap:calc(var(--spacing)*8)
        }
        :where(.sm\:space-x-4>:not(:last-child)){
            --tw-space-x-reverse:0;
            margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
            margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
        }
        .sm\:gap-y-4{
            row-gap:calc(var(--spacing)*4)
        }
        .sm\:gap-y-8{
            row-gap:calc(var(--spacing)*8)
        }
        .sm\:p-2{
            padding:calc(var(--spacing)*2)
        }
        .sm\:p-4{
            padding:calc(var(--spacing)*4)
        }
        .sm\:p-6{
            padding:calc(var(--spacing)*6)
        }
        .sm\:p-8{
            padding:calc(var(--spacing)*8)
        }
        .sm\:p-10{
            padding:calc(var(--spacing)*10)
        }
        .sm\:px-4{
            padding-inline:calc(var(--spacing)*4)
        }
        .sm\:px-6{
            padding-inline:calc(var(--spacing)*6)
        }
        .sm\:px-12{
            padding-inline:calc(var(--spacing)*12)
        }
        .sm\:py-2{
            padding-block:calc(var(--spacing)*2)
        }
        .sm\:py-4{
            padding-block:calc(var(--spacing)*4)
        }
        .sm\:pl-8{
            padding-left:calc(var(--spacing)*8)
        }
        .sm\:text-\[16px\]{
            font-size:16px
        }
        .sm\:text-\[24px\]{
            font-size:24px
        }
        .sm\:text-\[20\]{
            color:20
        }
        .sm\:placeholder\:text-\[16px\]::placeholder{
            font-size:16px
        }
    }
    @media (width>=48rem){
        .md\:mx-20{
            margin-inline:calc(var(--spacing)*20)
        }
        .md\:h-6{
            height:calc(var(--spacing)*6)
        }
        .md\:w-6{
            width:calc(var(--spacing)*6)
        }
        .md\:w-auto{
            width:auto
        }
        .md\:grid-cols-2{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
        .md\:flex-row{
            flex-direction:row
        }
        .md\:justify-between{
            justify-content:space-between
        }
        .md\:gap-10{
            gap:calc(var(--spacing)*10)
        }
        .md\:gap-x-8{
            column-gap:calc(var(--spacing)*8)
        }
        .md\:p-10{
            padding:calc(var(--spacing)*10)
        }
        .md\:p-20{
            padding:calc(var(--spacing)*20)
        }
        .md\:px-14{
            padding-inline:calc(var(--spacing)*14)
        }
        .md\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }
        .md\:text-\[40px\]{
            font-size:40px
        }
    }
    @media (width>=64rem){
        .lg\:w-96{
            width:calc(var(--spacing)*96)
        }
        .lg\:max-w-130{
            max-width:calc(var(--spacing)*130)
        }
        .lg\:gap-x-16{
            column-gap:calc(var(--spacing)*16)
        }
        .lg\:text-\[16px\]{
            font-size:16px
        }
    }
    @media (width>=80rem){
        .xl\:grid-cols-3{
            grid-template-columns:repeat(3,minmax(0,1fr))
        }
    }
}
.font-satoshi{
    font-family:Satoshi,sans-serif
}
body,html{
    margin:0;
    padding:0;
    overflow-x:hidden
}
html{
    scroll-behavior:smooth
}
body{
    color:#000;
    background-color:#fff;
    font-family:Poppins,Montserrat,Arial,Helvetica,sans-serif;
    transition:background-color .3s ease-in-out,color .3s ease-in-out
}
.dark body{
    color:#f8fafc;
    background-color:#121212
}
.font-poppins{
    font-family:Poppins,sans-serif
}
.font-montserrat{
    font-family:Montserrat,sans-serif
}
@property --tw-scale-x{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-scale-y{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-scale-z{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-rotate-x{
    syntax:"*";
    inherits:false;
    initial-value:rotateX(0)
}
@property --tw-rotate-y{
    syntax:"*";
    inherits:false;
    initial-value:rotateY(0)
}
@property --tw-rotate-z{
    syntax:"*";
    inherits:false;
    initial-value:rotateZ(0)
}
@property --tw-skew-x{
    syntax:"*";
    inherits:false;
    initial-value:skewX(0)
}
@property --tw-skew-y{
    syntax:"*";
    inherits:false;
    initial-value:skewY(0)
}
@property --tw-space-y-reverse{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-space-x-reverse{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-border-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-gradient-position{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-via{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-to{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-via-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:0
}
@property --tw-gradient-via-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:50%
}
@property --tw-gradient-to-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-leading{
    syntax:"*";
    inherits:false
}
@property --tw-font-weight{
    syntax:"*";
    inherits:false
}
@property --tw-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-inset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-ring-color{
    syntax:"*";
    inherits:false
}
@property --tw-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-ring-color{
    syntax:"*";
    inherits:false
}
@property --tw-inset-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-ring-inset{
    syntax:"*";
    inherits:false
}
@property --tw-ring-offset-width{
    syntax:"<length>";
    inherits:false;
    initial-value:0
}
@property --tw-ring-offset-color{
    syntax:"*";
    inherits:false;
    initial-value:#fff
}
@property --tw-ring-offset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-blur{
    syntax:"*";
    inherits:false
}
@property --tw-brightness{
    syntax:"*";
    inherits:false
}
@property --tw-contrast{
    syntax:"*";
    inherits:false
}
@property --tw-grayscale{
    syntax:"*";
    inherits:false
}
@property --tw-hue-rotate{
    syntax:"*";
    inherits:false
}
@property --tw-invert{
    syntax:"*";
    inherits:false
}
@property --tw-opacity{
    syntax:"*";
    inherits:false
}
@property --tw-saturate{
    syntax:"*";
    inherits:false
}
@property --tw-sepia{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow{
    syntax:"*";
    inherits:false
}
@property --tw-duration{
    syntax:"*";
    inherits:false
}
@property --tw-ease{
    syntax:"*";
    inherits:false
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}