:root {
                --primary-color: #36db85;
                --primary-color-deep: #00c35e
            }

            *,::after,::before {
                box-sizing: border-box;
                border-width: 0;
                border-style: solid;
                border-color: #e5e7eb
            }

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

            html {
                line-height: 1.5;
                -webkit-text-size-adjust: 100%;
                -moz-tab-size: 4;
                -o-tab-size: 4;
                tab-size: 4;
                font-family: ui-sans-serif,system-ui,-apple-systemRoboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
                lor: 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-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-size: 100%;
                line-height: inherit;
                color: inherit;
                margin: 0;
                padding: 0
            }

            button,select {
                text-transform: none
            }

            [type=button],[type=reset],[type=submit],button {
                -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;
                padding: 0
            }

            legend {
                padding: 0
            }

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

            textarea {
                resize: vertical
            }

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

            input:-ms-input-placeholder,textarea:-ms-input-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
            }

            #__next,body,html {
                display: flex;
                min-height: 100vh;
                flex-direction: column
            }

            *,::after,::before {
                --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-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: rgb(59 130 246 / 0.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:
            }

            .container {
                width: 100%
            }

            @media (min-width: 640px) {
                .container {
                    max-width:640px
                }
            }

            @media (min-width: 821px) {
                .container {
                    max-width:821px
                }
            }

            @media (min-width: 1024px) {
                .container {
                    max-width:1024px
                }
            }

            @media (min-width: 1280px) {
                .container {
                    max-width:1280px
                }
            }

            @media (min-width: 1536px) {
                .container {
                    max-width:1536px
                }
            }

            .nav-item {
                margin-right: 2.5rem;
                display: inline-block;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                padding-left: .5rem;
                padding-right: .5rem;
                position: relative
            }

            .nav-item:last-child {
                margin-right: 0
            }

            .nav-link {
                display: block;
                font-weight: 600;
                --tw-text-opacity: 1;
                color: rgb(75 85 99 / var(--tw-text-opacity));
                transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
                transition-timing-function: cubic-bezier(0.4,0,0.2,1);
                transition-duration: 150ms;
                font-family: Lato,sans-serif
            }

            .nav-link:hover {
                opacity: .8
            }

            .dark .nav-link {
                --tw-text-opacity: 1;
                color: rgb(243 244 246 / var(--tw-text-opacity))
            }

            .nav-link .icon {
                margin-right: .5rem;
                display: inline-flex;
                height: 2rem;
                width: 2rem;
                align-items: center;
                justify-content: center;
                border-radius: 9999px;
                background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
                --tw-gradient-from: #4ade80;
                --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgb(74 222 128 / 0));
                --tw-gradient-to: #22c55e;
                font-size: .875rem;
                line-height: 1.25rem;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
                --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                --tw-shadow-color: #86efac;
                --tw-shadow: var(--tw-shadow-colored)
            }

            .dark .nav-link .icon {
                --tw-shadow: 0 0 #0000;
                --tw-shadow-colored: 0 0 #0000;
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
            }

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

            .visible {
                visibility: visible
            }

            .fixed {
                position: fixed
            }

            .absolute {
                position: absolute
            }

            .relative {
                position: relative
            }

            .sticky {
                position: -webkit-sticky;
                position: sticky
            }

            .top-0 {
                top: 0
            }

            .left-0 {
                left: 0
            }

            .left-8 {
                left: 2rem
            }

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

            .right-4 {
                right: 1rem
            }

            .bottom-0 {
                bottom: 0
            }

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

            .right-5 {
                right: 1.25rem
            }

            .right-3 {
                right: .75rem
            }

            .bottom-3 {
                bottom: .75rem
            }

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

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

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

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

            .-bottom-\[12\.25px\] {
                bottom: -12.25px
            }

            .top-5 {
                top: 1.25rem
            }

            .z-50 {
                z-index: 50
            }

            .z-10 {
                z-index: 10
            }

            .m-1 {
                margin: .25rem
            }

            .-m-1 {
                margin: -.25rem
            }

            .-m-3 {
                margin: -.75rem
            }

            .-m-4 {
                margin: -1rem
            }

            .-m-2 {
                margin: -.5rem
            }

            .m-2 {
                margin: .5rem
            }

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

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

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

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

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

            .mx-3 {
                margin-left: .75rem;
                margin-right: .75rem
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .mt-auto {
                margin-top: auto
            }

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

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

            .ml-0 {
                margin-left: 0
            }

            .mr-0 {
                margin-right: 0
            }

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

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

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

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

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

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

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

            .block {
                display: block
            }

            .inline-block {
                display: inline-block
            }

            .flex {
                display: flex
            }

            .inline-flex {
                display: inline-flex
            }

            .hidden {
                display: none
            }

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

            .h-10 {
                height: 2.5rem
            }

            .h-8 {
                height: 2rem
            }

            .h-full {
                height: 100%
            }

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

            .h-5 {
                height: 1.25rem
            }

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

            .h-4 {
                height: 1rem
            }

            .h-12 {
                height: 3rem
            }

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

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

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

            .h-1 {
                height: .25rem
            }

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

            .h-auto {
                height: auto
            }

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

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

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

            .max-h-0 {
                max-height: 0
            }

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

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

            .w-10 {
                width: 2.5rem
            }

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

            .w-full {
                width: 100%
            }

            .w-8 {
                width: 2rem
            }

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

            .w-5 {
                width: 1.25rem
            }

            .w-0 {
                width: 0
            }

            .w-4 {
                width: 1rem
            }

            .w-auto {
                width: auto
            }

            .w-12 {
                width: 3rem
            }

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

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

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

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

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

            .w-1 {
                width: .25rem
            }

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

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

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

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

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

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

            .max-w-2xl {
                max-width: 42rem
            }

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

            .max-w-4xl {
                max-width: 56rem
            }

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

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

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

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

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

            .flex-shrink-0 {
                flex-shrink: 0
            }

            .-translate-y-1\/2 {
                --tw-translate-y: -50%;
                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-x-1\/2 {
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .cursor-pointer {
                cursor: pointer
            }

            .cursor-none {
                cursor: none
            }

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

            .flex-col {
                flex-direction: column
            }

            .flex-wrap {
                flex-wrap: wrap
            }

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

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

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

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

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

            .rounded {
                border-radius: .25rem
            }

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

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

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

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

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

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

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

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

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

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

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

            .rounded-l-\[30px\] {
                border-top-left-radius: 30px;
                border-bottom-left-radius: 30px
            }

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

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

            .border {
                border-width: 1px
            }

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

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

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

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

            .border-gray-200 {
                --tw-border-opacity: 1;
                border-color: rgb(229 231 235 / var(--tw-border-opacity))
            }

            .border-gray-300 {
                --tw-border-opacity: 1;
                border-color: rgb(209 213 219 / var(--tw-border-opacity))
            }

            .border-yellow-500 {
                --tw-border-opacity: 1;
                border-color: rgb(234 179 8 / var(--tw-border-opacity))
            }

            .border-green-500 {
                --tw-border-opacity: 1;
                border-color: rgb(34 197 94 / var(--tw-border-opacity))
            }

            .bg-green-500 {
                --tw-bg-opacity: 1;
                background-color: rgb(34 197 94 / var(--tw-bg-opacity))
            }

            .bg-green-100 {
                --tw-bg-opacity: 1;
                background-color: rgb(220 252 231 / var(--tw-bg-opacity))
            }

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

            .bg-black\/\[0\.7\] {
                background-color: rgb(0 0 0 / .7)
            }

            .bg-gray-200 {
                --tw-bg-opacity: 1;
                background-color: rgb(229 231 235 / var(--tw-bg-opacity))
            }

            .bg-\[\#0088cc\] {
                --tw-bg-opacity: 1;
                background-color: rgb(0 136 204 / var(--tw-bg-opacity))
            }

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

            .bg-green-600 {
                --tw-bg-opacity: 1;
                background-color: rgb(22 163 74 / var(--tw-bg-opacity))
            }

            .bg-\[\#85B6FF20\] {
                background-color: #85b6FF20
            }

            .bg-\[\#FF858520\] {
                background-color: #ff858520
            }

            .bg-\[\#DF85FF20\] {
                background-color: #df85FF20
            }

            .bg-\[\#FFC78520\] {
                background-color: #ffc78520
            }

            .bg-\[\#16d30020\] {
                background-color: #16d30020
            }

            .bg-\[\#FFA98520\] {
                background-color: #ffa98520
            }

            .bg-gray-500 {
                --tw-bg-opacity: 1;
                background-color: rgb(107 114 128 / var(--tw-bg-opacity))
            }

            .bg-gray-50 {
                --tw-bg-opacity: 1;
                background-color: rgb(249 250 251 / var(--tw-bg-opacity))
            }

            .bg-gray-800 {
                --tw-bg-opacity: 1;
                background-color: rgb(31 41 55 / var(--tw-bg-opacity))
            }

            .bg-gray-300 {
                --tw-bg-opacity: 1;
                background-color: rgb(209 213 219 / var(--tw-bg-opacity))
            }

            .bg-yellow-100 {
                --tw-bg-opacity: 1;
                background-color: rgb(254 249 195 / var(--tw-bg-opacity))
            }

            .bg-white\/\[0\.5\] {
                background-color: rgb(255 255 255 / .5)
            }

            .bg-\[\#37b6e5\] {
                --tw-bg-opacity: 1;
                background-color: rgb(55 182 229 / var(--tw-bg-opacity))
            }

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

            .bg-red-500 {
                --tw-bg-opacity: 1;
                background-color: rgb(239 68 68 / var(--tw-bg-opacity))
            }

            .bg-white\/\[0\.8\] {
                background-color: rgb(255 255 255 / .8)
            }

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

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

            .bg-gradient-to-bl {
                background-image: linear-gradient(to bottom left,var(--tw-gradient-stops))
            }

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

            .from-green-400 {
                --tw-gradient-from: #4ade80;
                --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgb(74 222 128 / 0))
            }

            .from-green-500 {
                --tw-gradient-from: #22c55e;
                --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgb(34 197 94 / 0))
            }

            .to-green-600 {
                --tw-gradient-to: #16a34a
            }

            .to-green-500 {
                --tw-gradient-to: #22c55e
            }

            .to-cyan-500 {
                --tw-gradient-to: #06b6d4
            }

            .to-cyan-400 {
                --tw-gradient-to: #22d3ee
            }

            .bg-cover {
                background-size: cover
            }

            .bg-right-top {
                background-position: right top
            }

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

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

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

            .p-1 {
                padding: .25rem
            }

            .p-8 {
                padding: 2rem
            }

            .p-5 {
                padding: 1.25rem
            }

            .p-6 {
                padding: 1.5rem
            }

            .p-3 {
                padding: .75rem
            }

            .p-4 {
                padding: 1rem
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pl-0 {
                padding-left: 0
            }

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

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

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

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

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

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

            .text-left {
                text-align: left
            }

            .text-center {
                text-align: center
            }

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

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

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

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

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

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

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

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

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

            .text-7xl {
                font-size: 4.5rem;
                line-height: 1
            }

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

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

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

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

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

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

            .font-semibold {
                font-weight: 600
            }

            .font-medium {
                font-weight: 500
            }

            .font-bold {
                font-weight: 700
            }

            .font-normal {
                font-weight: 400
            }

            .uppercase {
                text-transform: uppercase
            }

            .leading-relaxed {
                line-height: 1.625
            }

            .leading-tight {
                line-height: 1.25
            }

            .leading-7 {
                line-height: 1.75rem
            }

            .leading-snug {
                line-height: 1.375
            }

            .text-gray-900 {
                --tw-text-opacity: 1;
                color: rgb(17 24 39 / var(--tw-text-opacity))
            }

            .text-gray-700 {
                --tw-text-opacity: 1;
                color: rgb(55 65 81 / var(--tw-text-opacity))
            }

            .text-gray-100 {
                --tw-text-opacity: 1;
                color: rgb(243 244 246 / var(--tw-text-opacity))
            }

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

            .text-green-500 {
                --tw-text-opacity: 1;
                color: rgb(34 197 94 / var(--tw-text-opacity))
            }

            .text-gray-500 {
                --tw-text-opacity: 1;
                color: rgb(107 114 128 / var(--tw-text-opacity))
            }

            .text-gray-600 {
                --tw-text-opacity: 1;
                color: rgb(75 85 99 / var(--tw-text-opacity))
            }

            .text-gray-800 {
                --tw-text-opacity: 1;
                color: rgb(31 41 55 / var(--tw-text-opacity))
            }

            .text-gray-300 {
                --tw-text-opacity: 1;
                color: rgb(209 213 219 / var(--tw-text-opacity))
            }

            .text-yellow-700 {
                --tw-text-opacity: 1;
                color: rgb(161 98 7 / var(--tw-text-opacity))
            }

            .text-green-700 {
                --tw-text-opacity: 1;
                color: rgb(21 128 61 / var(--tw-text-opacity))
            }

            .text-\[\#37b6e5\] {
                --tw-text-opacity: 1;
                color: rgb(55 182 229 / var(--tw-text-opacity))
            }

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

            .text-\[\#8b959e\] {
                --tw-text-opacity: 1;
                color: rgb(139 149 158 / var(--tw-text-opacity))
            }

            .opacity-80 {
                opacity: .8
            }

            .opacity-50 {
                opacity: .5
            }

            .shadow-xl {
                --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
            }

            .shadow {
                --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
            }

            .shadow-lg {
                --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
            }

            .shadow-green-400 {
                --tw-shadow-color: #4ade80;
                --tw-shadow: var(--tw-shadow-colored)
            }

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

            .ring-green-300 {
                --tw-ring-opacity: 1;
                --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity))
            }

            .drop-shadow-xl {
                --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
                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 {
                --tw-backdrop-blur: blur(8px);
                -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-lg {
                --tw-backdrop-blur: blur(16px);
                -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-\[5px\] {
                --tw-backdrop-blur: blur(5px);
                -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);
                -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)
            }

            .transition-\[max-height\] {
                transition-property: max-height;
                transition-timing-function: cubic-bezier(0.4,0,0.2,1);
                transition-duration: 150ms
            }

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

            .transition-all {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4,0,0.2,1);
                transition-duration: 150ms
            }

            .duration-1000 {
                transition-duration: 1s
            }

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

            .btn {
                display: inline-block;
                border-radius: .25rem;
                padding-left: 1rem;
                padding-right: 1rem;
                padding-top: .75rem;
                padding-bottom: .75rem;
                text-align: center;
                font-weight: 600;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
                transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
                transition-timing-function: cubic-bezier(0.4,0,0.2,1);
                transition-duration: .3s;
                background-color: var(--primary-color-deep);
                font-family: Lato,sans-serif
            }

            .btn:hover {
                opacity: .9
            }

            .btn.second {
                --tw-bg-opacity: 1;
                background-color: rgb(55 65 81 / var(--tw-bg-opacity))
            }

            .section {
                padding-top: 5rem;
                padding-bottom: 5rem
            }

            .section-head {
                margin-bottom: 1.25rem;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                font-weight: 700;
                --tw-text-opacity: 1;
                color: rgb(55 65 81 / var(--tw-text-opacity));
                font-family: Lato,sans-serif
            }

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

            .hide-description {
                transition: height 1s ease-in
            }

            .hide-description::after {
                content: ""
            }

            .hide-description.active {
                height: -webkit-max-content;
                height: -moz-max-content;
                height: max-content
            }

            .hide-description.active::after {
                display: none
            }

            .text-primary-deep {
                color: var(--primary-color-deep)
            }

            .bg-primary,.hover\:bg-primary:hover {
                background-color: var(--primary-color)
            }

            .bg-primary-deep,.hover\:bg-primary-deep:hover {
                background-color: var(--primary-color-deep)
            }

            .border-primary-deep {
                border-color: var(--primary-color-deep)
            }

            .font-lato-1 {
                font-family: Lato,sans-serif
            }

            .font-poppins-1 {
                font-family: Poppins,sans-serif
            }

            .hover\:text-primary:hover,.text-primary {
                color: var(--primary-color-deep)
            }

            .nav-link .icon {
                transition: .3s cubic-bezier(.25, .46, .45, .94)
            }

            .nav-link:hover .icon {
                transform: scale(.85)
            }

            .nav-link.active {
                color: var(--color)
            }

            .swiper {
                padding-bottom: 35px!important
            }

            .swiper-pagination {
                bottom: 0!important
            }

            .swiper-pagination-bullet {
                width: 25px!important;
                border-radius: 40px!important;
                transition: .3s;
                margin-right: .5rem!important
            }

            .swiper-pagination-bullet:last-child {
                margin-right: 0!important
            }

            .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 30px!important;
                background-color: var(--primary-color)
            }

            .btn-outline {
                border: 2px solid var(--primary-color);
                color: var(--primary-color);
                background-color: transparent
            }

            .btn-outline:hover {
                background-color: var(--primary-color);
                color: #fff
            }

            .swiper-button-disabled {
                display: none
            }

            section {
                overflow: hidden
            }

            body {
                position: relative;
				margin: 0;
            }

            body::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
                background-color: #e7f8eb;
                background-image: radial-gradient(#58db85 1.7000000000000002px,transparent 1.7000000000000002px),radial-gradient(#58db85 1.7000000000000002px,#e7f8eb 1.7000000000000002px);
                background-size: 68px 68px;
                background-position: 0 0,34px 34px
            }

            .dark body::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
                background-color: #172b3d;
                background-image: radial-gradient(#58db85 1.7000000000000002px,transparent 1.7000000000000002px),radial-gradient(#58db85 1.7000000000000002px,#172b3d 1.7000000000000002px);
                background-size: 68px 68px;
                background-position: 0 0,34px 34px
            }

            .post-item {
                position: relative
            }

            .post-item .post-content {
                position: relative;
                z-index: 2
            }

            .post-item:hover img {
                transform: scale(1.05)
            }

            .badge .item {
                position: relative;
                padding: 0 .5rem
            }

            .badge .item::after {
                content: "";
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%) rotate(20deg);
                width: 2px;
                height: 70%;
                background-color: #e6e6e6;
                display: block
            }

            .badge .item:last-child {
                padding-right: 0
            }

            .badge .item:last-child::after {
                display: none
            }

            .badge .item:first-child {
                padding-left: 0
            }

            .most-popular-games-item:hover .content {
                bottom: 0
            }

            @media (max-width: 745px) {
                .feature-games .item {
                    display:none
                }

                .feature-games .item:first-child {
                    display: block
                }
            }

            @media (max-width: 400px) {
                .mobile-nav-links {
                    border-radius:0
                }
            }

            svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa {
                overflow: visible;
                box-sizing: content-box
            }

            .svg-inline--fa {
                display: var(--fa-display,inline-block);
                height: 1em;
                overflow: visible;
                vertical-align: -.125em
            }

            .post-description {
                text-align: justify
            }

            .post-description span {
                display: block
            }

            .post-description ul {
                list-style: disc;
                padding-left: 1.3rem
            }

            .post-description img {
                margin-left: auto;
                margin-right: auto;
                width: max-content;
                height: max-content
            }

            .post-description a {
                color: #00c35e
            }

            .jq-ry-container {
                position: relative;
                padding: 0 5px;
                line-height: 0;
                display: block;
                cursor: pointer;
                box-sizing: content-box;
                direction: ltr
            }

            .jq-ry-container[readonly=readonly] {
                cursor: default
            }

            .jq-ry-container>.jq-ry-group-wrapper {
                position: relative;
                width: 100%
            }

            .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
                position: relative;
                line-height: 0;
                z-index: 10;
                white-space: nowrap
            }

            .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
                display: inline-block
            }

            .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
                width: 100%
            }

            .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
                width: 0;
                z-index: 11;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden
            }

            .post-description h1,.post-description h2,.post-description h3,.post-description h4,.post-description h5,.post-description h6 {
                font-weight: 700;
                text-align: center
            }

            .post-description h1 {
                font-size: 1.7rem
            }

            .post-description h2 {
                font-size: 1.5rem
            }

            .post-description h3 {
                font-size: 1.3rem
            }

            .post-description h4 {
                font-size: 1rem
            }

            .post-description h5 {
                font-size: .95rem
            }

            .post-description h6 {
                font-size: .75rem
            }

            .post-description img,.post-description p {
                margin: 1rem auto
            }

            .faq-description ul {
                list-style: disc;
                padding-left: 3rem
            }

            @media(max-width: 639px) {
                .faq-description ul {
                    padding-left: 1.2rem;
                }
            }

            .placeholder\:text-gray-100::-moz-placeholder {
                --tw-text-opacity: 1;
                color: rgb(243 244 246 / var(--tw-text-opacity))
            }

            .placeholder\:text-gray-100:-ms-input-placeholder {
                --tw-text-opacity: 1;
                color: rgb(243 244 246 / var(--tw-text-opacity))
            }

            .placeholder\:text-gray-100::placeholder {
                --tw-text-opacity: 1;
                color: rgb(243 244 246 / var(--tw-text-opacity))
            }

            .hover\:bg-green-500:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(34 197 94 / var(--tw-bg-opacity))
            }

            .hover\:bg-gray-100:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(243 244 246 / var(--tw-bg-opacity))
            }

            .hover\:bg-gradient-to-tr:hover {
                background-image: linear-gradient(to top right,var(--tw-gradient-stops))
            }

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

            .hover\:underline:hover {
                -webkit-text-decoration-line: underline;
                text-decoration-line: underline
            }

            .hover\:opacity-90:hover {
                opacity: .9
            }

            .hover\:ring-4:hover {
                --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
                box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
            }

            .hover\:drop-shadow-2xl:hover {
                --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
                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)
            }

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

            .focus\:shadow-lg:focus {
                --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
            }

            .focus\:ring-2:focus {
                --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
                box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
            }

            .focus\:ring-green-500:focus {
                --tw-ring-opacity: 1;
                --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity))
            }

            .dark .dark\:border-gray-600 {
                --tw-border-opacity: 1;
                border-color: rgb(75 85 99 / var(--tw-border-opacity))
            }

            .dark .dark\:border-gray-900 {
                --tw-border-opacity: 1;
                border-color: rgb(17 24 39 / var(--tw-border-opacity))
            }

            .dark .dark\:border-gray-700 {
                --tw-border-opacity: 1;
                border-color: rgb(55 65 81 / var(--tw-border-opacity))
            }

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

            .dark .dark\:border-t-gray-700 {
                --tw-border-opacity: 1;
                border-top-color: rgb(55 65 81 / var(--tw-border-opacity))
            }

            .dark .dark\:border-b-gray-700 {
                --tw-border-opacity: 1;
                border-bottom-color: rgb(55 65 81 / var(--tw-border-opacity))
            }

            .dark .dark\:bg-\[\#273d52\] {
                --tw-bg-opacity: 1;
                background-color: rgb(39 61 82 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-gray-700 {
                --tw-bg-opacity: 1;
                background-color: rgb(55 65 81 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-gray-600 {
                --tw-bg-opacity: 1;
                background-color: rgb(75 85 99 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-\[\#172b3d\] {
                --tw-bg-opacity: 1;
                background-color: rgb(23 43 61 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-\[\#3b5670\] {
                --tw-bg-opacity: 1;
                background-color: rgb(59 86 112 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-yellow-200 {
                --tw-bg-opacity: 1;
                background-color: rgb(254 240 138 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-green-200 {
                --tw-bg-opacity: 1;
                background-color: rgb(187 247 208 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-gray-800 {
                --tw-bg-opacity: 1;
                background-color: rgb(31 41 55 / var(--tw-bg-opacity))
            }

            .dark .dark\:bg-gray-800\/\[0\.5\] {
                background-color: rgb(31 41 55 / .5)
            }

            .dark .dark\:bg-gray-800\/\[0\.8\] {
                background-color: rgb(31 41 55 / .8)
            }

            .dark .dark\:bg-\[\#3d5164\] {
                --tw-bg-opacity: 1;
                background-color: rgb(61 81 100 / var(--tw-bg-opacity))
            }

            .dark .dark\:text-gray-100 {
                --tw-text-opacity: 1;
                color: rgb(243 244 246 / var(--tw-text-opacity))
            }

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

            .dark .dark\:text-gray-400 {
                --tw-text-opacity: 1;
                color: rgb(156 163 175 / var(--tw-text-opacity))
            }

            .dark .dark\:text-gray-200 {
                --tw-text-opacity: 1;
                color: rgb(229 231 235 / var(--tw-text-opacity))
            }

            .dark .dark\:text-gray-300 {
                --tw-text-opacity: 1;
                color: rgb(209 213 219 / var(--tw-text-opacity))
            }

            .dark .dark\:text-\[\#939ea9\] {
                --tw-text-opacity: 1;
                color: rgb(147 158 169 / var(--tw-text-opacity))
            }

            .dark .dark\:shadow-none {
                --tw-shadow: 0 0 #0000;
                --tw-shadow-colored: 0 0 #0000;
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
            }

            .dark .dark\:hover\:bg-gray-900:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(17 24 39 / var(--tw-bg-opacity))
            }

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

            @media (min-width: 640px) {
                .sm\:right-5 {
                    right:1.25rem
                }

                .sm\:-m-3 {
                    margin: -.75rem
                }

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

                .sm\:mx-0 {
                    margin-left: 0;
                    margin-right: 0
                }

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

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

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

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

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

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

                .sm\:block {
                    display: block
                }

                .sm\:inline-block {
                    display: inline-block
                }

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

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

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

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

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

                .sm\:w-8 {
                    width: 2rem
                }

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

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

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

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

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

                .sm\:overflow-x-visible {
                    overflow-x: visible
                }

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

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

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

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

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

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

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

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

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

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

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

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

            @media (min-width: 821px) {
                .md\:absolute {
                    position:absolute
                }

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

                .md\:mx-0 {
                    margin-left: 0;
                    margin-right: 0
                }

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

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

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

                .md\:mr-12 {
                    margin-right: 3rem
                }

                .md\:block {
                    display: block
                }

                .md\:flex {
                    display: flex
                }

                .md\:hidden {
                    display: none
                }

                .md\:h-auto {
                    height: auto
                }

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

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

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

                .md\:w-3\/12 {
                    width: 25%
                }

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

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

                .md\:w-7\/12 {
                    width: 58.333333%
                }

                .md\:w-2\/12 {
                    width: 16.666667%
                }

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

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

                .md\:w-10 {
                    width: 2.5rem
                }

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

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

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

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

                .md\:overflow-hidden {
                    overflow: hidden
                }

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

                .md\:rounded-l-\[18px\] {
                    border-top-left-radius: 18px;
                    border-bottom-left-radius: 18px
                }

                .md\:rounded-tr-none {
                    border-top-right-radius: 0
                }

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

                .md\:bg-gradient-to-bl {
                    background-image: linear-gradient(to bottom left,var(--tw-gradient-stops))
                }

                .md\:from-green-400 {
                    --tw-gradient-from: #4ade80;
                    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgb(74 222 128 / 0))
                }

                .md\:to-green-500 {
                    --tw-gradient-to: #22c55e
                }

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

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

                .md\:pr-8 {
                    padding-right: 2rem
                }

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

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

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

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

                .md\:text-gray-900 {
                    --tw-text-opacity: 1;
                    color: rgb(17 24 39 / var(--tw-text-opacity))
                }

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

                .md\:hover\:bg-green-200:hover {
                    --tw-bg-opacity: 1;
                    background-color: rgb(187 247 208 / var(--tw-bg-opacity))
                }

                .md\:hover\:text-green-600:hover {
                    --tw-text-opacity: 1;
                    color: rgb(22 163 74 / var(--tw-text-opacity))
                }

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

            @media (min-width: 1024px) {
                .lg\:w-3\/12 {
                    width:25%
                }

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

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

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

            @media (min-width: 1280px) {
                .xl\:w-2\/12 {
                    width:16.666667%
                }
            }

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

            .invisible {
                visibility: hidden
            }

            .opacity-0 {
                opacity: 0
            }


.appdet-modal {
	position: fixed;
	width: auto;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: transparent;
	z-index: 200 !important;
	overflow: hidden;
}

.appdet-content {
	overflow: auto;
	z-index: 1;
	max-width: 100%;
	height: 100%;
}

.appdet-close {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 20;
	background: rgba(255, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.appdet-close span {
	cursor: pointer;
	font-size: 1.2em;
}

.anifa {
	animation-duration: 0.6s;
}

.anifav {
	animation-duration: 0.3s;
}

.noscroll {
	overflow: hidden;
}

.step-app-img-wrapper {
	height: 30vh;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.step-app-details {
	margin: 0 auto;
	position: relative;
	padding-top: 76vh;
	border-radius: 30px;
	height: 100%;
}

.step-app-details-inner {
	background: #fff;
    padding: 40px 20px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: absolute;
    z-index: 2;
    /* min-height: 650px; */
    box-shadow: 0 -8px 10px 0 rgb(0 0 0 / 35%);
    background-size: cover;
    bottom: 0;
    left: 0;
    width: 100%;
}

.appdet-title {
	color: #fff;
	font-size: 1.6em;
	margin: 0 0 15px 0;
}

.appdet-desc {
	color: #abaeb0;
	margin: 0;
	font-weight: 700;
}

.appdet-download-row {
	display: flex;
	align-items: center;
}

.addr-left {
	width: 50px;
}

.addr-edition {
	display: block;
    font-size: 0.70em;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
}

.appdet-title-small {
    font-weight: 300;
    margin: 3px 0;
}

.window-app {
    background-color: #00c35e;
    padding: 10px;
    border-radius: 10px;
	display: inline-flex;
    width: 50%;
}
.addr-left {
    width: 50px;
}

.progressbar-wrapp {
    height: 80px;
    position: relative;
}
.progressbar-wrapp > svg {
    height: 100%;
    display: block;
}
.progressbar-text {
    position: absolute;
    padding: 0px;
    margin: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    left: 0;
    justify-content: center;
    width: 80px;
    color: #00c35e !important;
    font-weight: 900;
}
.col-5{
	width: 40%;
}
.col-7{
	width: 60%;
}
.pl-2{
	margin-left: 10px;
}
.addr-left img{
	border-radius: 10px;
	margin-right: 10px;
}
.appdet-title-small{
	color: #fff;
}
.material-icons-two-tone{
	color: #00c35e;
}
@media (max-width: 780px) {
	.window-app {
		width: 100%;
	}
}