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

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

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

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

            :host,html {
                line-height: 1.5;
                -webkit-text-size-adjust: 100%;
                font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
                font-feature-settings: normal;
                font-variation-settings: normal;
                -moz-tab-size: 4;
                -o-tab-size: 4;
                tab-size: 4;
                -webkit-tap-highlight-color: transparent
            }

            body {
                line-height: inherit
            }

            hr {
                border-top-width: 1px;
                color: inherit;
                height: 0
            }

            abbr:where([title]) {
                -webkit-text-decoration: underline dotted;
                text-decoration: underline dotted
            }

            h1,h2,h3,h4,h5,h6 {
                font-size: inherit;
                font-weight: inherit
            }

            a {
                color: inherit;
                text-decoration: inherit
            }

            b,strong {
                font-weight: bolder
            }

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

            small {
                font-size: 80%
            }

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

            sub {
                bottom: -.25em
            }

            sup {
                top: -.5em
            }

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

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

            button,select {
                text-transform: none
            }

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

            :-moz-focusring {
                outline: auto
            }

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

            progress {
                vertical-align: baseline
            }

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

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

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

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

            summary {
                display: list-item
            }

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

            fieldset {
                margin: 0
            }

            fieldset,legend {
                padding: 0
            }

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

            dialog {
                padding: 0
            }

            textarea {
                resize: vertical
            }

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

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

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

            :disabled {
                cursor: default
            }

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

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

            [hidden]:where(:not([hidden=until-found])) {
                display: none
            }

            i {
                font-size: 1.5rem
            }

            a,p,span,td {
                font-size: .875rem;
                font-weight: 300;
                line-height: 1.25rem
            }

            @media (min-width: 768px) {
                a,p,span,td {
                    font-size:1.125rem;
                    line-height: 1.75rem
                }
            }

            span {
                display: block
            }

            h1 {
                font-size: 30px;
                font-weight: 700;
                line-height: 120%
            }

            @media (min-width: 576px) {
                h1 {
                    font-size:24px
                }
            }

            @media (min-width: 768px) {
                h1 {
                    font-size:36px
                }
            }

            @media (min-width: 1200px) {
                h1 {
                    font-size:64px
                }
            }

            h2 {
                font-size: 20px;
                font-weight: 700;
                line-height: 120%
            }

            @media (min-width: 576px) {
                h2 {
                    font-size:24px
                }
            }

            @media (min-width: 992px) {
                h2 {
                    font-size:30px
                }
            }

            @media (min-width: 1200px) {
                h2 {
                    font-size:40px
                }
            }

            h3 {
                font-size: 20px;
                font-weight: 700;
                line-height: 120%
            }

            @media (min-width: 576px) {
                h3 {
                    font-weight:700
                }
            }

            @media (min-width: 992px) {
                h3 {
                    font-size:24px
                }
            }

            @media (min-width: 1200px) {
                h3 {
                    font-size:32px
                }
            }

            h4 {
                font-size: 18px;
                font-weight: 700;
                line-height: 120%
            }

            @media (min-width: 768px) {
                h4 {
                    font-size:20px;
                    font-weight: 700
                }
            }

            @media (min-width: 1200px) {
                h4 {
                    font-size:24px
                }
            }

            h5 {
                font-size: 16px;
                font-weight: 500;
                line-height: 150%
            }

            @media (min-width: 768px) {
                h5 {
                    font-size:20px;
                    font-weight: 700
                }
            }

            h6 {
                font-size: 16px;
                font-weight: 500;
                line-height: 150%;
                --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)
            }

            input:focus,textarea:focus {
                outline: 2px solid transparent;
                outline-offset: 2px
            }

            .container {
                width: 100%
            }

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

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

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

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

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

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

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

            @media not all and (min-width: 576px) {
                .container {
                    padding-left:.75rem;
                    padding-right: .75rem
                }
            }

            @media (min-width: 576px) {
                .container {
                    max-width:450px;
                    padding-left: 0;
                    padding-right: 0
                }
            }

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

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

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

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

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

            .visible {
                visibility: visible
            }

            .fixed {
                position: fixed
            }

            .relative {
                position: relative
            }

            .sticky {
                position: sticky
            }

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

            .top-0 {
                top: 0
            }

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

            .z-0 {
                z-index: 0
            }

            .z-30 {
                z-index: 30
            }

            .z-40 {
                z-index: 40
            }

            .z-50 {
                z-index: 50
            }

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

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

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

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

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

            .row-span-1 {
                grid-row: span 1/span 1
            }

            .row-span-3 {
                grid-row: span 3/span 3
            }

            .row-span-6 {
                grid-row: span 6/span 6
            }

            .m-auto {
                margin: auto
            }

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

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

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

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

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

            .my-3 {
                margin-bottom: .75rem;
                margin-top: .75rem
            }

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

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

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

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

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

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

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

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

            .mt-10 {
                margin-top: 2.5rem !important;
            }

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

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

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

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

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

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

            .block {
                display: block
            }

            .inline-block {
                display: inline-block
            }

            .inline {
                display: inline
            }

            .flex {
                display: flex
            }

            .grid {
                display: grid
            }

            .hidden {
                display: none
            }

            .size-10 {
                height: 2.5rem;
                width: 2.5rem
            }

            .h-2\/3 {
                height: 66.666667%
            }

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

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

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

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

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

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

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

            .h-auto {
                height: auto
            }

            .h-full {
                height: 100%
            }

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

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

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

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

            .w-10 {
                width: 2.5rem
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .w-full {
                width: 100%
            }

            .max-w-32 {
                max-width: 8rem
            }

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

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

            .grow {
                flex-grow: 1
            }

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

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

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

            .scale-100 {
                --tw-scale-x: 1;
                --tw-scale-y: 1
            }

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

            .scale-110 {
                --tw-scale-x: 1.1;
                --tw-scale-y: 1.1
            }

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

            .cursor-pointer {
                cursor: pointer
            }

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

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

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

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

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

            .flex-row {
                flex-direction: row
            }

            .flex-col {
                flex-direction: column
            }

            .flex-wrap {
                flex-wrap: wrap
            }

            .items-center {
                align-items: center
            }

            .justify-center {
                justify-content: center
            }

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

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

            .gap-1 {
                gap: .25rem
            }

            .gap-2 {
                gap: .5rem
            }

            .gap-3 {
                gap: .75rem
            }

            .gap-4 {
                gap: 1rem
            }

            .gap-6 {
                gap: 1.5rem
            }

            .gap-8 {
                gap: 2rem
            }

            .overflow-hidden {
                overflow: hidden
            }

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

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

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

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

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

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

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

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

            .border-none {
                border-style: none
            }

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

            .border-nu4 {
                --tw-border-opacity: 1;
                border-color: rgb(24 25 31/var(--tw-border-opacity,1))
            }

            .border-primary {
                --tw-border-opacity: 1;
                border-color: rgb(86 189 152/var(--tw-border-opacity,1))
            }

            .bg-\[\#18191f\] {
                --tw-bg-opacity: 1;
                background-color: rgb(24 25 31/var(--tw-bg-opacity,1))
            }

            .bg-\[\#8d8d8d\] {
                --tw-bg-opacity: 1;
                background-color: rgb(141 141 141/var(--tw-bg-opacity,1))
            }

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

            .bg-green-950\/60 {
                background-color: #052e1699
            }

            .bg-nu2 {
                background-color: rgb(15 15 15/var(--tw-bg-opacity,1))
            }

            .bg-nu2,.bg-nu4 {
                --tw-bg-opacity: 1
            }

            .bg-nu4 {
                background-color: rgb(24 25 31/var(--tw-bg-opacity,1))
            }

            .bg-nu7 {
                background-color: rgb(19 24 31/var(--tw-bg-opacity,1))
            }

            .bg-nu7,.bg-nu8 {
                --tw-bg-opacity: 1
            }

            .bg-nu8 {
                background-color: rgb(35 38 39/var(--tw-bg-opacity,1))
            }

            .bg-primary {
                --tw-bg-opacity: 1;
                background-color: rgb(86 189 152/var(--tw-bg-opacity,1))
            }

            .bg-opacity-75 {
                --tw-bg-opacity: .75
            }

            .bg-\[url\(\/static\/gamea\/pc\/assets\/img\/about\/global.png\)\],.bg-global{
                background-image: url('/static/gamea/pc/assets/img/about/global.png') ;
            }

            .bg-\[url\(\/img\/hero\/hero_1_bg\.jpg\)\] {
                background-image: url(/img/hero/hero_1_bg.jpg)
            }

            .bg-\[url\(\/img\/hero\/hero_2_bg\.jpg\)\] {
                background-image: url(/img/hero/hero_2_bg.jpg)
            }

            .bg-\[url\(\/img\/hero\/hero_3_bg\.jpg\)\] {
                background-image: url(/img/hero/hero_3_bg.jpg)
            }

            .bg-contain {
                background-size: contain
            }

            .bg-cover {
                background-size: cover
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pb-\[2rem\] {
                padding-bottom: 2rem
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .text-center {
                text-align: center
            }

            .align-middle {
                vertical-align: middle
            }

            .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-\[16px\] {
                font-size: 16px
            }

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

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

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

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

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

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

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

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

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

            .font-black {
                font-weight: 900
            }

            .font-bold {
                font-weight: 700
            }

            .font-light {
                font-weight: 300
            }

            .font-medium {
                font-weight: 500
            }

            .font-semibold {
                font-weight: 600
            }

            .leading-8 {
                line-height: 2rem
            }

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

            .text-\[\#47ffbc\] {
                --tw-text-opacity: 1;
                color: rgb(71 255 188/var(--tw-text-opacity,1))
            }

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

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

            .text-nu15 {
                --tw-text-opacity: 1;
                color: rgb(246 85 58/var(--tw-text-opacity,1))
            }

            .text-nu2 {
                --tw-text-opacity: 1;
                color: rgb(15 15 15/var(--tw-text-opacity,1))
            }

            .text-nu9 {
                --tw-text-opacity: 1;
                color: rgb(135 139 149/var(--tw-text-opacity,1))
            }

            .text-primary {
                --tw-text-opacity: 1;
                color: rgb(86 189 152/var(--tw-text-opacity,1))
            }

            .text-secondary {
                --tw-text-opacity: 1;
                color: rgb(242 150 32/var(--tw-text-opacity,1))
            }

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

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

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

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

            .duration-700 {
                transition-duration: .7s
            }

            input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0
            }

            @media (min-width: 576px) {
                table thead tr th:first-of-type {
                    border-top-left-radius:.5rem
                }

                table thead tr th:last-of-type {
                    border-top-right-radius: .5rem
                }

                table tbody tr:last-of-type td:first-of-type {
                    border-bottom-left-radius: .5rem
                }

                table tbody tr:last-of-type td:last-of-type {
                    border-bottom-right-radius: .5rem
                }
            }

            td {
                vertical-align: middle!important
            }

            input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button {
                -webkit-appearance: none;
                display: none
            }

            * {
                -webkit-tap-highlight-color: transparent
            }

            input:checked+div {
                --tw-border-opacity: 1;
                border-color: rgb(86 189 152/var(--tw-border-opacity,1))
            }

            input:checked+div svg {
                display: block
            }

            body {
                color: #050505;
                font-family: BoxedRound,arial,Outfit,sans-serif;
                font-size: 16px;
                line-height: 160%;
                margin: 0;
                overflow-y: scroll;
                padding: 0
            }

            ::-webkit-scrollbar {
                width: 6px
            }

            ::-webkit-scrollbar-track {
                background-color: #263e26;
                border-radius: 80px
            }

            ::-webkit-scrollbar-thumb {
                background: #f29620;
                border-radius: 80px
            }

            footer,section {
                overflow: hidden;
                overflow-x: hidden
            }

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

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

            ol li,ul li {
                font-size: inherit;
                font-weight: inherit
            }

            button {
                background-color: transparent;
                border: none;
                cursor: pointer;
                font-size: 18px;
                line-height: 150%;
                padding: 0
            }

            .d-center {
                align-items: center;
                display: flex;
                justify-content: center
            }

            .max-auto {
                max-width: 100%
            }

            .max-un {
                max-width: unset
            }

            .d-rtl {
                direction: rtl
            }

            .v-line:before {
                background-color: #222;
                content: "";
                height: 40px;
                position: absolute;
                width: 1px
            }

            .v-line.lg:before {
                height: 60px;
                opacity: .4;
                width: .125rem
            }

            @media (min-width: 992px) {
                .v-line.lg:before {
                    height:60px
                }
            }

            .v-line.lgx:before {
                height: 173px;
                width: 1px;
                --tw-bg-opacity: 1;
                background-color: rgb(179 182 185/var(--tw-bg-opacity,1));
                opacity: .3
            }

            .v-line.lg2:before {
                background-color: rgba(var(--s2),1)!important;
                height: 17px;
                padding: 1px
            }

            .v-line.xl:before {
                background-color: rgb(var(--p7))!important;
                height: 15px
            }

            .v-line.sm:before {
                height: 25px
            }

            .v-line.smx:before {
                background: #fff3;
                height: 20px;
                width: 1px
            }

            .v-line.dashed:before {
                background: transparent;
                border-right: 1px dashed rgb(var(--n5))
            }

            iframe {
                border: 0;
                width: 100%
            }

            .display-4 {
                line-height: 120%!important
            }

            .tabcontents {
                position: relative
            }

            .nav-links {
                transition: .5s linear
            }

            .nav-links.active {
                background-color: #282828
            }

            .tabitem {
                opacity: 0;
                position: absolute;
                top: 0;
                transform: translateY(100px);
                transition: all .5s;
                width: 100%;
                z-index: -1
            }

            .tabitem.active {
                opacity: 1;
                position: static;
                transform: translateY(0);
                z-index: 1
            }

            .styleshadow:hover {
                box-shadow: 0 6px 30px #00000014;
                transform: scale(1.05);
                z-index: 10
            }

            .table-style table {
                border-collapse: collapse;
                border-spacing: 0;
                border-top: 1px solid #1e2132;
                min-width: 768px;
                width: 100%
            }

            .table-style tr {
                border-bottom: 1px solid #1e2132
            }

            .max-unset {
                max-width: unset
            }

            .accordion-single,.accordion-single.active .accordion-btn {
                transition: .5s linear
            }

            .accordion-single.active .arrowclickable {
                transform: rotate(180deg);
                transition: .5s linear
            }

            .accordion-single.active .arrowclickable .ph-plus {
                display: none
            }

            .accordion-single.active .arrowclickable .ph-minus {
                display: block
            }

            .accordion-single .arrowclickable {
                transition: .5s linear
            }

            .trapezoid {
                border-top-width: 60px;
                width: 225px;
                --tw-border-opacity: 1;
                border-color: rgb(40 40 40/var(--tw-border-opacity,1))
            }

            @media (min-width: 576px) {
                .trapezoid {
                    border-top-width:80px;
                    width: 325px
                }
            }

            .trapezoid {
                border-left: 25px solid transparent;
                border-right: 25px solid transparent;
                margin: 0 auto
            }

            .btnstyle {
                background: transparent;
                display: inline-block;
                position: relative;
                transition: .6s linear
            }

            .btnstyle.active,.btnstyle:hover {
                box-shadow: inset 0 160px #263e26
            }

            .common_area,.common_area2,.common_area3,.common_area4 {
                transform: translateY(-500px);
                transition: .6s linear
            }

            .common_area.show,.common_area2.show,.common_area3.show,.common_area4.show {
                transform: translateY(0)
            }

            .common_areaname,.common_areaname2,.common_areaname3,.common_areaname4 {
                transform: translateY(0);
                transition: .6s linear
            }

            .common_areaname.show,.common_areaname2.show,.common_areaname3.show,.common_areaname4.show {
                transform: translateY(90px)
            }

            input,textarea {
                background-color: transparent;
                border: 1px solid #b3b6b9;
                border-radius: 10px;
                font-size: 16px;
                outline-color: transparent;
                padding: 12px 20px;
                width: 100%
            }

            input::-moz-placeholder,textarea::-moz-placeholder {
                color: beige;
                font-size: 16px
            }

            input::placeholder,textarea::placeholder {
                color: beige;
                font-size: 16px
            }

            .bf-color {
                border-left: 4px solid #56bd98;
                padding-left: 8px
            }

            .bf-color-2 {
                border-left: 2px solid #56bd98;
                padding-left: 15px
            }

            body {
                overflow: auto
            }

            #preloader {
                background-color: #000;
                bottom: 0;
                left: 0;
                position: fixed;
                right: 0;
                top: 0;
                z-index: 9999!important
            }

            #status {
                background-position: 50%;
                background-repeat: no-repeat;
                height: 200px;
                left: 50%;
                margin: -100px 0 0 -100px;
                position: absolute;
                top: 50%;
                width: 200px
            }

            :root {
                --progress-bar-width: 100px;
                --progress-bar-height: 100px
            }

            .circular-progress {
                align-items: center;
                border-radius: 50%;
                display: flex;
                height: 100px;
                justify-content: center;
                width: 100px
            }

            .inner-circle {
                background-color: #000;
                border-radius: 50%;
                height: calc(var(--progress-bar-height) - 20px);
                position: absolute;
                width: calc(var(--progress-bar-width) - 20px)
            }

            .percentage {
                color: #000c;
                font-size: 20px;
                font-weight: 800;
                position: relative
            }

            .header-section .header {
                z-index: 999!important
            }

            .header-section .header .sidenav {
                height: 80%;
                left: 0;
                margin-top: 4rem;
                overflow-x: hidden;
                padding-top: 20px;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 1
            }

            .header-section .header .active,.header-section .header .nav-item a,.header-section .header .sidenav a:hover {
                color: #fff
            }

            .header-section .header .nav-item a.router-link-active {
                color: #ffea00
            }

            .header-section .header .sidepanel {
                background-color: #13181f;
                height: 100vh;
                overflow-x: hidden;
                position: fixed;
                right: 0;
                top: 0;
                transition: .5s;
                width: 0;
                z-index: 9999
            }

            .header-section .header {
                height: 60px;
                position: fixed;
                transition: all .5s ease-out;
                width: 100%;
                z-index: 1000
            }

            .header-section .activetwo {
                background-color: #000
            }

            .hero-section .container .lin {
                background: var(--Button,linear-gradient(100deg,#56bd98 9.67%,#56bd98 87.06%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent
            }

            .hero-section .container img.vert-move {
                animation: mover 2s infinite alternate;
                margin-bottom: -10px
            }

            @keyframes mover {
                0% {
                    transform: translateY(0)
                }

                to {
                    transform: translateY(-10px)
                }
            }

            .hero-section .down-section .brand-carouselOne .swiper-wrapper {
                transition-timing-function: linear!important
            }

            .ourGameSection .container .card2 {
                background: #18191f;
                background-clip: padding-box;
                border: 5px solid transparent;
                border-radius: 10px;
                position: relative;
                z-index: 1
            }

            .ourGameSection .container .card2:after {
                background: linear-gradient(to bottom right,#56bd98,#22c1c3);
                border-radius: 10px;
                bottom: -5px;
                content: "";
                left: -5px;
                position: absolute;
                right: -5px;
                top: -5px;
                z-index: -1
            }

            .ourGameSection .container .slider-games .swiper-slide-active {
                background-color: #366263;
                border-radius: 10px;
                transform: scale(1);
                transition: 1s
            }

            .ourPartnerSection .brand-carouselTwo .swiper-wrapper {
                transition-timing-function: linear!important
            }

            .allGamesSection .container .card2 {
                background: #18191f;
                background-clip: padding-box;
                border: 5px solid transparent;
                border-radius: 10px;
                position: relative;
                z-index: 1
            }

            .allGamesSection .container .card2:after {
                background: linear-gradient(to bottom right,#56bd98,#22c1c3);
                border-radius: 10px;
                bottom: -5px;
                content: "";
                left: -5px;
                position: absolute;
                right: -5px;
                top: -5px;
                z-index: -1
            }

            .exploreGame-section .container .card2 {
                background: #18191f;
                background-clip: padding-box;
                border: 5px solid transparent;
                border-radius: 10px;
                position: relative;
                z-index: 1
            }

            .exploreGame-section .container .card2:after {
                background: linear-gradient(to bottom right,#56bd98,#22c1c3);
                border-radius: 10px;
                bottom: -5px;
                content: "";
                left: -5px;
                position: absolute;
                right: -5px;
                top: -5px;
                z-index: -1
            }

            .exploreGame-section .container .tab-block .tab-mnu {
                display: flex;
                flex-direction: column;
                list-style: none
            }

            .exploreGame-section .container .tab-block .tab-mnu:after {
                content: ""
            }

            .exploreGame-section .container .tab-block .tab-mnu li {
                border-left: 6px solid #0f0f0f;
                cursor: pointer;
                padding-bottom: 18px;
                padding-top: 18px
            }

            .exploreGame-section .container .tab-block .tab-mnu .active {
                background-color: #263e26;
                border-left: 6px solid #56bd98;
                color: #fff;
                cursor: pointer
            }

            .exploreFeatures-section .container .tab-block .tab-mnu {
                display: flex;
                flex-direction: column;
                list-style: none
            }

            .exploreFeatures-section .container .tab-block .tab-mnu:after {
                content: ""
            }

            .exploreFeatures-section .container .tab-block .tab-mnu li {
                border-left: 6px solid #0f0f0f;
                cursor: pointer;
                padding-bottom: 18px;
                padding-top: 18px
            }

            .exploreFeatures-section .container .tab-block .tab-mnu .active {
                background-color: #263e26;
                border-left: 6px solid #56bd98;
                color: #fff;
                cursor: pointer
            }

            .topTrendingSection .container .topTrend:after {
                background: linear-gradient(1deg,#030304e6 -3.02%,#03030400 99.06%);
                content: "";
                display: block;
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 10
            }

            .topTrendingSection .container .topTrend1:before {
                background: linear-gradient(1deg,#07ff078e -3.02%,#03030400 99.06%);
                border-radius: 24px;
                bottom: 2px;
                content: "";
                display: block;
                height: 0;
                left: 0;
                position: absolute;
                transition: height .5s ease-out;
                width: 100%;
                z-index: 12
            }

            .topTrendingSection .container .topTrend1:hover:before {
                height: 100%
            }

            .popularGame-section .container .popularGame {
                background: linear-gradient(1deg,#030304e6 -3.02%,#03030400 99.06%);
                -o-object-fit: cover;
                object-fit: cover;
                position: relative
            }

            .popularGame-section .container .popularGame:before {
                background: linear-gradient(1deg,#07ff078e -3.02%,#03030400 99.06%);
                border-radius: 24px;
                bottom: 2px;
                content: "";
                display: block;
                height: 0;
                left: 0;
                position: absolute;
                transition: height .5s ease-out;
                width: 100%
            }

            .popularGame-section .container .popularGame:hover:before {
                height: 100%
            }

            .achievements-section .container .buttonAch {
                color: #fff;
                transition: all .3s ease
            }

            .achievements-section .container .buttonAch:focus {
                animation: clickEffect .3s ease forwards;
                transform: scale(.9)
            }

            .achievements-section .container .buttonAch.active {
                background: var(--Button,linear-gradient(100deg,#56bd98 9.67%,#56bd98 87.06%));
                color: #fff
            }

            .introductionStartSection .container .bttsx:hover {
                background: var(--Button,linear-gradient(100deg,#56bd98 9.67%,#56bd98 87.06%));
                border-radius: 50px;
                transition: .8s
            }

            .achievementFaq .container .header-area {
                cursor: pointer;
                padding: 10px 0
            }

            .achievementFaq .container .active .header-area .btnfrv,.achievementFaq .container .content-area {
                display: none
            }

            .achievementFaq .container .active .header-area .btnfadd {
                display: block
            }

            .achievementFaq .container .active .header-area .btnfadd i,.achievementFaq .container .active .header-area .text {
                color: #56bd98
            }

            .bred-crumb {
                background: url(/img/game/header.jpg) no-repeat;
                background-color: #0f0f0f;
                background-position: 50%;
                background-size: auto 100%;
                max-height: 300px;
                min-height: 300px;
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%
            }

            @media screen and (max-width: 767px) {
                .bred-crumb {
                    max-height:200px;
                    min-height: 200px
                }
            }

            @media screen and (max-width: 576px) {
                .bred-crumb {
                    max-height:150px;
                    min-height: 150px
                }
            }

            .game-detail-crumb {
                background: url(/img/game/detail-header.jpg) no-repeat;
                background-color: #0f0f0f;
                background-position: 50%;
                background-size: auto 100%;
                max-height: 300px;
                min-height: 300px;
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%
            }

            @media screen and (max-width: 767px) {
                .game-detail-crumb {
                    max-height:200px;
                    min-height: 200px
                }
            }

            @media screen and (max-width: 576px) {
                .game-detail-crumb {
                    max-height:150px;
                    min-height: 150px
                }
            }

            .about-crumb {
                background: url(/uploadfile/202506/0c0e4c65ee8c51d.png) no-repeat;
                background-color: #0f0f0f;
                background-position: bottom;
                background-size: auto 80%;
                max-height: 300px;
                min-height: 300px;
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%
            }

            @media screen and (max-width: 767px) {
                .about-crumb {
                    background-size:auto 70%;
                    max-height: 200px;
                    min-height: 200px
                }
            }

            @media screen and (max-width: 576px) {
                .about-crumb {
                    background-size:auto 60%;
                    max-height: 150px;
                    min-height: 150px
                }
            }

            .navbar-inverse.menu ul li a {
                background: transparent
            }

            .navbar-inverse.menu ul li a.active,.navbar-inverse.menu ul li a.active:hover,.navbar-inverse.menu ul li a:hover {
                color: #56bd98
            }

            .pageHead {
                height: 1px;
                width: 100%
            }

            .pageHead .swiper-pagination-bullet {
                background-color: #56bd98;
                border-radius: 0;
                height: 4px;
                width: 140px
            }

            .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
                margin-top: -12px;
                width: 100%
            }

            .swiper-pagination {
                position: relative
            }

            @keyframes rotate-full {
                0% {
                    transform: rotate(0)
                }

                to {
                    transform: rotate(359deg)
                }
            }

            @keyframes rotate {
                0% {
                    transform: rotate(0)
                }

                to {
                    transform: rotate(359deg)
                }
            }

            @keyframes infinite-spinning {
                0% {
                    transform: rotate(0)
                }

                to {
                    transform: rotate(1turn)
                }
            }

            .animated {
                animation-duration: 1s;
                animation-fill-mode: both
            }

            .animated .infinite {
                animation-iteration-count: infinite
            }

            .box1 {
                transform: rotate(0)
            }

            .box1,.box1 img {
                border-radius: 100%;
                -o-object-fit: cover;
                object-fit: cover
            }

            .rotate {
                animation: rotation-full 5s linear infinite
            }

            .rotate-full {
                animation: infinite-spinning 16s linear infinite
            }

            .salBa-area .salBa {
                border: dotted;
                padding: 2px
            }

            .buttonx {
                border-radius: 50px;
                color: #fff;
                cursor: pointer;
                transition: all .5s ease
            }

            .buttonx,.buttonx:hover {
                background: var(--Button,linear-gradient(100deg,#56bd98 9.67%,#56bd98 87.06%))
            }

            .buttonx:hover {
                box-shadow: 0 7px 29px #56bd98;
                color: #0f0f0f
            }

            .img-box {
                overflow: hidden
            }

            .img {
                background-size: cover;
                transition: all 1s ease
            }

            .img:hover {
                transform: scale(1.1)
            }

            .globl {
                overflow: hidden
            }

            .slider-researches .swiper-slide-active {
                background-color: #263e26;
                border: 2px solid #f29620;
                transition: 1s
            }

            .bounty-section:hover .bounty-area .bounty i {
                transition: .8s
            }

            .bounty-section:hover .bounty-area .bounty i,.bounty-section:hover .bounty-areax .bountyx i {
                background: var(--Button,linear-gradient(100deg,#56bd98 9.67%,#56bd98 87.06%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent
            }

            .bounty-section:hover .bounty-areax .bountyx i {
                transition: 1s
            }

            .bounty-section:hover .butt-area .butt {
                box-shadow: 0 7px 29px #29171a
            }

            .bounty-section:hover .butt-area .butt,.bounty-section:hover .num {
                background: var(--Button,linear-gradient(100deg,#56bd98 9.67%,#56bd98 87.06%));
                color: #fff
            }

            .bounty-section:hover .num {
                box-shadow: 0 7px 29px #1f1013
            }

            .tab-btn.active,.tab-btn:hover {
                background: var(--Button,linear-gradient(100deg,#56bd98 9.67%,#56bd98 87.06%));
                box-shadow: 0 7px 29px #29171a;
                color: #fff
            }

            .content {
                display: none
            }

            .content.show {
                display: flex
            }

            .white-popup {
                margin: 0 auto;
                max-width: 500px;
                position: relative;
                width: auto
            }

            .mfp-zoom-in .mfp-with-anim {
                opacity: 0;
                transform: scale(.8);
                transition: all .2s ease-in-out
            }

            .mfp-zoom-in.mfp-bg {
                opacity: 0;
                transition: all .3s ease-out
            }

            .mfp-zoom-in.mfp-ready .mfp-with-anim {
                opacity: 1;
                transform: scale(1)
            }

            .mfp-zoom-in.mfp-ready.mfp-bg {
                opacity: .8
            }

            .mfp-zoom-in.mfp-removing .mfp-with-anim {
                opacity: 0;
                transform: scale(.8)
            }

            .mfp-zoom-in.mfp-removing.mfp-bg {
                opacity: 0
            }

            @keyframes hinge {
                0% {
                    animation-timing-function: ease-in-out;
                    transform: rotate(0);
                    transform-origin: top left
                }

                20%,60% {
                    animation-timing-function: ease-in-out;
                    transform: rotate(80deg);
                    transform-origin: top left
                }

                40% {
                    animation-timing-function: ease-in-out;
                    transform: rotate(60deg);
                    transform-origin: top left
                }

                80% {
                    animation-timing-function: ease-in-out;
                    opacity: 1;
                    transform: rotate(60deg) translateY(0);
                    transform-origin: top left
                }

                to {
                    opacity: 0;
                    transform: translateY(700px)
                }
            }

            .hinge {
                animation-duration: 1s;
                animation-name: hinge
            }

            .mfp-with-fade .mfp-content,.mfp-with-fade.mfp-bg {
                opacity: 0;
                transition: opacity .5s ease-out
            }

            .mfp-with-fade.mfp-ready .mfp-content {
                opacity: 1
            }

            .mfp-with-fade.mfp-ready.mfp-bg {
                opacity: .8
            }

            .mfp-with-fade .mfp-close {
                color: #fff
            }

            .mfp-with-fade.mfp-removing.mfp-bg {
                opacity: 0
            }

            table {
                border-collapse: collapse;
                border-spacing: 0;
                width: 100%
            }

            td,th {
                padding: 8px;
                text-align: left
            }

            .beforeX:before {
                left: 100px
            }

            .beforeX:after,.beforeX:before {
                background-color: #878b95;
                content: "";
                display: block;
                height: 2px;
                position: absolute;
                top: 26px;
                width: 40px
            }

            .beforeX:after {
                right: 100px
            }

            .beforeWal:before {
                left: 20px
            }

            .beforeWal:after,.beforeWal:before {
                background-color: #878b95;
                content: "";
                display: block;
                height: 2px;
                position: absolute;
                top: 34px;
                width: 40px
            }

            .beforeWal:after {
                right: 20px
            }

            .tab__list {
                display: flex
            }

            .tab__item:before {
                background: #56bd98;
                content: "";
                height: 2px;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 95%;
                transition: .2s;
                visibility: hidden;
                width: 100%
            }

            .tab__item.is--active {
                color: #fff;
                position: relative
            }

            .tab__item.is--active:before {
                opacity: 1;
                visibility: visible
            }

            .tab__content-item {
                display: none
            }

            .tab__content-item.is--active {
                display: block
            }

            .icons {
                opacity: 0;
                transition: 1s
            }

            .arrIcon:hover .icons {
                color: #56bd98;
                opacity: 1;
                transition: 1s
            }

            @media screen and (max-width: 992px) {
                .header-section .header .container #mobile-menu {
                    align-items:center;
                    background: #263e26;
                    display: flex;
                    height: 100vh;
                    justify-content: center;
                    left: 0;
                    position: fixed;
                    top: 0;
                    transform: translate(-100%);
                    transition: transform .3s ease-in-out;
                    width: 100%
                }

                .header-section .header .container #mobile-menu.show-menu {
                    transform: translate(0)
                }

                .header-section .header .container #hamburger-cross {
                    color: #fff;
                    cursor: pointer;
                    display: block;
                    font-size: 40px;
                    position: absolute;
                    right: 26px;
                    top: 20px
                }

                .header-section .header .container #hamburger-menu {
                    color: #fff;
                    cursor: pointer;
                    display: block;
                    font-size: 24px
                }

                .header-section .header .container .dropdown-content {
                    background-color: red;
                    margin-left: 12rem;
                    margin-top: -3rem;
                    min-width: 220px;
                    text-align: center
                }

                .ourGameSection .container .pageHead {
                    width: 100%
                }

                .ourGameSection .container .pageHead .swiper-pagination-bullet {
                    background-color: #56bd98;
                    border-radius: 0;
                    height: 4px;
                    width: 20%
                }

                .ourGameSection .container .swiper-pagination-bullets,.ourGameSection .container .swiper-pagination-bullets.swiper-pagination-horizontal,.ourGameSection .container .swiper-pagination-custom,.ourGameSection .container .swiper-pagination-fraction {
                    margin-top: -12px;
                    width: 100%
                }

                .ourGameSection .container .swiper-pagination {
                    position: relative
                }

                .leadTabel {
                    overflow-x: scroll;
                    width: 90rem
                }

                .leadTabely {
                    overflow-x: scroll;
                    width: 60rem
                }

                .leadTabelx {
                    overflow-x: scroll;
                    width: 30rem
                }
            }

            @media (max-width: 768px) {
                .pageHead {
                    width:100%
                }

                .pageHead .swiper-pagination-bullet {
                    background-color: #56bd98;
                    border-radius: 0;
                    height: 4px;
                    width: 80px
                }

                .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
                    margin-top: -12px;
                    width: 100%
                }

                .swiper-pagination {
                    position: relative
                }
            }

            @media screen and (max-width: 576px) {
                .icon4 {
                    margin-top:0
                }
            }

            @media screen and (max-width: 568px) {
                .icon1,.icon2,.icon3 {
                    margin-top:0
                }
            }

            @media (max-width: 500px) {
                .navHero-section .header .beforeAfter:before {
                    left:60px
                }

                .navHero-section .header .beforeAfter:after,.navHero-section .header .beforeAfter:before {
                    background-color: #878b95;
                    content: "";
                    display: block;
                    height: 2px;
                    position: absolute;
                    top: 12px;
                    width: 40px
                }

                .navHero-section .header .beforeAfter:after {
                    right: 60px
                }

                .pageHead {
                    height: 1px;
                    width: 100%
                }

                .pageHead .swiper-pagination-bullet {
                    background-color: #56bd98;
                    border-radius: 0;
                    height: 4px;
                    width: 20px
                }

                .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
                    margin-top: -12px;
                    width: 100%
                }

                .swiper-pagination {
                    position: relative
                }
            }

            @media screen and (max-width: 472px) {
                .icon3 {
                    margin-top:2rem
                }
            }

            @media screen and (max-width: 408px) {
                .icon2 {
                    margin-top:2rem
                }
            }

            @media screen and (max-width: 344px) {
                .icon4 {
                    margin-top:1rem
                }
            }

            @media screen and (max-width: 342px) {
                .icon1 {
                    margin-top:2rem
                }
            }

            .game-statis {
                background-color: #0f0f0f;
                flex: auto;
                padding: 3rem 0
            }

            .mfp-bg {
                background: #0b0b0b;
                opacity: .8;
                overflow: hidden;
                z-index: 1042
            }

            .mfp-bg,.mfp-wrap {
                height: 100%;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%
            }

            .mfp-wrap {
                -webkit-backface-visibility: hidden;
                outline: none!important;
                z-index: 1043
            }

            .mfp-container {
                box-sizing: border-box;
                height: 100%;
                left: 0;
                padding: 0 8px;
                position: absolute;
                text-align: center;
                top: 0;
                width: 100%
            }

            .mfp-container:before {
                content: "";
                display: inline-block;
                height: 100%;
                vertical-align: middle
            }

            .mfp-align-top .mfp-container:before {
                display: none
            }

            .mfp-content {
                display: inline-block;
                margin: 0 auto;
                position: relative;
                text-align: left;
                vertical-align: middle;
                z-index: 1045
            }

            .mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
                cursor: auto;
                width: 100%
            }

            .mfp-ajax-cur {
                cursor: progress
            }

            .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
                cursor: zoom-out
            }

            .mfp-zoom {
                cursor: pointer;
                cursor: zoom-in
            }

            .mfp-auto-cursor .mfp-content {
                cursor: auto
            }

            .mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .mfp-loading.mfp-figure {
                display: none
            }

            .mfp-hide {
                display: none!important
            }

            .mfp-preloader {
                color: #ccc;
                left: 8px;
                margin-top: -.8em;
                position: absolute;
                right: 8px;
                text-align: center;
                top: 50%;
                width: auto;
                z-index: 1044
            }

            .mfp-preloader a {
                color: #ccc
            }

            .mfp-preloader a:hover {
                color: #fff
            }

            .mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
                display: none
            }

            button.mfp-arrow,button.mfp-close {
                -webkit-appearance: none;
                background: transparent;
                border: 0;
                box-shadow: none;
                cursor: pointer;
                display: block;
                outline: none;
                overflow: visible;
                padding: 0;
                touch-action: manipulation;
                z-index: 1046
            }

            button::-moz-focus-inner {
                border: 0;
                padding: 0
            }

            .mfp-close {
                color: #fff;
                font-family: Arial,Baskerville,monospace;
                font-size: 28px;
                font-style: normal;
                height: 44px;
                line-height: 44px;
                opacity: .65;
                padding: 0 0 18px 10px;
                position: absolute;
                right: 0;
                text-align: center;
                text-decoration: none;
                top: 0;
                width: 44px
            }

            .mfp-close:focus,.mfp-close:hover {
                opacity: 1
            }

            .mfp-close:active {
                top: 1px
            }

            .mfp-close-btn-in .mfp-close {
                color: #fff;
                margin-right: 6px
            }

            .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
                color: #fff;
                padding-right: 6px;
                right: -6px;
                text-align: right;
                width: 100%
            }

            .mfp-counter {
                color: #ccc;
                font-size: 12px;
                line-height: 18px;
                position: absolute;
                right: 0;
                top: 0;
                white-space: nowrap
            }

            .mfp-arrow {
                height: 110px;
                margin: -55px 0 0;
                opacity: .65;
                padding: 0;
                position: absolute;
                top: 50%;
                width: 90px;
                -webkit-tap-highlight-color: rgba(0,0,0,0)
            }

            .mfp-arrow:active {
                margin-top: -54px
            }

            .mfp-arrow:focus,.mfp-arrow:hover {
                opacity: 1
            }

            .mfp-arrow:after,.mfp-arrow:before {
                border: inset transparent;
                content: "";
                display: block;
                height: 0;
                left: 0;
                margin-left: 35px;
                margin-top: 35px;
                position: absolute;
                top: 0;
                width: 0
            }

            .mfp-arrow:after {
                border-bottom-width: 13px;
                border-top-width: 13px;
                top: 8px
            }

            .mfp-arrow:before {
                border-bottom-width: 21px;
                border-top-width: 21px;
                opacity: .7
            }

            .mfp-arrow-left {
                left: 0
            }

            .mfp-arrow-left:after {
                border-right: 17px solid #fff;
                margin-left: 31px
            }

            .mfp-arrow-left:before {
                border-right: 27px solid #3f3f3f;
                margin-left: 25px
            }

            .mfp-arrow-right {
                right: 0
            }

            .mfp-arrow-right:after {
                border-left: 17px solid #fff;
                margin-left: 39px
            }

            .mfp-arrow-right:before {
                border-left: 27px solid #3f3f3f
            }

            .mfp-iframe-holder {
                padding-bottom: 40px;
                padding-top: 40px
            }

            .mfp-iframe-holder .mfp-content {
                line-height: 0;
                max-width: 900px;
                width: 100%
            }

            .mfp-iframe-holder .mfp-close {
                top: -40px
            }

            .mfp-iframe-scaler {
                height: 0;
                overflow: hidden;
                padding-top: 56.25%;
                width: 100%
            }

            .mfp-iframe-scaler iframe {
                background: #000;
                box-shadow: 0 0 8px #0009;
                display: block;
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%
            }

            img.mfp-img {
                box-sizing: border-box;
                display: block;
                height: auto;
                margin: 0 auto;
                max-width: 100%;
                padding: 40px 0;
                width: auto
            }

            .mfp-figure,img.mfp-img {
                line-height: 0
            }

            .mfp-figure:after {
                background: #444;
                bottom: 40px;
                box-shadow: 0 0 8px #0009;
                content: "";
                display: block;
                height: auto;
                left: 0;
                position: absolute;
                right: 0;
                top: 40px;
                width: auto;
                z-index: -1
            }

            .mfp-figure small {
                color: #bdbdbd;
                display: block;
                font-size: 12px;
                line-height: 14px
            }

            .mfp-figure figure {
                margin: 0
            }

            .mfp-bottom-bar {
                cursor: auto;
                left: 0;
                margin-top: -36px;
                position: absolute;
                top: 100%;
                width: 100%
            }

            .mfp-title {
                color: #f3f3f3;
                line-height: 18px;
                text-align: left;
                word-wrap: break-word;
                padding-right: 36px
            }

            .mfp-image-holder .mfp-content {
                max-width: 100%
            }

            .mfp-gallery .mfp-image-holder .mfp-figure {
                cursor: pointer
            }

            @media screen and (max-height: 300px),screen and (max-width:800px) and (orientation:landscape) {
                .mfp-img-mobile .mfp-image-holder {
                    padding-left:0;
                    padding-right: 0
                }

                .mfp-img-mobile img.mfp-img {
                    padding: 0
                }

                .mfp-img-mobile .mfp-figure:after {
                    bottom: 0;
                    top: 0
                }

                .mfp-img-mobile .mfp-figure small {
                    display: inline;
                    margin-left: 5px
                }

                .mfp-img-mobile .mfp-bottom-bar {
                    background: #0009;
                    bottom: 0;
                    box-sizing: border-box;
                    margin: 0;
                    padding: 3px 5px;
                    position: fixed;
                    top: auto
                }

                .mfp-img-mobile .mfp-bottom-bar:empty {
                    padding: 0
                }

                .mfp-img-mobile .mfp-counter {
                    right: 5px;
                    top: 3px
                }

                .mfp-img-mobile .mfp-close {
                    background: #0009;
                    height: 35px;
                    line-height: 35px;
                    padding: 0;
                    position: fixed;
                    right: 0;
                    text-align: center;
                    top: 0;
                    width: 35px
                }
            }

            @media (max-width: 900px) {
                .mfp-arrow {
                    transform:scale(.75)
                }

                .mfp-arrow-left {
                    transform-origin: 0
                }

                .mfp-arrow-right {
                    transform-origin: 100%
                }

                .mfp-container {
                    padding-left: 6px;
                    padding-right: 6px
                }
            }

            .odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit {
                display: inline-block;
                position: relative;
                vertical-align: middle
            }

            .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
                display: inline-block;
                vertical-align: middle;
                visibility: hidden
            }

            .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
                bottom: 0;
                display: block;
                left: 0;
                overflow: hidden;
                position: absolute;
                right: 0;
                text-align: left;
                top: 0
            }

            .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
                display: block
            }

            .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
                -webkit-backface-visibility: hidden;
                display: block
            }

            .odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
                display: block;
                -webkit-transform: translateZ(0)
            }

            .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
                position: absolute
            }

            .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
                transition: transform 2s
            }

            .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
                transform: translateY(-100%)
            }

            .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
                transform: translateY(0);
                transition: transform 2s
            }

            .odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
                text-align: center
            }

            @font-face {
                font-family: swiper-icons;
                font-style: normal;
                font-weight: 400;
                src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
            }

            :root {
                --swiper-theme-color: #007aff
            }

            .swiper {
                list-style: none;
                margin-left: auto;
                margin-right: auto;
                overflow: hidden;
                padding: 0;
                position: relative;
                z-index: 1
            }

            .swiper-vertical>.swiper-wrapper {
                flex-direction: column
            }

            .swiper-wrapper {
                box-sizing: content-box;
                display: flex;
                height: 100%;
                position: relative;
                transition-property: transform;
                width: 100%;
                z-index: 1
            }

            .swiper-android .swiper-slide,.swiper-wrapper {
                transform: translateZ(0)
            }

            .swiper-pointer-events {
                touch-action: pan-y
            }

            .swiper-pointer-events.swiper-vertical {
                touch-action: pan-x
            }

            .swiper-slide {
                flex-shrink: 0;
                height: 100%;
                position: relative;
                transition-property: transform;
                width: 100%
            }

            .swiper-slide-invisible-blank {
                visibility: hidden
            }

            .swiper-autoheight,.swiper-autoheight .swiper-slide {
                height: auto
            }

            .swiper-autoheight .swiper-wrapper {
                align-items: flex-start;
                transition-property: transform,height
            }

            .swiper-backface-hidden .swiper-slide {
                backface-visibility: hidden;
                transform: translateZ(0)
            }

            .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
                perspective: 1200px
            }

            .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
                transform-style: preserve-3d
            }

            .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
                height: 100%;
                left: 0;
                pointer-events: none;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 10
            }

            .swiper-3d .swiper-slide-shadow {
                background: #00000026
            }

            .swiper-3d .swiper-slide-shadow-left {
                background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
            }

            .swiper-3d .swiper-slide-shadow-right {
                background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
            }

            .swiper-3d .swiper-slide-shadow-top {
                background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
            }

            .swiper-3d .swiper-slide-shadow-bottom {
                background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
            }

            .swiper-css-mode>.swiper-wrapper {
                overflow: auto;
                scrollbar-width: none;
                -ms-overflow-style: none
            }

            .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
                display: none
            }

            .swiper-css-mode>.swiper-wrapper>.swiper-slide {
                scroll-snap-align: start start
            }

            .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
                scroll-snap-type: x mandatory
            }

            .swiper-vertical.swiper-css-mode>.swiper-wrapper {
                scroll-snap-type: y mandatory
            }

            .swiper-centered>.swiper-wrapper:before {
                content: "";
                flex-shrink: 0;
                order: 9999
            }

            .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
                margin-inline-start:var(--swiper-centered-offset-before)}

            .swiper-centered.swiper-horizontal>.swiper-wrapper: before {
                height:100%;
                min-height: 1px;
                width: var(--swiper-centered-offset-after)
            }

            .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
                margin-block-start:var(--swiper-centered-offset-before)}

            .swiper-centered.swiper-vertical>.swiper-wrapper: before {
                height:var(--swiper-centered-offset-after);
                min-width: 1px;
                width: 100%
            }

            .swiper-centered>.swiper-wrapper>.swiper-slide {
                scroll-snap-align: center center;
                scroll-snap-stop:always}

            .swiper-virtual .swiper-slide {
                -webkit-backface-visibility: hidden;
                transform: translateZ(0)
            }

            .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
                content: "";
                left: 0;
                pointer-events: none;
                position: absolute;
                top: 0
            }

            .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
                height: 1px;
                width: var(--swiper-virtual-size)
            }

            .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
                height: var(--swiper-virtual-size);
                width: 1px
            }

            :root {
                --swiper-navigation-size: 44px
            }

            .swiper-button-next,.swiper-button-prev {
                align-items: center;
                color: var(--swiper-navigation-color,var(--swiper-theme-color));
                cursor: pointer;
                display: flex;
                height: var(--swiper-navigation-size);
                justify-content: center;
                margin-top: calc(0px - var(--swiper-navigation-size)/2);
                position: absolute;
                top: 50%;
                width: calc(var(--swiper-navigation-size)/44*27);
                z-index: 10
            }

            .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
                cursor: auto;
                opacity: .35;
                pointer-events: none
            }

            .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
                cursor: auto;
                opacity: 0;
                pointer-events: none
            }

            .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
                display: none!important
            }

            .swiper-button-next:after,.swiper-button-prev:after {
                font-family: swiper-icons;
                font-size: var(--swiper-navigation-size);
                font-variant: normal;
                letter-spacing: 0;
                line-height: 1;
                text-transform: none!important
            }

            .swiper-button-prev,.swiper-rtl .swiper-button-next {
                left: 10px;
                right: auto
            }

            .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
                content: "prev"
            }

            .swiper-button-next,.swiper-rtl .swiper-button-prev {
                left: auto;
                right: 10px
            }

            .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
                content: "next"
            }

            .swiper-button-lock {
                display: none
            }

            .swiper-pagination {
                position: absolute;
                text-align: center;
                transform: translateZ(0);
                transition: opacity .3s;
                z-index: 10
            }

            .swiper-pagination.swiper-pagination-hidden {
                opacity: 0
            }

            .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
                display: none!important
            }

            .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
                bottom: 10px;
                left: 0;
                width: 100%
            }

            .swiper-pagination-bullets-dynamic {
                font-size: 0;
                overflow: hidden
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                position: relative;
                transform: scale(.33)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
                transform: scale(1)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
                transform: scale(.66)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
                transform: scale(.33)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
                transform: scale(.66)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
                transform: scale(.33)
            }

            .swiper-pagination-bullet {
                background: var(--swiper-pagination-bullet-inactive-color,#000);
                border-radius: 50%;
                display: inline-block;
                height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
                opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
                width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
            }

            button.swiper-pagination-bullet {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: none;
                box-shadow: none;
                margin: 0;
                padding: 0
            }

            .swiper-pagination-clickable .swiper-pagination-bullet {
                cursor: pointer
            }

            .swiper-pagination-bullet:only-child {
                display: none!important
            }

            .swiper-pagination-bullet-active {
                background: var(--swiper-pagination-color,var(--swiper-theme-color));
                opacity: var(--swiper-pagination-bullet-opacity,1)
            }

            .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
                right: 10px;
                top: 50%;
                transform: translate3d(0,-50%,0)
            }

            .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
                display: block;
                margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
            }

            .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
                top: 50%;
                transform: translateY(-50%);
                width: 8px
            }

            .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                display: inline-block;
                transition: transform .2s,top .2s
            }

            .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
            }

            .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
                left: 50%;
                transform: translate(-50%);
                white-space: nowrap
            }

            .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transition: transform .2s,left .2s
            }

            .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transition: transform .2s,right .2s
            }

            .swiper-pagination-progressbar {
                background: #00000040;
                position: absolute
            }

            .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                background: var(--swiper-pagination-color,var(--swiper-theme-color));
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                transform: scale(0);
                transform-origin: left top;
                width: 100%
            }

            .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                transform-origin: right top
            }

            .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
                height: 4px;
                left: 0;
                top: 0;
                width: 100%
            }

            .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
                height: 100%;
                left: 0;
                top: 0;
                width: 4px
            }

            .swiper-pagination-lock {
                display: none
            }

            .swiper-scrollbar {
                background: #0000001a;
                border-radius: 10px;
                position: relative;
                -ms-touch-action: none
            }

            .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
                display: none!important
            }

            .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
                bottom: 3px;
                height: 5px;
                left: 1%;
                position: absolute;
                width: 98%;
                z-index: 50
            }

            .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
                height: 98%;
                position: absolute;
                right: 3px;
                top: 1%;
                width: 5px;
                z-index: 50
            }

            .swiper-scrollbar-drag {
                background: #00000080;
                border-radius: 10px;
                height: 100%;
                left: 0;
                position: relative;
                top: 0;
                width: 100%
            }

            .swiper-scrollbar-cursor-drag {
                cursor: move
            }

            .swiper-scrollbar-lock {
                display: none
            }

            .swiper-zoom-container {
                align-items: center;
                display: flex;
                height: 100%;
                justify-content: center;
                text-align: center;
                width: 100%
            }

            .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
                max-height: 100%;
                max-width: 100%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .swiper-slide-zoomed {
                cursor: move
            }

            .swiper-lazy-preloader {
                border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
                border-radius: 50%;
                border-top: 4px solid transparent;
                box-sizing: border-box;
                height: 42px;
                left: 50%;
                margin-left: -21px;
                margin-top: -21px;
                position: absolute;
                top: 50%;
                transform-origin: 50%;
                width: 42px;
                z-index: 10
            }

            .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
                animation: swiper-preloader-spin 1s linear infinite
            }

            .swiper-lazy-preloader-white {
                --swiper-preloader-color: #fff
            }

            .swiper-lazy-preloader-black {
                --swiper-preloader-color: #000
            }

            @keyframes swiper-preloader-spin {
                0% {
                    transform: rotate(0)
                }

                to {
                    transform: rotate(1turn)
                }
            }

            .swiper .swiper-notification {
                left: 0;
                opacity: 0;
                pointer-events: none;
                position: absolute;
                top: 0;
                z-index: -1000
            }

            .swiper-free-mode>.swiper-wrapper {
                margin: 0 auto;
                transition-timing-function: ease-out
            }

            .swiper-grid>.swiper-wrapper {
                flex-wrap: wrap
            }

            .swiper-grid-column>.swiper-wrapper {
                flex-direction: column;
                flex-wrap: wrap
            }

            .swiper-fade.swiper-free-mode .swiper-slide {
                transition-timing-function: ease-out
            }

            .swiper-fade .swiper-slide {
                pointer-events: none;
                transition-property: opacity
            }

            .swiper-fade .swiper-slide .swiper-slide {
                pointer-events: none
            }

            .swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
                pointer-events: auto
            }

            .swiper-cube {
                overflow: visible
            }

            .swiper-cube .swiper-slide {
                backface-visibility: hidden;
                height: 100%;
                pointer-events: none;
                transform-origin: 0 0;
                visibility: hidden;
                width: 100%;
                z-index: 1
            }

            .swiper-cube .swiper-slide .swiper-slide {
                pointer-events: none
            }

            .swiper-cube.swiper-rtl .swiper-slide {
                transform-origin: 100% 0
            }

            .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
                pointer-events: auto
            }

            .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
                pointer-events: auto;
                visibility: visible
            }

            .swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
                backface-visibility: hidden;
                z-index: 0
            }

            .swiper-cube .swiper-cube-shadow {
                bottom: 0;
                height: 100%;
                left: 0;
                opacity: .6;
                position: absolute;
                width: 100%;
                z-index: 0
            }

            .swiper-cube .swiper-cube-shadow:before {
                background: #000;
                bottom: 0;
                content: "";
                filter: blur(50px);
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

            .swiper-flip {
                overflow: visible
            }

            .swiper-flip .swiper-slide {
                backface-visibility: hidden;
                pointer-events: none;
                z-index: 1
            }

            .swiper-flip .swiper-slide .swiper-slide {
                pointer-events: none
            }

            .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
                pointer-events: auto
            }

            .swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
                backface-visibility: hidden;
                z-index: 0
            }

            .swiper-creative .swiper-slide {
                backface-visibility: hidden;
                overflow: hidden;
                transition-property: transform,opacity,height
            }

            .swiper-cards {
                overflow: visible
            }

            .swiper-cards .swiper-slide {
                backface-visibility: hidden;
                overflow: hidden;
                transform-origin: center bottom
            }

            [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
                transition-duration: 50ms
            }

            [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
                transition-delay: 50ms
            }

            [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
                transition-duration: .1s
            }

            [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
                transition-delay: .1s
            }

            [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
                transition-duration: .15s
            }

            [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
                transition-delay: .15s
            }

            [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
                transition-duration: .2s
            }

            [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
                transition-delay: .2s
            }

            [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
                transition-duration: .25s
            }

            [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
                transition-delay: .25s
            }

            [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
                transition-duration: .3s
            }

            [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
                transition-delay: .3s
            }

            [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
                transition-duration: .35s
            }

            [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
                transition-delay: .35s
            }

            [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
                transition-duration: .4s
            }

            [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
                transition-delay: .4s
            }

            [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
                transition-duration: .45s
            }

            [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
                transition-delay: .45s
            }

            [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
                transition-duration: .5s
            }

            [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
                transition-delay: .5s
            }

            [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
                transition-duration: .55s
            }

            [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
                transition-delay: .55s
            }

            [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
                transition-duration: .6s
            }

            [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
                transition-delay: .6s
            }

            [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
                transition-duration: .65s
            }

            [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
                transition-delay: .65s
            }

            [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
                transition-duration: .7s
            }

            [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
                transition-delay: .7s
            }

            [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
                transition-duration: .75s
            }

            [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
                transition-delay: .75s
            }

            [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
                transition-duration: .8s
            }

            [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
                transition-delay: .8s
            }

            [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
                transition-duration: .85s
            }

            [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
                transition-delay: .85s
            }

            [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
                transition-duration: .9s
            }

            [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
                transition-delay: .9s
            }

            [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
                transition-duration: .95s
            }

            [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
                transition-delay: .95s
            }

            [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
                transition-duration: 1s
            }

            [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
                transition-delay: 1s
            }

            [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
                transition-duration: 1.05s
            }

            [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
                transition-delay: 1.05s
            }

            [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
                transition-duration: 1.1s
            }

            [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
                transition-delay: 1.1s
            }

            [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
                transition-duration: 1.15s
            }

            [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
                transition-delay: 1.15s
            }

            [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
                transition-duration: 1.2s
            }

            [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
                transition-delay: 1.2s
            }

            [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
                transition-duration: 1.25s
            }

            [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
                transition-delay: 1.25s
            }

            [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
                transition-duration: 1.3s
            }

            [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
                transition-delay: 1.3s
            }

            [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
                transition-duration: 1.35s
            }

            [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
                transition-delay: 1.35s
            }

            [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
                transition-duration: 1.4s
            }

            [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
                transition-delay: 1.4s
            }

            [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
                transition-duration: 1.45s
            }

            [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
                transition-delay: 1.45s
            }

            [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
                transition-duration: 1.5s
            }

            [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
                transition-delay: 1.5s
            }

            [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
                transition-duration: 1.55s
            }

            [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
                transition-delay: 1.55s
            }

            [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
                transition-duration: 1.6s
            }

            [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
                transition-delay: 1.6s
            }

            [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
                transition-duration: 1.65s
            }

            [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
                transition-delay: 1.65s
            }

            [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
                transition-duration: 1.7s
            }

            [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
                transition-delay: 1.7s
            }

            [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
                transition-duration: 1.75s
            }

            [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
                transition-delay: 1.75s
            }

            [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
                transition-duration: 1.8s
            }

            [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
                transition-delay: 1.8s
            }

            [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
                transition-duration: 1.85s
            }

            [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
                transition-delay: 1.85s
            }

            [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
                transition-duration: 1.9s
            }

            [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
                transition-delay: 1.9s
            }

            [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
                transition-duration: 1.95s
            }

            [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
                transition-delay: 1.95s
            }

            [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
                transition-duration: 2s
            }

            [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
                transition-delay: 2s
            }

            [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
                transition-duration: 2.05s
            }

            [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
                transition-delay: 2.05s
            }

            [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
                transition-duration: 2.1s
            }

            [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
                transition-delay: 2.1s
            }

            [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
                transition-duration: 2.15s
            }

            [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
                transition-delay: 2.15s
            }

            [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
                transition-duration: 2.2s
            }

            [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
                transition-delay: 2.2s
            }

            [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
                transition-duration: 2.25s
            }

            [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
                transition-delay: 2.25s
            }

            [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
                transition-duration: 2.3s
            }

            [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
                transition-delay: 2.3s
            }

            [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
                transition-duration: 2.35s
            }

            [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
                transition-delay: 2.35s
            }

            [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
                transition-duration: 2.4s
            }

            [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
                transition-delay: 2.4s
            }

            [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
                transition-duration: 2.45s
            }

            [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
                transition-delay: 2.45s
            }

            [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
                transition-duration: 2.5s
            }

            [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
                transition-delay: 2.5s
            }

            [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
                transition-duration: 2.55s
            }

            [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
                transition-delay: 2.55s
            }

            [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
                transition-duration: 2.6s
            }

            [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
                transition-delay: 2.6s
            }

            [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
                transition-duration: 2.65s
            }

            [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
                transition-delay: 2.65s
            }

            [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
                transition-duration: 2.7s
            }

            [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
                transition-delay: 2.7s
            }

            [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
                transition-duration: 2.75s
            }

            [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
                transition-delay: 2.75s
            }

            [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
                transition-duration: 2.8s
            }

            [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
                transition-delay: 2.8s
            }

            [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
                transition-duration: 2.85s
            }

            [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
                transition-delay: 2.85s
            }

            [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
                transition-duration: 2.9s
            }

            [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
                transition-delay: 2.9s
            }

            [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
                transition-duration: 2.95s
            }

            [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
                transition-delay: 2.95s
            }

            [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
                transition-duration: 3s
            }

            [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
                transition-delay: 3s
            }

            [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
                transition-timing-function: cubic-bezier(.25,.25,.75,.75)
            }

            [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
                transition-timing-function: ease
            }

            [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
                transition-timing-function: ease-in
            }

            [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
                transition-timing-function: ease-out
            }

            [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
                transition-timing-function: ease-in-out
            }

            [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
                transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
            }

            [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
                transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
                transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
                transition-timing-function: cubic-bezier(.47,0,.745,.715)
            }

            [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
                transition-timing-function: cubic-bezier(.39,.575,.565,1)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
                transition-timing-function: cubic-bezier(.445,.05,.55,.95)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
                transition-timing-function: cubic-bezier(.55,.085,.68,.53)
            }

            [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
                transition-timing-function: cubic-bezier(.25,.46,.45,.94)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
                transition-timing-function: cubic-bezier(.455,.03,.515,.955)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
                transition-timing-function: cubic-bezier(.55,.085,.68,.53)
            }

            [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
                transition-timing-function: cubic-bezier(.25,.46,.45,.94)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
                transition-timing-function: cubic-bezier(.455,.03,.515,.955)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
                transition-timing-function: cubic-bezier(.55,.085,.68,.53)
            }

            [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
                transition-timing-function: cubic-bezier(.25,.46,.45,.94)
            }

            [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
                transition-timing-function: cubic-bezier(.455,.03,.515,.955)
            }

            [data-aos^=fade][data-aos^=fade] {
                opacity: 0;
                transition-property: opacity,transform
            }

            [data-aos^=fade][data-aos^=fade].aos-animate {
                opacity: 1;
                transform: translateZ(0)
            }

            [data-aos=fade-up] {
                transform: translate3d(0,100px,0)
            }

            [data-aos=fade-down] {
                transform: translate3d(0,-100px,0)
            }

            [data-aos=fade-right] {
                transform: translate3d(-100px,0,0)
            }

            [data-aos=fade-left] {
                transform: translate3d(100px,0,0)
            }

            [data-aos=fade-up-right] {
                transform: translate3d(-100px,100px,0)
            }

            [data-aos=fade-up-left] {
                transform: translate3d(100px,100px,0)
            }

            [data-aos=fade-down-right] {
                transform: translate3d(-100px,-100px,0)
            }

            [data-aos=fade-down-left] {
                transform: translate3d(100px,-100px,0)
            }

            [data-aos^=zoom][data-aos^=zoom] {
                opacity: 0;
                transition-property: opacity,transform
            }

            [data-aos^=zoom][data-aos^=zoom].aos-animate {
                opacity: 1;
                transform: translateZ(0) scale(1)
            }

            [data-aos=zoom-in] {
                transform: scale(.6)
            }

            [data-aos=zoom-in-up] {
                transform: translate3d(0,100px,0) scale(.6)
            }

            [data-aos=zoom-in-down] {
                transform: translate3d(0,-100px,0) scale(.6)
            }

            [data-aos=zoom-in-right] {
                transform: translate3d(-100px,0,0) scale(.6)
            }

            [data-aos=zoom-in-left] {
                transform: translate3d(100px,0,0) scale(.6)
            }

            [data-aos=zoom-out] {
                transform: scale(1.2)
            }

            [data-aos=zoom-out-up] {
                transform: translate3d(0,100px,0) scale(1.2)
            }

            [data-aos=zoom-out-down] {
                transform: translate3d(0,-100px,0) scale(1.2)
            }

            [data-aos=zoom-out-right] {
                transform: translate3d(-100px,0,0) scale(1.2)
            }

            [data-aos=zoom-out-left] {
                transform: translate3d(100px,0,0) scale(1.2)
            }

            [data-aos^=slide][data-aos^=slide] {
                transition-property: transform
            }

            [data-aos^=slide][data-aos^=slide].aos-animate {
                transform: translateZ(0)
            }

            [data-aos=slide-up] {
                transform: translate3d(0,100%,0)
            }

            [data-aos=slide-down] {
                transform: translate3d(0,-100%,0)
            }

            [data-aos=slide-right] {
                transform: translate3d(-100%,0,0)
            }

            [data-aos=slide-left] {
                transform: translate3d(100%,0,0)
            }

            [data-aos^=flip][data-aos^=flip] {
                backface-visibility: hidden;
                transition-property: transform
            }

            [data-aos=flip-left] {
                transform: perspective(2500px) rotateY(-100deg)
            }

            [data-aos=flip-left].aos-animate {
                transform: perspective(2500px) rotateY(0)
            }

            [data-aos=flip-right] {
                transform: perspective(2500px) rotateY(100deg)
            }

            [data-aos=flip-right].aos-animate {
                transform: perspective(2500px) rotateY(0)
            }

            [data-aos=flip-up] {
                transform: perspective(2500px) rotateX(-100deg)
            }

            [data-aos=flip-up].aos-animate {
                transform: perspective(2500px) rotateX(0)
            }

            [data-aos=flip-down] {
                transform: perspective(2500px) rotateX(100deg)
            }

            [data-aos=flip-down].aos-animate {
                transform: perspective(2500px) rotateX(0)
            }

            img {
                pointer-events: none
            }

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: 400;*/
            /*    src: url(/_nuxt/Outfit-Regular.BlL8FXaZ.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: 700;*/
            /*    src: url(/_nuxt/Outfit-Bold.BHHPQSxs.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: 800;*/
            /*    src: url(/_nuxt/Outfit-ExtraBold.CrwOH4JU.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: lighter;*/
            /*    src: url(/_nuxt/Outfit-ExtraLight.Bop7lq32.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: 300;*/
            /*    src: url(/_nuxt/Outfit-Light.BCN5VFdt.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: 500;*/
            /*    src: url(/_nuxt/Outfit-Medium.B8Iwa1n1.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: 600;*/
            /*    src: url(/_nuxt/Outfit-SemiBold.Dyrk4jTU.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: Outfit;*/
            /*    font-style: normal;*/
            /*    font-weight: 100;*/
            /*    src: url(/_nuxt/Outfit-Thin.DyIgwVmz.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: BoxedRound;*/
            /*    font-style: normal;*/
            /*    font-weight: 300;*/
            /*    src: url(/_nuxt/BoxedRound-Light.Cp1t1jKA.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: BoxedRound;*/
            /*    font-style: normal;*/
            /*    font-weight: 700;*/
            /*    src: url(/_nuxt/BoxedRound-Bold.fdk9hfcR.ttf) format("truetype")*/
            /*}*/

            /*@font-face {*/
            /*    font-family: BoxedRound;*/
            /*    font-style: normal;*/
            /*    font-weight: 500;*/
            /*    src: url(/_nuxt/BoxedRound-Medium.CScDs2Tw.ttf) format("truetype")*/
            /*}*/

            .placeholder\:text-nu1::-moz-placeholder {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity,1))
            }

            .placeholder\:text-nu1::placeholder {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity,1))
            }

            .hover\:ml-0:hover {
                margin-left: 0
            }

            .hover\:border-primary:hover {
                --tw-border-opacity: 1;
                border-color: rgb(86 189 152/var(--tw-border-opacity,1))
            }

            .hover\:bg-nu5:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(24 25 31/var(--tw-bg-opacity,1))
            }

            .hover\:bg-primary:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(86 189 152/var(--tw-bg-opacity,1))
            }

            .hover\:text-primary:hover {
                --tw-text-opacity: 1;
                color: rgb(86 189 152/var(--tw-text-opacity,1))
            }

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

            @media not all and (min-width: 1200px) {
                .max-xl\:flex-wrap {
                    flex-wrap:wrap
                }
            }

            @media not all and (min-width: 992px) {
                .max-lg\:flex-wrap {
                    flex-wrap:wrap
                }
            }

            @media not all and (min-width: 768px) {
                .max-md\:flex-wrap {
                    flex-wrap:wrap
                }
            }

            @media not all and (min-width: 576px) {
                .max-sm\:flex-wrap {
                    flex-wrap:wrap
                }
            }

            @media (min-width: 576px) {
                .sm\:col-span-4 {
                    grid-column:span 4/span 4
                }

                .sm\:col-span-6 {
                    grid-column: span 6/span 6
                }

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

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

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

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

                .sm\:flex {
                    display: flex
                }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                .sm\:pl-0 {
                    padding-left: 0
                }

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

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

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

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

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

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

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

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

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

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

                .md\:col-span-5 {
                    grid-column: span 5/span 5
                }

                .md\:col-span-6 {
                    grid-column: span 6/span 6
                }

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

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

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

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

                .md\:block {
                    display: block
                }

                .md\:hidden {
                    display: none
                }

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

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

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

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

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

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

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

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

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

                .md\:grid-flow-col {
                    grid-auto-flow: column
                }

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

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

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

                .md\:pb-20,.md\:py-20 {
                    padding-bottom: 5rem
                }

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

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

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

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

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

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

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

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

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

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

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

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

                .lg\:mr-7 {
                    margin-right: 1.75rem
                }

                .lg\:block {
                    display: block
                }

                .lg\:flex {
                    display: flex
                }

                .lg\:hidden {
                    display: none
                }

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

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

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

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

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

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

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

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

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

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

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

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

                .lg\:pt-\[8rem\] {
                    padding-top: 8rem
                }

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

            @media (min-width: 1200px) {
                .xl\:col-span-4 {
                    grid-column:span 4/span 4
                }

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

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

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

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

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

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

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

                .xl\:text-xl {
                    font-size: 1.25rem;
                    line-height: 1.75rem
                }
            }
       
</style>