.carousel {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    overscroll-behavior: none
}

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

.carousel__track {
    display: flex;
    margin: 0;
    padding: 0;
    position: relative
}

.carousel__viewport {
    overflow: hidden
}

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

:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #ffffff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-height: 30px;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-background: transparent;
    --vc-pgn-width: 12px;
    --vc-pgn-height: 4px;
    --vc-pgn-margin: 4px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.carousel__icon {
    width: var(--vc-icn-width);
    height: var(--vc-icn-width);
    fill: currentColor
}

.carousel__slide {
    scroll-snap-stop:auto;flex-shrink: 0;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateZ(0)
}

.carousel__prev,.carousel__next {
    box-sizing: content-box;
    background: var(--vc-nav-background);
    border-radius: var(--vc-nav-border-radius);
    width: var(--vc-nav-width);
    height: var(--vc-nav-height);
    text-align: center;
    font-size: var(--vc-nav-height);
    padding: 0;
    color: var(--vc-nav-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 0;
    cursor: pointer;
    margin: 0 10px;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__prev:hover,.carousel__next:hover {
    color: var(--vc-nav-color-hover)
}

.carousel__next--disabled,.carousel__prev--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel__prev {
    left: 0
}

.carousel__next {
    right: 0
}

.carousel--rtl .carousel__prev {
    left: auto;
    right: 0
}

.carousel--rtl .carousel__next {
    right: auto;
    left: 0
}

.carousel__pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    line-height: 0;
    margin: 10px 0 0
}

.carousel__pagination-button {
    display: block;
    border: 0;
    margin: 0;
    cursor: pointer;
    padding: var(--vc-pgn-margin);
    background: transparent
}

.carousel__pagination-button:after {
    display: block;
    content: "";
    width: var(--vc-pgn-width);
    height: var(--vc-pgn-height);
    border-radius: var(--vc-pgn-border-radius);
    background-color: var(--vc-pgn-background-color)
}

.carousel__pagination-button:hover:after,.carousel__pagination-button--active:after {
    background-color: var(--vc-pgn-active-color)
}

.Welcome-Section {
    background-image: url(/assets/welcomeBg-259bc750.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1000px
}

#gallery .carousel__item {
    height: 300px;
    width: 100%;
    background-color: #fff;
    font-size: 20px;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    overflow: hidden
}

#gallery .carousel__slide {
    padding: 0
}

#thumbnails {
    margin-top: 20px
}

#thumbnails .carousel__item {
    cursor: pointer;
    height: 80px;
    width: 100%;
    background-color: #fff;
    font-size: 20px;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    overflow: hidden;
    position: relative
}

#thumbnails .carousel__item .thumb {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#thumbnails .carousel__item .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 30px;
    width: 30px;
    -o-object-fit: cover;
    object-fit: cover
}

.carousel__slide {
    padding: 10px
}

#gallery .carousel__prev,#gallery .carousel__next {
    color: #fff;
    width: 65px;
    height: 65px
}

#gallery .carousel__prev svg,#gallery .carousel__next svg {
    width: 65px;
    height: 65px
}

#gallery .carousel__prev {
    left: -100px
}

#gallery .carousel__next {
    right: -100px
}

@media (min-width: 768px) and (max-width: 1280px) {
    #gallery .carousel__item {
        height:219px;
        border: 2px solid transparent
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    #gallery .carousel__item {
        height:275px;
        border: 2px solid transparent
    }

    #gallery .carousel__next {
        display: block;
        color: #fff
    }

    #gallery .carousel__prev,#gallery .carousel__next {
        display: none
    }
}

@media (min-width: 414px) and (max-width: 640px) {
    .Welcome-Section {
        height:790px
    }

    #gallery .carousel__item {
        height: 187px;
        border: 2px solid transparent
    }

    #gallery .carousel__next {
        display: block;
        color: #fff
    }

    #thumbnails .carousel__item {
        height: 60px
    }
}

@media (max-width: 414px) {
    #gallery .carousel__item {
        height:166px;
        border: 2px solid transparent
    }

    #thumbnails .carousel__item {
        height: 50px
    }

    #gallery .carousel__prev,#gallery .carousel__next {
        display: none
    }
}

.bold-button-style {
    background-image: url(/assets/ButtonBg-75821cbd.png);
    background-size: 100% 100%
}

.dark-button-style {
    background-image: url(data:image/png;base64,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)!important;
    background-size: 100% 100%
}

.custom-button-style {
    background-image: url(/assets/customButton-f8d570f6.png)!important;
    background-size: 100% 100%
}

.dimmed-button-style {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgYAAABQCAYAAABid71jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuOWNjYzRkZSwgMjAyMi8wMy8xNC0xMToyNjoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjMgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wNi0yMFQyMzoyMDozMyswNDowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wNi0yMFQyMzoyMDozMyswNDowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDYtMjBUMjM6MjA6MzMrMDQ6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDBiYmE3NjYtNzJiYy1kYjQ5LTgyNmMtYjRlYjEyMDAzMjg0IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjNhNGI3ZWMtZDBjMy01MTQ1LTlmZGUt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)!important;
    background-size: 100% 100%;
    opacity: 1
}

.hollow-button-style {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAagAAABECAMAAADjnVG/AAAAclBMVEUAAACSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5mSb5kbfWwCAAAAJXRSTlMA7gP8wBcKb/jagBDy4dEyKSGsklXnpZyLeWdfRDzJtEq3Tjii0TAgBwAAAl1JREFUeNrt3duOskAQBOCGATzgedU9uupqvf8r/j3kT9gM6F5SJPXdtXprmFRTYA+VBWRgO/vb6QAZ3MT+MgmQ4YWTPVXdIRQOpT2xXcGFeW4yoEsAUORPfpDBZReTYc3h3h5/HeBWW5OB5Ve4H+tVnxEdK5PBlUsAi6312MzgwsSEwW0KYFVZx34BdziZcPiAe7VE/oKoKE1YHOE+ekOjF53KiVQrANN19zQ4/TRhsolXo2Vtv5zjJ2sTLnu4s/0SY9iNCZt4cphZa+vzQtcnPhMAx+QvVpjQuSf7jrcmWBI6MYM4WavweW/Cpg5AqNo5j8dAJbF8vmKKZK2Nz5kJnfckRPr0+WpCZ5dkSC8+z03oxFXH2lrfzY5K2JQx18vbOY+bD8XmfC4Avq219nlpQmceFxrJhmpnQidG5Z/WevX53YROGpWvfP4yYZNG5VUAUJuwSaPyU7PzEDpNVN7ZeQidNCo/+qyb+fh0ovKZzzcTNmlUXvscdBcznyYq7+w8hE4TlXd2HkKnico7Ow9h04nKlz7r1ks+TVSe7jx0Sx+fNCr/aXYeQqeJyjs7D6GTRuVXn9Xi4NOJyjPVAyjdVA8YB9UDRuKoesA4qB4wDjVUDxiFvnrAwYROXz3gbEJH9YCR6KsH6JlvfFQPGAnVA0ZC9YBxyAvVA8agLKB6wAicDnBZUg8IqgeQmQS42Vr1AGrVDtG5TncedxMi/x/sGw8OqgcQ2y/gsi9zqgfQyt8QfW/NqR5AqywQvVZ9O4+QCYvpowf7vkPYLNe9Ow8hc62th168RubB26D+ASwH3VNub1JqAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.hollow-button-style:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAagAAABECAYAAADUQ6GNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZWRhMmIzZiwgMjAyMS8xMS8xNC0xMjozMDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wOC0xMlQxNjo0Mzo1MSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDgtMTJUMTY6NTQ6MDcrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDgtMTJUMTY6NTQ6MDcrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmNiN2IwYzAxLTk4ZDgtMzg0Ny1hMTYyLWJkZjQ4ZTY2MDE1MiIgeG1wTU06RG9jdW1lbnRJRD0i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)
}

.btn-shine {
    background-image: url(/assets/ButtonShine-c2af0bab.png);
    background-size: 100% 100%;
    margin: -15% -50%;
    min-width: 200%;
    min-height: 400%
}

.BlastHub-Section {
    background-image: url(/assets/BlastHubBg-d4b48045.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1164px
}

.floating-animation {
    display: block;
    transform: scale(1) translateY(0);
    animation-name: floating;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-direction: normal
}

@media (max-width: 768px) {
    .BlastHub-Section {
        height:1244px
    }
}

.PlayStyle-Section {
    background-image: url(/assets/PlayStyleBg-a8e64620.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1092px
}

.carousel__prev,.carousel__next {
    color: #fff;
    width: 65px;
    height: 65px
}

.carousel__prev svg,.carousel__next svg {
    width: 65px;
    height: 65px
}

#charachters .carousel__prev {
    left: -100px
}

#charachters .carousel__next {
    right: -100px
}

.carousel__pagination-button:after {
    background-color: unset;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.carousel__pagination-button--active:after {
    background-color: #fff
}

.clippy {
    -webkit-clip-path: polygon(8% 22%,98% 21%,100% 85%,0 80%,0 38%);
    clip-path: polygon(8% 22%,98% 21%,100% 85%,0 80%,0 38%)
}

@media (max-width: 768px) {
    .carousel__prev,.carousel__next {
        display:none
    }

    .carousel__pagination {
        position: unset
    }
}

@media (min-width: 300px) and (max-width: 400px) {
    .PlayStyle-Section {
        height:900px
    }
}

@media (min-width: 401px) and (max-width: 500px) {
    .PlayStyle-Section {
        height:1000px
    }
}

.Community-Section {
    background-image: url(/assets/CommunityBg-757f70a8.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 2160px
}

.reverse {
    transform: scaleY(-1)
}

@media (min-width: 520px) and (max-width: 768px) {
    .Community-Section {
        height:2800px;
        padding-bottom: 2rem!important
    }
}

@media (max-width: 520px) {
    .Community-Section {
        height:auto;
        padding-bottom: 6rem!important
    }
}

@media (max-width: 519px) {
    .Community-Section {
        height:auto;
        padding-bottom: 16rem!important
    }
}

.Partners-Section[data-v-9af9b5b8] {
    background: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    zoom:70%}

.reverse[data-v-9af9b5b8] {
    transform: scaleY(-1)
}

@media (min-width: 520px) and (max-width: 768px) {
    .Partners-Section[data-v-9af9b5b8] {
        height:auto
    }
}

@media (max-width: 520px) {
    .Partners-Section[data-v-9af9b5b8] {
        height:auto
    }
}

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

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

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: DM Sans;
    font-feature-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

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

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

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

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*,:before,:after {
    --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-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .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:
}

::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-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.\!right-0 {
    right: 0px!important
}

.bottom-0 {
    bottom: 0px
}

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

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

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

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

.left-0 {
    left: 0px
}

.left-1 {
    left: .25rem
}

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

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

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

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

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

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

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

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

.right-0 {
    right: 0px
}

.right-1 {
    right: .25rem
}

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

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

.top-0 {
    top: 0px
}

.top-20 {
    top: 5rem
}

.top-\[-100vh\] {
    top: -100vh
}

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

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

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

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

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

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

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

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

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

.top-\[34\%\] {
    top: 34%
}

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

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

.top-\[50\%\] {
    top: 50%
}

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

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

.-z-40 {
    z-index: -40
}

.z-10 {
    z-index: 10
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[-10\] {
    z-index: -10
}

.z-\[0\] {
    z-index: 0
}

.z-\[100\] {
    z-index: 100
}

.z-\[10\] {
    z-index: 10
}

.z-\[99999\] {
    z-index: 99999
}

.z-\[9999\] {
    z-index: 9999
}

.z-\[999\] {
    z-index: 999
}

.z-\[99\] {
    z-index: 99
}

.z-\[9\] {
    z-index: 9
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-28 {
    margin-top: 7rem
}

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

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

.mt-44 {
    margin-top: 11rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.block {
    display: block
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-0 {
    height: 0px
}

.h-10 {
    height: 2.5rem
}

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

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

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

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

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

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

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

.h-\[calc\(100vh-58px\)\] {
    height: calc(100vh - 58px)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

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

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

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

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

.w-10 {
    width: 2.5rem
}

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

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

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

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

.w-\[147\.5\%\] {
    width: 147.5%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem)
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

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

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

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

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

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

.max-w-\[unset\] {
    max-width: unset
}

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

.max-w-none {
    max-width: none
}

.flex-auto {
    flex: 1 1 auto
}

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

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    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-180 {
    --tw-rotate: 180deg;
    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-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    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-\[0\.87\] {
    --tw-scale-x: .87;
    --tw-scale-y: .87;
    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))
}

.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-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

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

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

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

.gap-2 {
    gap: .5rem
}

.gap-5 {
    gap: 1.25rem
}

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

.gap-y-0 {
    row-gap: 0px
}

.gap-y-12 {
    row-gap: 3rem
}

.self-center {
    align-self: center
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.overflow-hidden {
    overflow: hidden
}

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

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

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

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

.rounded-none {
    border-radius: 0
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.border {
    border-width: 1px
}

.border-b-\[3\.5px\] {
    border-bottom-width: 3.5px
}

.border-\[transparent\],.border-transparent {
    border-color: transparent
}

.bg-\[\#0b203b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 32 59 / var(--tw-bg-opacity))
}

.bg-\[\#332c45\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 44 69 / var(--tw-bg-opacity))
}

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

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

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

.bg-opacity-60 {
    --tw-bg-opacity: .6
}

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

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

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

.from-\[\#341150\] {
    --tw-gradient-from: #341150;
    --tw-gradient-to: rgb(52 17 80 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#fe9500\] {
    --tw-gradient-from: #fe9500;
    --tw-gradient-to: rgb(254 149 0 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black {
    --tw-gradient-from: #000;
    --tw-gradient-to: rgb(0 0 0 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#471e5f\] {
    --tw-gradient-to: #471e5f
}

.to-\[\#ffaf18\] {
    --tw-gradient-to: #ffaf18
}

.to-transparent {
    --tw-gradient-to: transparent
}

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

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

.p-2 {
    padding: .5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.align-middle {
    vertical-align: middle
}

.font-amsi-bold {
    font-family: asmi-condensed-bold
}

.font-amsi-regular {
    font-family: asmi-normal-regular
}

.font-asmi-condensed-ultra-italic {
    font-family: asmi-condensed-ultra-italic
}

.font-shard-regular {
    font-family: shard-regular
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.leading-6 {
    line-height: 1.5rem
}

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

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

.leading-\[2\.15rem\] {
    line-height: 2.15rem
}

.leading-\[20pt\] {
    line-height: 20pt
}

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

.leading-\[25pt\] {
    line-height: 25pt
}

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

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

.text-\[\#1b0031\] {
    --tw-text-opacity: 1;
    color: rgb(27 0 49 / var(--tw-text-opacity))
}

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

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

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

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

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

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

.text-\[\#d4bfd8\] {
    --tw-text-opacity: 1;
    color: rgb(212 191 216 / var(--tw-text-opacity))
}

.text-\[\#fbc75b\] {
    --tw-text-opacity: 1;
    color: rgb(251 199 91 / var(--tw-text-opacity))
}

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

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

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

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

.blur {
    --tw-blur: blur(8px);
    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)
}

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

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

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

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

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

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

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

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

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

.duration-\[400ms\] {
    transition-duration: .4s
}

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

@font-face {
    font-family: shard-regular;
    src: url("/assets/Device - Shard Regular-dca9189c.woff");
    font-display: swap
}

@font-face {
    font-family: asmi-condensed-bold;
    src: url("/assets/Stawix - Amsi Pro Condensed Bold-9d29fcc4.woff");
    font-display: swap
}

@font-face {
    font-family: asmi-condensed-ultra-italic;
    src: url("/assets/Stawix - Amsi Pro Condensed Ultra Italic-87697e08.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: asmi-normal-extralight-italic;
    src: url("/assets/Stawix - Amsi Pro Normal ExtraLight Italic-53d3434b.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: asmi-normal-regular;
    src: url("/assets/Stawix - Amsi Pro Normal Regular-bfc3251f.woff") format("woff");
    font-display: swap
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden
}

.Btn {
    height: 38px;
    width: 209px;
    padding: 0 27px 0 0;
    margin: 0
}

.customButtonText {
    padding: 0 27px 0 0;
    margin: 0
}

.custom-container {
    max-width: 1920px;
    padding-left: 253px;
    padding-right: 253px;
    margin: 0 auto
}

@media (max-width: 1919px) {
    .custom-container {
        max-width:1920px;
        width: 100%;
        padding-left: 12%;
        padding-right: 12%;
        margin: 0 auto
    }
}

@media (max-width: 1536px) {
    .custom-container {
        max-width:1920px;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        margin: 0 auto
    }
}

@media (max-width: 1280px) {
    .custom-container {
        width:100%;
        padding-left: 7%;
        padding-right: 7%;
        margin: 0 auto
    }
}

@media (max-width: 1024px) {
    .custom-container {
        width:100%;
        padding-left: 5%;
        padding-right: 5%;
        margin: 0 auto
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    70% {
        opacity: 1;
        transform: scale(1) translateY(20px)
    }
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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))
}

.hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    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))
}

.hover\:scale-\[1\.15\]:hover {
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    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))
}

.hover\:border-\[\#63FFC2\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(99 255 194 / var(--tw-border-opacity))
}

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

.hover\:text-\[\#1b0031\]:hover {
    --tw-text-opacity: 1;
    color: rgb(27 0 49 / var(--tw-text-opacity))
}

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

@media (min-width: 414px) {
    .xs\:bottom-\[-100px\] {
        bottom:-100px
    }

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

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

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

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

    .xs\:h-\[480px\] {
        height: 480px
    }

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

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

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

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

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

    .xs\:w-\[340px\] {
        width: 340px
    }

    .xs\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75;
        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))
    }

    .xs\:scale-\[0\.6\] {
        --tw-scale-x: .6;
        --tw-scale-y: .6;
        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))
    }

    .xs\:gap-x-\[6rem\] {
        -moz-column-gap: 6rem;
        column-gap: 6rem
    }
}

@media (min-width: 640px) {
    .sm\:bottom-\[-30px\] {
        bottom:-30px
    }

    .sm\:left-\[-135px\] {
        left: -135px
    }

    .sm\:left-\[170px\] {
        left: 170px
    }

    .sm\:right-\[-35px\] {
        right: -35px
    }

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

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

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

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

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

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

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

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:text-\[22pt\] {
        font-size: 22pt
    }

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

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

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

    .sm\:\!opacity-\[100\%\] {
        opacity: 100%!important
    }
}

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

    .md\:bottom-\[-250px\] {
        bottom: -250px
    }

    .md\:bottom-\[-70px\] {
        bottom: -70px
    }

    .md\:bottom-\[120px\] {
        bottom: 120px
    }

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

    .md\:left-\[-110px\] {
        left: -110px
    }

    .md\:left-\[220px\] {
        left: 220px
    }

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

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

    .md\:right-\[-280px\] {
        right: -280px
    }

    .md\:right-\[-50px\] {
        right: -50px
    }

    .md\:right-\[unset\] {
        right: unset
    }

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

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

    .md\:top-\[-78px\] {
        top: -78px
    }

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

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

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

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

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

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

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

    .md\:mt-44 {
        margin-top: 11rem
    }

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

    .md\:block {
        display: block
    }

    .md\:grid {
        display: grid
    }

    .md\:h-\[55vw\] {
        height: 55vw
    }

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

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

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

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

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

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

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

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

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

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

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

    .md\:\!scale-100 {
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        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))!important
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        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))
    }

    .md\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5;
        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))
    }

    .md\:scale-\[0\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8;
        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))
    }

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

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

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

    .md\:gap-x-\[14rem\] {
        -moz-column-gap: 14rem;
        column-gap: 14rem
    }

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

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

    .md\:\!opacity-\[100\%\] {
        opacity: 100%!important
    }
}

@media (min-width: 1024px) {
    .lg\:bottom-\[-350px\] {
        bottom:-350px
    }

    .lg\:bottom-\[40px\] {
        bottom: 40px
    }

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

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

    .lg\:right-\[-90px\] {
        right: -90px
    }

    .lg\:ml-7 {
        margin-left: 1.75rem
    }

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

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

    .lg\:mt-24 {
        margin-top: 6rem
    }

    .lg\:mt-44 {
        margin-top: 11rem
    }

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

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

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

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

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

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

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

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

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

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

    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        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))
    }

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

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

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

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

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

@media (min-width: 1280px) {
    .xl\:bottom-\[-128px\] {
        bottom:-128px
    }

    .xl\:left-\[-150px\] {
        left: -150px
    }

    .xl\:left-\[261px\] {
        left: 261px
    }

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

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

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

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

    .xl\:w-\[20\%\] {
        width: 20%
    }

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

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

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

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

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

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

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

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

    .xl\:justify-self-auto {
        justify-self: auto
    }

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

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

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

@media (min-width: 1536px) {
    .\32xl\:text-4xl {
        font-size:2.25rem;
        line-height: 2.5rem
    }
}

@media (min-width: 1920px) {
    .\33xl\:mt-\[-100px\] {
        margin-top:-100px
    }

    .\33xl\:\!h-\[1000px\] {
        height: 1000px!important
    }

    .\33xl\:\!h-\[1800px\] {
        height: 1800px!important
    }
}

.mobile-active:hover {
    color: #30c3a0;
    box-shadow: inset 0 1px #2a1d9140,inset 4px 0 #30c3a0
}

.slidee {
    position: fixed;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: rgba(19,11,33,.85);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9991;
    animation: topHeader-component-slide linear .2s
}

.headerItem {
    display: none;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-family: asmi-condensed-ultra-italic;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .headerItem {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1024px) {
    .headerItem {
        display:flex;
        width: 140px;
        font-size: 17px
    }
}

@media (min-width: 1280px) {
    .headerItem {
        width:160px;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.active {
    -webkit-clip-path: polygon(9% 0,100% 0%,91% 100%,0% 100%);
    clip-path: polygon(9% 0,100% 0%,91% 100%,0% 100%)
}

.active:hover {
    background: #63ffc378;
    -webkit-clip-path: polygon(9% 0,100% 0%,91% 100%,0% 100%);
    clip-path: polygon(9% 0,100% 0%,91% 100%,0% 100%);
    color: #63ffc2
}

.Footer-Section {
    background-image: linear-gradient(to bottom,#ff7801,#ff4a00);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-clip-path: polygon(0 16%,100% 0%,100% 100%,0 100%,0 17%);
    clip-path: polygon(0 16%,100% 0%,100% 100%,0 100%,0 17%)
}

.pattern {
    background-image: url(/assets/FooterBg-93550157.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat
}

.photoBg {
    background-image: linear-gradient(45deg,#c33fe7 0%,#651eb4 85%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.patternBg {
    background-image: url(/assets/BackPattern-83badff1.png);
    background-size: 11.6%
}

.spinner {
    transform: rotate(0);
    animation: customLoader-component-rotatingSpinner 3s ease infinite normal forwards
}

@keyframes customLoader-component-rotatingSpinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 768px) {
    .patternBg {
        background-size:20%
    }
}