@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    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;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

html {
    color-scheme: light !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.left-0 {
    left: 0
}

.left-\[-20px\] {
    left: -20px
}

.right-3 {
    right: .75rem
}

.top-12 {
    top: 3rem
}

.top-full {
    top: 100%
}

.\!z-50 {
    z-index: 50 !important
}

.z-10 {
    z-index: 10
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-full {
    grid-column: 1/-1
}

.mx-\[-5\%\] {
    margin-left: -5%;
    margin-right: -5%
}

.mx-\[-6\%\] {
    margin-left: -6%;
    margin-right: -6%
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.\!mb-\[0px\] {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-\[-4em\] {
    margin-bottom: -4em
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-8 {
    margin-left: 2rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[-0\.6em\] {
    margin-top: -.6em
}

.mt-\[-15\%\] {
    margin-top: -15%
}

.mt-\[-4\] {
    margin-top: -4
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[60px\] {
    margin-top: 60px
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-1 {
    height: .25rem
}

.h-\[0\.09em\] {
    height: .09em
}

.h-\[10em\] {
    height: 10em
}

.h-\[14em\] {
    height: 14em
}

.h-\[164px\] {
    height: 164px
}

.h-\[230px\] {
    height: 230px
}

.h-\[262px\] {
    height: 262px
}

.h-\[3\.5em\] {
    height: 3.5em
}

.h-\[30vh\] {
    height: 30vh
}

.h-\[3em\] {
    height: 3em
}

.h-\[50vh\] {
    height: 50vh
}

.h-\[510px\] {
    height: 510px
}

.h-\[548px\] {
    height: 548px
}

.h-\[558px\] {
    height: 558px
}

.h-\[571px\] {
    height: 571px
}

.h-\[600px\] {
    height: 600px
}

.h-\[60px\] {
    height: 60px
}

.h-\[60vh\] {
    height: 60vh
}

.h-\[634px\] {
    height: 634px
}

.h-\[639px\] {
    height: 639px
}

.h-\[690px\] {
    height: 690px
}

.h-\[696px\] {
    height: 696px
}

.h-\[6em\] {
    height: 6em
}

.h-\[739px\] {
    height: 739px
}

.h-\[770px\] {
    height: 770px
}

.h-\[878px\] {
    height: 878px
}

.h-\[90vh\] {
    height: 90vh
}

.h-full {
    height: 100%
}

.min-h-\[600px\] {
    min-height: 600px
}

.\!w-\[35em\] {
    width: 35em !important
}

.\!w-full {
    width: 100% !important
}

.w-2 {
    width: .5rem
}

.w-3\/5 {
    width: 60%
}

.w-4\/5 {
    width: 80%
}

.w-\[1\.5em\] {
    width: 1.5em
}

.w-\[10\%\] {
    width: 10%
}

.w-\[100\%\] {
    width: 100%
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[110\%\] {
    width: 110%
}

.w-\[112\%\] {
    width: 112%
}

.w-\[16em\] {
    width: 16em
}

.w-\[200px\] {
    width: 200px
}

.w-\[20em\] {
    width: 20em
}

.w-\[230px\] {
    width: 230px
}

.w-\[30\%\] {
    width: 30%
}

.w-\[3em\] {
    width: 3em
}

.w-\[4em\] {
    width: 4em
}

.w-\[60px\] {
    width: 60px
}

.w-\[70\%\] {
    width: 70%
}

.w-\[85\%\] {
    width: 85%
}

.w-\[90\%\] {
    width: 90%
}

.w-\[95\%\] {
    width: 95%
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-\[15em\] {
    min-width: 15em
}

.min-w-\[35em\] {
    min-width: 35em
}

.max-w-\[1296px\] {
    max-width: 1296px
}

.max-w-\[1440px\] {
    max-width: 1440px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-screen-xl {
    max-width: 1280px
}

.flex-1 {
    flex: 1 1 0%
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.scale-x-125 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-125 {
    --tw-scale-x: 1.25
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.list-disc {
    list-style-type: disc
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-start {
    place-items: start
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[10\%\] {
    gap: 10%
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[1em\] {
    gap: 1em
}

.gap-\[2\.5em\] {
    gap: 2.5em
}

.gap-\[20px\] {
    gap: 20px
}

.gap-\[32px\] {
    gap: 32px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-\[48px\] {
    gap: 48px
}

.gap-\[5\.5px\] {
    gap: 5.5px
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.rounded-\[1\.2em\] {
    border-radius: 1.2em
}

.rounded-\[1\.3em\] {
    border-radius: 1.3em
}

.rounded-\[1\.5em\] {
    border-radius: 1.5em
}

.rounded-\[1\.8em\] {
    border-radius: 1.8em
}

.rounded-\[1000px\] {
    border-radius: 1000px
}

.rounded-\[1em\] {
    border-radius: 1em
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[2em\] {
    border-radius: 2em
}

.rounded-full {
    border-radius: 9999px
}

.rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}

.rounded-r-\[2em\] {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em
}

.rounded-t-\[0px\] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-\[1\.3px\] {
    border-width: 1.3px
}

.border-\[1px\] {
    border-width: 1px
}

.border-y-\[1px\] {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.border-b-\[\.1em\] {
    border-bottom-width: .1em
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.\!border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.border-\[\#4073EC33\] {
    border-color: #4073ec33
}

.border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249/var(--tw-border-opacity))
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity))
}

.border-slate-400 {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.bg-\[\#4073EC0A\] {
    background-color: #4073ec0a
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-main {
    background-color: var(--main)
}

.bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(153 27 27/var(--tw-bg-opacity))
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity))
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-\[url\(\'\/assets\/about\/about-heading\.png\'\)\] {
    background-image: url(/assets/about/about-heading.png)
}

.bg-\[url\(\'\/assets\/about\/get-started\.png\'\)\] {
    background-image: url(/assets/about/get-started.png)
}

.bg-\[url\(\'\/assets\/about\/our-story\.png\'\)\] {
    background-image: url(/assets/about/our-story.png)
}

.bg-\[url\(\'\/assets\/contact-us\.png\'\)\] {
    background-image: url(/assets/contact-us.png)
}

.bg-\[url\(\'\/assets\/contact-us\/main\.png\'\)\] {
    background-image: url(/assets/contact-us/main.png)
}

.bg-\[url\(\'\/assets\/join\/main\.png\'\)\] {
    background-image: url(/assets/join/main.png)
}

.bg-\[url\(\'\/assets\/landing\/as-1\.png\'\)\] {
    background-image: url(/assets/landing/as-1.png)
}

.bg-\[url\(\'\/assets\/landing\/as-2\.png\'\)\] {
    background-image: url(/assets/landing/as-2.png)
}

.bg-\[url\(\'\/assets\/landing\/as-3\.png\'\)\] {
    background-image: url(/assets/landing/as-3.png)
}

.bg-\[url\(\'\/assets\/landing\/as-4\.png\'\)\] {
    background-image: url(/assets/landing/as-4.png)
}

.bg-\[url\(\'\/assets\/landing\/as-5\.png\'\)\] {
    background-image: url(/assets/landing/as-5.png)
}

.bg-\[url\(\'\/assets\/landing\/download-app\.png\'\)\] {
    background-image: url(/assets/landing/download-app.png)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/1\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/1.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/10\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/10.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/11\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/11.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/12\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/12.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/13\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/13.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/14\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/14.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/15\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/15.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/16\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/16.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/2\.png\'\)\] {
    background-image: url(/assets/landing/liquidity/2.png)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/2\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/2.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/3\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/3.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/4\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/4.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/5\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/5.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/6\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/6.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/7\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/7.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/8\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/8.svg)
}

.bg-\[url\(\'\/assets\/landing\/liquidity\/9\.svg\'\)\] {
    background-image: url(/assets/landing/liquidity/9.svg)
}

.bg-\[url\(\'\/assets\/legal\/compliants-handling-policy\.png\'\)\] {
    background-image: url(/assets/legal/compliants-handling-policy.png)
}

.bg-\[url\(\'\/assets\/legal\/disclaimer\.png\'\)\] {
    background-image: url(/assets/legal/disclaimer.png)
}

.bg-\[url\(\'\/assets\/legal\/order-execution-policy\.png\'\)\] {
    background-image: url(/assets/legal/order-execution-policy.png)
}

.bg-\[url\(\'\/assets\/legal\/privacy-policy\.png\'\)\] {
    background-image: url(/assets/legal/privacy-policy.png)
}

.bg-\[url\(\'\/assets\/legal\/risk-disclosure-notice\.png\'\)\] {
    background-image: url(/assets/legal/risk-disclosure-notice.png)
}

.bg-\[url\(\'\/assets\/legal\/terms-and-conditions\.png\'\)\] {
    background-image: url(/assets/legal/terms-and-conditions.png)
}

.bg-\[url\(\'\/assets\/partnership\/main\.png\'\)\] {
    background-image: url(/assets/partnership/main.png)
}

.bg-\[url\(\'\/assets\/platform\/download-app\.png\'\)\] {
    background-image: url(/assets/platform/download-app.png)
}

.bg-\[url\(\'\/assets\/platform\/features\.png\'\)\] {
    background-image: url(/assets/platform/features.png)
}

.bg-\[url\(\'\/assets\/platform\/main\.png\'\)\] {
    background-image: url(/assets/platform/main.png)
}

.bg-\[url\(\'\/assets\/platform\/markets\.png\'\)\] {
    background-image: url(/assets/platform/markets.png)
}

.bg-\[url\(\'\/assets\/product\/cfd-trading\/difference\.png\'\)\] {
    background-image: url(/assets/product/cfd-trading/difference.png)
}

.bg-\[url\(\'\/assets\/product\/cfd-trading\/main\.png\'\)\] {
    background-image: url(/assets/product/cfd-trading/main.png)
}

.bg-\[url\(\'\/assets\/product\/cfd-trading\/trading-at-h\.png\'\)\] {
    background-image: url(/assets/product/cfd-trading/trading-at-h.png)
}

.bg-\[url\(\'\/assets\/product\/cfd\/main\.png\'\)\] {
    background-image: url(/assets/product/cfd/main.png)
}

.bg-\[url\(\'\/assets\/product\/commodities\/main\.png\'\)\] {
    background-image: url(/assets/product/commodities/main.png)
}

.bg-\[url\(\'\/assets\/product\/cryptocurrency\/main\.png\'\)\] {
    background-image: url(/assets/product/cryptocurrency/main.png)
}

.bg-\[url\(\'\/assets\/product\/forex\/main\.png\'\)\] {
    background-image: url(/assets/product/forex/main.png)
}

.bg-\[url\(\'\/assets\/product\/indice\/main\.png\'\)\] {
    background-image: url(/assets/product/indice/main.png)
}

.bg-\[url\(\'\/assets\/regulation\/reg-1\.png\'\)\] {
    background-image: url(/assets/regulation/reg-1.png)
}

.bg-\[url\(\'\/assets\/regulation\/reg-2\.png\'\)\] {
    background-image: url(/assets/regulation/reg-2.png)
}

.bg-\[url\(\'\/assets\/regulation\/reg-3\.png\'\)\] {
    background-image: url(/assets/regulation/reg-3.png)
}

.bg-\[url\(\'\/assets\/regulation\/regulation-main\.png\'\)\] {
    background-image: url(/assets/regulation/regulation-main.png)
}

.bg-\[url\(\'\/assets\/svgs\/trading-asset-1\.svg\'\)\] {
    background-image: url(/assets/svgs/trading-asset-1.svg)
}

.bg-\[url\(\'\/assets\/svgs\/trading-asset-2\.svg\'\)\] {
    background-image: url(/assets/svgs/trading-asset-2.svg)
}

.bg-\[url\(\'\/assets\/svgs\/trading-asset-3\.svg\'\)\] {
    background-image: url(/assets/svgs/trading-asset-3.svg)
}

.bg-\[url\(\'\/assets\/svgs\/trading-asset-4\.svg\'\)\] {
    background-image: url(/assets/svgs/trading-asset-4.svg)
}

.bg-\[url\(\'\/assets\/tools\/economic-calendar-main\.png\'\)\] {
    background-image: url(/assets/tools/economic-calendar-main.png)
}

.bg-\[url\(\'\/assets\/tools\/top-stories-main\.png\'\)\] {
    background-image: url(/assets/tools/top-stories-main.png)
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#908F8F\] {
    --tw-gradient-from: #908f8f var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 56%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#DFE6F9\] {
    --tw-gradient-from: #dfe6f9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(223, 230, 249, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-20\% {
    --tw-gradient-from-position: 20%
}

.to-\[\#fff\],
.to-\[\#ffffff\] {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-right {
    background-position: 100%
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.p-1 {
    padding: .25rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[20px\] {
    padding: 20px
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

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

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-\[0\.72em\] {
    padding-left: .72em;
    padding-right: .72em
}

.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px
}

.px-\[4em\] {
    padding-left: 4em;
    padding-right: 4em
}

.px-\[5\%\] {
    padding-left: 5%;
    padding-right: 5%
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[\.6em\] {
    padding-top: .6em;
    padding-bottom: .6em
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[1em\] {
    padding-top: 1em;
    padding-bottom: 1em
}

.py-\[1px\] {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-\[93px\] {
    padding-top: 93px;
    padding-bottom: 93px
}

.py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pb-\[6em\] {
    padding-bottom: 6em
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-\[10em\] {
    padding-top: 10em
}

.pt-\[1em\] {
    padding-top: 1em
}

.pt-\[20px\] {
    padding-top: 20px
}

.pt-\[60px\] {
    padding-top: 60px
}

.pt-\[6em\] {
    padding-top: 6em
}

.text-center {
    text-align: center
}

.\!text-\[14px\] {
    font-size: 14px !important
}

.\!text-\[16px\] {
    font-size: 16px !important
}

.\!text-\[20px\] {
    font-size: 20px !important
}

.\!text-\[2em\] {
    font-size: 2em !important
}

.text-\[\.7em\] {
    font-size: .7em
}

.text-\[\.8em\] {
    font-size: .8em
}

.text-\[1\.2em\] {
    font-size: 1.2em
}

.text-\[1\.5em\] {
    font-size: 1.5em
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[1em\] {
    font-size: 1em
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[2em\] {
    font-size: 2em
}

.text-\[40px\] {
    font-size: 40px
}

.\!font-bold {
    font-weight: 700 !important
}

.\!font-medium {
    font-weight: 500 !important
}

.\!font-semibold {
    font-weight: 600 !important
}

.font-\[1\.2em\] {
    font-weight: 1.2em
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.\!text-\[1\] {
    color: 1 !important
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity))
}

.text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249/var(--tw-text-opacity))
}

.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225/var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-70 {
    opacity: .7
}

.opacity-85 {
    opacity: .85
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 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-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.infinite-scroll {
    animation: loop 30s linear infinite
}

.infinite-scroll-slow {
    animation: loop 60s linear infinite
}

@keyframes loop {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

:root {
    --background: #fff;
    --foreground: #171717;
    --main-light: #4073ec;
    --main: #003a86
}

body {
    color: var(--foreground);
    background: var(--background);
    font-family: Inter, sans-serif;
    width: 100vw
}

body,
html {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.header-border {
    border: 1px solid;
    border-color: var(--main-light)
}

.button-primary {
    padding: .2em 1em
}

.button-primary,
.button-primary-l {
    border-radius: 8px;
    background: #00439a;
    color: #fff;
    font-size: 1.2em;
    width: -moz-fit-content;
    width: fit-content
}

.button-primary-l {
    padding: .8em 3.6em
}

.bg-b-color {
    background: #003a86
}

.bg-white-02 {
    background: hsla(0, 0%, 100%, .2)
}

.bg-hero-m {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .2)), url(/assets/landing/image.svg)
}

.button-aux {
    padding: .2em 1em;
    border-radius: 8px;
    background: none;
    color: var(--main);
    border: 1px solid;
    border-color: var(--main-light);
    font-size: 1.2em
}

.heading {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.5em;
    line-height: 1.5em
}

.body {
    font-style: normal;
    font-size: 1em
}

.body,
.paragraph {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 2em
}

.paragraph {
    font-size: 14px;
    color: rgba(0, 0, 0, .7)
}

.section-heading {
    font-family: Inter, sans-serif;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.3em
}

li {
    margin-top: .7em
}

#economicCalendarWidget iframe {
    height: 800px
}

.hover\:text-primary:hover {
    color: #003cd2
}

@media (min-width:640px) {
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:min-h-\[900px\] {
        min-height: 900px
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-2\/4 {
        width: 50%
    }

    .md\:w-\[70\%\] {
        width: 70%
    }

    .md\:w-\[75\%\] {
        width: 75%
    }

    .md\:w-\[80\%\] {
        width: 80%
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:px-\[72px\] {
        padding-left: 72px;
        padding-right: 72px
    }

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:\!text-\[3\.5em\] {
        font-size: 3.5em !important
    }
}

@media (min-width:1024px) {
    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-\[550px\] {
        height: 550px
    }

    .lg\:h-\[80vh\] {
        height: 80vh
    }

    .lg\:h-\[826px\] {
        height: 826px
    }

    .lg\:h-\[85vh\] {
        height: 85vh
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-\[35\%\] {
        width: 35%
    }

    .lg\:w-\[40\%\] {
        width: 40%
    }

    .lg\:w-\[45\%\] {
        width: 45%
    }

    .lg\:w-\[482px\] {
        width: 482px
    }

    .lg\:w-\[50\%\] {
        width: 50%
    }

    .lg\:w-\[500px\] {
        width: 500px
    }

    .lg\:w-\[505px\] {
        width: 505px
    }

    .lg\:w-\[60\%\] {
        width: 60%
    }

    .lg\:w-\[600px\] {
        width: 600px
    }

    .lg\:w-\[65\%\] {
        width: 65%
    }

    .lg\:w-\[68\%\] {
        width: 68%
    }

    .lg\:w-\[92\%\] {
        width: 92%
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-\[10\%\] {
        gap: 10%
    }

    .lg\:gap-\[120px\] {
        gap: 120px
    }

    .lg\:gap-\[2\%\] {
        gap: 2%
    }

    .lg\:gap-\[5\%\] {
        gap: 5%
    }

    .lg\:bg-cover {
        background-size: cover
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:px-\[15\%\] {
        padding-left: 15%;
        padding-right: 15%
    }

    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-\[7em\] {
        padding-top: 7em
    }

    .lg\:text-\[56px\] {
        font-size: 56px
    }
}

@media (min-width:1280px) {
    .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

#tawk-chat-widget{
    width: 60px;
    height: 60px;
    z-index: 1000;
    background-color: #005eff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}