/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/
:root {
    --purple-main: #7e57c2;
    --purple-hover: #6a4bb3;
    --input-bg: #f9f9fb;
    --input-border: #dcdce3;
    --text-dark: #333;
    --text-secondary: #5459AC;
}

*, :after, :before {
    box-sizing: border-box;
    border: 0 solid
}

: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: '__Inter_d04102', '__Inter_Fallback_d04102', sans-serif;
    font-weight: 500;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    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
}

*, :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:
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

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

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

.-right-8 {
    right: -2rem
}

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

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

.-top-9 {
    top: -2.25rem
}

.-top-\[10px\] {
    top: -10px
}

.bottom-0 {
    bottom: 0
}

.bottom-3 {
    bottom: .75rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-3 {
    left: .75rem
}

.left-5 {
    left: 1.25rem
}

.left-\[15\%\] {
    left: 15%
}

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

.left-\[30\%\] {
    left: 30%
}

.left-\[43\%\] {
    left: 43%
}

.left-\[calc\(-50\%\+25px\)\] {
    left: calc(-50% + 25px)
}

.left-\[calc\(0\%\+4px\)\] {
    left: calc(0% + 4px)
}

.left-\[calc\(100\%-4px\)\] {
    left: calc(100% - 4px)
}

.left-\[calc\(25\%\+2px\)\] {
    left: calc(25% + 2px)
}

.left-\[calc\(50\%\+0px\)\] {
    left: calc(50% + 0px)
}

.left-\[calc\(75\%-2px\)\] {
    left: calc(75% - 2px)
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-3\.5 {
    right: .875rem
}

.right-5 {
    right: 1.25rem
}

.right-7 {
    right: 1.75rem
}

.right-\[calc\(50\%\+25px\)\] {
    right: calc(50% + 25px)
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\.5 {
    top: .375rem
}

.top-1\/2 {
    top: 50%
}

.top-2 {
    top: .5rem
}

.top-2\.5 {
    top: .625rem
}

.top-3 {
    top: .75rem
}

.top-3\.5 {
    top: .875rem
}

.top-4 {
    top: 1rem
}

.top-7 {
    top: 1.75rem
}

.top-\[22px\] {
    top: 22px
}

.-z-10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

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

.ml-\[17\.5px\] {
    margin-left: 17.5px
}

.ml-auto {
    margin-left: auto
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-auto {
    margin-right: auto
}

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

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

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

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

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[30vh\] {
    margin-top: 30vh
}

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

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

.block {
    display: block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.hidden {
    display: none
}

.aspect-square {
    aspect-ratio: 1/1
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-1px {
    height: 1px
}

.h-2 {
    height: .5rem
}

.h-28 {
    height: 7rem
}

.h-5 {
    height: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%-70px\)\] {
    height: calc(100% - 70px)
}

.h-\[calc\(100dvh\)\] {
    height: calc(100dvh)
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.max-h-48 {
    max-height: 12rem
}

.max-h-80 {
    max-height: 20rem
}

.max-h-96 {
    max-height: 24rem
}

.max-h-\[30px\] {
    max-height: 30px
}

.max-h-\[330px\] {
    max-height: 330px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[65vh\] {
    max-height: 65vh
}

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

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

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

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

.min-h-\[65vh\] {
    min-height: 65vh
}

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

.min-h-screen {
    min-height: 100vh
}

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

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

.w-1\/4 {
    width: 25%
}

.w-1\/6 {
    width: 16.666667%
}

.w-11\/12 {
    width: 91.666667%
}

.w-2 {
    width: .5rem
}

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

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

.w-4\/12 {
    width: 33.333333%
}

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

.w-4\/6 {
    width: 66.666667%
}

.w-5 {
    width: 1.25rem
}

.w-\[--radix-select-trigger-width\] {
    width: var(--radix-select-trigger-width)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[auto\] {
    width: auto
}

.w-\[calc\(var\(--radix-select-trigger-width\)\+8vw\)\] {
    width: calc(var(--radix-select-trigger-width) + 8vw)
}

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

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

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

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

.min-w-\[30px\] {
    min-width: 30px
}

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

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[6px\] {
    min-width: 6px
}

.min-w-\[70px\] {
    min-width: 70px
}

.min-w-\[80px\] {
    min-width: 80px
}

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

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

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

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

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

.flex-grow, .grow {
    flex-grow: 1
}

.border-separate {
    border-collapse: separate
}

.border-spacing-y-1 {
    --tw-border-spacing-y: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2, .-translate-y-1\/2 {
    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))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

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

.rotate-180, .rotate-45 {
    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))
}

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

.animate-blink {
    animation: blink 1s infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

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

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-pointer {
    cursor: pointer
}

.touch-none {
    touch-action: none
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-11 {
    gap: 2.75rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-3\.5 {
    gap: .875rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

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

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

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

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

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

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

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

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-b-xl {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r-md {
    border-bottom-right-radius: .375rem
}

.rounded-r-md, .rounded-t-md {
    border-top-right-radius: .375rem
}

.rounded-t-md {
    border-top-left-radius: .375rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl-md {
    border-bottom-left-radius: .375rem
}

.rounded-br-md {
    border-bottom-right-radius: .375rem
}

.rounded-tl-md {
    border-top-left-radius: .375rem
}

.rounded-tr-md {
    border-top-right-radius: .375rem
}

.border {
    border-width: 1px
}

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

.border-y {
    border-top-width: 1px
}
.crumina-pricing-table.border-b:nth-last-child(1){
    border: none;
}
.border-b, .border-y {
    border-bottom-width: 1px
}

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

.border-b-4 {
    border-bottom-width: 4px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

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

.border-\[\#ECEFFF\] {
    --tw-border-opacity: 1;
    border-color: rgb(236 239 255/var(--tw-border-opacity))
}

.border-\[rgba\(0\2c 0\2c 0\2c 4\%\)\] {
    border-color: rgba(0, 0, 0, 4%)
}

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

.border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(44 96 234/var(--tw-border-opacity))
}

.border-gray {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212/var(--tw-border-opacity))
}

.border-light-red {
    --tw-border-opacity: 1;
    border-color: rgb(255 109 100/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.bg-\[\#E6DEFD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 222 253/var(--tw-bg-opacity))
}

.bg-\[\#E6FAEC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 250 236/var(--tw-bg-opacity))
}

.bg-\[\#ECF5FE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 245 254/var(--tw-bg-opacity))
}

.bg-\[\#EFECFE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 236 254/var(--tw-bg-opacity))
}

.bg-\[\#F9D3D4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 211 212/var(--tw-bg-opacity))
}

.bg-\[\#F9DAD7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 218 215/var(--tw-bg-opacity))
}

.bg-\[\#FAE4CD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 228 205/var(--tw-bg-opacity))
}

.bg-\[\#FAFBFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 251 255/var(--tw-bg-opacity))
}

.bg-\[\#FCEDEB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(252 237 235/var(--tw-bg-opacity))
}

.bg-\[\#FF4334\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 67 52/var(--tw-bg-opacity))
}

.bg-\[\#FFE4D0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 208/var(--tw-bg-opacity))
}

.bg-\[\#FFF2E5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 229/var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
    background-color: rgba(0, 0, 0, .35)
}

.bg-\[rgba\(143\2c 0\2c 255\2c 0\.15\)\] {
    background-color: rgba(143, 0, 255, .15)
}

.bg-\[rgba\(232\2c 116\2c 32\2c 0\.15\)\] {
    background-color: rgba(232, 116, 32, .15)
}

.bg-\[rgba\(250\2c 251\2c 255\2c 3\%\)\] {
    background-color: rgba(250, 251, 255, 3%)
}

.bg-\[rgba\(26\2c 247\2c 181\2c \.15\)\] {
    background-color: rgba(26, 247, 181, .15)
}

.bg-\[rgba\(26\2c 247\2c 181\2c 10\%\)\] {
    background-color: rgba(26, 247, 181, .1)
}

.bg-\[rgba\(44\2c 96\2c 234\2c 0\.15\)\] {
    background-color: rgba(44, 96, 234, .15)
}

.bg-\[rgba\(64\2c 95\2c 255\2c 0\.15\)\] {
    background-color: rgba(64, 95, 255, .15)
}

.bg-\[var\(--background\)\] {
    background-color: var(--background)
}

.bg-avatar-light-gray {
    background-color: rgba(52, 52, 52, .15)
}

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

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

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(44 96 234/var(--tw-bg-opacity))
}

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

.bg-dark-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(84 84 84/var(--tw-bg-opacity))
}

.bg-dark-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(143 0 255/var(--tw-bg-opacity))
}

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

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(4 181 128/var(--tw-bg-opacity))
}

.bg-header-bg-rgba {
    background-color: hsla(0, 0%, 100%, .2)
}

.bg-light-gray {
    background-color: hsla(240, 0%, 43%, .04)
}

.bg-lime-dark {
    background-color: rgba(26, 247, 181, .15)
}

.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(246 53 41/var(--tw-bg-opacity))
}

.bg-secondary-button {
    --tw-bg-opacity: 1;
    background-color: rgb(36 32 55/var(--tw-bg-opacity))
}

.bg-secondary-text {
    --tw-bg-opacity: 1;
    background-color: rgb(129 133 140/var(--tw-bg-opacity))
}

.bg-trade-negative {
    background-color: rgba(246, 53, 41, .1)
}

.bg-trade-positive {
    background-color: rgba(4, 181, 128, .1)
}

.bg-transparent {
    background-color: transparent
}

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

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

.bg-access-denied-bg {
    background-image: url(/access-denied/worldmap.svg)
}

.bg-bell-bg {
    background-image: url(/shared/bell-bg.svg)
}

.bg-contact-us {
    background-image: url(/themes/4/images/profile/support-block-bg.svg)
}

.bg-dashboard-pages-bg-gradient-mobile {
    background-image: url(/themes/4/images/idexpage/dashboard-pages-bg-gradient-mobile.png)
}

.bg-footer-gradient-mobile {
    background-image: linear-gradient(275deg, #d30490, #171717 90%)
}

.bg-header-bg {
    background-image: linear-gradient(90deg, #0d0f29, #0d0f29 70%, #21194f 82%, #261b61 85%, #2b1878 90%, #391aa6 95%, #531af7)
}

.bg-header-user-info-bg-gradient {
    background-image: url(/additional/header-user-info-bg-gradient.svg)
}

.bg-info-pages-bg-gradient-mobile {
    background-image: url(/additional/info-pages-bg-gradient-mobile.svg)
}

.bg-info-toast-gradient {
    background-image: linear-gradient(90deg, #2c60ea, #4a7af8)
}

.bg-landing-bg {
    background-image: url(/landing/landing-bg.svg)
}

.bg-landing-cards {
    background-image: url(/themes/4/images/idexpage/cards-bg.png)
}

.bg-landing-second-bg {
    background-image: url(/themes/4/images/idexpage/landing-second-bg.svg)
}

.bg-landing-shape-blue {
    background-image: url(/themes/4/images/idexpage/shapes-bg-blue.svg)
}

.bg-landing-shape-green {
    background-image: url(/themes/4/images/idexpage/shapes-bg-green.svg)
}

.bg-landing-shape-orange {
    background-image: url(/themes/4/images/idexpage/shapes-bg-orange.svg)
}

.bg-landing-shape-red {
    background-image: url(/themes/4/images/idexpage/shapes-bg-red.svg)
}

.bg-referral-error-modal {
    background-image: url(/shared/modal-error-bg.svg)
}

.bg-referral-modal {
    background-image: url(/shared/modal-bg.svg)
}

.bg-success-toast-gradient {
    background-image: linear-gradient(90deg, rgba(4, 181, 128, 87%), #04b580)
}

.bg-success-toast-gradient-left {
    background-image: linear-gradient(90deg, #04b580, #04b580)
}

.bg-wallet-hero-gradient-bg {
    background-image: url(/themes/4/images/idexpage/wallet-hero-gradient-bg.svg)
}

.bg-withdrawal-modal-gradient {
    background-image: url(/shared/modal-bg-gradient.svg)
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-\[200px\] {
    background-position: 200px
}

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

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

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

.fill-blue {
    fill: #2c60ea
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-3\.5 {
    padding: .875rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

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

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

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

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

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

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

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

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

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

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.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-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

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

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

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

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

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

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

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

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

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

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

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

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

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

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-66 {
    margin-bottom: 8.25rem;
    margin-top: 8.25rem;
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

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

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

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

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-3\.5 {
    padding-bottom: .875rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

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

.pl-1\.5 {
    padding-left: .375rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-\[25\.9rem\] {
    padding-left: 25.9rem
}

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

.pr-14 {
    padding-right: 3.5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-3\.5 {
    padding-right: .875rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-40 {
    padding-top: 10rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.align-top {
    vertical-align: top
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

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

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

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

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

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

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.text-\[\#00994C\] {
    --tw-text-opacity: 1;
    color: rgb(0 153 76/var(--tw-text-opacity))
}

.text-\[\#063\] {
    --tw-text-opacity: 1;
    color: rgb(0 102 51/var(--tw-text-opacity))
}

.text-\[\#171E31\] {
    --tw-text-opacity: 1;
    color: rgb(23 30 49/var(--tw-text-opacity))
}

.text-\[\#1AF7B5\] {
    --tw-text-opacity: 1;
    color: rgb(26 247 181/var(--tw-text-opacity))
}

.text-\[\#5322E5\] {
    --tw-text-opacity: 1;
    color: rgb(83 34 229/var(--tw-text-opacity))
}

.text-\[\#7349F2\] {
    --tw-text-opacity: 1;
    color: rgb(115 73 242/var(--tw-text-opacity))
}

.text-\[\#A50D0D\] {
    --tw-text-opacity: 1;
    color: rgb(165 13 13/var(--tw-text-opacity))
}

.text-\[\#B34400\] {
    --tw-text-opacity: 1;
    color: rgb(179 68 0/var(--tw-text-opacity))
}

.text-\[\#D96716\] {
    --tw-text-opacity: 1;
    color: rgb(217 103 22/var(--tw-text-opacity))
}

.text-\[\#F63529\] {
    --tw-text-opacity: 1;
    color: rgb(246 53 41/var(--tw-text-opacity))
}

.text-\[\#FF6B00\] {
    --tw-text-opacity: 1;
    color: rgb(255 107 0/var(--tw-text-opacity))
}

.text-\[rgb\(3\2c 213\2c 150\)\] {
    --tw-text-opacity: 1;
    color: rgb(3 213 150/var(--tw-text-opacity))
}

.text-\[rgba\(23\2c 30\2c 49\2c 60\%\)\] {
    color: rgba(23, 30, 49, .6)
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
    color: hsla(0, 0%, 100%, .8)
}

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

.text-black-th {
    font-weight: 600;
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(44 96 234/var(--tw-text-opacity))
}

.text-border-gray {
    --tw-text-opacity: 1;
    color: rgb(216 216 216/var(--tw-text-opacity))
}

.text-dark-gray {
    --tw-text-opacity: 1;
    color: rgb(84 84 84/var(--tw-text-opacity))
}

.text-dark-purple {
    --tw-text-opacity: 1;
    color: rgb(143 0 255/var(--tw-text-opacity))
}

.text-dark-yellow {
    --tw-text-opacity: 1;
    color: rgb(219 139 18/var(--tw-text-opacity))
}

.text-green {
    --tw-text-opacity: 1;
    color: rgb(4 181 128/var(--tw-text-opacity))
}

.text-light-purple {
    --tw-text-opacity: 1;
    color: rgb(215 213 246/var(--tw-text-opacity))
}

.text-lime {
    --tw-text-opacity: 1;
    color: rgb(26 247 181/var(--tw-text-opacity))
}

.text-red {
    --tw-text-opacity: 1;
    color: rgb(246 53 41/var(--tw-text-opacity))
}

.text-secondary-text {
    --tw-text-opacity: 1;
    color: rgb(129 133 140/var(--tw-text-opacity))
}

.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-30 {
    opacity: .3
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.mix-blend-luminosity {
    mix-blend-mode: luminosity
}

.shadow-landing-input {
    --tw-shadow: 0px 2px 15px 0px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0px 2px 15px 0px var(--tw-shadow-color)
}

.shadow-landing-input, .shadow-sign-container {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sign-container {
    --tw-shadow: 0px 4px 19px 0px rgba(159, 175, 202, .15);
    --tw-shadow-colored: 0px 4px 19px 0px var(--tw-shadow-color)
}

.shadow-tooltip {
    --tw-shadow: 2px 2px 15px 0px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 2px 2px 15px 0px var(--tw-shadow-color)
}

.shadow-tooltip, .shadow-user-popover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-user-popover {
    --tw-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15);
    --tw-shadow-colored: 0px 0px 15px 0px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline-0 {
    outline-width: 0
}

.invert {
    --tw-invert: invert(100%)
}

.filter, .invert {
    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)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px)
}

.backdrop-blur-2xl, .backdrop-blur-xl {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px)
}

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

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.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
}

:root {
    --foreground: #000;
    --background: #fafbff
}

[data-theme=dark] {
    :root {
        --foreground: #fff;
        --background: #0f0f0f
    }
}

html {
    scroll-behavior: smooth
}

html.dark {
    --foreground: #fff;
    --background: #0f0f0f
}

body {
    color: var(--foreground);
    background: var(--background);
    overflow-x: hidden
}

.no-scroll {
    overflow-y: hidden
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

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

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

::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-clip: content-box;
    background-color: #81858c;
    border: 3px solid transparent
}

.al, .al-error {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--background);
    color: var(--foreground);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999999
}

.al-error {
    flex-direction: column;
    gap: 2rem
}

.al-error-spinner, .al:after {
    animation: loading 1s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version=%271.0%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%232C60EA%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256c0-57.4-21.8-109.8-62.5-150.5-29.6-29.6-65.4-49.3-105.5-57.9-21-4.5-47-6.1-53.6-3.2z%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: relative;
    transition: opacity .3s;
    width: 50px
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.overflowAnchor {
    overflow-anchor: auto
}

@keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.customerSupportScroll::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

.customerSupportScroll::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px
}

.customerSupportScroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-clip: content-box;
    background-color: #000;
    border: 3px solid transparent
}

.first\:rounded-t-xl:first-child {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.last\:rounded-b-xl:last-child {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.last\:border-0:last-child {
    border-width: 0
}

.even\:items-end:nth-child(2n) {
    align-items: flex-end
}

.hover\:bg-blue-hovered:hover {
    background-color: rgba(44, 96, 234, .8)
}

.hover\:bg-white-hovered:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity))
}

.hover\:font-bold:hover {
    font-weight: 700
}

.hover\:text-blue-hovered:hover {
    color: rgba(44, 96, 234, .8)
}

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

.data-\[state\=open\]\:border-b-2[data-state=open] {
    border-bottom-width: 2px
}

.data-\[invalid\]\:border-darkred[data-invalid] {
    --tw-border-opacity: 1;
    border-color: rgb(165 13 13/var(--tw-border-opacity))
}

.data-\[state\=active\]\:border-blue[data-state=active] {
    --tw-border-opacity: 1;
    border-color: rgb(44 96 234/var(--tw-border-opacity))
}

.data-\[state\=checked\]\:font-bold[data-state=checked] {
    font-weight: 700
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-0 {
    --tw-rotate: 0deg
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-0, .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
    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))
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
    --tw-rotate: 180deg
}

.dark\:block:is(.dark *) {
    display: block
}

.dark\:hidden:is(.dark *) {
    display: none
}

.dark\:border:is(.dark *) {
    border-width: 1px
}

.dark\:border-border-gray-darkm:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(52 52 52/var(--tw-border-opacity))
}

.dark\:border-white:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.dark\:bg-\[\#0F0F0F\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(15 15 15/var(--tw-bg-opacity))
}

.dark\:bg-\[\#110439\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 4 57/var(--tw-bg-opacity))
}

.dark\:bg-\[\#171717\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23/var(--tw-bg-opacity))
}

.dark\:bg-\[\#1A1A1A\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity))
}

.dark\:bg-\[\#1C1C1C\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(28 28 28/var(--tw-bg-opacity))
}

.dark\:bg-\[\#481E00\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(72 30 0/var(--tw-bg-opacity))
}

.dark\:bg-\[rgb\(55\2c 35\2c 35\)\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 35 35/var(--tw-bg-opacity))
}

.dark\:bg-\[rgba\(101\2c 57\2c 232\2c 0\.15\)\]:is(.dark *) {
    background-color: rgba(101, 57, 232, .15)
}

.dark\:bg-\[rgba\(165\2c 13\2c 13\2c 0\.15\)\]:is(.dark *) {
    background-color: rgba(165, 13, 13, .15)
}

.dark\:bg-\[rgba\(26\2c 247\2c 181\2c 5\%\)\]:is(.dark *) {
    background-color: rgba(26, 247, 181, 5%)
}

.dark\:bg-black-bg:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(13 13 13/var(--tw-bg-opacity))
}

.dark\:bg-black-bg-light:is(.dark *) {
    background-color: rgba(52, 52, 52, .05)
}

.dark\:bg-black-hovered:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity))
}

.dark\:bg-border-gray-darkm:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(52 52 52/var(--tw-bg-opacity))
}

.dark\:bg-dark-gray:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 84 84/var(--tw-bg-opacity))
}

.dark\:bg-gray:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212/var(--tw-bg-opacity))
}

.dark\:bg-header-bg-rgba-dark:is(.dark *) {
    background-color: #0d0d0d
}

.dark\:bg-lime-dark:is(.dark *) {
    background-color: rgba(26, 247, 181, .15)
}

.dark\:bg-secondary-button:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(36 32 55/var(--tw-bg-opacity))
}

.dark\:bg-secondary-button-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(204 200 223/var(--tw-bg-opacity))
}

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

.dark\:bg-contact-us-dark:is(.dark *) {
    background-image: url(/dashboard/menu/support-block-bg-dark.svg)
}

.dark\:bg-dashboard-pages-bg-gradient-dark:is(.dark *) {
    background-image: url(/additional/dashboard-pages-bg-gradient-mobile-dark.png)
}

.dark\:bg-landing-shape-green-dark:is(.dark *) {
    background-image: url(/themes/4/images/idexpage/shapes-bg-green-dark.svg)
}

.dark\:bg-landing-shape-orange-dark:is(.dark *) {
    background-image: url(/themes/4/images/idexpage/shapes-bg-orange-dark.svg)
}

.dark\:bg-landing-shape-red-dark:is(.dark *) {
    background-image: url(/themes/4/images/idexpage/shapes-bg-red-dark.svg)
}

.dark\:text-\[\#CED5E8\]:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(206 213 232/var(--tw-text-opacity))
}

.dark\:text-\[rgba\(206\2c 213\2c 232\2c 60\%\)\]:is(.dark *) {
    color: rgba(206, 213, 232, .6)
}

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

.dark\:text-border-gray:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(216 216 216/var(--tw-text-opacity))
}

.dark\:text-lime:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(26 247 181/var(--tw-text-opacity))
}

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

.dark\:opacity-25:is(.dark *) {
    opacity: .25
}

.dark\:opacity-80:is(.dark *) {
    opacity: .8
}

.dark\:invert:is(.dark *) {
    --tw-invert: invert(100%);
    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)
}

.dark\:invert-0:is(.dark *) {
    --tw-invert: invert(0);
    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)
}

.dark\:hover\:bg-black-hovered:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity))
}

.dark\:hover\:bg-transparent:hover:is(.dark *) {
    background-color: transparent
}

.dark\:disabled\:bg-black-bg:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(13 13 13/var(--tw-bg-opacity))
}

.dark\:data-\[state\=active\]\:border-blue[data-state=active]:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(44 96 234/var(--tw-border-opacity))
}

@media (min-width: 640px) {
    .sm\:-bottom-4 {
        bottom: -1rem
    }

    .sm\:left-10 {
        left: 2.5rem
    }

    .sm\:my-5 {
        margin-bottom: 1.25rem
    }

    .sm\:mt-5, .sm\:my-5 {
        margin-top: 1.25rem
    }

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

    .sm\:mt-7 {
        margin-top: 1.75rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:table {
        display: table
    }

    .sm\:table-cell {
        display: table-cell
    }

    .sm\:hidden {
        display: none
    }

    .sm\:\!h-\[135px\] {
        height: 135px !important
    }

    .sm\:\!h-\[150px\] {
        height: 150px !important
    }

    .sm\:h-24 {
        height: 6rem
    }

    .sm\:h-\[135px\] {
        height: 135px
    }

    .sm\:h-\[155px\] {
        height: 155px
    }

    .sm\:h-\[16px\] {
        height: 16px
    }

    .sm\:h-\[20px\] {
        height: 20px
    }

    .sm\:h-\[23px\] {
        height: 23px
    }

    .sm\:h-\[24px\] {
        height: 24px
    }

    .sm\:h-\[25px\] {
        height: 25px
    }

    .sm\:h-\[30px\] {
        height: 30px
    }

    .sm\:h-\[31px\] {
        height: 31px
    }

    .sm\:h-\[32px\] {
        height: 32px
    }

    .sm\:h-\[40px\] {
        height: 40px
    }

    .sm\:h-\[50px\] {
        height: 50px
    }

    .sm\:h-\[52px\] {
        height: 52px
    }

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

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

    .sm\:\!w-\[150px\] {
        width: 150px !important
    }

    .sm\:w-1\/2 {
        width: 50%
    }

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

    .sm\:w-1\/4 {
        width: 25%
    }

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

    .sm\:w-2\/5 {
        width: 40%
    }

    .sm\:w-2\/6 {
        width: 33.333333%
    }

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

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

    .sm\:w-4\/6 {
        width: 66.666667%
    }

    .sm\:w-\[110px\] {
        width: 110px
    }

    .sm\:w-\[135px\] {
        width: 135px
    }

    .sm\:w-\[20px\] {
        width: 20px
    }

    .sm\:w-\[24px\] {
        width: 24px
    }

    .sm\:w-\[250px\] {
        width: 250px
    }

    .sm\:w-\[25px\] {
        width: 25px
    }

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

    .sm\:w-\[30px\] {
        width: 30px
    }

    .sm\:w-\[31\%\] {
        width: 31%
    }

    .sm\:w-\[31px\] {
        width: 31px
    }

    .sm\:w-\[32px\] {
        width: 32px
    }

    .sm\:w-\[35px\] {
        width: 35px
    }

    .sm\:w-\[37\%\] {
        width: 37%
    }

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

    .sm\:w-\[40px\] {
        width: 40px
    }

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

    .sm\:w-\[47\%\] {
        width: 47%
    }

    .sm\:w-\[48\%\] {
        width: 48%
    }

    .sm\:w-\[50px\] {
        width: 50px
    }

    .sm\:w-\[52px\] {
        width: 52px
    }

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

    .sm\:w-\[7px\] {
        width: 7px
    }

    .sm\:w-\[90px\] {
        width: 90px
    }

    .sm\:w-\[calc\(48\%\+48\%\+1rem\)\] {
        width: calc(48% + 48% + 1rem)
    }

    .sm\:w-\[calc\(var\(--radix-select-trigger-width\)\+10vw\)\] {
        width: calc(var(--radix-select-trigger-width) + 10vw)
    }

    .sm\:w-auto {
        width: auto
    }

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

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:border-collapse {
        border-collapse: collapse
    }

    .sm\:translate-x-\[-10vw\] {
        --tw-translate-x: -10vw;
        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))
    }

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

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

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

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

    .sm\:justify-normal {
        justify-content: normal
    }

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

    .sm\:gap-1 {
        gap: .25rem
    }

    .sm\:gap-10 {
        gap: 2.5rem
    }

    .sm\:gap-11 {
        gap: 2.75rem
    }

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

    .sm\:gap-14 {
        gap: 3.5rem
    }

    .sm\:gap-16 {
        gap: 4rem
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-2\.5 {
        gap: .625rem
    }

    .sm\:gap-20 {
        gap: 5rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-3\.5 {
        gap: .875rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-7 {
        gap: 1.75rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:gap-9 {
        gap: 2.25rem
    }

    .sm\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .sm\:gap-y-5 {
        row-gap: 1.25rem
    }

    .sm\:overflow-y-hidden {
        overflow-y: hidden
    }

    .sm\:whitespace-normal {
        white-space: normal
    }

    .sm\:rounded-none {
        border-radius: 0
    }

    .sm\:rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm\:border {
        border-width: 1px
    }

    .sm\:border-0 {
        border-width: 0
    }

    .sm\:border-y {
        border-top-width: 1px
    }

    .sm\:border-b, .sm\:border-y {
        border-bottom-width: 1px
    }

    .sm\:border-l {
        border-left-width: 1px
    }

    .sm\:border-r {
        border-right-width: 1px
    }

    .sm\:border-gray {
        --tw-border-opacity: 1;
        border-color: rgb(212 212 212/var(--tw-border-opacity))
    }

    .sm\:border-transparent {
        border-color: transparent
    }

    .sm\:bg-transparent {
        background-color: transparent
    }

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

    .sm\:bg-info-pages-bg-gradient-tablet {
        background-image: url(/additional/info-pages-bg-gradient-tablet.svg)
    }

    .sm\:bg-auto {
        background-size: auto
    }

    .sm\:bg-\[200px\] {
        background-position: 200px
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-10 {
        padding: 2.5rem
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:p-28 {
        padding: 7rem
    }

    .sm\:p-3 {
        padding: .75rem
    }

    .sm\:p-3\.5 {
        padding: .875rem
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:p-5 {
        padding: 1.25rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

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

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

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

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

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

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

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

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

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

    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .sm\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .sm\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

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

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pb-2 {
        padding-bottom: .5rem
    }

    .sm\:pl-2 {
        padding-left: .5rem
    }

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

    .sm\:pl-\[15rem\] {
        padding-left: 15rem
    }

    .sm\:pr-16 {
        padding-right: 4rem
    }

    .sm\:pr-2 {
        padding-right: .5rem
    }

    .sm\:pr-2\.5 {
        padding-right: .625rem
    }

    .sm\:pt-1 {
        padding-top: .25rem
    }

    .sm\:pt-2 {
        padding-top: .5rem
    }

    .sm\:pt-4 {
        padding-top: 1rem
    }

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

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

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

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

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .sm\:font-medium {
        font-weight: 500
    }
}

@media (min-width: 768px) {
    .md\:bottom-3 {
        bottom: .75rem
    }

    .md\:bottom-6 {
        bottom: 1.5rem
    }

    .md\:left-3 {
        left: .75rem
    }

    .md\:right-3 {
        right: .75rem
    }

    .md\:right-6 {
        right: 1.5rem
    }

    .md\:top-2 {
        top: .5rem
    }

    .md\:top-3 {
        top: .75rem
    }

    .md\:top-3\.5 {
        top: .875rem
    }

    .md\:top-auto {
        top: auto
    }

    .md\:block {
        display: block
    }

    .md\:table-cell {
        display: table-cell
    }

    .md\:hidden {
        display: none
    }

    .md\:h-3 {
        height: .75rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-4 {
        height: 1rem
    }

    .md\:h-40 {
        height: 10rem
    }

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

    .md\:h-\[22vh\] {
        height: 22vh
    }

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

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

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

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

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

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

    .md\:max-h-96 {
        max-height: 24rem
    }

    .md\:max-h-\[80\%\] {
        max-height: 80%
    }

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

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

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

    .md\:w-\[24px\] {
        width: 24px
    }

    .md\:w-\[25px\] {
        width: 25px
    }

    .md\:w-\[27px\] {
        width: 27px
    }

    .md\:w-\[29px\] {
        width: 29px
    }

    .md\:w-\[30px\] {
        width: 30px
    }

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

    .md\:w-\[35px\] {
        width: 35px
    }

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

    .md\:w-auto {
        width: auto
    }

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

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[380px\] {
        min-width: 380px
    }

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

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

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

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

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

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

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

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

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

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-11 {
        gap: 2.75rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-20 {
        gap: 5rem
    }

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

    .md\:gap-3\.5 {
        gap: .875rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-7 {
        gap: 1.75rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-9 {
        gap: 2.25rem
    }

    .md\:gap-\[30px\] {
        gap: 30px
    }

    .md\:gap-y-6 {
        row-gap: 1.5rem
    }

    .md\:whitespace-nowrap {
        white-space: nowrap
    }

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:border-b-0 {
        border-bottom-width: 0
    }

    .md\:border-b-15px {
        border-bottom-width: 15px
    }

    .md\:border-l {
        border-left-width: 1px
    }

    .md\:border-transparent {
        border-color: transparent
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:bg-footer-gradient {
        background-image: radial-gradient(circle, #d30490 0, #c0f 51%, #171717 100%)
    }

    .md\:bg-info-pages-bg-gradient {
        background-image: url(/additional/info-pages-bg-gradient.svg)
    }

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

    .md\:p-0 {
        padding: 0
    }

    .md\:p-2 {
        padding: .5rem
    }

    .md\:p-2\.5 {
        padding: .625rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-7 {
        padding: 1.75rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

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

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

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

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

    .md\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

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

    .md\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

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

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

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

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

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

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

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

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .md\:py-9 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:pb-4 {
        padding-bottom: 1rem
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .md\:pb-9 {
        padding-bottom: 2.25rem
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

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

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

    .md\:pt-3 {
        padding-top: .75rem
    }

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

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

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

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .md\:font-normal {
        font-weight: 400
    }

    .md\:even\:items-stretch:nth-child(2n) {
        align-items: stretch
    }

    .dark\:md\:bg-transparent:is(.dark *) {
        background-color: transparent
    }
}

@media (min-width: 1024px) {
    .lg\:static {
        position: static
    }

    .lg\:relative {
        position: relative
    }

    .lg\:left-\[35\%\] {
        left: 35%
    }

    .lg\:left-\[40\%\] {
        left: 40%
    }

    .lg\:left-\[57\%\] {
        left: 57%
    }

    .lg\:mr-0 {
        margin-right: 0
    }

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:\!h-\[280px\] {
        height: 280px !important
    }

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

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

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

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

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

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

    .lg\:\!w-\[135px\] {
        width: 135px !important
    }

    .lg\:\!w-\[280px\] {
        width: 280px !important
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-11\/12 {
        width: 91.666667%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-2\/6 {
        width: 33.333333%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

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

    .lg\:w-3\/6 {
        width: 50%
    }

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

    .lg\:w-4\/6 {
        width: 66.666667%
    }

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

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

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

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

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

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

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

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

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

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

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

    .lg\:w-\[calc\(var\(--radix-popover-trigger-width\)-10vw\)\] {
        width: calc(var(--radix-popover-trigger-width) - 10vw)
    }

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

    .lg\:w-full {
        width: 100%
    }

    .lg\:translate-x-\[5vw\] {
        --tw-translate-x: 5vw;
        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))
    }

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

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

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

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

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

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

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

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

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

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

    .lg\:gap-10 {
        gap: 2.5rem
    }

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

    .lg\:gap-14 {
        gap: 3.5rem
    }

    .lg\:gap-16 {
        gap: 4rem
    }

    .lg\:gap-24 {
        gap: 6rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-3\.5 {
        gap: .875rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-7 {
        gap: 1.75rem
    }

    .lg\:gap-9 {
        gap: 2.25rem
    }

    .lg\:border {
        border-width: 1px
    }

    .lg\:border-none {
        border-style: none
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

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

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

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

    .lg\:bg-\[-70px\] {
        background-position: -70px
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:p-7 {
        padding: 1.75rem
    }

    .lg\:p-9 {
        padding: 2.25rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

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

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

    .lg\:px-44 {
        padding-left: 11rem;
        padding-right: 11rem
    }

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

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

    .lg\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .lg\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

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

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

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

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

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

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

    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

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

    .lg\:pb-12 {
        padding-bottom: 3rem
    }

    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }

    .lg\:pb-24 {
        padding-bottom: 6rem
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

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

    .lg\:pt-32 {
        padding-top: 8rem
    }

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

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .lg\:uppercase {
        text-transform: uppercase
    }

    .lg\:text-secondary-text {
        --tw-text-opacity: 1;
        color: rgb(129 133 140/var(--tw-text-opacity))
    }
}

@media (min-width: 1280px) {
    .xl\:w-\[35\%\] {
        width: 35%
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:min-w-\[420px\] {
        min-width: 420px
    }

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

    .xl\:flex-nowrap {
        flex-wrap: nowrap
    }

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

    .xl\:gap-16 {
        gap: 4rem
    }

    .xl\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
        background-color: rgba(0, 0, 0, .35)
    }

    .xl\:bg-transparent {
        background-color: transparent
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .xl\:pb-16 {
        padding-bottom: 4rem
    }

    .xl\:backdrop-blur-xl {
        --tw-backdrop-blur: blur(24px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .xl\:backdrop-filter-none {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
}

.last\:\[\&\>\*\(\:last-child\)\]\:rounded-b-xl > :last-child {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.last\:\[\&\>\*\(\:last-child\)\]\:border-b-0 > :last-child {
    border-bottom-width: 0
}

.\[\&\>\*\:not\(\:last-child\)\]\:border-b-8 > :not(:last-child) {
    border-bottom-width: 8px
}

.\[\&\>a\]\:text-blue > a {
    --tw-text-opacity: 1;
    color: rgb(44 96 234/var(--tw-text-opacity))
}

.bg-landing-bg {
    background-image: url(/themes/4/images/idexpage/landing-bg.svg);
}

/* cookie */

.cookie-l {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: rgba(44, 44, 44, 0.85); // полупрозрачный фон
color: #ffffff;
    padding: 24px 28px;
    border-radius: 16px;
    backdrop-filter: blur(6px); // красиво размывает задний фон
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    display: none;
    font-family: 'Inter', sans-serif;
    animation: slideUpFadeIn 0.4s ease-out;

    .bd {
        display: flex;
        flex-direction: column;
        gap: 16px;

        @media (min-width: 768px) {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .text {
            font-size: 15px;
            line-height: 1.6;
            color: #FFFFFF;
            a {
                color: #4da6ff;
                text-decoration: underline;
                &:hover {
                    color: #82cfff;
                }
            }
        }

        .buttons {
            display: flex;
            justify-content: flex-end;

            .btn {
                background-color: #2C60EA;
                color: #fff;
                border: none;
                padding: 10px 22px;
                border-radius: 10px;
                font-size: 14px;
                text-transform: uppercase;
                transition: background-color 0.3s ease;

                &:hover {
                    background-color: #1f8ce6;
                }
            }
        }
    }
}

@keyframes slideUpFadeIn {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.forget-pass-link {
    color: rgb(44 96 234 / var(--tw-bg-opacity, 1));
    text-decoration: none;
}

.forget {
    display: flex;
    justify-content: space-between;
}

.spinner-border {
    width: 1rem;
    height: 1rem;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
    display: inline-block;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.margin-card {
    margin-bottom: 1rem;
    margin-left: 0.5rem;
}

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

#userPopover {
    top: 100%;
    margin-top: 8px; /* или сколько нужно */
}

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

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

.support-link {
    color: #2563eb; /* синий */
    text-decoration: none; /* убрать подчеркивание */
}
.support-link:hover {
    color: #1e40af; /* темнее синий при ховере */
    text-decoration: underline; /* по желанию */
}

.contact-support-button {
    background-color: white;
    font-size: 14px;
    font-weight: 600;
    color: blue;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 6px;
    text-wrap: nowrap;
}

.crypto-address-section {
    display: flex
;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #e2e8f0;
    background-color: white;
    padding: 24px;
    border-radius: 2px;
}

.crypto-address-header, .crypto-options {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.crypto-info, .deposit-history-button {
    display: flex
;
    align-items: center;
    gap: 10px;
}

.header-text, .button-text, .option-label {
    font-size: 16px;
    color: black;
}

.deposit-history-button {
    border-radius: 5px;
    border: 1px solid #000;
    padding: 5px 20px;
}

/*buy options*/

.crypto-address-header, .crypto-options {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.network-options, .crypto-option {
    display: flex
;
    flex-direction: column;
    gap: 10px;
    min-width: 200px;
}

.header-text, .button-text, .option-label {
    font-size: 16px;
    color: black;
}

.btn-deep-purple {
    background-color: #2C60EA;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: capitalize;
    width: 100%;
    max-width: 220px;
}

.btn-deep-purple:hover {
    background-color: var(--purple-hover);
}

/* copy input*/

.input__01-box.copy {
    width: 100%;
}

.input__01-copyText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-box {
    display: inline-flex; /* чтобы ширина подстраивалась */
    width: fit-content;
}

.input-wrapper {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 6px 0 6px 10px; /* убираем padding справа */
    background-color: #fff;
    gap: 0; /* убираем промежуток, чтобы кнопка была вплотную */
    height: 40px;
}

.input-wrapper input.styled-input {
    border: none;
    outline: none;
    font-size: 14px;
    color: #333;
    background: transparent;
    padding: 0 10px 0 0; /* небольшой внутренний отступ справа для текста */
    margin: 0;
    height: 100%;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.copy-btn {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background-color: #2C60EA;
    color: #fff;
    border: none;
    border-radius: 0 6px 6px 0; /* скругление только справа */
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
    height: 40px;
    line-height: 1;
    margin: 0; /* чтобы не было отступа */
}
.copy-btn:hover {
    background-color: #6a4bb3;
}

/* end*/

.gapoption {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.step__populars-buttons .select2-container--default .select2-selection--single {
    border: 2px solid #7e57c2; /* Фиолетовая обводка */
    border-radius: 8px;
    padding: 10px 14px; /* Увеличенные внутренние отступы */
    height: 48px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 6px rgba(126, 87, 194, 0.2); /* Мягкая тень */
    transition: border-color 0.3s ease;
}

/* При фокусе */
.step__populars-buttons .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #6a4bb3;
    box-shadow: 0 0 0 3px rgba(126, 87, 194, 0.2);
}

/* Текст внутри выбора */
.step__populars-buttons .select2-selection__rendered {
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}

/* Стрелка справа */
.step__populars-buttons .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single {
    border: 2px solid #7e57c2;
    border-radius: 8px;
    padding: 10px 14px;
    height: 48px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 6px rgba(126, 87, 194, 0.2);
    transition: border-color 0.3s ease;
    background-color: #fff;
}

/* При фокусе */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #6a4bb3;
    box-shadow: 0 0 0 3px rgba(126, 87, 194, 0.2);
}

/* Текст */
.select2-selection__rendered {
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}

/* Стрелка */
.select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%);
}

/* menu profile*/

.profile-menu {
    min-height: 1350px;
    margin-top: 100px;
    background-color: transparent;
    width: 100%;
    max-width: 250px; /* фиксируем ширину меню */
}

.profile-link {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #111827;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 10px 0;
}

.profile-link:hover p {
    color: #2563eb;
    text-decoration: underline;
}

.profile-link p {
    margin: 0;
    white-space: nowrap;
}

.profile-link.active p {
    color: #2563eb;
    font-weight: 600;
    text-decoration: underline;
}

.dark .profile-link {
    color: #fff;
}

.dark .profile-link.active p {
    color: #3b82f6;
}

.support-box {
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.dark .support-box {
    background-image: url('/themes/4/images/profile/bg-support-dark.svg');
}

.support-btn {
    margin-top: 15px;
    background-color: #2563eb;
    color: white;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.support-btn:hover {
    background-color: #1e40af;
}

.profile-link.active img {
    filter: brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(1656%) hue-rotate(203deg) brightness(95%) contrast(89%);
}

.email-add {
    display: flex;
    align-items: center;
}

.pad-tfa {
    padding: 0 0 17 34px;
}

.input-check {
    display: grid;
}

.staking-flex {
    display: flex;
    justify-content: space-between;
}

.profile-sublink {
    padding-left: 1rem;
    color: #6b7280;
    transition: 0.2s;
}

.profile-sublink:hover,
.profile-sublink.active {
    color: #000;
    font-weight: 500;
}

.wallets-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.currency-table-wrapper {
    width: 100%; /* контейнер растягивается */
}

.currency-table {
    width: 100%;  /* таблица занимает всю ширину контейнера */
    table-layout: fixed; /* чтобы колонки были равномерно распределены, если нужно */
}

.pricing-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.currency-table {
    border-collapse: separate; /* чтобы работал border-spacing */
    border-spacing: 0 8px; /* вертикальные отступы между строками */
}

.currency-table tbody tr {
    background: white; /* или нужный фон */
    border-radius: 10px; /* скругление */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* лёгкая тень */
}

.currency-table td {
    border: none; /* убрать стандартные границы ячеек */
    padding: 12px;
}

.wallet-submenu {
    margin-left: 1.5rem; /* эквивалент ml-14 или ml-16 */
}

.active-submenu-link p {
    color: #2563eb !important; /* синий цвет */
}

.email-masked {
    visibility: hidden;
}

.select2-container .select2-selection--single {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 0;
    line-height: normal !important;
}

.hsteps {
    height: 120px;
}

.white-icon {
    filter: brightness(0) invert(1); /* делает белым */
}

.deposits-table {
    width: 100%;
    table-layout: fixed; /* фиксированная ширина колонок */
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}


.deposits-table thead th {
    padding: 12px 10px;
    text-align: left;
    font-weight: 700;
    border-bottom: 2px solid #ddd;
    background-color: #fafafa;
    color: #555;
}

.deposits-table tbody td {
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deposits-table thead th:nth-child(1),
.deposits-table tbody td:nth-child(1) {
    width: 60px; /* статус */
    text-align: center;
    white-space: nowrap;
}

.deposits-table thead th:nth-child(2),
.deposits-table tbody td:nth-child(2) {
    width: 140px; /* Amount */
    padding-left: 0;
    white-space: nowrap;
}

.deposits-table thead th:nth-child(3),
.deposits-table tbody td:nth-child(3) {
    width: 260px; /* Address */
    padding-left: 0;
    white-space: normal; /* Разрешаем перенос */
    word-break: break-word;
}

.deposits-table thead th:nth-child(4),
.deposits-table tbody td:nth-child(4) {
    width: 120px; /* Date */
    white-space: nowrap;
}

/* Обертка для скролла, если нужно */
.deposits-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Карточка вокруг */
.deposits-table-card {
    padding: 16px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 0.1);
}

#historyContent {
    padding-top: 42px; /* например, 20px сверху */
}

.form-faq__question {
    font-size: 15px;
    line-height: 17px;
    color: #101828 !important;
    margin-bottom: 14px;
    font-weight: normal;
}

.form-faq__answer {
    font-size: 13px;
    line-height: 140%;
    color: #667085;
    font-weight: normal;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-text {
    visibility: hidden;
    width: 250px; /* ширина подсказки */
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 5px;
    padding: 8px 10px;
    position: absolute;
    z-index: 100;
    bottom: 125%; /* выводим сверху иконки */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
    line-height: 1.3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    pointer-events: none; /* чтобы не мешать мыши */
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* Добавим маленькую стрелочку снизу подсказки */
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* внизу подсказки */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
.step__available {
    font-size: 18px;
    font-weight: 600;
}

.step__available span {
    font-weight: 700;
}

.funds-submenu {
    margin-left: 1.5rem;
}

.exchange-section {
    padding: 3rem 0;
    background-color: #f9fafb;
}

.exchange-section .exchange-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
}

.exchange-section .exchange-main-content-wrapper {
    background-color: #fff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}


.exchange-section .exchange-calculator-card {
    background-color: #f1f5f9;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.exchange-section .exchange__step {
    margin-bottom: 1.5rem;
}

.exchange-section .exchange__step-num {
    width: 40px;
    height: 40px;
    background-color: #1e40af;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    font-size: 1.1rem;
}

.exchange-section .exchange__form-label {
    font-weight: 600;
    font-size: 1.2rem;
    color: #111827;
}

.exchange-section .exchange__form-desc {
    color: #6b7280;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.currency-calculator-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.currency-calculator-item input.big {
    flex-grow: 1;
    min-width: 0; /* важно для корректного сжатия */
}

.currency-calculator-item .step__enter-all,
.currency-calculator-item select.big {
    flex-shrink: 0;
}

.exchange-section .currency-calculator-item {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.exchange-section .currency-calculator-item .step__enter-input {
    flex: none;
    width: 380px;
}

.exchange-section .currency-calculator-item .step__enter-input .form-control.big {
    width: 100%;
    height: 48px;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background-color: #fff;
    line-height: 1.5;
    box-sizing: border-box;
}

.exchange-section .currency-calculator-item select.big {
    width: 160px;
    min-width: 120px;
    max-width: 200px;
    height: 48px;
    padding-right: 2.5rem;
    font-size: 1rem;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background-color: #fff;
    appearance: none;
    line-height: 1.5;
    box-sizing: border-box;
}

.exchange-section .currency-calculator-item .step__enter-all {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #2563eb;
    cursor: pointer;
}

.exchange-section .step__available {
    font-size: 0.9rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

.exchange-section .step__available .text-green {
    color: #16a34a;
}

.exchange-section .exchange__price {
    background-color: #f3f4f6;
    padding: 1rem;
    border-radius: 12px;
    font-size: 0.95rem;
}

.exchange-section .exchange__price .description {
    color: #374151;
}

.exchange-section #exchange {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    border-radius: 12px;
    background: linear-gradient(to right, #3b82f6, #2563eb);
    color: white;
    transition: 0.3s ease-in-out;
}

.exchange-section #exchange:hover {
    background: linear-gradient(to right, #2563eb, #1e3a8a);
}

.exchange-section .form-faq {
    background-color: #f9fafd;
    border-radius: 12px;
    padding: 30px 25px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.exchange-section .form-faq__block + .form-faq__block {
    margin-top: 24px;
    border-top: 1px solid #e1e8f0;
    padding-top: 20px;
}

.exchange-section .form-faq__question {
    font-weight: 700;
    font-size: 20px;
    color: #1a202c;
    margin-bottom: 12px;
}

.exchange-section .form-faq__answer {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #4a5568;
}

/* Select2 styles */
.select2-container--default .select2-selection--single {
    padding-left: 5px !important;
    padding-right: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px !important;
}

.auth-section {
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5rem 1rem;
    min-height: 65vh;
}

.auth-section__overlay {
    background: #2c60ea;
    border-radius: 18px;
    padding: 2.5rem 2rem;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 8px 28px rgba(44, 96, 234, 0.35);
    color: #ffffff;
    text-align: center;
}

.auth-form-access h3 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
}

.auth-form-access p {
    font-size: 1rem;
    margin-bottom: 1.8rem;
    color: #e5edff;
}

.authentication__step-code {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 2rem;
}

.code__input {
    width: 50px;
    height: 60px;
    font-size: 1.75rem;
    text-align: center;
    border: none;
    border-radius: 10px;
    color: #2c60ea;
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.25);
    transition: all 0.2s ease-in-out;
}

.code__input:focus {
    outline: none;
    background-color: #eaf1ff;
}

button.btn-deep-blue {
    width: 100%;
    color: #2c60ea;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.8rem 1.2rem;
    border: 2px solid #2c60ea;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

button.btn-deep-blue:hover {
    color: #1f3ca0;
}

@media (max-width: 480px) {
    .auth-section__overlay {
        padding: 2rem 1rem;
    }

    .code__input {
        width: 44px;
        height: 54px;
        font-size: 1.5rem;
    }
}

.verification-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1a1a1a;
    padding-left: 40px; // чтобы было вровень с карточками
}

.verification__container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 20px; // Отступ слева под меню
padding-right: 20px;
    box-sizing: border-box;
}

.levels-verification__item {
    flex: 0 1 300px; // фиксированная ширина, можно уменьшить
background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.levels-verification__item:hover {
    transform: translateY(-4px);
}

.levels-verification {
    display: flex;
    flex-direction: row;
}

.home-row {
    display: flex;
}

.row-card {
    display: flex;
    justify-content: space-between;
}

.card-mg {
    margin-top: 10px;
}

.profile-menu-horizontal {
    display: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
.profile-menu-horizontal::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.profile-menu-vertical {
    margin-top: 120px; /* или нужное значение */
}

/* При ширине до 1050px: скрываем вертикальное меню, показываем горизонтальное */
@media (max-width: 1024px) {
    .profile-menu-vertical {
        display: none;
    }
    .profile-menu-horizontal {
        display: flex;
        flex-wrap: nowrap;
        gap: 1rem;
        padding: 0.75rem 1rem;
        border-bottom: 2px solid #d1d5db; /* border-gray */
        background-color: var(--bg-color, #fff);
        overflow-x: auto; /* Чтобы можно было скроллить влево-вправо */
        -webkit-overflow-scrolling: touch; /* плавный скролл на тачах */
    }
    .profile-menu-horizontal a.profile-link {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.25rem;
        white-space: nowrap;
        color: inherit;
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
    }
    .profile-menu-horizontal a.profile-link img {
        width: 24px;
        height: 24px;
    }
}

.top-mind {
    top: -5rem;
}

@media (max-width: 1100px) {
    .trade-column {
        display: none;
    }
}

.currency-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.d-flex{display:-ms-flexbox!important;display:flex!important}

.auth-section {
    background: linear-gradient(to bottom, #f4f6fb, #e9efff);
    padding: 3rem 0;

    .auth-card {
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
        width: 100%;
        max-width: 720px; // шире карточка
    margin: auto;
        animation: fadeInUp 0.5s ease;
    }

    .auth-title {
        font-size: 1.75rem;
        font-weight: 600;
        color: #121212;

        .auth__arrow {
            position: absolute;
            right: -48px;
            top: -10px;
        }
    }

    .code-inputs {
        display: flex;
        justify-content: center;

        input.code__input {
            width: 64px;
            height: 64px;
            font-size: 1.8rem;
            font-weight: 500;
            text-align: center;
            border: 2px solid #d1d5db;
            border-radius: 12px;
            background: #fefefe;
            color: #121212;
            transition: all 0.3s ease;

            &:focus {
                border-color: #2c60ea;
                outline: none;
                box-shadow: 0 0 0 3px rgba(44, 96, 234, 0.2);
            }

            &::placeholder {
                color: #ccc;
            }
        }
    }

    .btn-deep-blue {
        background-color: #2c60ea;
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
        padding: 0.9rem;
        border-radius: 12px;
        border: none;
        transition: background-color 0.3s ease;

        &:hover {
            background-color: #1e4dd8;
        }

        &:active {
            background-color: #163fad;
        }
    }

    .sing-in__have {
        font-size: 0.95rem;

        a {
            color: #2c60ea;
            font-weight: 500;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }
    }
}

// Простая анимация появления
@keyframes fadeInUp {
    from {
        transform: translateY(24px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.code-gap {
    gap: 0.5rem;
}

img.withdrawals-icon {
    filter: brightness(0) saturate(100%) invert(29%) sepia(90%) saturate(489%) hue-rotate(190deg) brightness(95%) contrast(90%);
}

.connect-nm {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.form-horizontal,
.form-promo {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    padding: 0;
    margin: 0;
}

.crumina-pricing-table.border-b:nth-last-child(1){
    border: none;
}

@media (max-width: 430px) {
    .flex.w-full.items-center.justify-center.gap-2.overflow-y-auto.pb-5.pl-\[25\.9rem\].sm\:gap-6.sm\:overflow-y-hidden.sm\:pb-0.sm\:pl-\[15rem\].lg\:pl-0 {
        display: none !important;
    }
}

#wallet-coins-list td:last-child {
    border-left: none !important;
}

.form-promo {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

@media (min-width: 768px) {
    .form-promo {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}

.form-promo input {
    width: 100%;
}

.form-promo button {
    width: 100%;
}

@media (min-width: 768px) {
    .form-promo button {
        width: auto;
    }
}

@media (max-width: 880px) {
    td.address-cell {
        max-width: 150px;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* плавный скролл на мобильных */
    }
}

.status-pending {
    color: #ca8a04 !important; /* ярко-жёлтый */
}

.status-confirmed {
    color: #16a34a !important; /* зелёный */
}

.status-failed {
    color: #ef4444 !important; /* красный */
}

@media (max-width: 640px) {
    .hide-mobile {
        display: none !important;
    }
}

.crypto-options {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

/* На узких экранах — колонки в столбик */
@media (max-width: 640px) {
    .crypto-options {
        flex-direction: column;
    }

    .crypto-option,
    .network-options,
    .wallet-address {
        width: 100%; /* занимают всю ширину */
    }
}

#mobileMenu {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: saturate(180%) blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    border-radius: 12px 0 0 12px;
}

.market-cap-cell {
    display: none; /* по умолчанию скрыт */
}

@media (min-width: 1024px) {
    .market-cap-cell {
        display: table-cell !important;
    }
}