.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

.bottom-0 {
    bottom: 0
}

.bottom-20 {
    bottom: 5rem
}

.bottom-5 {
    bottom: 1.25rem
}

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

.left-0 {
    left: 0
}

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

.left-3 {
    left: .75rem
}

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

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

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

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

.right-0 {
    right: 0
}

.right-3 {
    right: .75rem
}

.right-\[-130px\] {
    right: -130px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

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

.top-10 {
    top: 2.5rem
}

.top-12 {
    top: 3rem
}

.top-4 {
    top: 1rem
}

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

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

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

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

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

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

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

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.m-0 {
    margin: 0
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-2\.5 {
    margin-left: .625rem;
    margin-right: .625rem
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

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

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

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

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

.my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-\[50px\] {
    margin-top: 50px;
    margin-bottom: 50px
}

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

.\!mb-20 {
    margin-bottom: 5rem!important
}

.mb-0 {
    margin-bottom: 0
}

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

.mb-14 {
    margin-bottom: 3.5rem
}

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

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

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

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

.mb-3 {
    margin-bottom: .75rem
}

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

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

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

.mb-7 {
    margin-bottom: 1.75rem
}

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

.mb-9 {
    margin-bottom: 2.25rem
}

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

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

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

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

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

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

.ml-10 {
    margin-left: 2.5rem
}

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

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

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

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

.mr-10 {
    margin-right: 2.5rem
}

.mr-16 {
    margin-right: 4rem
}

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

.mr-2\.5 {
    margin-right: .625rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

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

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

.mr-\[100px\] {
    margin-right: 100px
}

.mr-\[15px\] {
    margin-right: 15px
}

.mt-0 {
    margin-top: 0
}

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

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

.mt-14 {
    margin-top: 3.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-max {
    height: max-content
}

.h-screen {
    height: 100vh
}

.max-h-full {
    max-height: 100%
}

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

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

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-44 {
    width: 11rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

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

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[0\.5px\] {
    width: .5px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.w-screen {
    width: 100vw
}

.min-w-max {
    min-width: max-content
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-1 {
    flex: 1
}

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

@keyframes bounce {
    0%,to {
        animation-timing-function: cubic-bezier(.8,0,1,1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0,0,.2,1);
        transform: none
    }
}

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

.cursor-pointer {
    cursor: pointer
}

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

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

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

.flex-col {
    flex-direction: column
}

.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-center {
    justify-content: center!important
}

.justify-center {
    justify-content: center
}

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

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

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

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

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

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

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

.space-x-10>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2.5rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
    margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-7>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.75rem*var(--tw-space-y-reverse));
    margin-top: calc(1.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-\[50px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(50px*var(--tw-space-y-reverse));
    margin-top: calc(50px*(1 - var(--tw-space-y-reverse)))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

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

.overflow-y-visible {
    overflow-y: visible
}

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

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

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

.rounded-3xl {
    border-radius: 1.5rem
}

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

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

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

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

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

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

.rounded-\[50\%\] {
    border-radius: 50%
}

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

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

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

.rounded-md {
    border-radius: 10px
}

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

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

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.border {
    border-width: 1px
}

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

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.border-\[\#181B24\] {
    --tw-border-opacity: 1;
    border-color: rgb(24 27 36/var(--tw-border-opacity))
}

.border-\[\#5F657C\] {
    --tw-border-opacity: 1;
    border-color: rgb(95 101 124/var(--tw-border-opacity))
}

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

.border-palette-blue-grey {
    --tw-border-opacity: 1;
    border-color: rgb(63 68 86/var(--tw-border-opacity))
}

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

.bg-\[\#007AFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 122 255/var(--tw-bg-opacity))
}

.bg-\[\#040E1A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(4 14 26/var(--tw-bg-opacity))
}

.bg-\[\#060F15\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 15 21/var(--tw-bg-opacity))
}

.bg-\[\#0C1427\] {
    --tw-bg-opacity: 1;
    background-color: rgb(12 20 39/var(--tw-bg-opacity))
}

.bg-\[\#0D0D0D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(13 13 13/var(--tw-bg-opacity))
}

.bg-\[\#0F1424\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 20 36/var(--tw-bg-opacity))
}

.bg-\[\#131315\] {
    --tw-bg-opacity: 1;
    background-color: rgb(19 19 21/var(--tw-bg-opacity))
}

.bg-\[\#151515\] {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 21/var(--tw-bg-opacity))
}

.bg-\[\#181B24\],.bg-\[\#181b24\] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 27 36/var(--tw-bg-opacity))
}

.bg-\[\#1D242F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(29 36 47/var(--tw-bg-opacity))
}

.bg-\[\#1F212B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 33 43/var(--tw-bg-opacity))
}

.bg-\[\#21242f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(33 36 47/var(--tw-bg-opacity))
}

.bg-\[\#242428\] {
    --tw-bg-opacity: 1;
    background-color: rgb(36 36 40/var(--tw-bg-opacity))
}

.bg-\[\#242731\] {
    --tw-bg-opacity: 1;
    background-color: rgb(36 39 49/var(--tw-bg-opacity))
}

.bg-\[\#25D99D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 217 157/var(--tw-bg-opacity))
}

.bg-\[\#282B37\],.bg-\[\#282b37\] {
    --tw-bg-opacity: 1;
    background-color: rgb(40 43 55/var(--tw-bg-opacity))
}

.bg-\[\#292C37\] {
    --tw-bg-opacity: 1;
    background-color: rgb(41 44 55/var(--tw-bg-opacity))
}

.bg-\[\#323238\] {
    --tw-bg-opacity: 1;
    background-color: rgb(50 50 56/var(--tw-bg-opacity))
}

.bg-\[\#3F4456\],.bg-\[\#3f4456\] {
    --tw-bg-opacity: 1;
    background-color: rgb(63 68 86/var(--tw-bg-opacity))
}

.bg-\[\#466EFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(70 110 255/var(--tw-bg-opacity))
}

.bg-\[\#524FFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(82 79 255/var(--tw-bg-opacity))
}

.bg-\[\#6B7190\] {
    --tw-bg-opacity: 1;
    background-color: rgb(107 113 144/var(--tw-bg-opacity))
}

.bg-\[\#6E6E73\] {
    --tw-bg-opacity: 1;
    background-color: rgb(110 110 115/var(--tw-bg-opacity))
}

.bg-\[\#999999\] {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153/var(--tw-bg-opacity))
}

.bg-\[\#9b9b9b36\] {
    background-color: #9b9b9b36
}

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

.bg-\[\#DED1B5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(222 209 181/var(--tw-bg-opacity))
}

.bg-\[\#E0E0E0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224/var(--tw-bg-opacity))
}

.bg-\[\#ED2C00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 44 0/var(--tw-bg-opacity))
}

.bg-\[\#ED2D00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 45 0/var(--tw-bg-opacity))
}

.bg-\[\#EEEEEE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238/var(--tw-bg-opacity))
}

.bg-\[\#F38608\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 134 8/var(--tw-bg-opacity))
}

.bg-\[\#F4F4F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.bg-\[\#F66B04\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 107 4/var(--tw-bg-opacity))
}

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

.bg-\[\#FFD102\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 209 2/var(--tw-bg-opacity))
}

.bg-\[\#FFD33D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 211 61/var(--tw-bg-opacity))
}

.bg-\[\#fa3b1e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 59 30/var(--tw-bg-opacity))
}

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

.bg-palette-blue-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(63 68 86/var(--tw-bg-opacity))
}

.bg-palette-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(247 145 14/var(--tw-bg-opacity))
}

.bg-palette-red {
    --tw-bg-opacity: 1;
    background-color: rgb(250 59 30/var(--tw-bg-opacity))
}

.bg-palette-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(233 209 24/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: #0000
}

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

.bg-opacity-50 {
    --tw-bg-opacity: .5
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-none {
    -o-object-fit: none;
    object-fit: none
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-0 {
    padding: 0
}

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-14 {
    padding-bottom: 3.5rem
}

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

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

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

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

.pb-7 {
    padding-bottom: 1.75rem
}

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

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

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

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

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

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

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

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

.pl-0 {
    padding-left: 0
}

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

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

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

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

.pl-\[106px\] {
    padding-left: 106px
}

.pr-4 {
    padding-right: 1rem
}

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

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

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

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

.pt-36 {
    padding-top: 9rem
}

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

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

.pt-7 {
    padding-top: 1.75rem
}

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

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-\[300\] {
    font-weight: 300
}

.font-\[400\] {
    font-weight: 400
}

.font-\[500\] {
    font-weight: 500
}

.font-\[600\] {
    font-weight: 600
}

.font-\[700\] {
    font-weight: 700
}

.font-\[800\] {
    font-weight: 800
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.leading-10 {
    line-height: 2.5rem
}

.leading-\[31px\] {
    line-height: 31px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[-0\.168px\] {
    letter-spacing: -.168px
}

.tracking-\[0\.07em\] {
    letter-spacing: .07em
}

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

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

.text-\[\#181B24\] {
    --tw-text-opacity: 1;
    color: rgb(24 27 36/var(--tw-text-opacity))
}

.text-\[\#1996f4\] {
    --tw-text-opacity: 1;
    color: rgb(25 150 244/var(--tw-text-opacity))
}

.text-\[\#1D1D1F\] {
    --tw-text-opacity: 1;
    color: rgb(29 29 31/var(--tw-text-opacity))
}

.text-\[\#242834\] {
    --tw-text-opacity: 1;
    color: rgb(36 40 52/var(--tw-text-opacity))
}

.text-\[\#263238\] {
    --tw-text-opacity: 1;
    color: rgb(38 50 56/var(--tw-text-opacity))
}

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

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

.text-\[\#4853E3\] {
    --tw-text-opacity: 1;
    color: rgb(72 83 227/var(--tw-text-opacity))
}

.text-\[\#486EFF\] {
    --tw-text-opacity: 1;
    color: rgb(72 110 255/var(--tw-text-opacity))
}

.text-\[\#546E7A\] {
    --tw-text-opacity: 1;
    color: rgb(84 110 122/var(--tw-text-opacity))
}

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

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

.text-\[\#6E6E73\] {
    --tw-text-opacity: 1;
    color: rgb(110 110 115/var(--tw-text-opacity))
}

.text-\[\#7B7B7B\] {
    --tw-text-opacity: 1;
    color: rgb(123 123 123/var(--tw-text-opacity))
}

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

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

.text-\[\#9CA0AF\] {
    --tw-text-opacity: 1;
    color: rgb(156 160 175/var(--tw-text-opacity))
}

.text-\[\#B0AFAF\] {
    --tw-text-opacity: 1;
    color: rgb(176 175 175/var(--tw-text-opacity))
}

.text-\[\#DED1B5\] {
    --tw-text-opacity: 1;
    color: rgb(222 209 181/var(--tw-text-opacity))
}

.text-\[\#DFD0B5\] {
    --tw-text-opacity: 1;
    color: rgb(223 208 181/var(--tw-text-opacity))
}

.text-\[\#F38108\] {
    --tw-text-opacity: 1;
    color: rgb(243 129 8/var(--tw-text-opacity))
}

.text-\[\#F39D0F\] {
    --tw-text-opacity: 1;
    color: rgb(243 157 15/var(--tw-text-opacity))
}

.text-\[\#F66B04\] {
    --tw-text-opacity: 1;
    color: rgb(246 107 4/var(--tw-text-opacity))
}

.text-\[\#F7910E\] {
    --tw-text-opacity: 1;
    color: rgb(247 145 14/var(--tw-text-opacity))
}

.text-\[\#F97EFF\] {
    --tw-text-opacity: 1;
    color: rgb(249 126 255/var(--tw-text-opacity))
}

.text-\[\#FFC908\] {
    --tw-text-opacity: 1;
    color: rgb(255 201 8/var(--tw-text-opacity))
}

.text-\[\#f38608\] {
    --tw-text-opacity: 1;
    color: rgb(243 134 8/var(--tw-text-opacity))
}

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

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

.text-\[21x\] {
    color: 21dppx
}

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

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

.text-palette-orange {
    --tw-text-opacity: 1;
    color: rgb(247 145 14/var(--tw-text-opacity))
}

.text-palette-red {
    --tw-text-opacity: 1;
    color: rgb(250 59 30/var(--tw-text-opacity))
}

.text-palette-yellow {
    --tw-text-opacity: 1;
    color: rgb(233 209 24/var(--tw-text-opacity))
}

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

.text-white\/20 {
    color: #fff3
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-\[inset_0_-3px_0_rgba\(0\,0\,0\,0\.25\)\] {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[inset_0_-3px_0_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: inset 0 -3px 0 #00000040;
    --tw-shadow-colored: inset 0 -3px 0 var(--tw-shadow-color)
}

.shadow-\[inset_0_-6px_0_\#CD7300\] {
    --tw-shadow: inset 0 -6px 0 #cd7300;
    --tw-shadow-colored: inset 0 -6px 0 var(--tw-shadow-color)
}

.shadow-\[inset_0_-6px_0_\#CD7300\],.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.filter {
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

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

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

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

.duration-300 {
    transition-duration: .3s
}

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

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

.\[animation-delay\:-0\.15s\] {
    animation-delay: -.15s
}

.\[animation-delay\:-0\.3s\] {
    animation-delay: -.3s
}

body {
    color: #fff;
    background: #282b37;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

.toggle-btn {
    color: #fff;
    letter-spacing: .1px;
    border: 1px solid #fa3b1e;
    width: 130px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

section {
    min-height: 100%;
    overflow: hidden
}

.main-container {
    margin: 0 auto;
    padding: 0 16px
}

* {
    box-sizing: border-box;
    font-family: Montserrat,sans-serif;
    font-weight: 400;
    position: relative
}

a,li,ul {
    text-decoration: none;
    list-style: none
}

button {
    cursor: pointer
}

input {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%
}

h1,h2,h3,h4,h5 {
    font-weight: 700
}

.popaps-pay-slider .splide__pagination .splide__pagination__page.is-active {
    background: #f7910e!important
}

.popaps-pay-slider .splide__slide.swiper-slide {
    opacity: .3
}

.popaps-pay-slider .splide__slide.swiper-slide.is-active {
    opacity: 1
}

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

.hover\:bg-\[\#282B37\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(40 43 55/var(--tw-bg-opacity))
}

.hover\:bg-\[\#3F4456\]:hover,.hover\:bg-\[\#3f4456\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(63 68 86/var(--tw-bg-opacity))
}

.hover\:bg-\[\#CAFA99\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(202 250 153/var(--tw-bg-opacity))
}

.hover\:bg-\[\#FFD59E\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 213 158/var(--tw-bg-opacity))
}

.hover\:bg-\[\#f8fab4\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 180/var(--tw-bg-opacity))
}

.hover\:bg-palette-blue-grey:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(63 68 86/var(--tw-bg-opacity))
}

.hover\:bg-palette-red:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 59 30/var(--tw-bg-opacity))
}

.hover\:text-\[\#F66B04\]:hover {
    --tw-text-opacity: 1;
    color: rgb(246 107 4/var(--tw-text-opacity))
}

.hover\:text-palette-red:hover {
    --tw-text-opacity: 1;
    color: rgb(250 59 30/var(--tw-text-opacity))
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-80:hover {
    opacity: .8
}

.focus\:border-palette-red:focus {
    --tw-border-opacity: 1;
    border-color: rgb(250 59 30/var(--tw-border-opacity))
}

.focus\:outline-none:focus {
    outline-offset: 2px;
    outline: 2px solid #0000
}

.active\:bg-palette-orange:active {
    --tw-bg-opacity: 1;
    background-color: rgb(247 145 14/var(--tw-bg-opacity))
}

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

@media (min-width: 640px) {
    .sm\:top-3 {
        top:.75rem
    }

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

    .sm\:mr-14 {
        margin-right: 3.5rem
    }

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-14 {
        height: 3.5rem
    }

    .sm\:h-20 {
        height: 5rem
    }

    .sm\:h-5 {
        height: 1.25rem
    }

    .sm\:w-28 {
        width: 7rem
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-60 {
        width: 15rem
    }

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

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

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

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

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

    .sm\:font-\[600\] {
        font-weight: 600
    }
}

@media (min-width: 768px) {
    .md\:order-1 {
        order:1
    }

    .md\:order-2 {
        order: 2
    }

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

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

    .md\:ml-5 {
        margin-left: 1.25rem
    }

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

    .md\:mr-1 {
        margin-right: .25rem
    }

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

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

    .md\:mr-\[130px\] {
        margin-right: 130px
    }

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

    .md\:mt-14 {
        margin-top: 3.5rem
    }

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

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

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

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

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

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

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

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

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

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

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

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

    .md\:flex-1 {
        flex: 1
    }

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

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

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

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

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

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

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

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

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

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

    .md\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
    }

    .md\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

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

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

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

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

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

    .md\:pt-20 {
        padding-top: 5rem
    }

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

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

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

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

    .lg\:-bottom-5 {
        bottom: -1.25rem
    }

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

    .lg\:m-auto {
        margin: auto
    }

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

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

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

    .lg\:mr-20 {
        margin-right: 5rem
    }

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

    .lg\:mr-6 {
        margin-right: 1.5rem
    }

    .lg\:mr-8 {
        margin-right: 2rem
    }

    .lg\:mr-\[50px\] {
        margin-right: 50px
    }

    .lg\:mr-\[80px\] {
        margin-right: 80px
    }

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

    .lg\:mt-20 {
        margin-top: 5rem
    }

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-screen {
        height: 100vh
    }

    .lg\:w-60 {
        width: 15rem
    }

    .lg\:w-80 {
        width: 20rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:flex-1 {
        flex: 1
    }

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

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

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

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

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

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

    .lg\:flex-wrap {
        flex-wrap: wrap
    }

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

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

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

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

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

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

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

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

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

    .lg\:space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.25rem*var(--tw-space-x-reverse))
    }

    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

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

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

    .lg\:object-bottom {
        -o-object-position: bottom;
        object-position: bottom
    }

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

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

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

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

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

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

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

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

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

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

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

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

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

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

    .lg\:pr-\[30px\] {
        padding-right: 30px
    }

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

    .lg\:pt-14 {
        padding-top: 3.5rem
    }

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

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

    .lg\:text-start {
        text-align: start
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .tablet\:flex {
        display:flex
    }

    .tablet\:w-\[210px\] {
        width: 210px
    }

    .tablet\:w-\[240px\] {
        width: 240px
    }

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

@media (min-width: 1280px) {
    .xl\:absolute {
        position:absolute
    }

    .xl\:-right-16 {
        right: -4rem
    }

    .xl\:-top-12 {
        top: -3rem
    }

    .xl\:right-\[141px\] {
        right: 141px
    }

    .xl\:top-\[-200px\] {
        top: -200px
    }

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

    .xl\:ml-20 {
        margin-left: 5rem
    }

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

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

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

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

    .xl\:block {
        display: block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:h-\[255px\] {
        height: 255px
    }

    .xl\:h-screen {
        height: 100vh
    }

    .xl\:w-72 {
        width: 18rem
    }

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

    .xl\:w-\[280px\] {
        width: 280px
    }

    .xl\:w-\[320px\] {
        width: 320px
    }

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

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

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

    .xl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

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

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

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

@media (min-width: 1440px) {
    .macbook-13\:-right-2 {
        right:-.5rem
    }

    .macbook-13\:-right-2\.5 {
        right: -.625rem
    }

    .macbook-13\:right-\[-100px\] {
        right: -100px
    }

    .macbook-13\:w-\[1000px\] {
        width: 1000px
    }
}

@media (min-width: 1600px) {
    .\32 xl\:w-\[320px\] {
        width:320px
    }

    .\32 xl\:max-w-\[1240px\] {
        max-width: 1240px
    }

    .\32 xl\:pt-20 {
        padding-top: 5rem
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:invert {
        --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)
    }
}

.spotlight[data-v-73a07988] {
    filter: blur(20vh);
    background: linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);
    height: 40vh;
    bottom: -30vh
}

.gradient-border[data-v-73a07988] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: .5rem;
    position: relative
}

@media (prefers-color-scheme: light) {
    .gradient-border[data-v-73a07988] {
        background-color:#ffffff4d
    }

    .gradient-border[data-v-73a07988]:before {
        background: linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82 50%,#36e4da 75%,#0047e1)
    }
}

@media (prefers-color-scheme: dark) {
    .gradient-border[data-v-73a07988] {
        background-color:#1414144d
    }

    .gradient-border[data-v-73a07988]:before {
        background: linear-gradient(90deg,#303030,#303030 25%,#00dc82 50%,#36e4da 75%,#0047e1)
    }
}

.gradient-border[data-v-73a07988]:before {
    content: "";
    -webkit-mask-composite: xor;
    opacity: .5;
    background-size: 400%;
    border-radius: .5rem;
    width: 100%;
    padding: 2px;
    transition: background-position .3s ease-in-out,opacity .2s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
    mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
    -webkit-mask-position: 0 0,0 0;
    mask-position: 0 0,0 0;
    -webkit-mask-size: auto,auto;
    mask-size: auto,auto;
    -webkit-mask-repeat: repeat,repeat;
    mask-repeat: repeat,repeat;
    -webkit-mask-clip: content-box,border-box;
    mask-clip: content-box,border-box;
    -webkit-mask-origin: content-box,border-box;
    mask-origin: content-box,border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto,auto;
    mask-mode: match-source,match-source
}

.gradient-border[data-v-73a07988]:hover:before {
    opacity: 1;
    background-position: -50% 0
}

.fixed[data-v-73a07988] {
    position: fixed
}

.left-0[data-v-73a07988] {
    left: 0
}

.right-0[data-v-73a07988] {
    right: 0
}

.z-10[data-v-73a07988] {
    z-index: 10
}

.z-20[data-v-73a07988] {
    z-index: 20
}

.grid[data-v-73a07988] {
    display: grid
}

.mb-16[data-v-73a07988] {
    margin-bottom: 4rem
}

.mb-8[data-v-73a07988] {
    margin-bottom: 2rem
}

.max-w-520px[data-v-73a07988] {
    max-width: 520px
}

.min-h-screen[data-v-73a07988] {
    min-height: 100vh
}

.w-full[data-v-73a07988] {
    width: 100%
}

.flex[data-v-73a07988] {
    display: flex
}

.cursor-pointer[data-v-73a07988] {
    cursor: pointer
}

.place-content-center[data-v-73a07988] {
    place-content: center
}

.items-center[data-v-73a07988] {
    align-items: center
}

.justify-center[data-v-73a07988] {
    justify-content: center
}

.overflow-hidden[data-v-73a07988] {
    overflow: hidden
}

.bg-white[data-v-73a07988] {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--un-bg-opacity))
}

.px-4[data-v-73a07988] {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-8[data-v-73a07988] {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-2[data-v-73a07988] {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.text-center[data-v-73a07988] {
    text-align: center
}

.text-8xl[data-v-73a07988] {
    font-size: 6rem;
    line-height: 1
}

.text-xl[data-v-73a07988] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-black[data-v-73a07988] {
    --un-text-opacity: 1;
    color: rgb(0 0 0/var(--un-text-opacity))
}

.font-light[data-v-73a07988] {
    font-weight: 300
}

.font-medium[data-v-73a07988] {
    font-weight: 500
}

.leading-tight[data-v-73a07988] {
    line-height: 1.25
}

.font-sans[data-v-73a07988] {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.antialiased[data-v-73a07988] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-black[data-v-73a07988] {
        --un-bg-opacity:1;
        background-color: rgb(0 0 0/var(--un-bg-opacity))
    }

    .dark\:text-white[data-v-73a07988] {
        --un-text-opacity: 1;
        color: rgb(255 255 255/var(--un-text-opacity))
    }
}

@media (min-width: 640px) {
    .sm\:px-0[data-v-73a07988] {
        padding-left:0;
        padding-right: 0
    }

    .sm\:px-6[data-v-73a07988] {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-3[data-v-73a07988] {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .sm\:text-4xl[data-v-73a07988] {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-xl[data-v-73a07988] {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.spotlight[data-v-6fdef64d] {
    filter: blur(20vh);
    background: linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1)
}

.fixed[data-v-6fdef64d] {
    position: fixed
}

.-bottom-1\/2[data-v-6fdef64d] {
    bottom: -50%
}

.left-0[data-v-6fdef64d] {
    left: 0
}

.right-0[data-v-6fdef64d] {
    right: 0
}

.grid[data-v-6fdef64d] {
    display: grid
}

.mb-16[data-v-6fdef64d] {
    margin-bottom: 4rem
}

.mb-8[data-v-6fdef64d] {
    margin-bottom: 2rem
}

.h-1\/2[data-v-6fdef64d] {
    height: 50%
}

.max-w-520px[data-v-6fdef64d] {
    max-width: 520px
}

.min-h-screen[data-v-6fdef64d] {
    min-height: 100vh
}

.place-content-center[data-v-6fdef64d] {
    place-content: center
}

.overflow-hidden[data-v-6fdef64d] {
    overflow: hidden
}

.bg-white[data-v-6fdef64d] {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--un-bg-opacity))
}

.px-8[data-v-6fdef64d] {
    padding-left: 2rem;
    padding-right: 2rem
}

.text-center[data-v-6fdef64d] {
    text-align: center
}

.text-8xl[data-v-6fdef64d] {
    font-size: 6rem;
    line-height: 1
}

.text-xl[data-v-6fdef64d] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-black[data-v-6fdef64d] {
    --un-text-opacity: 1;
    color: rgb(0 0 0/var(--un-text-opacity))
}

.font-light[data-v-6fdef64d] {
    font-weight: 300
}

.font-medium[data-v-6fdef64d] {
    font-weight: 500
}

.leading-tight[data-v-6fdef64d] {
    line-height: 1.25
}

.font-sans[data-v-6fdef64d] {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.antialiased[data-v-6fdef64d] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-black[data-v-6fdef64d] {
        --un-bg-opacity:1;
        background-color: rgb(0 0 0/var(--un-bg-opacity))
    }

    .dark\:text-white[data-v-6fdef64d] {
        --un-text-opacity: 1;
        color: rgb(255 255 255/var(--un-text-opacity))
    }
}

@media (min-width: 640px) {
    .sm\:px-0[data-v-6fdef64d] {
        padding-left:0;
        padding-right: 0
    }

    .sm\:text-4xl[data-v-6fdef64d] {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.card[data-v-0a5114e3] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.custom-border-top[data-v-0a5114e3] {
    border-top: 1px solid #ffffff0d
}

.card.regular[data-v-0a5114e3]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-0a5114e3]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-0a5114e3] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-0a5114e3] {
    background: #e9d118
}

.pay-input[data-v-0a5114e3] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-0a5114e3] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-0a5114e3] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-0a5114e3] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-0a5114e3] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-6b83f172] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-6b83f172]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-6b83f172]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-6b83f172] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-6b83f172] {
    background: #e9d118
}

.custom-border-top[data-v-6b83f172] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-6b83f172] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-6b83f172] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-6b83f172] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-6b83f172] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-6b83f172] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-50ba1cfb] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-50ba1cfb]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-50ba1cfb]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-50ba1cfb] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-50ba1cfb] {
    background: #e9d118
}

.custom-border-top[data-v-50ba1cfb] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-50ba1cfb] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-50ba1cfb] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-50ba1cfb] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-50ba1cfb] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-50ba1cfb] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-db86b7e6] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-db86b7e6]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-db86b7e6]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-db86b7e6] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-db86b7e6] {
    background: #e9d118
}

.custom-border-top[data-v-db86b7e6] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-db86b7e6] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-db86b7e6] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-db86b7e6] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-db86b7e6] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-db86b7e6] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-4604a109] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-4604a109]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-4604a109]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-4604a109] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-4604a109] {
    background: #e9d118
}

.custom-border-top[data-v-4604a109] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-4604a109] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-4604a109] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-4604a109] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-4604a109] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-4604a109] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-003b2024] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-003b2024]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-003b2024]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-003b2024] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-003b2024] {
    background: #e9d118
}

.custom-border-top[data-v-003b2024] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-003b2024] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-003b2024] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-003b2024] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-003b2024] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-003b2024] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-29385b60] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-29385b60]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-29385b60]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-29385b60] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-29385b60] {
    background: #e9d118
}

.custom-border-top[data-v-29385b60] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-29385b60] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-29385b60] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-29385b60] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-29385b60] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-29385b60] {
    background: #fff;
    border: 8px solid #e9d118
}

.main-bg[data-v-756791be] {
    background: linear-gradient(#f3fded 40%,#f8fdf4 62.71%,#fefefd)
}

.wrap-container[data-v-756791be]:after {
    content: "";
    background-color: #40404010;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.card[data-v-040621fe] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-040621fe]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-040621fe]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-040621fe] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-040621fe] {
    background: #e9d118
}

.custom-border-top[data-v-040621fe] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-040621fe] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-040621fe] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-040621fe] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-040621fe] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-040621fe] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-fd108e3e] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px
}

.custom-border-top[data-v-fd108e3e] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-fd108e3e] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-fd108e3e] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-fd108e3e] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-fd108e3e] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-fd108e3e] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-274f6483] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px
}

.custom-border-top[data-v-274f6483] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-274f6483] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px
}

.pay-input.active-pay[data-v-274f6483] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-274f6483] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-274f6483] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-274f6483] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-145eed43] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-145eed43]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-145eed43]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-145eed43] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-145eed43] {
    background: #e9d118
}

.custom-border-top[data-v-145eed43] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-145eed43] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px;
    width: 280px
}

.pay-input.active-pay[data-v-145eed43] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-145eed43] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-145eed43] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-145eed43] {
    background: #fff;
    border: 8px solid #e9d118
}

.card[data-v-fddd0f9e] {
    background: #282b37;
    border: 2px solid #ffffff0d;
    border-radius: 20px;
    width: 250px;
    transition: all .3s
}

.card.regular[data-v-fddd0f9e]:hover {
    border: 2px solid #fa3b1e
}

.card.vip[data-v-fddd0f9e]:hover {
    border: 2px solid #e9d118
}

.card.regular.selected-card[data-v-fddd0f9e] {
    background: #fa3b1e
}

.card.vip.selected-card[data-v-fddd0f9e] {
    background: #e9d118
}

.custom-border-top[data-v-fddd0f9e] {
    border-top: 1px solid #ffffff0d
}

.pay-input[data-v-fddd0f9e] {
    background: #282b37;
    border: 2.5px solid #333641;
    border-radius: 8px;
    width: 280px
}

.pay-input.active-pay[data-v-fddd0f9e] {
    border: 2.5px solid var(--red,#fa3b1e)
}

.pay-input.active-pay.vip[data-v-fddd0f9e] {
    border: 2.5px solid var(--red,#e9d118)
}

.pay-input input:checked~span[data-v-fddd0f9e] {
    background: #fff;
    border: 8px solid #fa3b1e
}

.pay-input.vip input:checked~span[data-v-fddd0f9e] {
    background: #fff;
    border: 8px solid #e9d118
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    display: flex;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    pointer-events: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex
}

.splide__pagination li {
    pointer-events: auto;
    margin: 0;
    line-height: 1;
    list-style-type: none;
    display: inline-block
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    visibility: hidden;
    position: relative
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    list-style-type: none!important
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    contain: strict;
    border: 2px solid #999;
    border-left-color: #0000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: auto;
    animation: 1s linear infinite splide-loading;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    z-index: 0;
    position: relative;
    overflow: hidden
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    opacity: 0;
    z-index: 0;
    margin: 0!important
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    cursor: pointer;
    opacity: .7;
    z-index: 1;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    padding: 0;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.splide__arrow svg {
    fill: #000;
    width: 1.2em;
    height: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline-offset: 3px;
    outline: 3px solid #0bf
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline-offset: 3px;
    outline: 3px solid #0bf
}

.splide__pagination {
    z-index: 1;
    padding: 0 1em;
    position: absolute;
    bottom: .5em;
    left: 0;
    right: 0
}

.splide__pagination__page {
    opacity: .7;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 3px;
    padding: 0;
    transition: transform .2s linear;
    display: inline-block;
    position: relative
}

.splide__pagination__page.is-active {
    z-index: 1;
    background: #fff;
    transform: scale(1.4)
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline-offset: 3px;
    outline: 3px solid #0bf
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline-offset: 3px;
    outline: 3px solid #0bf
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: #0000
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline-offset:-3px;
        outline: 3px solid #0bf
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline-offset:-3px;
        outline: 3px solid #0bf
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline-offset: 3px;
    outline: 3px solid #0bf
}

.splide.is-focus-in .splide__toggle:focus {
    outline-offset: 3px;
    outline: 3px solid #0bf
}

.splide__track--nav>.splide__list>.splide__slide {
    cursor: pointer;
    border: 3px solid #0000
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    top: auto;
    bottom: 1em
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    flex-direction: column;
    padding: 1em 0;
    display: flex;
    top: 0;
    bottom: 0;
    left: auto;
    right: .5em
}

.main-bg[data-v-d23e9137] {
    background: linear-gradient(#f3fded,#f8fdf4 69.72%,#fefefd)
}

.orange-btn[data-v-d23e9137] {
    color: #fff;
    cursor: pointer;
    background: #f7910e;
    border-radius: 10px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 300px;
    max-width: 100%;
    height: 56px;
    font-size: 24px;
    font-weight: 900;
    transition: background-color .2s;
    display: flex;
    box-shadow: inset 0 -3px #00000040
}

.orange-btn[data-v-d23e9137]:hover {
    background-color: #f7910e8a
}

.swiper-slide[data-v-d23e9137] {
    text-align: center;
    background: #fff;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 320px;
    padding: 44px 24px 40px;
    transition: opacity .3s ease-in-out;
    display: flex;
    position: relative;
    box-shadow: 0 8px 20px #0000001f
}

@media (min-width: 1024px) {
    .swiper-slide[data-v-d23e9137] {
        width:420px!important
    }
}

.splide__arrows[data-v-d23e9137] {
    width: 100%;
    position: absolute;
    top: 50%
}

.splide__arrows .splide__arrow[data-v-d23e9137] {
    background: 0 0;
    width: 46px;
    height: 46px
}

.splide__arrows .splide__arrow svg[data-v-d23e9137] {
    width: 46px;
    height: 46px
}

.splide__arrows .splide__arrow.splide__arrow--next svg[data-v-d23e9137] {
    transform: rotate(180deg)
}

.splide__arrows .splide__arrow.splide__arrow--prev svg[data-v-d23e9137] {
    transform: rotate(0)
}

.main-bg[data-v-22a41916] {
    background: linear-gradient(#f3fded,#f8fdf4 69.72%,#fefefd)
}

.orange-btn[data-v-22a41916] {
    color: #fff;
    cursor: pointer;
    background: #f7910e;
    border-radius: 10px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 300px;
    max-width: 100%;
    height: 56px;
    font-size: 24px;
    font-weight: 900;
    transition: background-color .2s;
    display: flex;
    box-shadow: inset 0 -3px #00000040
}

.orange-btn[data-v-22a41916]:hover {
    background-color: #f7910e8a
}

.swiper-slide[data-v-22a41916] {
    text-align: center;
    background: #fff;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 320px;
    padding: 64px 24px 40px;
    transition: opacity .3s ease-in-out;
    display: flex;
    position: relative;
    box-shadow: 0 8px 20px #0000001f
}

.splide__arrows[data-v-22a41916] {
    width: 100%;
    position: absolute;
    top: 50%
}

.splide__arrows .splide__arrow[data-v-22a41916] {
    background: 0 0;
    width: 46px;
    height: 46px
}

.splide__arrows .splide__arrow svg[data-v-22a41916] {
    width: 46px;
    height: 46px
}

.splide__arrows .splide__arrow.splide__arrow--next svg[data-v-22a41916] {
    transform: rotate(180deg)
}

.splide__arrows .splide__arrow.splide__arrow--prev svg[data-v-22a41916] {
    transform: rotate(0)
}

.card[data-v-cd794b01] {
    cursor: pointer;
    background-color: #3f44564d;
    border: 1px solid #0000;
    border-radius: 20px;
    max-width: 282px;
    min-height: 240px;
    padding: 30px 20px;
    transition: transform .3s
}

.answer-button[data-v-b076ebec] {
    letter-spacing: -.17px;
    border: 2px solid #f7910e;
    border-radius: 26px;
    font-weight: 500;
    transition: all .2s linear
}

.dot[data-v-b076ebec] {
    background-color: #bbb;
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block
}

.dot.active[data-v-b076ebec] {
    background-color: #f7910e
}

.radio-input[data-v-0de4e61e]:checked:before {
    content: "✓";
    background: #fa3b1e;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    font-size: 14px;
    display: flex
}

.rotate[data-v-0de4e61e] {
    transform: rotate(-3deg)
}

.card[data-v-67002bd3] {
    cursor: pointer;
    background-color: #3f44564d;
    border: 1px solid #0000;
    border-radius: 20px;
    max-width: 282px;
    min-height: 240px;
    padding: 15px 10px;
    transition: transform .3s
}

.scroll-bar[data-v-32029ef3]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-32029ef3] {
    scrollbar-width: none
}

.line[data-v-32029ef3]:before {
    content: "";
    opacity: .5;
    background: gray;
    width: 100%;
    height: 2px;
    position: absolute;
    top: -15px;
    left: 0
}

.scroll-bar[data-v-8aa5b641]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-8aa5b641] {
    scrollbar-width: none
}

.line[data-v-8aa5b641]:before {
    content: "";
    opacity: .5;
    background: gray;
    width: 100%;
    height: 2px;
    position: absolute;
    top: -15px;
    left: 0
}

.scroll-bar[data-v-30d2a784]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-30d2a784] {
    scrollbar-width: none
}

.scroll-bar[data-v-e49d9f74]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-e49d9f74] {
    scrollbar-width: none
}

.center[data-v-ee77ff4e] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.center[data-v-ee77ff4e],.line[data-v-ee77ff4e]:after {
    width: 100%;
    position: absolute
}

.line[data-v-ee77ff4e]:after {
    content: "";
    background: #e4e4e4;
    height: 1px;
    top: 0;
    left: 0
}

.video-progress-bar[data-v-ee77ff4e] {
    background-color: #333;
    width: 100%;
    height: 3px;
    left: 0
}

.buffer-bar[data-v-ee77ff4e],.playback-bar[data-v-ee77ff4e] {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.buffer-bar[data-v-ee77ff4e] {
    background-color: #ccc;
    animation: 5s ease-out forwards bufferAnimation-ee77ff4e
}

.playback-bar[data-v-ee77ff4e] {
    background-color: red;
    animation: 20s linear forwards playbackAnimation-ee77ff4e
}

@keyframes bufferAnimation-ee77ff4e {
    to {
        width: 20%
    }
}

@keyframes playbackAnimation-ee77ff4e {
    to {
        width: 10%
    }
}

.box[data-v-ee77ff4e] {
    animation: 1s infinite fadeInOut-ee77ff4e
}

@keyframes fadeInOut-ee77ff4e {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.neon-green[data-v-def7fb49] {
    color: #39ff14;
    text-shadow: 0 0 2px #39ff14,0 0 1px #39ff14
}

.pulse-button[data-v-def7fb49] {
    animation: 1s infinite pulse-def7fb49
}

@keyframes pulse-def7fb49 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .7;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.scroll-bar[data-v-4ea6adbc]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-4ea6adbc] {
    scrollbar-width: none
}

.fade-enter-active[data-v-4ea6adbc],.fade-leave-active[data-v-4ea6adbc] {
    transition: opacity .5s
}

.fade-enter-from[data-v-4ea6adbc],.fade-leave-to[data-v-4ea6adbc] {
    opacity: 0
}

.main-bg[data-v-e31c8af7] {
    background: linear-gradient(#f3fded,#f8fdf4 69.72%,#fefefd)
}

.orange-btn[data-v-e31c8af7] {
    color: #fff;
    cursor: pointer;
    background: #f7910e;
    border-radius: 10px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 300px;
    max-width: 100%;
    height: 56px;
    font-size: 24px;
    font-weight: 900;
    transition: background-color .2s;
    display: flex;
    box-shadow: inset 0 -3px #00000040
}

.orange-btn[data-v-e31c8af7]:hover {
    background-color: #f7910e8a
}

.swiper-slide[data-v-e31c8af7] {
    text-align: center;
    background: #fff;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 320px;
    padding: 44px 24px 40px;
    transition: opacity .3s ease-in-out;
    display: flex;
    position: relative;
    box-shadow: 0 8px 20px #0000001f
}

@media (min-width: 1024px) {
    .swiper-slide[data-v-e31c8af7] {
        width:420px!important
    }
}

.splide__arrows[data-v-e31c8af7] {
    width: 100%;
    position: absolute;
    top: 50%
}

.splide__arrows .splide__arrow[data-v-e31c8af7] {
    background: 0 0;
    width: 46px;
    height: 46px
}

.splide__arrows .splide__arrow svg[data-v-e31c8af7] {
    width: 46px;
    height: 46px
}

.splide__arrows .splide__arrow.splide__arrow--next svg[data-v-e31c8af7] {
    transform: rotate(180deg)
}

.splide__arrows .splide__arrow.splide__arrow--prev svg[data-v-e31c8af7] {
    transform: rotate(0)
}

.radio-input[data-v-5fc82880]:checked:before {
    content: "✓";
    background: #fa3b1e;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    font-size: 14px;
    display: flex
}

.rotate[data-v-5fc82880] {
    transform: rotate(-3deg)
}

.card[data-v-6477d910] {
    cursor: pointer;
    background-color: #3f44564d;
    border: 1px solid #0000;
    border-radius: 20px;
    max-width: 282px;
    min-height: 240px;
    padding: 15px 10px;
    transition: transform .3s
}

.scroll-bar[data-v-b8ffa0c2]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-b8ffa0c2] {
    scrollbar-width: none
}

.center[data-v-5b6d39c7] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.center[data-v-5b6d39c7],.line[data-v-5b6d39c7]:after {
    width: 100%;
    position: absolute
}

.line[data-v-5b6d39c7]:after {
    content: "";
    background: #e4e4e4;
    height: 1px;
    top: 0;
    left: 0
}

.video-progress-bar[data-v-5b6d39c7] {
    background-color: #333;
    width: 100%;
    height: 3px;
    left: 0
}

.buffer-bar[data-v-5b6d39c7],.playback-bar[data-v-5b6d39c7] {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.buffer-bar[data-v-5b6d39c7] {
    background-color: #ccc;
    animation: 5s ease-out forwards bufferAnimation-5b6d39c7
}

.playback-bar[data-v-5b6d39c7] {
    background-color: red;
    animation: 20s linear forwards playbackAnimation-5b6d39c7
}

@keyframes bufferAnimation-5b6d39c7 {
    to {
        width: 20%
    }
}

@keyframes playbackAnimation-5b6d39c7 {
    to {
        width: 10%
    }
}

.box[data-v-5b6d39c7] {
    animation: 1s infinite fadeInOut-5b6d39c7
}

@keyframes fadeInOut-5b6d39c7 {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.scroll-bar[data-v-5e4a77ec]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-5e4a77ec] {
    scrollbar-width: none
}

.scroll-bar[data-v-286fd9a0]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-286fd9a0] {
    scrollbar-width: none
}

.fade-enter-active[data-v-286fd9a0],.fade-leave-active[data-v-286fd9a0] {
    transition: opacity .5s
}

.fade-enter-from[data-v-286fd9a0],.fade-leave-to[data-v-286fd9a0] {
    opacity: 0
}

.scroll-bar[data-v-dcbd30f0]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-dcbd30f0] {
    scrollbar-width: none
}

.filter[data-v-8da25335] {
    filter: blur(8px)
}

.color-text[data-v-cc824da9] {
    animation: .5s infinite alternate colorChange-cc824da9
}

@keyframes colorChange-cc824da9 {
    0% {
        color: #fff
    }

    to {
        color: red
    }
}

.center[data-v-cc824da9] {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.main-bg[data-v-6d50b77a] {
    background: linear-gradient(#0d0d0d 86.36%,#0d0d0d00)
}

.border-botom[data-v-6d50b77a]:after {
    content: "";
    background: #e0e0e0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: -24px;
    right: -24px
}

@media (min-width: 1024px) {
    .border-botom[data-v-6d50b77a]:after {
        content:"";
        height: unset;
        bottom: -60px;
        left: unset;
        background: #e0e0e0;
        width: 1px;
        position: absolute;
        top: -60px;
        right: 0
    }
}

.line[data-v-779f1260] {
    padding: 20px 0 30px
}

.line[data-v-779f1260]:after {
    content: "";
    background: #d6d6d6;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

.scroll-bar[data-v-779f1260]::-webkit-scrollbar {
    display: none
}

.scroll-bar[data-v-779f1260] {
    scrollbar-width: none
}

.spacing-tr[data-v-779f1260] {
    box-shadow: 0 5px #fff
}

.image-download[data-v-779f1260] {
    border-radius: 12px;
    width: calc(100vw - 30px);
    height: 180px;
    overflow: hidden
}

.image-download img[data-v-779f1260] {
    -o-object-fit: fill;
    object-fit: fill
}

.shadow[data-v-97ef28db] {
    box-shadow: 0 10px 30px #0006
}

.center[data-v-97ef28db] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.line[data-v-7b4e9604]:after {
    content: "";
    background: #e4e4e4;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

.btn[data-v-eb54e5b9]:after {
    content: "";
    border: 1px solid #f66b04;
    width: 338px;
    height: 104px;
    position: absolute
}

.btn span[data-v-eb54e5b9] {
    color: #060f15;
    background: #ffffff80;
    border-radius: 0 0 0 20px;
    padding: 5px 10px;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0
}

section[data-v-eb54e5b9] {
    background: #060f15
}

.button-bg[data-v-76ef4524] {
    color: #fff;
    background: linear-gradient(#f9856a,#bb488e);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 150px;
    padding: 16px 20px;
    font-size: 30px;
    display: flex
}

.footer-bg[data-v-76ef4524] {
    background: linear-gradient(#fa8569,#bd5498)
}

.pubg-background[data-v-6a42d802] {
    background: linear-gradient(146deg,#141d3a 26%,#20284b 59%,#28325a)
}

.line[data-v-6a42d802]:before {
    top: 0
}

.line[data-v-6a42d802]:after,.line[data-v-6a42d802]:before {
    content: "";
    background: linear-gradient(90deg,#ffffff80,#fff0);
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0
}

.line[data-v-6a42d802]:after {
    bottom: 0
}

.line[data-v-2c69d431] {
    background: linear-gradient(90deg,#7147fd,#486eff);
    width: 61px;
    height: 5px
}

.btn-section4[data-v-2c69d431],.card-device[data-v-2c69d431] {
    background: linear-gradient(90deg,#f6f7ff,#edefff);
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 4px 10px #1b1d7633
}