*,: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-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: 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: ;
    --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: 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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

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

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

html,:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Inter,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;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

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

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

small {
    font-size: 80%
}

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

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

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

button,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
}

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

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

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

dialog {
    padding: 0
}

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]:where(:not([hidden=until-found])) {
    display: none
}

.container {
    width: 100%
}

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

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

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

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.top-4 {
    top: 1rem
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

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

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

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

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

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

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

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.h-1 {
    height: .25rem
}

.h-16 {
    height: 4rem
}

.h-4 {
    height: 1rem
}

.h-8 {
    height: 2rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

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

.w-16 {
    width: 4rem
}

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

.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-full {
    width: 100%
}

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

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

.max-w-xs {
    max-width: 20rem
}

.translate-x-0 {
    --tw-translate-x: 0px;
    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-x-full {
    --tw-translate-x: 100%;
    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))
}

.animate-\[move_5s_linear_infinite\] {
    animation: move 5s linear infinite
}

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

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

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

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

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

.resize {
    resize: both
}

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

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.gap-4 {
    gap: 1rem
}

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

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

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

.overflow-hidden {
    overflow: hidden
}

.rounded {
    border-radius: .25rem
}

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

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

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

.border {
    border-width: 1px
}

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

.bg-\[\#00b300\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 179 0 / var(--tw-bg-opacity, 1))
}

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

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

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

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

.bg-transparent {
    background-color: transparent
}

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

.bg-opacity-40 {
    --tw-bg-opacity: .4
}

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

.p-0 {
    padding: 0
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.text-center {
    text-align: center
}

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

.font-extrabold {
    font-weight: 800
}

.lowercase {
    text-transform: lowercase
}

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

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

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

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

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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)
}

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

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,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
}

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

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

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

html,body {
    background-color: #000
}

:root {
    --color-golden: #d3ab65;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient( 180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0) );
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,:after,:before {
    box-sizing: border-box
}

.bg-rtp-bar {
    background-image: linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
    color: #fff;
    z-index: 2;
    box-shadow: inset 0 5px 3px #ffffff80,inset 0 -3px 7px #0000001a
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

.slick-list,.slick-slider {
    display: block;
    position: relative
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-slide img {
    display: block
}

.thumbwd {
    border-radius: 5px
}

.txtwd {
    color: #fff;
    font-size: 16px;
    margin: auto auto auto 10px;
    text-align: left
}

.containerwd {
    background: #080500;
    border: 3px dotted #ff7e00;
    margin-bottom: .5rem;
    margin-top: .8rem
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.nomwd {
    color: orange;
    font-weight: 700
}

.j0x73fx {
    margin-bottom: -50px;
    position: fixed;
    z-index: 100;
    background: url(https://i.ibb.co/fd59B7w/thunder.webp) no-repeat;
    background-position: center;
    background-size: cover;
    font-family: Raleway,sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: center;
    justify-content: center
}

.stage {
    border-bottom: 3px solid #444;
    display: flex;
    height: 330px;
    width: 100%
}

.pp {
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    width: 200px
}

.bounce-7 {
    animation-name: bounce-7;
    animation-timing-function: cubic-bezier(.28,.84,.42,1)
}

@keyframes bounce-7 {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.1,.9) translateY(0)
    }

    30% {
        transform: scale(.9,1.1) translateY(-100px)
    }

    50% {
        transform: scale(1.05,.95) translateY(0)
    }

    57% {
        transform: scale(1) translateY(-7px)
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: #03002f!important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-bs-original-title],abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

.winnerlist {
    display: inline-block!important;
    color: #fff
}

.image-with-text {
    display: flex;
    align-items: center
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

fieldset {
    min-width: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

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

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

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

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

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

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

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:first-child) {
    border-top: 2px solid
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' strokeWidth='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' strokeWidth='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' strokeWidth='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem .75rem
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754e6;
    border-radius: .25rem
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' strokeWidth='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' strokeWidth='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    box-shadow: 0 0 0 .25rem #3184fd80
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #3184fd80
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus {
    box-shadow: 0 0 0 .25rem #838a9180
}

.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #838a9180
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,.btn-success:focus {
    box-shadow: 0 0 0 .25rem #3c996e80
}

.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #3c996e80
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,.btn-info:focus {
    box-shadow: 0 0 0 .25rem #0baccc80
}

.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #0baccc80
}

.btn-info.disabled,.btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,.btn-warning:focus {
    box-shadow: 0 0 0 .25rem #d9a40680
}

.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d9a40680
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,.btn-danger:focus {
    box-shadow: 0 0 0 .25rem #e1536180
}

.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #e1536180
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-light,.btn-light:focus,.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,.btn-light:focus {
    box-shadow: 0 0 0 .25rem #d3d4d580
}

.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d3d4d580
}

.btn-light.disabled,.btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-dark,.btn-dark:focus,.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,.btn-dark:focus {
    box-shadow: 0 0 0 .25rem #42464980
}

.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #42464980
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem #0d6efd80
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem #0d6efd80
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem #6d767e80
}

.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem #6d767e80
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem #19875480
}

.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem #19875480
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem #0dcaf080
}

.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem #0dcaf080
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem #ffc10780
}

.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem #ffc10780
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem #dc354580
}

.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem #dc354580
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem #f8f9fa80
}

.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem #f8f9fa80
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem #21252980
}

.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem #21252980
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,.dropend,.dropstart,.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: #00000026
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: #ffffff26
}

.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: #00000026
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler,.navbar-expand-sm .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler,.navbar-expand-md .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler,.navbar-expand-lg .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler,.navbar-expand-xl .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler,.navbar-expand-xxl .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler,.navbar-expand .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
}

.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #0000008c
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link {
    color: #000000e6
}

.navbar-light .navbar-toggler {
    color: #0000008c;
    border-color: #0000001a
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' strokeWidth='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #0000008c
}

.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
    color: #000000e6
}

.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff8c
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: #ffffff8c;
    border-color: #ffffff1a
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' strokeWidth='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: #ffffff8c
}

.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem
}

.card-subtitle,.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #00000008;
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: #00000008;
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.5rem;
    border-bottom: 0
}

.card-header-pills,.card-header-tabs {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px #00000020
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
}

.hidden {
    display: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    border-color: #dee2e6
}

.page-link:focus,.page-link:hover {
    color: #0a58ca;
    background-color: #e9ecef
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    height: 1rem;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress,.progress-bar {
    display: flex;
    overflow: hidden
}

.progress-bar {
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>li:before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40;
    opacity: 1
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .5rem 1rem #00000026;
    border-radius: .25rem
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

@media only screen and (min-width: 800px) {
    #mobMenu,#append-menu-header {
        display:none
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

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

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow:after,.popover .popover-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: #00000040
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #00000040
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #00000040
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #00000040
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translate(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,.spinner-grow {
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translate(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translate(100%)
}

.offcanvas-top {
    top: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%)
}

.offcanvas-bottom,.offcanvas-top {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%
}

.offcanvas-bottom {
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,#000c,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.clearfix:after {
    display: block;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:focus,.link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus,.link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,.link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus,.link-dark:hover {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    flex-direction: row;
    align-items: center
}

.hstack,.vstack {
    display: flex;
    align-self: stretch
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d!important
}

.shadow-none {
    box-shadow: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translate(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}

.border-white {
    border-color: #fff!important
}

.border-1 {
    border-width: 1px!important
}

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

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

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

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

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

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

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

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

.justify-content-center {
    justify-content: center!important
}

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

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

.justify-content-evenly {
    justify-content: space-evenly!important
}

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

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

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

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

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

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

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

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

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

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

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

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

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

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

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

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

.mt-0 {
    margin-top: 0!important
}

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

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

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

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

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

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

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

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

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

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

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

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

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

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

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

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

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

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

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

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

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

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

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

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

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

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

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

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

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

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

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .2rem!important
}

.rounded-2 {
    border-radius: .25rem!important
}

.rounded-3 {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-end,.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-bottom,.rounded-end {
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom,.rounded-start {
    border-bottom-left-radius: .25rem!important
}

.rounded-start {
    border-top-left-radius: .25rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

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

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

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

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

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

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

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

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

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

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

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

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

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

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

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

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

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

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

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

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

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

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

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

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

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

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

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

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

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

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

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

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

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

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

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

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

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

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

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

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

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

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

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

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

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

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

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

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

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

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

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

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

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

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

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

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

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

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

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

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

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

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

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

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

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

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

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

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

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

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

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

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

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

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

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

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

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

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

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

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

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

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

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

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

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

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: inline-block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: inline-block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: inline-block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.gamewd {
    font-family: DM,Arial,sans-serif;
    font-style: normal;
    font-weight: 400
}

@keyframes modal-video {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.link-container {
    display: flex;
    font-size: var(--x-large-font);
    justify-content: center;
    padding: 0;
    width: 100%
}

.titlewinner {
    color: #cfcfcf;
    font-size: 22px;
    margin-top: 1rem
}

.title {
    display: flex;
    justify-content: center
}

.textlastupdate,.titlewinner {
    font-family: DM;
    font-weight: 700;
    text-align: center
}

.textlastupdate {
    color: #fff;
    font-size: 16px;
    margin-top: 2rem
}

.link-container a {
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%
}

.register-button {
    background: #c97a03
}

.login-button {
    background: #141414
}

a {
    background-color: transparent;
    color: #007bff;
    -webkit-text-decoration: none;
    text-decoration: none
}

@keyframes modal-video-inner {
    0% {
        transform: translateY(100px)
    }

    to {
        transform: translate(0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    transition: opacity .3s ease-out
}

.modal-video-effect-exit {
    opacity: 0
}

.modal-video-effect-exit .modal-video-movie-wrap {
    transform: translateY(100px)
}

.modal-video-body {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box
}

.modal-video-body,.modal-video-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.modal-video-inner {
    align-items: center
}

@media (orientation: landscape) {
    .modal-video-inner {
        padding:10px 60px;
        box-sizing: border-box
    }
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    transform: translate(0);
    transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -45px;
    right: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

@media (orientation: landscape) {
    .modal-video-close-btn {
        top:0;
        right: -45px
    }
}

.modal-video-close-btn:before {
    transform: rotate(45deg)
}

.modal-video-close-btn:after {
    transform: rotate(-45deg)
}

.modal-video-close-btn:after,.modal-video-close-btn:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px
}

@font-face {
    font-family: swiper-icons;
    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);
    font-weight: 400;
    font-style: normal
}

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

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

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

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

.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;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.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 {
    transform: translateZ(0);
    backface-visibility: hidden
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    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-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-cards {
    overflow: visible
}

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

:root {
    --gray-900: #26242c;
    --gray-800: #050505;
    --gray-700: #e1e1e1;
    --gray-10: #fff;
    --primary-600: #724fe5;
    --primary-500: #2c04fe;
    --success-500: #32e7b1;
    --warning-600: #eee6d0;
    --warning-500: #ffc947;
    --warning-400: #f0e9e1;
    --warning-300: #fffdf5;
    --warning-200: #f6f2e8;
    --warning-100: #fffcf2;
    --danger-500: #ff6b55;
    --fs-xl-20: 20px;
    --fs-xl-lineheight: 32px;
    --fs-lg-18: 18px;
    --fs-lg-lineheight: 28px;
    --fs-md-16: 16px;
    --fs-md-lineheight: 24px;
    --fs-xs-14: 14px;
    --fs-xs-lineheight: 22px;
    --fs-xss-12: 12px;
    --fs-xss-lineheight: 20px;
    --infinity-large: 3rem
}

*,:after,:before {
    box-sizing: inherit;
    margin: 0;
    padding: 0
}

html {
    box-sizing: border-box
}

body,html {
    height: 100%
}

body {
    color: #13111acc;
    font-family: Inter,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    overflow-x: hidden;
    background-color: #fff;
    counter-reset: my-sec-counter;
    font-size: 18px;
    line-height: 30px
}

body.styleguide {
    background-color: #dcdfe8
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e5e7e8;
    padding: 0;
    margin: 0
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none!important
}

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

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit
}

.invisible {
    visibility: hidden
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

::-moz-selection {
    background-color: #989ffd;
    color: #fff
}

::selection {
    background-color: #989ffd;
    color: #fff
}

[type=button]:active,[type=button]:focus,[type=button]:hover,[type=color]:active,[type=color]:focus,[type=color]:hover,[type=color]:invalid,[type=date]:active,[type=date]:focus,[type=date]:hover,[type=date]:invalid,[type=datetime-local]:active,[type=datetime-local]:focus,[type=datetime-local]:hover,[type=datetime-local]:invalid,[type=datetime]:active,[type=datetime]:focus,[type=datetime]:hover,[type=datetime]:invalid,[type=email]:active,[type=email]:focus,[type=email]:hover,[type=email]:invalid,[type=month]:active,[type=month]:focus,[type=month]:hover,[type=month]:invalid,[type=number]:active,[type=number]:focus,[type=number]:hover,[type=number]:invalid,[type=password]:active,[type=password]:focus,[type=password]:hover,[type=password]:invalid,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=search]:active,[type=search]:focus,[type=search]:hover,[type=search]:invalid,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,[type=tel]:active,[type=tel]:focus,[type=tel]:hover,[type=tel]:invalid,[type=text]:active,[type=text]:focus,[type=text]:hover,[type=text]:invalid,[type=time]:active,[type=time]:focus,[type=time]:hover,[type=time]:invalid,[type=url]:active,[type=url]:focus,[type=url]:hover,[type=url]:invalid,[type=week]:active,[type=week]:focus,[type=week]:hover,[type=week]:invalid,button:active,button:focus,button:hover,input:not([type]):active,input:not([type]):focus,input:not([type]):hover,input:not([type]):invalid,textarea:active,textarea:focus,textarea:hover,textarea:invalid {
    outline: none;
    box-shadow: none
}

[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover {
    cursor: pointer
}

@media print {
    *,:after,:before {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        text-align: justify;
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

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

button {
    padding: 0;
    outline: none;
    border: none;
    display: inline-block;
    background-color: transparent
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: Public Sans,sans-serif;
    color: var(--gray-800);
    font-weight: 700
}

.h1,h1 {
    font-size: 77px;
    line-height: 88px;
    margin-bottom: 20px;
    letter-spacing: -1px
}

@media (max-width: 1400px) {
    .h1,h1 {
        font-size:70px;
        line-height: 80px
    }
}

@media (max-width: 1199px) {
    .h1,h1 {
        font-size:60px;
        line-height: 75px
    }
}

@media (max-width: 991px) {
    .h1,h1 {
        font-size:48px;
        line-height: 65px
    }
}

@media (max-width: 767px) {
    .h1,h1 {
        font-size:36px;
        line-height: 48px
    }
}

.h2,h2 {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 15px
}

@media (max-width: 991px) {
    .h2,h2 {
        font-size:40px;
        line-height: 50px
    }
}

@media (max-width: 767px) {
    .h2,h2 {
        font-size:32px;
        line-height: 40px
    }
}

.h3,h3 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .h3,h3 {
        font-size:24px;
        line-height: 34px
    }
}

.h4,h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600
}

.h4,.h5,h4,h5 {
    margin-bottom: 15px
}

.h5,h5 {
    font-size: 20px;
    line-height: 28px
}

p {
    margin-bottom: 30px
}

p:last-child {
    margin-bottom: 0
}

.f-size-10 {
    font-size: 10px!important
}

.f-size-11 {
    font-size: 11px!important
}

.f-size-12 {
    font-size: 12px!important
}

.f-size-13 {
    font-size: 13px!important
}

.f-size-14 {
    font-size: 14px!important
}

.f-size-15 {
    font-size: 15px!important
}

.f-size-16 {
    font-size: 16px!important
}

.f-size-17 {
    font-size: 17px!important
}

.f-size-18 {
    font-size: 18px!important
}

.f-size-19 {
    font-size: 19px!important
}

.f-size-20 {
    font-size: 20px!important
}

.f-size-21 {
    font-size: 21px!important
}

.f-size-22 {
    font-size: 22px!important
}

.f-size-23 {
    font-size: 23px!important
}

.f-size-24 {
    font-size: 24px!important
}

.f-size-25 {
    font-size: 25px!important
}

.f-size-26 {
    font-size: 26px!important
}

.f-size-27 {
    font-size: 27px!important
}

.f-size-28 {
    font-size: 28px!important
}

.f-size-29 {
    font-size: 29px!important
}

.f-size-30 {
    font-size: 30px!important
}

.f-size-31 {
    font-size: 31px!important
}

.f-size-32 {
    font-size: 32px!important
}

.f-size-33 {
    font-size: 33px!important
}

.f-size-34 {
    font-size: 34px!important
}

.f-size-35 {
    font-size: 35px!important
}

.f-size-36 {
    font-size: 36px!important
}

.f-size-37 {
    font-size: 37px!important
}

.f-size-38 {
    font-size: 38px!important
}

.f-size-39 {
    font-size: 39px!important
}

.f-size-40 {
    font-size: 40px!important
}

.line-height-10 {
    line-height: 10px!important
}

.line-height-11 {
    line-height: 11px!important
}

.line-height-12 {
    line-height: 12px!important
}

.line-height-13 {
    line-height: 13px!important
}

.line-height-14 {
    line-height: 14px!important
}

.line-height-15 {
    line-height: 15px!important
}

.line-height-16 {
    line-height: 16px!important
}

.line-height-17 {
    line-height: 17px!important
}

.line-height-18 {
    line-height: 18px!important
}

.line-height-19 {
    line-height: 19px!important
}

.line-height-20 {
    line-height: 20px!important
}

.line-height-21 {
    line-height: 21px!important
}

.line-height-22 {
    line-height: 22px!important
}

.line-height-23 {
    line-height: 23px!important
}

.line-height-24 {
    line-height: 24px!important
}

.line-height-25 {
    line-height: 25px!important
}

.line-height-26 {
    line-height: 26px!important
}

.line-height-27 {
    line-height: 27px!important
}

.line-height-28 {
    line-height: 28px!important
}

.line-height-29 {
    line-height: 29px!important
}

.line-height-30 {
    line-height: 30px!important
}

.line-height-31 {
    line-height: 31px!important
}

.line-height-32 {
    line-height: 32px!important
}

.line-height-33 {
    line-height: 33px!important
}

.line-height-34 {
    line-height: 34px!important
}

.line-height-35 {
    line-height: 35px!important
}

.line-height-36 {
    line-height: 36px!important
}

.line-height-37 {
    line-height: 37px!important
}

.line-height-38 {
    line-height: 38px!important
}

.line-height-39 {
    line-height: 39px!important
}

.line-height-40 {
    line-height: 40px!important
}

.font-bold {
    font-weight: 700
}

.black {
    font-weight: 900
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

a {
    text-decoration: none;
    transition: all .24s ease-in-out
}

img {
    max-width: 100%
}

.rt-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.mouse-cursor,.pointer {
    cursor: pointer
}

blockquote {
    font-weight: 400;
    position: relative;
    font-size: 20px;
    line-height: 32px;
    border-radius: 12px;
    padding: 40px 45px
}

.border-transparent {
    border-color: transparent!important
}

.bg-transsparent,.hover\:bg-transsparenthover {
    background-color: transparent!important
}

.hover-shadow\:none {
    box-shadow: none!important
}

.bgprefix-cover {
    background-size: cover
}

.bgprefix-contain,.bgprefix-cover {
    background-repeat: no-repeat;
    background-position: 50%
}

.bgprefix-contain {
    background-size: contain
}

.bgprefix-full {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.position-parent {
    z-index: 1
}

.position-parent,.position-relative {
    position: relative
}

.body-no-scrolling {
    overflow: hidden
}

.img-fit {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%,-50%);
    left: 50%;
    bottom: 0;
    right: 0;
    top: 50%;
    position: absolute;
    height: 100%;
    width: 100%
}

.rt-mb-15 {
    margin-bottom: 15px
}

.rt-mb-8 {
    margin-bottom: 8px
}

.rt-mb-2 {
    margin-bottom: 2px
}

.rt-mb-4 {
    margin-bottom: 4px
}

.rt-pt-15 {
    padding-top: 15px
}

.rt-mb-12 {
    margin-bottom: 12px
}

.rt-spacer-15 {
    height: 15px
}

.rt-mb-16 {
    margin-bottom: 16px
}

.rt-mb-25 {
    margin-bottom: 25px
}

.rt-mb-24 {
    margin-bottom: 24px
}

.rt-mb-28 {
    margin-bottom: 28px
}

.rt-mb-48 {
    margin-bottom: 48px
}

.rt-mb-32 {
    margin-bottom: 100px
}

.hr-0 {
    margin: 0;
    padding: 0
}

.text-gray {
    color: #7b878c
}

.text-gray-900 {
    color: #26242c!important
}

.bg-gray-900 {
    background-color: #26242c!important
}

.border-gray-900 {
    border-color: #26242c!important
}

.hover\:bg-gray-900:hover,.hoverbg-gray-900:hover {
    background-color: #26242c!important
}

.hover\:text-gray-900:hover {
    color: #26242c!important
}

.hover\:border-gray-900:hover {
    border-color: #26242c!important
}

.text-gray-800 {
    color: #0a1849!important
}

.bg-gray-800 {
    background-color: #0a1849!important
}

.border-gray-800 {
    border-color: #0a1849!important
}

.hover\:bg-gray-800:hover,.hoverbg-gray-800:hover {
    background-color: #0a1849!important
}

.hover\:text-gray-800:hover {
    color: #0a1849!important
}

.hover\:border-gray-800:hover {
    border-color: #0a1849!important
}

.text-gray-700 {
    color: #e1e1e1!important
}

.bg-gray-700 {
    background-color: #e1e1e1!important
}

.border-gray-700 {
    border-color: #e1e1e1!important
}

.hover\:bg-gray-700:hover,.hoverbg-gray-700:hover {
    background-color: #e1e1e1!important
}

.hover\:text-gray-700:hover {
    color: #e1e1e1!important
}

.hover\:border-gray-700:hover {
    border-color: #e1e1e1!important
}

.text-gray-10 {
    color: #fff!important
}

.bg-gray-10 {
    background-color: #fff!important
}

.border-gray-10 {
    border-color: #fff!important
}

.hover\:bg-gray-10:hover,.hoverbg-gray-10:hover {
    background-color: #fff!important
}

.hover\:text-gray-10:hover {
    color: #fff!important
}

.hover\:border-gray-10:hover {
    border-color: #fff!important
}

.text-primary-600 {
    color: #724fe5!important
}

.bg-primary-600 {
    background-color: #724fe5!important
}

.border-primary-600 {
    border-color: #724fe5!important
}

.hover\:bg-primary-600:hover,.hoverbg-primary-600:hover {
    background-color: #724fe5!important
}

.hover\:text-primary-600:hover {
    color: #724fe5!important
}

.hover\:border-primary-600:hover {
    border-color: #724fe5!important
}

.text-primary-500 {
    color: #2c04fe!important
}

.bg-primary-500 {
    background-color: #2c04fe!important
}

.border-primary-500 {
    border-color: #2c04fe!important
}

.hover\:bg-primary-500:hover,.hoverbg-primary-500:hover {
    background-color: #2c04fe!important
}

.hover\:text-primary-500:hover {
    color: #2c04fe!important
}

.hover\:border-primary-500:hover {
    border-color: #2c04fe!important
}

.text-success-500 {
    color: #32e7b1!important
}

.bg-success-500 {
    background-color: #32e7b1!important
}

.border-success-500 {
    border-color: #32e7b1!important
}

.hover\:bg-success-500:hover,.hoverbg-success-500:hover {
    background-color: #32e7b1!important
}

.hover\:text-success-500:hover {
    color: #32e7b1!important
}

.hover\:border-success-500:hover {
    border-color: #32e7b1!important
}

.text-warning-600 {
    color: #eee6d0!important
}

.bg-warning-600 {
    background-color: #eee6d0!important
}

.border-warning-600 {
    border-color: #eee6d0!important
}

.hover\:bg-warning-600:hover,.hoverbg-warning-600:hover {
    background-color: #eee6d0!important
}

.hover\:text-warning-600:hover {
    color: #eee6d0!important
}

.hover\:border-warning-600:hover {
    border-color: #eee6d0!important
}

.text-warning-500 {
    color: #ffc947!important
}

.bg-warning-500 {
    background-color: #ffc947!important
}

.border-warning-500 {
    border-color: #ffc947!important
}

.hover\:bg-warning-500:hover,.hoverbg-warning-500:hover {
    background-color: #ffc947!important
}

.hover\:text-warning-500:hover {
    color: #ffc947!important
}

.hover\:border-warning-500:hover {
    border-color: #ffc947!important
}

.text-warning-400 {
    color: #f0e9e1!important
}

.bg-warning-400 {
    background-color: #f0e9e1!important
}

.border-warning-400 {
    border-color: #f0e9e1!important
}

.hover\:bg-warning-400:hover,.hoverbg-warning-400:hover {
    background-color: #f0e9e1!important
}

.hover\:text-warning-400:hover {
    color: #f0e9e1!important
}

.hover\:border-warning-400:hover {
    border-color: #f0e9e1!important
}

.text-warning-300 {
    color: #fffdf5!important
}

.bg-warning-300 {
    background-color: #fffdf5!important
}

.border-warning-300 {
    border-color: #fffdf5!important
}

.hover\:bg-warning-300:hover,.hoverbg-warning-300:hover {
    background-color: #fffdf5!important
}

.hover\:text-warning-300:hover {
    color: #fffdf5!important
}

.hover\:border-warning-300:hover {
    border-color: #fffdf5!important
}

.text-warning-200 {
    color: #f6f2e8!important
}

.bg-warning-200 {
    background-color: #f6f2e8!important
}

.border-warning-200 {
    border-color: #f6f2e8!important
}

.hover\:bg-warning-200:hover,.hoverbg-warning-200:hover {
    background-color: #f6f2e8!important
}

.hover\:text-warning-200:hover {
    color: #f6f2e8!important
}

.hover\:border-warning-200:hover {
    border-color: #f6f2e8!important
}

.text-warning-100 {
    color: #fffcf2!important
}

.bg-warning-100 {
    background-color: #fffcf2!important
}

.border-warning-100 {
    border-color: #fffcf2!important
}

.hover\:bg-warning-100:hover,.hoverbg-warning-100:hover {
    background-color: #fffcf2!important
}

.hover\:text-warning-100:hover {
    color: #fffcf2!important
}

.hover\:border-warning-100:hover {
    border-color: #fffcf2!important
}

.text-danger-500 {
    color: #ff6b55!important
}

.bg-danger-500 {
    background-color: #ff6b55!important
}

.border-danger-500 {
    border-color: #ff6b55!important
}

.hover\:bg-danger-500:hover,.hoverbg-danger-500:hover {
    background-color: #ff6b55!important
}

.hover\:text-danger-500:hover {
    color: #ff6b55!important
}

.hover\:border-danger-500:hover {
    border-color: #ff6b55!important
}

.hover\:border-transparent {
    border-color: transparent!important
}

.rt-mr-0 {
    margin-right: 0!important
}

.rt-ml-0 {
    margin-left: 0!important
}

.rt-rounded-0 {
    border-radius: 0!important
}

.rt-mr-1 {
    margin-right: 1px!important
}

.rt-ml-1 {
    margin-left: 1px!important
}

.rt-rounded-1 {
    border-radius: 1px!important
}

.rt-mr-2 {
    margin-right: 2px!important
}

.rt-ml-2 {
    margin-left: 2px!important
}

.rt-rounded-2 {
    border-radius: 2px!important
}

.rt-mr-3 {
    margin-right: 3px!important
}

.rt-ml-3 {
    margin-left: 3px!important
}

.rt-rounded-3 {
    border-radius: 3px!important
}

.rt-mr-4 {
    margin-right: 4px!important
}

.rt-ml-4 {
    margin-left: 4px!important
}

.rt-rounded-4 {
    border-radius: 4px!important
}

.rt-mr-5 {
    margin-right: 5px!important
}

.rt-ml-5 {
    margin-left: 5px!important
}

.rt-rounded-5 {
    border-radius: 5px!important
}

.rt-mr-6 {
    margin-right: 6px!important
}

.rt-ml-6 {
    margin-left: 6px!important
}

.rt-rounded-6 {
    border-radius: 6px!important
}

.rt-mr-7 {
    margin-right: 7px!important
}

.rt-ml-7 {
    margin-left: 7px!important
}

.rt-rounded-7 {
    border-radius: 7px!important
}

.rt-mr-8 {
    margin-right: 8px!important
}

.rt-ml-8 {
    margin-left: 8px!important
}

.rt-rounded-8 {
    border-radius: 8px!important
}

.rt-mr-9 {
    margin-right: 9px!important
}

.rt-ml-9 {
    margin-left: 9px!important
}

.rt-rounded-9 {
    border-radius: 9px!important
}

.rt-mr-10 {
    margin-right: 10px!important
}

.rt-ml-10 {
    margin-left: 10px!important
}

.rt-rounded-10 {
    border-radius: 10px!important
}

.rt-mr-11 {
    margin-right: 11px!important
}

.rt-ml-11 {
    margin-left: 11px!important
}

.rt-rounded-11 {
    border-radius: 11px!important
}

.rt-mr-12 {
    margin-right: 12px!important
}

.rt-ml-12 {
    margin-left: 12px!important
}

.rt-rounded-12 {
    border-radius: 12px!important
}

.rt-mr-13 {
    margin-right: 13px!important
}

.rt-ml-13 {
    margin-left: 13px!important
}

.rt-rounded-13 {
    border-radius: 13px!important
}

.rt-mr-14 {
    margin-right: 14px!important
}

.rt-ml-14 {
    margin-left: 14px!important
}

.rt-rounded-14 {
    border-radius: 14px!important
}

.rt-mr-15 {
    margin-right: 15px!important
}

.rt-ml-15 {
    margin-left: 15px!important
}

.rt-rounded-15 {
    border-radius: 15px!important
}

.rt-mr-16 {
    margin-right: 16px!important
}

.rt-ml-16 {
    margin-left: 16px!important
}

.rt-rounded-16 {
    border-radius: 16px!important
}

.rt-mr-17 {
    margin-right: 17px!important
}

.rt-ml-17 {
    margin-left: 17px!important
}

.rt-rounded-17 {
    border-radius: 17px!important
}

.rt-mr-18 {
    margin-right: 18px!important
}

.rt-ml-18 {
    margin-left: 18px!important
}

.rt-rounded-18 {
    border-radius: 18px!important
}

.rt-mr-19 {
    margin-right: 19px!important
}

.rt-ml-19 {
    margin-left: 19px!important
}

.rt-rounded-19 {
    border-radius: 19px!important
}

.rt-mr-20 {
    margin-right: 20px!important
}

.rt-ml-20 {
    margin-left: 20px!important
}

.rt-rounded-20 {
    border-radius: 20px!important
}

.rt-mr-21 {
    margin-right: 21px!important
}

.rt-ml-21 {
    margin-left: 21px!important
}

.rt-rounded-21 {
    border-radius: 21px!important
}

.rt-mr-22 {
    margin-right: 22px!important
}

.rt-ml-22 {
    margin-left: 22px!important
}

.rt-rounded-22 {
    border-radius: 22px!important
}

.rt-mr-23 {
    margin-right: 23px!important
}

.rt-ml-23 {
    margin-left: 23px!important
}

.rt-rounded-23 {
    border-radius: 23px!important
}

.rt-mr-24 {
    margin-right: 24px!important
}

.rt-ml-24 {
    margin-left: 24px!important
}

.rt-rounded-24 {
    border-radius: 24px!important
}

.rt-mr-25 {
    margin-right: 25px!important
}

.rt-ml-25 {
    margin-left: 25px!important
}

.rt-rounded-25 {
    border-radius: 25px!important
}

.rt-mr-26 {
    margin-right: 26px!important
}

.rt-ml-26 {
    margin-left: 26px!important
}

.rt-rounded-26 {
    border-radius: 26px!important
}

.rt-mr-27 {
    margin-right: 27px!important
}

.rt-ml-27 {
    margin-left: 27px!important
}

.rt-rounded-27 {
    border-radius: 27px!important
}

.rt-mr-28 {
    margin-right: 28px!important
}

.rt-ml-28 {
    margin-left: 28px!important
}

.rt-rounded-28 {
    border-radius: 28px!important
}

.rt-mr-29 {
    margin-right: 29px!important
}

.rt-ml-29 {
    margin-left: 29px!important
}

.rt-rounded-29 {
    border-radius: 29px!important
}

.rt-mr-30 {
    margin-right: 30px!important
}

.rt-ml-30 {
    margin-left: 30px!important
}

.rt-rounded-30 {
    border-radius: 30px!important
}

.rt-mb-0 {
    margin-bottom: 0
}

.rt-pt-0 {
    padding-top: 0
}

.rt-spacer-0 {
    height: 0
}

.rt-mb-10 {
    margin-bottom: 10px
}

.rt-pt-10 {
    padding-top: 10px
}

.rt-spacer-10 {
    height: 10px
}

.rt-mb-20 {
    margin-bottom: 20px
}

.rt-pt-20 {
    padding-top: 20px
}

.rt-spacer-20 {
    height: 20px
}

.rt-mb-30 {
    margin-bottom: 30px
}

.rt-pt-30 {
    padding-top: 30px
}

.rt-spacer-30 {
    height: 30px
}

.rt-mb-40 {
    margin-bottom: 40px
}

.rt-pt-40 {
    padding-top: 40px
}

.rt-spacer-40 {
    height: 40px
}

.rt-mb-50 {
    margin-bottom: 50px
}

.rt-pt-50 {
    padding-top: 50px
}

.rt-spacer-50 {
    height: 50px
}

.rt-mb-60 {
    margin-bottom: 60px
}

.rt-pt-60 {
    padding-top: 60px
}

.rt-spacer-60 {
    height: 60px
}

.rt-mb-70 {
    margin-bottom: 70px
}

.rt-pt-70 {
    padding-top: 70px
}

.rt-spacer-70 {
    height: 70px
}

.rt-mb-80 {
    margin-bottom: 80px
}

.rt-pt-80 {
    padding-top: 80px
}

.rt-spacer-80 {
    height: 80px
}

.rt-mb-90 {
    margin-bottom: 90px
}

.rt-pt-90 {
    padding-top: 90px
}

.rt-spacer-90 {
    height: 90px
}

.rt-mb-100 {
    margin-bottom: 100px
}

.rt-pt-100 {
    padding-top: 100px
}

.rt-spacer-100 {
    height: 100px
}

@media (max-width: 1199.98px) {
    .rt-mb-lg-0 {
        margin-bottom:0
    }

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

    .rt-spacer-lg-0 {
        height: 0
    }

    .rt-mb-lg-10 {
        margin-bottom: 10px
    }

    .rt-pt-lg-10 {
        padding-top: 10px
    }

    .rt-spacer-lg-10 {
        height: 10px
    }

    .rt-mb-lg-20 {
        margin-bottom: 20px
    }

    .rt-pt-lg-20 {
        padding-top: 20px
    }

    .rt-spacer-lg-20 {
        height: 20px
    }

    .rt-mb-lg-30 {
        margin-bottom: 30px
    }

    .rt-pt-lg-30 {
        padding-top: 30px
    }

    .rt-spacer-lg-30 {
        height: 30px
    }

    .rt-mb-lg-40 {
        margin-bottom: 40px
    }

    .rt-pt-lg-40 {
        padding-top: 40px
    }

    .rt-spacer-lg-40 {
        height: 40px
    }

    .rt-mb-lg-50 {
        margin-bottom: 50px
    }

    .rt-pt-lg-50 {
        padding-top: 50px
    }

    .rt-spacer-lg-50 {
        height: 50px
    }

    .rt-mb-lg-60 {
        margin-bottom: 60px
    }

    .rt-pt-lg-60 {
        padding-top: 60px
    }

    .rt-spacer-lg-60 {
        height: 60px
    }

    .rt-mb-lg-70 {
        margin-bottom: 70px
    }

    .rt-pt-lg-70 {
        padding-top: 70px
    }

    .rt-spacer-lg-70 {
        height: 70px
    }

    .rt-mb-lg-80 {
        margin-bottom: 80px
    }

    .rt-pt-lg-80 {
        padding-top: 80px
    }

    .rt-spacer-lg-80 {
        height: 80px
    }

    .rt-mb-lg-90 {
        margin-bottom: 90px
    }

    .rt-pt-lg-90 {
        padding-top: 90px
    }

    .rt-spacer-lg-90 {
        height: 90px
    }

    .rt-mb-lg-100 {
        margin-bottom: 100px
    }

    .rt-pt-lg-100 {
        padding-top: 100px
    }

    .rt-spacer-lg-100 {
        height: 100px
    }
}

@media (max-width: 991.98px) {
    .rt-mb-md-0 {
        margin-bottom:0
    }

    .rt-pt-md-0 {
        padding-top: 0
    }

    .rt-spacer-md-0 {
        height: 0
    }

    .rt-mb-md-10 {
        margin-bottom: 10px
    }

    .rt-pt-md-10 {
        padding-top: 10px
    }

    .rt-spacer-md-10 {
        height: 10px
    }

    .rt-mb-md-20 {
        margin-bottom: 20px
    }

    .rt-pt-md-20 {
        padding-top: 20px
    }

    .rt-spacer-md-20 {
        height: 20px
    }

    .rt-mb-md-30 {
        margin-bottom: 30px
    }

    .rt-pt-md-30 {
        padding-top: 30px
    }

    .rt-spacer-md-30 {
        height: 30px
    }

    .rt-mb-md-40 {
        margin-bottom: 40px
    }

    .rt-pt-md-40 {
        padding-top: 40px
    }

    .rt-spacer-md-40 {
        height: 40px
    }

    .rt-mb-md-50 {
        margin-bottom: 50px
    }

    .rt-pt-md-50 {
        padding-top: 50px
    }

    .rt-spacer-md-50 {
        height: 50px
    }

    .rt-mb-md-60 {
        margin-bottom: 60px
    }

    .rt-pt-md-60 {
        padding-top: 60px
    }

    .rt-spacer-md-60 {
        height: 60px
    }

    .rt-mb-md-70 {
        margin-bottom: 70px
    }

    .rt-pt-md-70 {
        padding-top: 70px
    }

    .rt-spacer-md-70 {
        height: 70px
    }

    .rt-mb-md-80 {
        margin-bottom: 80px
    }

    .rt-pt-md-80 {
        padding-top: 80px
    }

    .rt-spacer-md-80 {
        height: 80px
    }

    .rt-mb-md-90 {
        margin-bottom: 90px
    }

    .rt-pt-md-90 {
        padding-top: 90px
    }

    .rt-spacer-md-90 {
        height: 90px
    }

    .rt-mb-md-100 {
        margin-bottom: 100px
    }

    .rt-pt-md-100 {
        padding-top: 100px
    }

    .rt-spacer-md-100 {
        height: 100px
    }
}

@media (max-width: 767.98px) {
    .rt-mb-xs-0 {
        margin-bottom:0
    }

    .rt-pt-xs-0 {
        padding-top: 0
    }

    .rt-spacer-xs-0 {
        height: 0
    }

    .rt-mb-xs-10 {
        margin-bottom: 10px
    }

    .rt-pt-xs-10 {
        padding-top: 10px
    }

    .rt-spacer-xs-10 {
        height: 10px
    }

    .rt-mb-xs-20 {
        margin-bottom: 20px
    }

    .rt-pt-xs-20 {
        padding-top: 20px
    }

    .rt-spacer-xs-20 {
        height: 20px
    }

    .rt-mb-xs-30 {
        margin-bottom: 30px
    }

    .rt-pt-xs-30 {
        padding-top: 30px
    }

    .rt-spacer-xs-30 {
        height: 30px
    }

    .rt-mb-xs-40 {
        margin-bottom: 40px
    }

    .rt-pt-xs-40 {
        padding-top: 40px
    }

    .rt-spacer-xs-40 {
        height: 40px
    }

    .rt-mb-xs-50 {
        margin-bottom: 50px
    }

    .rt-pt-xs-50 {
        padding-top: 50px
    }

    .rt-spacer-xs-50 {
        height: 50px
    }

    .rt-mb-xs-60 {
        margin-bottom: 60px
    }

    .rt-pt-xs-60 {
        padding-top: 60px
    }

    .rt-spacer-xs-60 {
        height: 60px
    }

    .rt-mb-xs-70 {
        margin-bottom: 70px
    }

    .rt-pt-xs-70 {
        padding-top: 70px
    }

    .rt-spacer-xs-70 {
        height: 70px
    }

    .rt-mb-xs-80 {
        margin-bottom: 80px
    }

    .rt-pt-xs-80 {
        padding-top: 80px
    }

    .rt-spacer-xs-80 {
        height: 80px
    }

    .rt-mb-xs-90 {
        margin-bottom: 90px
    }

    .rt-pt-xs-90 {
        padding-top: 90px
    }

    .rt-spacer-xs-90 {
        height: 90px
    }

    .rt-mb-xs-100 {
        margin-bottom: 100px
    }

    .rt-pt-xs-100 {
        padding-top: 100px
    }

    .rt-spacer-xs-100 {
        height: 100px
    }
}

.pointer {
    cursor: pointer
}

.text-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slick-bullet .slick-dots li button:before {
    display: none!important
}

.slick-bullet .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none
}

.slick-bullet .slick-dots li {
    position: relative;
    z-index: 1;
    width: 10px;
    display: inline-block;
    height: 10px
}

.slick-bullet .slick-dots li button {
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.slick-bullet.deafult_style_dot .slick-dots li button {
    overflow: hidden;
    transition: background .3s ease
}

.slick-bullet.deafult_style_dot .slick-dots li.slick-active {
    width: 24px
}

.slick-bullet.deafult_style_dot .slick-dots li.slick-active button {
    border-radius: 32px
}

.slick-bullet.dotstyle-fillup .slick-dots li button {
    overflow: hidden;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #fff;
    transition: background .3s ease
}

.slick-bullet.dotstyle-fillup .slick-dots li button:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    transition: height .3s ease;
    border-radius: 50%
}

.slick-bullet.dotstyle-fillup .slick-dots li.slick-active button:after {
    height: 100%
}

.slick-bullet.dotstyle-scaleup .slick-dots li button {
    overflow: hidden;
    background-color: #ffffff4d;
    transition: all .3s ease
}

.slick-bullet.dotstyle-scaleup .slick-dots li.slick-active button {
    transform: scale(1.2);
    background-color: #fff
}

.slick-bullet.dotstyle-stroke .slick-dots li button {
    transition: box-shadow .3s ease,background-color .3s ease;
    box-shadow: 0 0 0 2px #fff0
}

.slick-bullet.dotstyle-stroke .slick-dots li.slick-active button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #fff
}

.slick-bullet.dotstyle-fillin .slick-dots li button {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #fff;
    transition: box-shadow .3s ease
}

.slick-bullet.dotstyle-fillin .slick-dots li.slick-active button {
    box-shadow: inset 0 0 0 8px #fff
}

.slick-bullet.dotstyle-dotstroke .slick-dots li {
    box-shadow: 0 0 0 2px #fff;
    border-radius: 50%;
    transition: all .3s ease
}

.slick-bullet.dotstyle-dotstroke .slick-dots li button {
    transform: scale(.4);
    background-color: #fff;
    transition: all .3s ease
}

.slick-bullet.dotstyle-dotstroke .slick-dots li.slick-active button {
    transform: scale(1)
}

.slick-bullet.dotstyle-dotstroke2 .slick-dots li {
    box-shadow: 0 0 0 2px #fff0;
    border-radius: 50%;
    transition: all .3s ease
}

.slick-bullet.dotstyle-dotstroke2 .slick-dots li button {
    background-color: #fff;
    transition: all .3s ease
}

.slick-bullet.dotstyle-dotstroke2 .slick-dots li.slick-active {
    box-shadow: 0 0 0 2px #fff
}

.slick-bullet.dotstyle-dotstroke2 .slick-dots li.slick-active button {
    transform: scale(.4)
}

#scrollUp {
    right: 30px;
    bottom: 30px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    line-height: 55px;
    text-align: center
}

.modal-header {
    padding: 20px 24px
}

.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6 {
    margin-bottom: 0
}

.modal-content {
    border-radius: 16px
}

.modal-body {
    padding: 24px
}

.bg-warning-400 {
    background-color: var(--warning-400)
}

.bg-warning-300 {
    background-color: var(--warning-300)
}

.bg-warning-200 {
    background-color: var(--warning-200)
}

.bg-warning-100 {
    background-color: var(--warning-100)
}

.bg-gray-800 {
    background-color: var(--gray-800)
}

.z-index {
    z-index: 3;
    position: relative
}

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

header.fugu-header-section {
    position: fixed;
    z-index: 9;
    width: 100%;
    top: 0;
    padding: 13px 0;
    transition: all .4s
}

header.fugu-header-section.sticky-menu {
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 0 4px 80px #0000000f
}

.nexto-header-two .site-menu-main .nav-link-item,.site-menu-main .nav-link-item {
    color: var(--gray-800)
}

.nexto-header-two.site-header .mobile-menu-trigger span,.nexto-header-two.site-header .mobile-menu-trigger span:after,.nexto-header-two.site-header .mobile-menu-trigger span:before {
    background-color: var(--gray-800)
}

header.nexto-header-section.nexto-header-two.sticky-menu {
    background-color: var(--gray-10);
    box-shadow: 0 8px 80px #13111a0f
}

header.fugu--header-section {
    position: fixed;
    z-index: 9;
    width: 100%;
    top: 0;
    padding: 13px 0;
    transition: all .4s
}

header.fugu--header-section.fugu--header-three {
    background-color: var(--gray-800);
    z-index: 10000
}

header.fugu--header-section.fugu--header-three .site-menu-main .nav-link-item {
    color: var(--gray-10)
}

header.fugu--header-section.sticky-menu {
    padding: 10px 0;
    background-color: var(--gray-800)
}

.fugu--header-two .site-menu-main .nav-link-item {
    color: var(--gray-800)
}

.fugu--header-two.site-header .mobile-menu-trigger span,.fugu--header-two.site-header .mobile-menu-trigger span:after,.fugu--header-two.site-header .mobile-menu-trigger span:before {
    background-color: var(--gray-800)
}

header.fugu--header-section.fugu--header-two.sticky-menu {
    background-color: var(--gray-10);
    box-shadow: 0 8px 80px #13111a0f
}

.fugu--header-three .site-navbar .menu-block-wrapper,.fugu--header-two .site-navbar .menu-block-wrapper {
    justify-content: center
}

.fugu--header-three.site-header .mobile-menu-trigger span,.fugu--header-three.site-header .mobile-menu-trigger span:after,.fugu--header-three.site-header .mobile-menu-trigger span:before {
    background-color: #fff
}

footer.fugu-footer-section {
    background-color: var(--gray-800);
    padding: 100px 0 95px
}

@media (max-width: 991px) {
    footer.fugu-footer-section {
        padding:80px 0
    }
}

@media (max-width: 767px) {
    footer.fugu-footer-section {
        padding:60px 0
    }
}

@media (max-width: 991px) {
    .fugu-textarea {
        margin-bottom:50px;
        max-width: 500px
    }
}

.fugu-textarea .fugu-footer-logo {
    margin-bottom: 30px
}

.fugu-textarea p {
    color: #fff;
    opacity: .6
}

.fugu-textarea .fugu-copywright {
    font-size: 16px;
    margin-top: 55px
}

@media (max-width: 991px) {
    .fugu-textarea .fugu-copywright {
        margin-top:25px
    }
}

.fugu-footer-menu.fugu-custom-margin {
    margin-left: 60px
}

@media (max-width: 991px) {
    .fugu-footer-menu.fugu-custom-margin {
        margin:0 0 40px
    }
}

@media (max-width: 575px) {
    .fugu-footer-menu {
        margin-bottom:40px
    }
}

.fugu-footer-menu span {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 25px;
    display: block;
    color: var(--gray-10);
    opacity: .6
}

@media (max-width: 575px) {
    .fugu-footer-menu span {
        margin-bottom:20px
    }
}

.fugu-footer-menu ul li {
    margin-bottom: 10px
}

.fugu-footer-menu ul li:last-child {
    margin-bottom: 0
}

.fugu-footer-menu ul li a {
    font-size: 18px;
    color: var(--gray-10);
    transition: all .4s
}

.fugu-footer-menu ul li a:hover {
    opacity: 1;
    padding-left: 10px;
    color: var(--warning-500)
}

footer.fugu-foote2-section {
    background-color: var(--gray-800)
}

footer.fugu-foote2-section .fugu-footer-top {
    padding: 110px 0;
    border: none
}

@media (max-width: 991px) {
    footer.fugu-foote2-section .fugu-footer-top {
        padding:90px 0
    }
}

@media (max-width: 767px) {
    footer.fugu-foote2-section .fugu-footer-top {
        padding:70px 0
    }
}

footer.fugu-foote2-section .fugu-default-content {
    max-width: 720px;
    text-align: center;
    margin: 0 auto;
    position: relative
}

footer.fugu-foote2-section .fugu-default-content h2,footer.fugu-foote2-section .fugu-default-content p {
    color: var(--gray-10)
}

footer.fugu-foote2-section .fugu-default-content p {
    opacity: .8;
    padding: 0 30px
}

footer.fugu-foote2-section .fugu-default-content .fugu-app-btn-wrap {
    margin: 55px 0 0
}

@media (max-width: 991px) {
    footer.fugu-foote2-section .fugu-default-content .fugu-app-btn-wrap {
        margin-top:30px 0 0
    }
}

.fugu-footer-middle {
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

@media (max-width: 991px) {
    .fugu-footer-middle .fugu-footer-logo {
        text-align:center;
        margin-bottom: 25px
    }
}

.fugu-footer-middle .fugu-social-icon2 {
    text-align: right
}

@media (max-width: 991px) {
    .fugu-footer-middle .fugu-social-icon2 {
        text-align:center
    }

    .fugu-footer-menu2 {
        text-align: center;
        margin-bottom: 15px
    }
}

.fugu-footer-menu2 ul li {
    margin: 0 15px 10px;
    display: inline-block
}

.fugu-footer-menu2 ul li:first-child {
    margin-left: 0
}

.fugu-footer-menu2 ul li:last-child {
    margin-right: 0
}

.fugu-footer-menu2 ul li a {
    font-weight: 600;
    color: var(--gray-10);
    transition: all .4s
}

.fugu-footer-menu2 ul li a:hover {
    color: var(--success-500)
}

.fugu-email {
    font-weight: 600;
    color: var(--gray-10);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.fugu-email img {
    margin-right: 10px
}

@media (max-width: 991px) {
    .fugu-email {
        justify-content:center
    }
}

.fugu-footer-bottom {
    padding: 35px 0
}

@media (max-width: 767px) {
    .fugu-footer-bottom {
        text-align:center
    }
}

.fugu-footer-bottom p {
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin: 0 40px 0 0
}

@media (max-width: 767px) {
    .fugu-footer-bottom p {
        margin:0 0 20px
    }
}

.fugu-footer-bottom .fugu-footer-menu {
    text-align: right
}

@media (max-width: 767px) {
    .fugu-footer-bottom .fugu-footer-menu {
        text-align:center
    }
}

@media (max-width: 575px) {
    .fugu-footer-bottom .fugu-footer-menu {
        margin-bottom:0
    }
}

.fugu-footer-bottom .fugu-footer-menu ul li {
    padding-right: 20px;
    display: inline-block;
    position: relative;
    opacity: .6;
    margin: 0
}

.fugu-footer-bottom .fugu-footer-menu ul li:after {
    content: " ";
    top: 10px;
    right: 5px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    position: absolute;
    background: #fff;
    opacity: .8
}

.fugu-footer-bottom .fugu-footer-menu ul li:last-child {
    padding-right: 0
}

.fugu-footer-bottom .fugu-footer-menu ul li:last-child:after {
    content: none
}

.fugu-footer-bottom .fugu-footer-menu ul li a {
    font-size: 16px
}

.fugu-footer-bottom .fugu-footer-menu ul li a:hover {
    padding: 0
}

footer.fugu--footer-section {
    background-color: var(--gray-800)
}

.fugu--footer-top {
    padding: 120px 0 60px;
    border-bottom: 1px solid var(--gray-900)
}

@media (max-width: 991px) {
    .fugu--footer-top {
        padding:100px 0 30px
    }
}

@media (max-width: 767px) {
    .fugu--footer-top {
        padding:80px 0 15px
    }
}

@media (max-width: 575px) {
    .fugu--footer-top {
        padding:80px 0 0
    }
}

@media (max-width: 991px) {
    .fugu--textarea {
        margin-bottom:30px;
        max-width: 500px
    }
}

.fugu--textarea .fugu--footer-logo {
    margin-bottom: 30px
}

.fugu--textarea p {
    color: #fff;
    opacity: .6
}

@media (max-width: 575px) {
    .fugu--footer-menu {
        margin-bottom:40px
    }
}

.fugu--footer-menu span {
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 30px;
    display: block;
    color: #fff
}

@media (max-width: 575px) {
    .fugu--footer-menu span {
        margin-bottom:20px
    }
}

.fugu--footer-menu ul li {
    margin-bottom: 6px
}

.fugu--footer-menu ul li:last-child {
    margin-bottom: 0
}

.fugu--footer-menu ul li a {
    font-size: 18px;
    opacity: .6;
    color: var(--gray-10);
    transition: all .4s
}

.fugu--footer-menu ul li a:hover {
    opacity: 1;
    padding-left: 10px
}

.fugu--footer-bottom {
    display: flex;
    justify-content: center;
    padding: 25px 0;
    background: #1e1e1e;
    font-size: 15px
}

@media (max-width: 767px) {
    .fugu--footer-bottom {
        display:block;
        text-align: center
    }
}

@media (max-width: 575px) {
    .fugu--footer-bottom {
        display:block;
        text-align: center;
        padding: 10px 0 35px
    }
}

.fugu--footer-bottom p {
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin: 0 40px 0 0
}

@media (max-width: 767px) {
    .fugu--footer-bottom p {
        margin:0 0 20px
    }
}

@media (max-width: 575px) {
    .fugu--footer-bottom .fugu--footer-menu {
        margin-bottom:0
    }
}

.fugu--footer-bottom .fugu--footer-menu ul li {
    padding-right: 20px;
    display: inline-block;
    position: relative
}

.fugu--footer-bottom .fugu--footer-menu ul li:last-child:after {
    content: none
}

.fugu--footer-bottom .fugu--footer-menu ul li a {
    font-size: 16px
}

.fugu--footer-bottom .fugu--footer-menu ul li a:hover {
    padding: 0
}

footer.fugu--foote2-section {
    background-size: cover;
    background-position: 50%
}

footer.fugu--foote2-section .fugu--footer-top {
    padding: 120px 0;
    border: none
}

@media (max-width: 991px) {
    footer.fugu--foote2-section .fugu--footer-top {
        padding:70px 0
    }
}

@media (max-width: 767px) {
    footer.fugu--foote2-section .fugu--footer-top {
        padding:50px 0
    }
}

footer.fugu--foote2-section .fugu--default-content {
    max-width: 590px;
    text-align: center;
    margin: 0 auto;
    position: relative
}

.fugu--star {
    position: absolute;
    top: -12px;
    right: -40px;
    animation: float 3s ease-in-out infinite
}

@media (max-width: 767px) {
    .fugu--star {
        display:none
    }
}

.fugu--footer-middle {
    padding-bottom: 35px;
    border-bottom: 1px solid var(--gray-800)
}

@media (max-width: 991px) {
    .fugu--footer-middle .fugu--footer-logo {
        text-align:center;
        margin-bottom: 25px
    }
}

.fugu--footer-middle .fugu--social-icon2 {
    text-align: right
}

@media (max-width: 991px) {
    .fugu--footer-middle .fugu--social-icon2 {
        text-align:center
    }
}

.fugu--footer-menu2 {
    text-align: center
}

.fugu--footer-menu2 ul li {
    margin: 0 15px;
    display: inline-block
}

.fugu--footer-menu2 ul li:first-child {
    margin-left: 0
}

.fugu--footer-menu2 ul li:last-child {
    margin-right: 0
}

.fugu--footer-menu2 ul li a {
    font-weight: 600;
    color: var(--gray-800);
    transition: all .4s
}

.fugu--footer-menu2 ul li a:hover {
    color: var(--danger-500)
}

.fugu--footer-bottom.fugu--footer-bottom2 {
    display: block
}

@media (max-width: 991px) {
    .fugu--footer-bottom.fugu--footer-bottom2 {
        text-align:center
    }
}

.fugu--footer-bottom.fugu--footer-bottom2 p {
    color: var(--gray-800);
    margin: 0
}

.fugu--footer-bottom.fugu--footer-bottom2 .fugu--footer-menu {
    text-align: right
}

@media (max-width: 991px) {
    .fugu--footer-bottom.fugu--footer-bottom2 .fugu--footer-menu {
        text-align:center;
        margin-top: 15px
    }
}

.fugu--footer-bottom.fugu--footer-bottom2 .fugu--footer-menu ul li a {
    color: var(--gray-800)
}

.fugu--footer-bottom3 {
    display: block
}

.fugu--footer-bottom3 p {
    margin: 0
}

@media (max-width: 991px) {
    .fugu--footer-bottom3 p {
        text-align:center
    }
}

.fugu--footer-bottom3 .fugu--footer-menu {
    text-align: right
}

@media (max-width: 991px) {
    .fugu--footer-bottom3 .fugu--footer-menu {
        text-align:center;
        margin-top: 15px
    }
}

.fugu--info ul li {
    padding-left: 32px;
    position: relative;
    margin-bottom: 18px
}

.fugu--info ul li:last-child {
    margin-bottom: 0
}

.fugu--info ul li a {
    font-size: 16px;
    color: #fff9
}

.fugu--info ul li a img {
    left: 0;
    top: 6px;
    position: absolute
}

footer.fugo--footer-section.white-version {
    background-color: #fff
}

footer.fugo--footer-section.white-version .fugo--footer-bottom p,footer.fugo--footer-section.white-version .fugo--footer-menu span,footer.fugo--footer-section.white-version .fugo--footer-menu ul li a,footer.fugo--footer-section.white-version .fugo--textarea p {
    color: #0a1849
}

.fugu-btn {
    font-size: 16px;
    line-height: 24px;
    border-radius: 3px;
    padding: 20px 55px;
    font-weight: 700;
    font-family: Inter,sans-serif;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    text-align: center;
    transition: all .4s ease-in-out;
    overflow: hidden;
    color: var(--gray-800);
    background-color: var(--warning-500)
}

.fugu-btn:hover {
    color: var(--gray-10);
    background-color: var(--gray-800)
}

.fugu-btn.fugu-header-btn {
    padding: 11px 33px;
    margin-left: 40px;
    background-color: transparent;
    border: 2px solid var(--gray-800)
}

.fugu-btn.fugu-header-btn:hover {
    color: var(--gray-10);
    background-color: var(--gray-800)
}

.fugu-btn.fugu-header-btn.fugu-header-btn2 {
    border-radius: 100px;
    border: 2px solid var(--success-500);
    background-color: var(--success-500)
}

.fugu-btn.fugu-header-btn.fugu-header-btn2:hover {
    border: 2px solid var(--gray-800);
    background-color: var(--gray-800)
}

.fugu-btn.fugu-round-btn {
    width: 200px;
    padding: 18px;
    border-radius: 100px;
    background-color: transparent;
    border: 2px solid var(--gray-800)
}

.fugu-btn.fugu-round-btn:hover {
    background-color: var(--gray-800)
}

.fugu-btn.fugu-round-btn.active {
    border: 2px solid var(--success-500);
    background-color: var(--success-500)
}

.fugu-btn.fugu-round-btn.active:hover {
    color: var(--gray-10);
    background-color: var(--gray-800);
    border: 2px solid var(--gray-800)
}

.fugu-btn.small-btn {
    border-radius: 10px;
    padding: 15.5px 41px
}

.fugu-btn.disabled,.fugu-btn:disabled {
    opacity: 1
}

.fugu-btn.d-block {
    width: 100%
}

.fugu-btn.pill {
    border-radius: 999px
}

.fugu-btn.btn-icon {
    padding: 9px 24px
}

.fugu-btn:focus {
    box-shadow: none
}

.fugu--outline-btn {
    padding: 2px;
    border-radius: 10px;
    display: inline-block;
    color: var(--gray-10);
    background: linear-gradient(90deg,#ffe715,#e715ff,#15ffe7)
}

.fugu--outline-btn span {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 15.5px 38px;
    border-radius: 10px;
    background-color: var(--gray-800);
    transition: all .4s
}

.fugu--outline-btn:hover span {
    background-color: transparent
}

.fugu--outline-btn:hover {
    color: var(--gray-10)
}

.fugu--btn {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: Inter,sans-serif;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    min-width: 180px;
    text-align: center;
    transition: all .4s ease-in-out;
    overflow: hidden;
    border-radius: 10px;
    padding: 15.5px 36px
}

.fugu--btn.active:before {
    opacity: 1
}

.fugu--btn.active:hover:before {
    width: 200%
}

.fugu--btn.fugu--menu-btn1 {
    color: #fff;
    padding: 10.5px 31px;
    background-size: 200% auto!important;
    background: linear-gradient(90deg,#ffe715 0,#e715ff 30.35%,#15ffe7)
}

.fugu--btn.fugu--menu-btn1:hover {
    background-position: 100%
}

.fugu--btn.fugu--menu-btn2,.fugu--btn.fugu--menu-btn3 {
    padding: 10.5px 30px;
    border-radius: 3px;
    font-weight: 700;
    z-index: 0;
    color: var(--gray-800);
    background-color: var(--danger-500)
}

.fugu--btn.fugu--menu-btn2:before,.fugu--btn.fugu--menu-btn3:before {
    content: none
}

.fugu--btn.fugu--menu-btn2:hover,.fugu--btn.fugu--menu-btn3:hover {
    color: var(--gray-10);
    box-shadow: 5px 5px 0 0 var(--gray-800)
}

.fugu--btn.fugu--menu-btn3 {
    border-radius: 0;
    color: var(--gray-10);
    background-color: var(--primary-500)
}

.fugu--btn.fugu--menu-btn3:hover {
    color: var(--gray-10);
    box-shadow: 5px 5px 0 0 var(--gray-10)
}

.fugu--btn.bg-gray {
    color: var(--gray-10);
    background-color: var(--gray-900)
}

.fugu--btn.bg-white {
    color: var(--gray-800);
    background-color: var(--gray-10)
}

.fugu--btn.bg-orange {
    border-radius: 3px;
    color: var(--gray-800);
    background-color: var(--danger-500)
}

.fugu--btn.bg-orange:hover {
    color: var(--gray-10);
    box-shadow: 5px 5px 0 0 var(--gray-800)
}

.fugu--btn.bg-orange:before {
    content: none
}

.fugu--btn.bg-blue {
    color: var(--gray-10);
    border-radius: 3px;
    background-color: var(--primary-500)
}

.fugu--btn.bg-blue:before {
    content: none
}

.fugu--btn.bg-blue:hover {
    box-shadow: 5px 5px 0 0 var(--gray-10)
}

.fugu--btn.bg-gradient {
    color: var(--gray-10)
}

.fugu--btn.bg-gradient:before {
    opacity: 1
}

.fugu--btn.bg-gradient:hover:before {
    width: 200%
}

.fugu--btn.disabled,.fugu--btn:disabled {
    opacity: 1
}

.fugu--btn.btn-sm {
    font-size: 14px;
    padding: 8px 23px
}

.fugu--btn.d-block {
    width: 100%
}

.fugu--btn.pill {
    border-radius: 999px
}

.fugu--btn.btn-icon {
    padding: 9px 24px
}

.fugu--btn:focus {
    box-shadow: none
}

.fugu--btn.no-padding {
    padding: 0 5px
}

.fugu--btn .button-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 100%
}

.fugu--btn .button-content-wrapper .button-icon {
    order: 5;
    flex-grow: 0;
    font-size: 20px;
    margin-right: 8px
}

.fugu--btn .button-content-wrapper .button-icon.align-icon-right {
    order: 15;
    margin-left: 8px;
    margin-right: 0
}

.fugu--btn .button-content-wrapper .button-text {
    order: 10
}

.fugu--btn.d-block .button-content-wrapper .button-icon,.fugu--btn.d-block .button-content-wrapper .button-text {
    flex-grow: 0!important
}

.fugu--btn:before {
    content: " ";
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .4s;
    opacity: 0;
    border-radius: 10px;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

.fugu--btn2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: Inter,sans-serif;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    min-width: 180px;
    text-align: center;
    transition: all .4s ease-in-out;
    overflow: hidden;
    border-radius: 10px;
    padding: 15.5px 36px;
    color: #000
}

.fugu--btn2:before {
    content: " ";
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .4s;
    opacity: 0;
    border-radius: 10px;
    background: linear-gradient(225deg,#ffe715,#e715ff 46.35%,#15ffe7)
}

.fugu--btn2.btn-sm {
    font-size: 14px;
    padding: 8px 23px
}

.fugu--card-footer .fugu--btn2 {
    min-width: inherit
}

.fugu--btn2:hover:before {
    opacity: 1
}

.fugu--btn2:hover {
    color: #fff
}

.fugu--btn:hover:before {
    opacity: 1
}

.fugu--btn:hover {
    color: #fff
}

.dropdown-toggle:after {
    border: none;
    content: "";
    font-family: flaticon;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 15px
}

.fromGroup .btn-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-500)!important
}

.dropdown-menu {
    padding: 7px 0;
    color: var(--gray-700);
    border: none;
    border: 1px solid var(--gray-100);
    box-sizing: border-box;
    box-shadow: 0 4px 24px #191b1c29;
    border-radius: 4px;
    min-width: 160px
}

.dropdown-item {
    color: var(--gray-600);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 15px!important
}

.dropdown-item:hover {
    background-color: transparent;
    color: var(--danger-500)
}

.dropdown-item svg {
    margin-right: 4px
}

.dropdown-item path {
    transition: all .4s;
    stroke: var(--gray-600)
}

.dropdown-item:hover path {
    stroke: var(--danger-500)
}

input,input[type=date],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea {
    margin: 0;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background-color: transparent;
    padding: 17.5px 50px!important;
    border: none!important;
    transition: all .4s;
    padding-left: 17.5px;
    border: 1px solid var(--gray-700)!important
}

input:focus,textarea:focus {
    border: 1px solid var(--warning-500)!important
}

textarea {
    height: 150px;
    resize: none
}

@media (max-width: 767px) {
    textarea {
        height:100px
    }
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: var(--gray-800);
    opacity: .6
}

input::placeholder,textarea::placeholder {
    color: var(--gray-800);
    opacity: .6
}

.fugu-newsletter {
    max-width: 555px;
    position: relative;
    margin: 0 auto
}

.fugu-newsletter input {
    padding: 15px 185px 15px 30px!important
}

@media (max-width: 575px) {
    .fugu-newsletter input {
        padding:15px 30px!important
    }
}

.fugu-newsletter p {
    font-size: 14px;
    margin-top: 20px;
    color: #13111a80
}

#fugu-submit-btn {
    font-weight: 700;
    width: 175px;
    height: 50px;
    right: 5px;
    top: 5px;
    font-size: 16px;
    transition: all .4s;
    border-radius: 10px;
    position: absolute;
    color: var(--gray-800);
    background-color: var(--warning-500)
}

#fugu-submit-btn:hover {
    color: var(--gray-10);
    background-color: var(--gray-800)
}

@media (max-width: 575px) {
    #fugu-submit-btn {
        position:inherit;
        width: 100%!important;
        margin-top: 10px;
        right: 0;
        top: 0
    }
}

.fugu--newsletter {
    max-width: 430px;
    position: relative;
    margin: 0 auto
}

.fugu--newsletter input {
    color: #0a1849;
    height: 55px;
    padding: 10px 150px 10px 25px!important;
    background-color: var(--gray-10)
}

.fugu--newsletter.fugu--search input {
    height: 55px;
    padding: 10px 150px 10px 50px!important
}

button#fugu--search-btn {
    position: absolute;
    top: 11px;
    z-index: 9;
    left: 20px;
    opacity: .5
}

#fugu--submit-btn {
    font-weight: 700;
    width: 130px;
    height: 45px;
    color: #fff;
    right: 5px;
    top: 5px;
    transition: all .4s;
    border-radius: 10px;
    position: absolute;
    background-size: 200% auto!important;
    background: linear-gradient(90deg,#ffe715 0,#e715ff 30.35%,#15ffe7)
}

#fugu--submit-btn:hover {
    background-position: 100%
}

@media (max-width: 575px) {
    #fugu--submit-btn {
        position:inherit;
        width: 100%!important;
        margin-top: 10px;
        right: 0;
        top: 0
    }
}

.fugu--newsletter.fugu--newsletter2 {
    max-width: 466px;
    margin: 45px 0 0
}

.fugu--newsletter.fugu--newsletter2 input {
    padding: 10px 160px 10px 25px!important
}

@media (max-width: 991px) {
    .fugu--newsletter.fugu--newsletter2 {
        max-width:100%
    }
}

.fugu--newsletter.fugu--newsletter2 input {
    border-radius: 3px
}

.fugu--newsletter.fugu--newsletter2 #fugu--submit-btn {
    right: 0;
    top: 0;
    height: 55px;
    width: 150px;
    border-radius: 0 3px 3px 0;
    background: var(--gray-800)
}

.fugu--newsletter input::-moz-placeholder {
    color: #0a1849;
    opacity: .5
}

.fugu--newsletter input::placeholder {
    color: #0a1849;
    opacity: .5
}

#fugu--form-submit-btn {
    width: 180px;
    height: 55px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    transition: all .4s;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715);
    border-radius: 10px
}

.fugu-breadcrumb-section {
    padding: 188px 0 120px;
    position: relative;
    background-color: var(--warning-400)
}

@media (max-width: 991px) {
    .fugu-breadcrumb-section {
        padding:150px 0 80px
    }
}

@media (max-width: 767px) {
    .fugu-breadcrumb-section {
        padding:130px 0 60px
    }
}

@media (max-width: 479px) {
    .fugu-breadcrumb-section {
        padding:100px 0 60px
    }
}

.breadcrumbs {
    text-align: center
}

@media (max-width: 575px) {
    .breadcrumbs h1 {
        margin-bottom:10px;
        line-height: 20px
    }
}

.breadcrumb {
    margin: 45px 0 0;
    justify-content: center
}

@media (max-width: 991px) {
    .breadcrumb {
        margin:25px 0 0
    }
}

.breadcrumb .breadcrumb-item,.breadcrumb .breadcrumb-item a {
    color: var(--gray-800)
}

.breadcrumb .breadcrumb-item.active {
    font-weight: 600
}

.fugu-shape8 {
    position: absolute;
    top: 32%;
    animation: float 3s ease-in-out infinite
}

@media (max-width: 991px) {
    .fugu-shape8 {
        display:none
    }
}

.fugu-shape9 {
    position: absolute;
    right: 4%;
    bottom: 14%;
    animation: float 3s ease-in-out infinite
}

@media (max-width: 991px) {
    .fugu-shape9 {
        display:none
    }
}

.fugu--breadcrumb-thumb {
    overflow: hidden;
    border-radius: 100%;
    animation: zoom-in-zoom-out2 3s ease-out infinite
}

.fugu--breadcrumb-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.fugu--breadcrumb-thumb-bottom,.fugu--breadcrumb-thumb-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 767px) {
    .fugu--breadcrumb-thumb-bottom,.fugu--breadcrumb-thumb-top {
        display:none
    }
}

.fugu--breadcrumb-thumb-top {
    max-width: 873px;
    margin: 0 auto 80px
}

.fugu--breadcrumb-thumb.thumb1 {
    width: 80px;
    height: 80px
}

.fugu--breadcrumb-thumb.thumb2 {
    width: 48px;
    height: 45px
}

.fugu--breadcrumb-thumb.thumb3 {
    width: 60px;
    height: 60px
}

.fugu--breadcrumb-thumb.thumb4 {
    width: 86px;
    height: 80px
}

@keyframes zoom-in-zoom-out2 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.fugu--breadcrumbs-section {
    padding: 55px 0 60px;
    position: relative;
    z-index: 0
}

@media (max-width: 991px) {
    .fugu--breadcrumbs-section {
        padding:140px 0 50px
    }
}

@media (max-width: 479px) {
    .fugu--breadcrumbs-section {
        padding:110px 0 50px
    }
}

.fugu--breadcrumbs-data {
    max-width: 760px
}

.fugu--breadcrumbs-data h1 {
    letter-spacing: -1px;
    font-family: Space Grotesk,sans-serif
}

.fugu--breadcrumbs-data p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.5px
}

.fugu--breadcrumbs-data p:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .fugu--breadcrumbs-data p {
        font-size:18px
    }
}

.fugu--breadcrumbs-data.dark-content h1,.fugu--breadcrumbs-data.dark-content p {
    color: var(--gray-800)
}

.fugu--breadcrumbs-data.center-content {
    margin: 0 auto;
    text-align: center
}

.fugu--breadcrumbs-data.center-content .fugu--newsletter {
    margin-top: 40px
}

.dark-version .fugu--breadcrumbs-data h1,.dark-version .fugu--breadcrumbs-data p {
    color: var(--gray-10)
}

.fugu--blog-shape1 {
    top: 0;
    z-index: -1;
    position: absolute
}

.page-item .page-link,.pagination {
    justify-content: center
}

.page-item .page-link {
    height: 50px;
    width: 50px;
    background-color: transparent;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    color: #13111a66;
    text-align: center;
    border: 1px solid var(--gray-700)
}

.page-item .page-link:focus {
    box-shadow: none;
    outline: none
}

.page-item .page-link.active,.page-item .page-link:hover {
    color: var(--gray-800);
    background-color: var(--warning-500)
}

.page-item:first-child .page-link {
    border-radius: 5px 0 0 5px
}

.page-item:last-child .page-link {
    border-radius: 0 5px 5px 0
}

.page-item:first-child .page-link:hover,.page-item:last-child .page-link:hover {
    color: #15ffe7
}

.page-item:first-child .page-link svg,.page-item:last-child .page-link svg {
    position: absolute;
    right: -22px
}

.page-item:first-child .page-link svg path,.page-item:last-child .page-link svg path {
    stroke: var(--gray-10);
    transition: all .4s
}

.page-item:first-child .page-link:hover path,.page-item:last-child .page-link:hover path {
    stroke: #15ffe7
}

.page-item:first-child .page-link:hover,.page-item:last-child .page-link:hover {
    background-color: transparent!important
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--gray-900)
}

.fugu-pagination {
    text-align: center;
    margin-top: 56px
}

@media (max-width: 767px) {
    .fugu-pagination {
        margin-top:35px
    }
}

.fugo--pagination .page-item {
    margin-right: 13px
}

.fugo--pagination .page-item:last-child {
    margin-right: 0
}

.fugo--pagination .page-item .page-link {
    height: 55px;
    width: 60px;
    background-color: transparent;
    color: #fff;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-10);
    text-align: center
}

@media (max-width: 479px) {
    .fugo--pagination .page-item .page-link {
        width:50px;
        height: 50px
    }
}

.fugo--pagination .page-item .page-link:focus {
    box-shadow: none;
    outline: none
}

.fugo--pagination .page-item .page-link:hover {
    background-color: var(--gray-900)
}

.fugo--pagination .page-item:first-child .page-link {
    border-radius: 10px
}

.fugo--pagination .page-item:first-child .page-link svg {
    left: -22px;
    transform: rotate(180deg)
}

.fugo--pagination .page-item:first-child .page-link:hover,.fugo--pagination .page-item:last-child .page-link:hover {
    color: #15ffe7
}

.fugo--pagination .page-item:first-child .page-link svg,.fugo--pagination .page-item:last-child .page-link svg {
    position: absolute;
    right: -22px
}

.fugo--pagination .page-item:first-child .page-link svg path,.fugo--pagination .page-item:last-child .page-link svg path {
    stroke: var(--gray-10);
    transition: all .4s
}

.fugo--pagination .page-item:first-child .page-link:hover path,.fugo--pagination .page-item:last-child .page-link:hover path {
    stroke: #15ffe7
}

.fugo--pagination .page-item:first-child .page-link:hover,.fugo--pagination .page-item:last-child .page-link:hover {
    background-color: transparent!important
}

.fugo--pagination .page-item.active .page-link {
    color: #fff;
    background-color: var(--gray-900)
}

.fugo--pagination {
    text-align: center;
    margin-top: 56px
}

@media (max-width: 767px) {
    .fugo--pagination {
        margin-top:35px
    }
}

.fugo--pagination.fugo--pagination2 .page-item .page-link {
    color: var(--gray-800)
}

.fugo--pagination.fugo--pagination2 .page-item .page-link svg {
    position: absolute;
    right: -22px
}

.fugo--pagination.fugo--pagination2 .page-item .page-link svg path {
    stroke: var(--gray-800);
    transition: all .4s
}

.fugo--pagination.fugo--pagination2 .page-item .page-link:hover {
    color: var(--gray-800)
}

.fugo--pagination.fugo--pagination2 .page-item .page-link:hover path {
    stroke: var(--danger-500)
}

.fugo--pagination.fugo--pagination2 .page-item.active .page-link,.fugo--pagination.fugo--pagination2 .page-item:hover .page-link {
    background-color: var(--danger-500)
}

.fugo--pagination.fugo--pagination2 .page-item:first-child .page-link:hover,.fugo--pagination.fugo--pagination2 .page-item:last-child .page-link:hover {
    color: var(--danger-500)
}

.fugo--pagination.fugo--pagination2 .page-item:first-child .page-link:hover path,.fugo--pagination.fugo--pagination2 .page-item:last-child .page-link:hover path {
    stroke: var(--danger-500)
}

.fugo--pagination.fugo--pagination2 .page-item:first-child .page-link:hover,.fugo--pagination.fugo--pagination2 .page-item:last-child .page-link:hover {
    background-color: transparent!important
}

.fugu--card-wrap {
    border-radius: 10px;
    padding: 20px;
    transition: all .4s;
    position: relative;
    background: #201c2c;
    box-shadow: 0 0 0 1px #fff
}

.fugu--card-wrap:hover {
    box-shadow: 0 0 0 1px #6f6d6d00
}

.fugu--card-wrap:hover:before {
    opacity: 1
}

.fugu--card-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    opacity: 0;
    transition: all .4s;
    border-radius: inherit;
    background: linear-gradient(90deg,#ffe715,#e715ff,#15ffe7)
}

.fugu--card-wrap:hover .fugu--btn:before {
    color: var(--gray-10);
    opacity: 1
}

.fugu--card-wrap:hover .fugu--btn {
    color: var(--gray-10)
}

.fugu--card-wrap:hover .fugu--card-thumb img {
    transform: scale(1.1) rotate(3deg)
}

.fugu--card-thumb {
    overflow: hidden;
    border-radius: 10px
}

.fugu--card-thumb img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    transition: all .4s
}

.fugu--card-data {
    margin-top: 20px
}

.fugu--card-data .titel,.fugu--card-data h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--gray-10);
    margin: 0 0 10px;
    font-family: Inter,sans-serif
}

.fugu--card-data p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-10);
    opacity: .4;
    margin: 0
}

.fugu--card-footer {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fugu--card-footer-data span {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-10)
}

.fugu--card-footer-data h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: var(--gray-10);
    margin: 0;
    font-family: Inter,sans-serif
}

.fugu--card-footer .fugu--btn {
    min-width: inherit
}

.fugu--card-wrap.fugu--card2 {
    background: var(--gray-10);
    border: 3px solid var(--gray-800);
    border-radius: 3px;
    padding: 18px
}

.fugu--card-wrap.fugu--card2:before {
    content: none
}

.fugu--card-wrap.fugu--card2 .fugu--card-thumb img {
    border-radius: 3px
}

.fugu--card-wrap.fugu--card2 .fugu--card-data h3 {
    color: var(--gray-800)
}

.fugu--card-wrap.fugu--card2 .fugu--card-data p {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    opacity: 1;
    color: var(--gray-800)
}

.fugu--card-wrap.fugu--card2 .fugu--card-data p img {
    margin-right: 8px
}

.fugu--card-footer-data h4,.fugu--card-wrap.fugu--card2 .fugu--card-footer-data h4 {
    font-weight: 400;
    font-size: 18px;
    color: var(--gray-800);
    opacity: .8
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn {
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #13111a66!important;
    background-color: #13111a1a
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn img {
    opacity: .3;
    margin-right: 7px
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn:before {
    content: none
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn .red-heart {
    display: none
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn.dark-btn {
    color: var(--gray-10)!important;
    background-color: var(--gray-800)
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn.dark-btn img {
    opacity: 1
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn.dark-btn .red-heart {
    display: block
}

.fugu--card-wrap.fugu--card2 .fugu--card-footer .fugu--btn.dark-btn .black-heart {
    display: none
}

.fugu--slider-two .slick-slide {
    margin: 0 12px
}

.fugu--blog-wrap {
    overflow: hidden;
    border-radius: 10px;
    -webkit-backdrop-filter: blur(400px);
    backdrop-filter: blur(400px);
    background: #5a4b7c33
}

.fugu--blog-wrap:hover .fugu--blog-thumb img {
    transform: scale(1.07) rotate(2deg)
}

.fugu--blog-thumb {
    height: 400px;
    overflow: hidden;
    position: relative
}

@media (max-width: 991px) {
    .fugu--blog-thumb {
        height:auto
    }
}

.fugu--blog-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    transition: all .5s
}

.fugu--blog-thumb .fugu--blog-badge {
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 40px;
    right: 40px;
    font-weight: 700;
    font-size: 16px;
    color: var(--gray-800);
    padding: 10.5px 19.7px
}

.fugu--blog-content {
    padding: 40px
}

@media (max-width: 767px) {
    .fugu--blog-content {
        padding:30px
    }
}

.fugu--blog-content p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    opacity: .8
}

.fugu--blog-date {
    margin-bottom: 30px
}

.fugu--blog-date ul,.fugu--blog-date ul li {
    display: flex;
    align-items: center
}

.fugu--blog-date ul li {
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    margin-right: 22px
}

@media (max-width: 400px) {
    .fugu--blog-date ul li {
        margin-right:15px
    }
}

.fugu--blog-date ul li a {
    color: #fff;
    opacity: .4
}

.fugu--blog-date ul li:last-child {
    margin-right: 0
}

.fugu--blog-date ul li img {
    margin-right: 13px
}

.fugu--blog-title h3 {
    font-size: 32px;
    line-height: 38px;
    transition: all .4s;
    margin-bottom: 18px
}

@media (max-width: 767px) {
    .fugu--blog-title h3 {
        font-size:26px;
        line-height: 34px
    }
}

.fugu--blog-user {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.fugu--blog-user-thumb {
    width: 68px;
    height: 65px;
    border-radius: 100%;
    flex-shrink: 0;
    margin-right: 15px;
    overflow: hidden
}

.fugu--blog-user-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.fugu--blog-user-data span {
    display: block;
    font-weight: 600;
    font-size: 20px;
    color: #fff
}

.fugu--blog-user-data p {
    font-size: 18px;
    color: #fff;
    opacity: .4;
    margin: 0
}

.fugu--blog-wrap2 {
    -webkit-backdrop-filter: inherit;
    backdrop-filter: inherit;
    background: transparent
}

.fugu--blog-wrap2 .fugu--blog-thumb {
    height: 280px;
    border-radius: 10px
}

@media (max-width: 767px) {
    .fugu--blog-wrap2 .fugu--blog-thumb {
        height:auto
    }
}

.fugu--blog-wrap2 .fugu--blog-content {
    padding: 30px 0
}

.fugu--blog-wrap2 .fugu--blog-date {
    margin-bottom: 15px
}

.fugu--blog-wrap2 .fugu--blog-date ul li {
    font-size: 16px;
    position: relative;
    margin-right: 25px
}

.fugu--blog-wrap2 .fugu--blog-date ul li:last-child {
    margin-right: 0
}

.fugu--blog-wrap2 .fugu--blog-date ul li:before {
    content: "";
    right: -16px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    opacity: .4;
    background-color: var(--gray-10)
}

.fugu--blog-wrap2 .fugu--blog-date ul li:last-child:before {
    content: none
}

.fugu--blog-wrap2 .fugu--blog-title h3 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .fugu--blog-wrap2 .fugu--blog-title h3 {
        font-size:24px;
        line-height: 34px
    }
}

a.fugu--readmore-btn {
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

a.fugu--readmore-btn span {
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 0;
    margin-left: 10px;
    border-radius: 100%;
    line-height: 28px;
    text-align: center;
    position: relative;
    background-color: var(--gray-900)
}

a.fugu--readmore-btn span:before {
    content: " ";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    border-radius: 50%;
    transition: all .4s;
    position: absolute;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

.fugu--blog-wrap2:hover a.fugu--readmore-btn span:before {
    opacity: 1
}

.fugu-hero-section {
    z-index: 0;
    overflow: hidden;
    position: relative;
    padding: 210px 0 130px;
    background-color: var(--warning-400)
}

@media (max-width: 991px) {
    .fugu-hero-section {
        padding:170px 0 0
    }
}

@media (max-width: 767px) {
    .fugu-hero-section {
        padding:120px 0 0
    }
}

.fugu-hero-content {
    margin-right: 50px
}

@media (max-width: 991px) {
    .fugu-hero-content {
        margin:0 50px 50px;
        text-align: center
    }
}

@media (max-width: 479px) {
    .fugu-hero-content {
        margin:0 0 50px
    }
}

@media (max-width: 991px) {
    .fugu-hero-content h1 {
        padding:0 20px
    }
}

@media (max-width: 575px) {
    .fugu-hero-content h1 {
        padding:0
    }
}

.fugu-hero-content p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.5px;
    color: var(--gray-800)
}

.fugu-app-btn-wrap {
    margin: 55px 0 95px
}

@media (max-width: 991px) {
    .fugu-app-btn-wrap {
        margin:40px 0 60px
    }
}

@media (max-width: 575px) {
    .fugu-app-btn-wrap {
        margin:30px 0 40px
    }
}

a.fugu-app-btn {
    display: inline-block;
    margin-right: 20px
}

@media (max-width: 767px) {
    a.fugu-app-btn {
        width:160px
    }
}

@media (max-width: 575px) {
    a.fugu-app-btn {
        margin:10px
    }
}

a.fugu-app-btn:last-child {
    margin: 0
}

.fugu-hero-client-area {
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .fugu-hero-client-area {
        justify-content:center
    }
}

@media (max-width: 575px) {
    .fugu-hero-client-area {
        display:block;
        margin: 0
    }
}

.fugu-hero-client-wrap {
    display: flex;
    align-items: center
}

@media (max-width: 575px) {
    .fugu-hero-client-wrap {
        display:block;
        margin-bottom: 15px
    }
}

.fugu-hero-client-thumb {
    flex-shrink: 0;
    margin-right: 20px
}

@media (max-width: 575px) {
    .fugu-hero-client-thumb {
        margin:0 0 15px
    }
}

.fugu-hero-client-data h3 {
    line-height: 1;
    margin-bottom: 2px
}

.fugu-hero-client-data p {
    font-size: 16px;
    opacity: .6
}

.fugu-hero-client-rating {
    padding-left: 24px;
    margin-left: 24px;
    position: relative
}

@media (max-width: 575px) {
    .fugu-hero-client-rating {
        margin:0;
        padding: 0
    }
}

.fugu-hero-client-rating:before {
    content: "";
    left: 0;
    top: 0;
    height: 39px;
    width: 2px;
    position: absolute;
    background-color: #13111a1a
}

@media (max-width: 575px) {
    .fugu-hero-client-rating:before {
        content:none
    }
}

.fugu-hero-client-rating h3 {
    line-height: 1;
    margin-bottom: 2px
}

.fugu-hero-client-rating ul li {
    display: inline-block;
    font-size: 16px;
    opacity: .6;
    color: var(--gray-800)
}

.fugu-hero-client-rating ul li:last-child {
    margin-left: 7px
}

.fugu-hero-thumb {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (max-width: 1399px) {
    .fugu-hero-thumb {
        right:-10%
    }
}

@media (max-width: 1199px) {
    .fugu-hero-thumb {
        right:-24%
    }
}

@media (max-width: 1100px) {
    .fugu-hero-thumb {
        right:-27%
    }
}

@media (max-width: 991px) {
    .fugu-hero-thumb {
        position:relative;
        right: 0!important
    }
}

.fugu-shape1 {
    bottom: 0;
    left: 0
}

.fugu-shape1,.fugu-shape2 {
    position: absolute;
    z-index: -1
}

.fugu-shape2 {
    top: -20%;
    left: -25%
}

.fugu-hero-star {
    position: absolute;
    top: 0;
    right: 38%;
    animation: rotate-animation 10s linear infinite
}

.fugu-hero-section2 {
    z-index: 0;
    overflow: hidden;
    padding: 188px 0 430px;
    position: relative;
    background-color: var(--warning-200)
}

@media (max-width: 991px) {
    .fugu-hero-section2 {
        padding:160px 0 405px
    }
}

@media (max-width: 767px) {
    .fugu-hero-section2 {
        padding:150px 0 190px
    }
}

@media (max-width: 479px) {
    .fugu-hero-section2 {
        padding:120px 0 190px
    }
}

@media (max-width: 767px) {
    .fugu-hero-section2:after {
        content:"";
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: .15;
        position: absolute;
        background-color: #000
    }
}

.fugu-hero-section2:before {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    background: linear-gradient(180deg,#724fe5 6.25%,#32e7b1 31.77%,#fff0 55.21%);
    transform: scaleY(-1);
    border-radius: 50% 50% 0 0;
    width: 150vw;
    left: -25vw
}

@media (max-width: 767px) {
    .fugu-hero-section2:before {
        border-radius:0
    }
}

.fugu-hero-content2 {
    max-width: 920px;
    margin: 0 auto;
    text-align: center
}

.fugu-hero-content2 p {
    padding: 0 70px
}

@media (max-width: 550px) {
    .fugu-hero-content2 p {
        padding:0
    }
}

.fugu-hero-btn-wrap {
    margin-top: 60px
}

@media (max-width: 991px) {
    .fugu-hero-btn-wrap {
        margin-top:40px
    }
}

.fugu-hero-btn-wrap .fugu-btn {
    margin: 7px
}

.fugu-single-thumb {
    text-align: center;
    margin-top: -320px;
    z-index: 1;
    position: relative
}

@media (max-width: 767px) {
    .fugu-single-thumb {
        margin-top:-120px
    }
}

.fugu-single-thumb-section {
    background-color: var(--warning-200)
}

.fugu-shape4 {
    position: absolute;
    top: 15%;
    left: 3%;
    animation: float 3s ease-in-out infinite
}

@media (max-width: 767px) {
    .fugu-shape4 {
        display:none
    }
}

.fugu-shape5 {
    position: absolute;
    right: 5%;
    bottom: 25%;
    animation: float 3s ease-in-out infinite
}

@media (max-width: 767px) {
    .fugu-shape5 {
        display:none
    }
}

.fugu--hero-section {
    z-index: 0;
    background-size: cover;
    position: relative;
    background-position: bottom;
    background-color: var(--gray-800)
}

@media (max-width: 991px) {
    .fugu--hero-section {
        padding:175px 0 100px
    }
}

@media (max-width: 767px) {
    .fugu--hero-section {
        padding:150px 0 80px
    }
}

@media (max-width: 575px) {
    .fugu--hero-section {
        padding:30px 0 80px
    }
}

.fugu--hero-content {
    max-width: 636px
}

.fugu--hero-content .h1,.fugu--hero-content h1 {
    color: #fff;
    font-family: Space Grotesk,sans-serif
}

.fugu--hero-content .h1 {
    margin-bottom: 20px;
    letter-spacing: -1px
}

@media (max-width: 991px) {
    .fugu--hero-content {
        text-align:center;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .fugu--hero-content {
        max-width:500px
    }
}

.fugu--hero-content p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.5px;
    margin-right: 80px;
    color: #fff
}

@media (max-width: 991px) {
    .fugu--hero-content p {
        margin-right:0
    }
}

.fugu--hero-shape1 {
    background: #c20095;
    opacity: .2;
    scale: .9;
    filter: saturate(180%) blur(40px);
    border-radius: 100%;
    position: absolute;
    bottom: -116px;
    right: 14%;
    z-index: -1
}

@media (max-width: 1600px) {
    .fugu--hero-shape1 {
        right:3%
    }
}

@media (max-width: 1400px) {
    .fugu--hero-shape1 {
        right:0
    }
}

@media (max-width: 1199px) {
    .fugu--hero-shape1 {
        bottom:0;
        width: 70%
    }
}

@media (max-width: 991px) {
    .fugu--hero-shape1 {
        right:110px;
        width: 100%
    }
}

input {
    margin-top: .5rem
}

input::-moz-placeholder {
    font-weight: 700;
    opacity: 1;
    color: #fff
}

input::placeholder {
    font-weight: 700;
    opacity: 1;
    color: #fff
}

.fugu--hero-shape2 {
    width: 18%;
    height: 37%;
    position: absolute;
    background: #ff9c00;
    opacity: 1;
    filter: blur(136.18px);
    border-radius: 100%;
    top: 15%;
    right: 10%;
    z-index: -1
}

@media (max-width: 1600px) {
    .fugu--hero-shape2 {
        right:0
    }
}

.fugu--btn-wrap.fugu--hero-btn {
    margin: 55px 0 0
}

@media (max-width: 991px) {
    .fugu--btn-wrap.fugu--hero-btn {
        margin:35px 0 0
    }
}

.fugu--btn-wrap.fugu--hero-btn .fugu--btn {
    margin-right: 20px
}

.fugu--btn-wrap.fugu--hero-btn .fugu--btn:last-child {
    margin-right: 0
}

@media (max-width: 410px) {
    .fugu--btn-wrap.fugu--hero-btn .fugu--btn {
        margin:0 10px 15px
    }
}

.fugu--btn-wrap {
    margin: 45px 0 0
}

.fugu--hero-right {
    width: 490px;
    float: right;
    z-index: 0;
    transform: rotate(3deg);
    position: relative
}

@media (max-width: 1400px) {
    .fugu--hero-right {
        width:100%
    }
}

@media (max-width: 991px) {
    .fugu--hero-right {
        float:none;
        transform: rotate(0)!important;
        margin: 50px auto 0;
        width: 480px
    }
}

@media (max-width: 767px) {
    .fugu--hero-right {
        width:100%
    }
}

.fugu--hero-right .fugu--card-wrap {
    background: #5a4b7c80;
    -webkit-backdrop-filter: blur(400px);
    backdrop-filter: blur(400px)
}

.fugu--hero-right .fugu--card-wrap:before {
    content: none
}

.fugu--hero-right .fugu--card-wrap:hover {
    box-shadow: 0 0 0 1px #fff
}

.fugu--hero-right .fugu--card-data {
    margin: 0;
    padding: 40px 10px 20px
}

@media (max-width: 575px) {
    .fugu--hero-right .fugu--card-data {
        padding:20px 5px 5px
    }
}

.fugu--hero-right .fugu--card-data h3 {
    font-size: 30px
}

@media (max-width: 575px) {
    .fugu--hero-right .fugu--card-data h3 {
        font-size:24px
    }
}

.fugu--hero-right .fugu--card-data .fugu--card-footer-data span {
    display: block;
    margin-bottom: 10px
}

.fugu--hero-right .fugu--card-data .fugu--card-footer-data h4 {
    font-size: 30px
}

@media (max-width: 575px) {
    .fugu--hero-right .fugu--card-data .fugu--card-footer-data h4 {
        font-size:24px
    }
}

.fugu--card-footer-data .h4 {
    font-weight: 600;
    margin-bottom: 0
}

.fugu--hero-right .fugu--card-data .fugu--card-footer-data .h4 {
    font-size: 30px
}

@media (max-width: 575px) {
    .fugu--hero-right .fugu--card-data .fugu--card-footer-data .h4 {
        font-size:24px
    }
}

.fugu--hero-section2 {
    z-index: 0;
    padding: 230px 0 235px;
    position: relative;
    background-color: var(--warning-600)
}

@media (max-width: 1199px) {
    .fugu--hero-section2 {
        padding:150px 0 120px
    }
}

@media (max-width: 767px) {
    .fugu--hero-section2 {
        padding:150px 0 80px
    }
}

@media (max-width: 479px) {
    .fugu--hero-section2 {
        padding:120px 0 80px
    }
}

.fugu--hero-content2 {
    max-width: 760px;
    text-align: center;
    margin: 0 auto;
    position: relative
}

@media (max-width: 991px) {
    .fugu--hero-content2 {
        max-width:565px
    }
}

@media (max-width: 767px) {
    .fugu--hero-content2 {
        max-width:445px
    }
}

.fugu--hero-content2 h1 {
    color: var(--gray-800);
    font-family: Public Sans,sans-serif
}

.fugu--hero-content2 p {
    color: var(--gray-800);
    margin: 0 20px
}

.fugu--hero-content2 .fugu--content-star {
    position: absolute;
    top: 115px;
    right: -15px;
    animation: float 3s ease-in-out infinite
}

.fugu--hero-mocup {
    position: absolute;
    animation: zoom-in-zoom-out 5s ease-out infinite
}

@media (max-width: 767px) {
    .fugu--hero-mocup {
        display:none
    }
}

.fugu--hero-mocup.mocup1 {
    top: 15%;
    width: 22.5%;
    left: -35%
}

@media (max-width: 1400px) {
    .fugu--hero-mocup.mocup1 {
        top:15%;
        width: 17.5%;
        left: -20%
    }
}

@media (max-width: 1199px) {
    .fugu--hero-mocup.mocup1 {
        top:15%;
        width: 15%;
        left: -13%
    }
}

.fugu--hero-mocup.mocup2 {
    bottom: -30%;
    width: 26.4%;
    left: -12%;
    filter: blur(2px);
    transition: all .4s
}

.fugu--hero-mocup.mocup2:hover {
    filter: blur(0)
}

@media (max-width: 1400px) {
    .fugu--hero-mocup.mocup2 {
        bottom:-15%;
        width: 20%;
        left: -10%
    }
}

@media (max-width: 1199px) {
    .fugu--hero-mocup.mocup2 {
        width:15%
    }
}

.fugu--hero-mocup.mocup3 {
    top: -3%;
    width: 23.7%;
    right: -37%;
    filter: blur(2px);
    transition: all .4s
}

.fugu--hero-mocup.mocup3:hover {
    filter: blur(0)
}

@media (max-width: 1400px) {
    .fugu--hero-mocup.mocup3 {
        top:0;
        width: 17.7%;
        right: -24%
    }
}

@media (max-width: 1199px) {
    .fugu--hero-mocup.mocup3 {
        width:15%;
        right: -13%
    }
}

.fugu--hero-mocup.mocup4 {
    bottom: -30%;
    width: 26.4%;
    right: -10%
}

@media (max-width: 1400px) {
    .fugu--hero-mocup.mocup4 {
        bottom:-15%;
        width: 20%;
        right: -10%
    }
}

@media (max-width: 1199px) {
    .fugu--hero-mocup.mocup4 {
        width:15%;
        right: -5%
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

.fugu--hero-section3 {
    z-index: 0;
    padding: 280px 0 120px;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: var(--gray-800)
}

@media (max-width: 991px) {
    .fugu--hero-section3 {
        padding:175px 0 100px
    }
}

@media (max-width: 479px) {
    .fugu--hero-section3 {
        padding:130px 0 80px
    }
}

.fugu--hero-content3 p {
    margin-right: 0
}

.fugu--hero-content3 .fugu--btn.bg-blue {
    background-color: var(--gray-900)
}

.fugu--hero-content3 .fugu--btn.bg-blue:hover {
    background-color: var(--primary-500)
}

.fugu--hero-content3 .fugu--btn.bg-blue.active {
    background-color: var(--primary-500);
    box-shadow: 5px 5px 0 0 var(--gray-10)
}

.fugu--thumb-three {
    text-align: right
}

@media (max-width: 991px) {
    .fugu--thumb-three {
        text-align:center;
        margin-top: 150px
    }
}

.fugu--hero-thumb3 {
    transform: rotate(0);
    display: inline-block;
    position: relative
}

.fugu--hero-thumb3 .fugu--bitcoin {
    position: absolute;
    transform: translatey(0);
    animation: float 3s ease-in-out infinite
}

.fugu--hero-thumb3 .fugu--bitcoin.bitcoin-one {
    top: -95px;
    right: 130px
}

.fugu--hero-thumb3 .fugu--bitcoin.bitcoin-two {
    top: 20px;
    left: 25px;
    width: 29%
}

.fugu--hero-thumb3 .fugu--bitcoin.bitcoin-three {
    top: 5px;
    right: 20px
}

@keyframes float {
    0% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }

    to {
        transform: translatey(0)
    }
}

.fugu-counter-section {
    padding: 80px 0
}

@media (max-width: 1199px) {
    .fugu-counter-section .fugu-default-content {
        text-align:center;
        max-width: 600px;
        margin: 0 auto
    }
}

.fugu-counter-wrap {
    display: flex;
    text-align: center
}

@media (max-width: 1199px) {
    .fugu-counter-wrap {
        margin-bottom:30px;
        justify-content: center;
        flex-wrap: wrap
    }
}

.fugu-counter-data {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    position: relative
}

@media (max-width: 1399px) {
    .fugu-counter-data {
        padding:25px;
        width: 200px;
        height: 200px
    }
}

@media (max-width: 1199px) {
    .fugu-counter-data {
        padding:30px;
        width: 220px;
        height: 220px
    }
}

.fugu-counter-data:nth-child(2) {
    margin-left: -30px
}

@media (max-width: 479px) {
    .fugu-counter-data:nth-child(2) {
        margin-left:0;
        margin-top: -30px
    }
}

.fugu-counter-data:nth-child(3) {
    margin-left: -30px
}

@media (max-width: 767px) {
    .fugu-counter-data:nth-child(3) {
        margin-left:0;
        margin-top: -58px
    }
}

@media (max-width: 479px) {
    .fugu-counter-data:nth-child(3) {
        margin-top:-30px
    }
}

.fugu-counter-data h2 {
    color: #fff;
    margin-bottom: 10px
}

.fugu-counter-data p {
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.fugu--counter-wrap {
    display: flex;
    max-width: 385px;
    justify-content: space-between;
    margin-top: 55px
}

@media (max-width: 991px) {
    .fugu--counter-wrap {
        margin:40px auto 0
    }
}

@media (max-width: 410px) {
    .fugu--counter-wrap {
        margin-top:25px
    }
}

.fugu--counter-data .h2 {
    font-size: 48px;
    line-height: 1;
    color: #fff
}

.fugu--counter-data .h2 strong {
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.fugu--counter-data p {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    text-align: center
}

@media (max-width: 991px) {
    .fugu--counter-wrap2 {
        margin:30px 0 0
    }
}

.fugu--counter-wrap2 .fugu--counter-data h2 {
    margin: 0 0 10px
}

.fugu--counter-wrap2 .fugu--counter-data h2 strong {
    background: none;
    color: var(--gray-800);
    -webkit-text-fill-color: var(--gray-800)
}

.fugu--counter-wrap2 .fugu--counter-data p {
    font-weight: 600;
    opacity: 1!important
}

.fugu--counter-wrap3 {
    max-width: 100%;
    margin: 0;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .fugu--counter-wrap3 .fugu--counter-data {
        flex:0 0 50%;
        text-align: center;
        margin-bottom: 40px
    }

    .fugu--counter-wrap3 .fugu--counter-data:nth-child(3),.fugu--counter-wrap3 .fugu--counter-data:nth-child(4) {
        margin-bottom: 0
    }
}

.fugu--counter-wrap3 .fugu--counter-data h2 {
    z-index: 0;
    margin: 0 0 20px;
    font-size: 60px;
    color: var(--gray-800);
    font-family: Space Grotesk,sans-serif;
    position: relative
}

@media (max-width: 1199px) {
    .fugu--counter-wrap3 .fugu--counter-data h2 {
        font-size:48px
    }
}

@media (max-width: 767px) {
    .fugu--counter-wrap3 .fugu--counter-data h2 {
        font-size:36px
    }
}

.fugu--counter-wrap3 .fugu--counter-data h2:before {
    content: " ";
    left: 0;
    top: -15px;
    z-index: -1;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    position: absolute;
    background-color: #ff6b5533
}

@media (max-width: 1199px) {
    .fugu--counter-wrap3 .fugu--counter-data h2:before {
        width:78px;
        height: 78px
    }
}

@media (max-width: 767px) {
    .fugu--counter-wrap3 .fugu--counter-data h2:before {
        width:60px;
        height: 60px;
        left: 45%;
        transform: translate(-50%)
    }
}

.fugu--counter-wrap3 .fugu--counter-data h2 strong {
    background: none;
    color: var(--gray-800);
    -webkit-text-fill-color: var(--gray-800)
}

.fugu--counter-wrap3 .fugu--counter-data p {
    opacity: 1!important;
    font-size: 30px;
    letter-spacing: -1px;
    color: #0a1849
}

@media (max-width: 1199px) {
    .fugu--counter-wrap3 .fugu--counter-data p {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .fugu--counter-wrap3 .fugu--counter-data p {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .fugu--counter-wrap3 .fugu--counter-data p {
        font-size:18px
    }
}

.fugu-team-page {
    padding-top: 110px
}

@media (max-width: 991px) {
    .fugu-team-page {
        padding-top:100px
    }
}

@media (max-width: 767px) {
    .fugu-team-page {
        padding-top:80px
    }
}

.fugu-team-wrap {
    margin-bottom: 24px
}

.fugu-team-wrap.wrap2 {
    background: #fff;
    box-shadow: 0 4px 60px #0000000f;
    border-radius: 10px;
    height: calc(100% - 24px);
    overflow: hidden;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.fugu-team-wrap.wrap2 h4 {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .fugu-team-wrap.wrap2 {
        height:100%
    }
}

.fugu-team-thumb {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.fugu-team-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .4s
}

.fugu-team-thumb:hover img {
    transform: scale(1.07) rotate(2deg)
}

.fugu-team-data {
    bottom: 20px;
    padding: 20px;
    margin-left: 20px;
    width: calc(100% - 40px);
    border-radius: 10px;
    position: absolute;
    background-color: #fff
}

.fugu-team-data h5 {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    line-height: 1
}

.fugu-team-data h5 a {
    color: var(--gray-800);
    transition: all .4s
}

.fugu-team-data h5 a:hover {
    color: var(--warning-500)
}

.fugu-team-data p {
    font-size: 14px;
    margin: 0
}

.fugu-team-data-wrap {
    display: flex;
    justify-content: space-between
}

.fugu-single-team-page {
    padding: 120px 0 100px
}

@media (max-width: 991px) {
    .fugu-single-team-page {
        padding:100px 0
    }
}

@media (max-width: 767px) {
    .fugu-single-team-page {
        padding:80px 0
    }
}

.fugu-team-single-wrap {
    padding: 60px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 60px #0000000f
}

@media (max-width: 1199px) {
    .fugu-team-single-wrap {
        padding:40px
    }
}

@media (max-width: 767px) {
    .fugu-team-single-wrap {
        padding:30px
    }
}

.fugu-team-single-thumb {
    overflow: hidden;
    border-radius: 10px
}

@media (max-width: 991px) {
    .fugu-team-single-thumb {
        margin-bottom:30px
    }
}

.fugu-team-single-thumb img {
    width: 100%;
    height: 100%
}

@media (max-width: 1199px) {
    .fugu-team-single-data {
        margin-left:40px
    }
}

@media (max-width: 991px) {
    .fugu-team-single-data {
        margin:0
    }
}

.fugu-team-single-data h2 {
    margin-bottom: 10px
}

.fugu-team-single-data span {
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--gray-800)
}

.fugu-team-single-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px
}

@media (max-width: 479px) {
    .fugu-team-single-footer {
        display:block
    }
}

.fugu-team-single-footer .fugu-social-icon {
    margin: 0
}

@media (max-width: 479px) {
    .fugu-team-single-footer .fugu-social-icon {
        margin:0 0 20px
    }
}

.fugu-team-single-footer .fugu-social-icon ul li a {
    background-color: #13111a0d
}

.fugu-team-single-footer .fugu-social-icon ul li a:hover {
    background-color: var(--gray-800)
}

.fugu-team-single-footer .fugu-social-icon ul li a path {
    fill: var(--gray-800)
}

.fugu-team-single-footer .fugu-social-icon ul li a:hover path {
    fill: var(--warning-500)
}

.fugu-team-information {
    margin-bottom: 24px
}

.fugu-team-information-wrap {
    padding-bottom: 70px
}

.fugu-team-information ul li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative
}

.fugu-team-information ul li:before {
    content: "";
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--gray-800)
}

.fugu-team-information ul li:last-child {
    margin-bottom: 0
}

.fugu-team-information ul li a {
    transition: all .4s;
    color: #13111acc
}

.fugu-team-information ul li a:hover {
    color: var(--warning-500)
}

.fugu--team-section {
    position: relative;
    z-index: 0;
    background-color: var(--gray-800);
    border-bottom: 1px solid #26242c
}

.fugu--team-wrap {
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 24px;
    justify-content: space-between;
    background-color: #201c2c;
    border: 1px solid #fff
}

.fugu--team-left,.fugu--team-wrap {
    display: flex;
    align-items: center
}

.fugu--team-thumb {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px
}

.fugu--team-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: center top;
    object-position: center top
}

.fugu--team-data .h4,.fugu--team-data h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    color: var(--gray-10);
    font-family: Inter,sans-serif
}

.fugu--team-data p {
    opacity: .8;
    margin: 0;
    color: var(--gray-10)
}

.fugu--team-three,.fugu--team-two {
    border: none;
    background: var(--gray-10)
}

.fugu--team-three .fugu--team-wrap,.fugu--team-two .fugu--team-wrap {
    display: block;
    text-align: center;
    border: none;
    padding: 0;
    background-color: transparent
}

.fugu--team-three .fugu--team-thumb,.fugu--team-two .fugu--team-thumb {
    width: 100%;
    height: auto;
    border-radius: 0;
    margin-bottom: 20px
}

.fugu--team-three .fugu--team-data .h4,.fugu--team-three .fugu--team-data h4,.fugu--team-two .fugu--team-data h4 {
    line-height: 1;
    margin-bottom: 7px;
    color: var(--gray-800)
}

.fugu--team-three .fugu--team-data p,.fugu--team-two .fugu--team-data p {
    font-size: 18px;
    opacity: .8;
    color: var(--gray-800);
    margin: 0 0 20px
}

.fugu--team-two {
    padding: 0 0 120px
}

@media (max-width: 991px) {
    .fugu--team-two {
        padding:0 0 100px
    }
}

@media (max-width: 767px) {
    .fugu--team-two {
        padding:0 0 80px
    }
}

.fugu--team-two .fugu--team-wrap {
    margin-bottom: 40px
}

.version-04.fugu--team-two {
    padding: 110px 0 80px
}

@media (max-width: 991px) {
    .version-04.fugu--team-two {
        padding:100px 0 60px
    }
}

@media (max-width: 767px) {
    .version-04.fugu--team-two {
        padding:80px 0 40px
    }
}

.fugu--team-section.fugu--team-three {
    background-color: var(--gray-10);
    border: none
}

.fugu--team-three .fugu--team-wrap {
    padding: 40px;
    border-radius: 3px;
    border: 1px solid var(--gray-800)
}

.fugu--team-three .fugu--team-thumb {
    width: 216px;
    height: 216px;
    border-radius: 100%;
    margin: 0 auto 20px
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .fugu--team-three .fugu--team-thumb {
        width:175px;
        height: 175px
    }
}

.fugu--team-button {
    text-align: center;
    margin-top: 40px
}

.team-page .fugu--breadcrumbs-data {
    max-width: 880px
}

.dark-version .fugu--team-data .h4,.dark-version .fugu--team-data h4,.dark-version .fugu--team-data p {
    color: #fff
}

.fugu-iconbox-wrap {
    border-radius: 3px;
    padding: 39px;
    display: flex;
    transition: all .4s;
    margin-bottom: 24px
}

@media (max-width: 991px) {
    .fugu-iconbox-wrap {
        padding:30px;
        background-color: var(--warning-300)
    }
}

@media (max-width: 479px) {
    .fugu-iconbox-wrap {
        display:block
    }
}

.fugu-iconbox-wrap:hover {
    background-color: var(--warning-300)
}

.fugu-iconbox-wrap.fugu-iconbox-wrap5 {
    border: 1px solid rgba(19,17,26,.1)
}

.fugu-iconbox-wrap.fugu-iconbox-wrap5:hover {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 4px 60px #0000000f
}

.fugu-iconbox-icon {
    flex-shrink: 0;
    margin-right: 40px
}

@media (max-width: 991px) {
    .fugu-iconbox-icon {
        margin-right:30px
    }
}

@media (max-width: 479px) {
    .fugu-iconbox-icon {
        margin:0 0 25px
    }
}

.fugu-icon-btn {
    font-size: 16px;
    font-weight: 700
}

.fugu-icon-btn,.fugu-icon-btn:hover {
    color: var(--gray-800)
}

.fugu-icon-btn img {
    transition: all .4s;
    margin-left: 7px
}

.fugu-iconbox-wrap2 {
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: var(--warning-100)
}

.fugu-iconbox-icon2 {
    margin-bottom: 25px
}

.fugu-iconbox-wrap3 {
    padding: 40px;
    text-align: center;
    transition: all .4s;
    border-radius: 3px;
    margin-bottom: 24px
}

.fugu-iconbox-wrap3:hover {
    background-color: #0d0d0e
}

@media (max-width: 991px) {
    .fugu-iconbox-wrap3 {
        padding:30px;
        background-color: #0d0d0e
    }
}

.fugu-iconbox-icon3 {
    margin-bottom: 30px
}

.fugu-iconbox-data3 h4,.fugu-iconbox-data3 p {
    color: var(--gray-10)
}

.fugu-iconbox-data3 p {
    opacity: .8
}

.fugu-iconbox-wrap4 {
    padding: 29px;
    text-align: center;
    transition: all .4s;
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid rgba(19,17,26,.1)
}

.fugu-iconbox-icon4 {
    margin-bottom: 30px
}

.fugu-iconbox-wrap6 {
    text-align: center;
    padding: 0 22px;
    margin-bottom: 24px
}

@media (max-width: 1199px) {
    .fugu-iconbox-wrap6 {
        padding:0 5px
    }
}

@media (max-width: 767px) {
    .fugu-iconbox-wrap6 {
        padding:0 20px
    }
}

.fugu-iconbox-icon6 {
    margin-bottom: 30px
}

.fugu-iconbox-border {
    position: relative
}

.fugu-iconbox-border:before {
    content: "";
    top: 30px;
    left: 50%;
    width: 70%;
    height: 1px;
    position: absolute;
    transform: translate(-50%);
    border: 1px dashed rgba(19,17,26,.1)
}

@media (max-width: 991px) {
    .fugu-iconbox-border:before {
        width:50%
    }
}

@media (max-width: 767px) {
    .fugu-iconbox-border:before {
        content:none
    }
}

.fugu--iconbox-wrap {
    z-index: 0;
    padding: 0 15px;
    text-align: center;
    position: relative;
    margin-bottom: 24px
}

@media (max-width: 1400px) {
    .fugu--iconbox-wrap {
        padding:0
    }
}

.fugu--iconbox-wrap:before {
    content: " ";
    right: -68px;
    top: 106px;
    width: 108px;
    height: 2px;
    z-index: -1;
    position: absolute
}

.fugu--iconbox-thumb {
    margin-bottom: 30px
}

.fugu--iconbox-data h4 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
    font-family: Inter,sans-serif;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    background-color: var(--gray-800)
}

.fugu--iconbox-data p {
    color: #fff;
    opacity: .8
}

.fugu--iconbox-data p:last-child {
    margin: 0
}

.fugu--roadmap-section .col-xl-3.col-md-6:nth-child(4) .fugu--iconbox-wrap:before {
    content: none
}

@media (max-width: 1199px) {
    .fugu--roadmap-section .col-xl-3.col-md-6:nth-child(2) .fugu--iconbox-wrap:before {
        content:none
    }
}

@media (max-width: 767px) {
    .fugu--roadmap-section .fugu--iconbox-wrap:before {
        content:none
    }
}

.fugu--roadmap-v2 .fugu--iconbox-wrap {
    text-align: left;
    padding: 0 30px 0 0
}

.fugu--roadmap-v2 .fugu--iconbox-wrap:before {
    content: none
}

.fugu--roadmap-v2 .fugu--iconbox-data h4 {
    padding: 0;
    margin-bottom: 20px;
    color: var(--gray-800);
    background-color: transparent
}

.fugu--roadmap-v2 .fugu--iconbox-data span {
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
    color: var(--gray-800)
}

.fugu--roadmap-v2 .fugu--iconbox-data p {
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-800);
    opacity: .8
}

.fugu--iconbox-wrap3 {
    padding: 40px;
    border-radius: 3px;
    background: linear-gradient(118.28deg,#17181a -8.97%,#636675 141.84%)
}

@media (max-width: 991px) {
    .fugu--iconbox-wrap3 {
        padding:30px
    }
}

.fugu--iconbox-wrap3:before {
    content: none
}

.fugu--iconbox-wrap3:hover .fugu--iconbox-thumb {
    background-color: var(--gray-10)
}

.fugu--iconbox-wrap3:hover .fugu--iconbox-thumb path {
    fill: var(--primary-500)
}

.fugu--iconbox-wrap3 .fugu--iconbox-thumb {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    margin: 0 auto 30px;
    justify-content: center;
    transition: all .4s;
    background-color: var(--primary-500)
}

.fugu--iconbox-wrap3 .fugu--iconbox-thumb path {
    transition: all .4s
}

.fugu--iconbox-wrap3 .fugu--iconbox-data h4 {
    padding: 0;
    background-color: transparent
}

.fugu--iconbox-wrap4 {
    border-radius: 10px;
    border: 1px solid var(--gray-10);
    background: #5a4b7c33
}

.fugu--iconbox-wrap4 .fugu--iconbox-thumb {
    background: linear-gradient(0deg,#addcff,#eaf6ff 50.28%,#eaf6ff)
}

.fugu--iconbox-wrap5 {
    background: #211d2e;
    border-radius: 10px
}

.fugu--iconbox-wrap5 .fugu--iconbox-thumb {
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

.fugu--iconbox-wrap5 .fugu--iconbox-data a {
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

.fugu--iconbox-wrap5 .fugu--iconbox-data a img {
    margin-left: 10px
}

.fugu-accordion-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--gray-800)
}

.fugu-accordion-item h4 {
    font-weight: 700
}

.fugu-accordion-item:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.fugu-accordion-wrap2 {
    margin-top: 75px
}

@media (max-width: 991px) {
    .fugu-accordion-wrap2 {
        margin-top:40px
    }
}

.fugu-accordion-wrap2 .fugu-accordion-item {
    display: flex;
    margin-bottom: 24px;
    padding-bottom: 24px;
    align-items: center;
    justify-content: space-between
}

.fugu-accordion-wrap2 .fugu-accordion-item:last-child {
    padding: 0;
    margin: 0
}

.fugu-accordion-wrap2 .fugu-accordion-item h4 {
    margin: 0;
    font-weight: 700;
    font-family: Inter,sans-serif
}

@media (max-width: 1199px) {
    .fugu-accordion-wrap2 .fugu-accordion-item h4 {
        font-size:20px
    }
}

a.fugu-faq-btn {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    font-weight: 700;
    color: var(--gray-800);
    transition: all .4s;
    text-decoration: underline
}

a.fugu-faq-btn:hover {
    color: var(--warning-500)
}

@media (max-width: 991px) {
    a.fugu-faq-btn {
        position:inherit
    }

    .nexto-accordion-one.two {
        margin-top: 30px
    }
}

.nexto-accordion-one .accordion-item {
    background-color: transparent;
    border: none;
    border: 1px solid rgba(19,17,26,.5);
    border-bottom: none
}

.nexto-accordion-one .accordion-item:first-child {
    border-radius: 10px 10px 0 0
}

.nexto-accordion-one .accordion-item:last-child {
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid rgba(19,17,26,.5)
}

.nexto-accordion-one .accordion-button {
    padding: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    font-family: Inter,sans-serif;
    color: var(--gray-800);
    background-color: transparent
}

@media (max-width: 767px) {
    .nexto-accordion-one .accordion-button {
        line-height:28px;
        font-size: 18px;
        padding: 20px
    }
}

.nexto-accordion-one .accordion-button:not(.collapsed) {
    box-shadow: none
}

.nexto-accordion-one .accordion-button:after {
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillrule='evenodd' clipRule='evenodd' d='M9.0001 0.600098C9.66284 0.600098 10.2001 1.13736 10.2001 1.8001V7.8001H16.2001C16.8628 7.8001 17.4001 8.33736 17.4001 9.0001C17.4001 9.66284 16.8628 10.2001 16.2001 10.2001H10.2001V16.2001C10.2001 16.8628 9.66284 17.4001 9.0001 17.4001C8.33736 17.4001 7.8001 16.8628 7.8001 16.2001V10.2001H1.8001C1.13736 10.2001 0.600098 9.66284 0.600098 9.0001C0.600098 8.33735 1.13736 7.8001 1.8001 7.8001L7.8001 7.8001V1.8001C7.8001 1.13736 8.33736 0.600098 9.0001 0.600098Z' fill='%23111827'/%3E%3C/svg%3E%0A")
}

.nexto-accordion-one .accordion-button:not(.collapsed):after {
    transform: rotate(-45deg)
}

.nexto-accordion-one .accordion-body {
    padding: 0 50px 25px 30px
}

@media (max-width: 767px) {
    .nexto-accordion-one .accordion-body {
        padding:0 20px 20px
    }
}

@media (max-width: 991px) {
    .fugu-tab-menu {
        margin-bottom:40px
    }
}

@media (max-width: 767px) {
    .fugu-tab-menu {
        margin-bottom:20px
    }
}

.fugu-tab-menu.nav {
    justify-content: center;
    max-width: 750px;
    margin: 0 auto 80px
}

@media (max-width: 767px) {
    .fugu-tab-menu.nav {
        justify-content:space-between
    }
}

.fugu-tab-menu.nav-tabs {
    border-bottom: 2px solid rgba(19,17,26,.1)
}

@media (max-width: 767px) {
    .fugu-tab-menu.nav-tabs {
        border:none
    }
}

.fugu-tab-menu.nav-tabs .nav-item {
    margin-right: 45px
}

.fugu-tab-menu.nav-tabs .nav-item .nav-link {
    border: none;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 10px;
    color: #13111acc;
    position: relative
}

@media (max-width: 767px) {
    .fugu-tab-menu.nav-tabs .nav-link {
        margin:10px
    }
}

.fugu-tab-menu.nav-tabs .nav-link:before {
    content: "";
    left: 0;
    opacity: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    position: absolute;
    background-color: var(--warning-500)
}

.fugu-tab-menu.nav-tabs .nav-link:last-child {
    margin-right: 0
}

.fugu-tab-menu.nav-tabs .nav-link.active {
    background-color: transparent;
    color: var(--warning-500)
}

.fugu-tab-menu.nav-tabs .nav-link.active:before {
    width: 100%;
    opacity: 1
}

.fugu--default-content .h2 {
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    font-family: Space Grotesk,sans-serif
}

.fugu--card-data .h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 28px;
    color: var(--gray-10);
    margin: 0 0 10px;
    font-family: Inter,sans-serif
}

.fugu--faq-section {
    background-color: var(--warning-600)
}

.fugu--faq-section .fugu--default-content {
    margin-right: 20px
}

.fugu--faq-section li {
    list-style: disc;
    padding: 0 0 12px
}

.fugu--faq-section ul {
    margin: 0 0 8px 10px
}

@media (max-width: 991px) {
    .fugu--faq-section .fugu--default-content {
        max-width:500px
    }
}

.fugu--faq-section2 {
    z-index: 0;
    position: relative;
    background-color: var(--gray-800)
}

.fugu--accordion-one .accordion-item {
    border: none;
    background-color: transparent;
    border-bottom: 2px solid var(--gray-800)
}

.fugu--accordion-one .accordion-button {
    padding: 30px 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    font-family: Inter,sans-serif;
    color: var(--gray-800);
    background-color: transparent
}

@media (max-width: 767px) {
    .fugu--accordion-one .accordion-button {
        font-size:20px;
        line-height: 30px
    }
}

.fugu--accordion-one .accordion-button:not(.collapsed) {
    box-shadow: none
}

.fugu--accordion-one .accordion-button:after {
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillrule='evenodd' clipRule='evenodd' d='M9.0001 0.600098C9.66284 0.600098 10.2001 1.13736 10.2001 1.8001V7.8001H16.2001C16.8628 7.8001 17.4001 8.33736 17.4001 9.0001C17.4001 9.66284 16.8628 10.2001 16.2001 10.2001H10.2001V16.2001C10.2001 16.8628 9.66284 17.4001 9.0001 17.4001C8.33736 17.4001 7.8001 16.8628 7.8001 16.2001V10.2001H1.8001C1.13736 10.2001 0.600098 9.66284 0.600098 9.0001C0.600098 8.33735 1.13736 7.8001 1.8001 7.8001L7.8001 7.8001V1.8001C7.8001 1.13736 8.33736 0.600098 9.0001 0.600098Z' fill='%23111827'/%3E%3C/svg%3E%0A")
}

.fugu--accordion-one .accordion-button:not(.collapsed):after {
    transform: rotate(-45deg)
}

.fugu--accordion-one .accordion-body {
    font-size: 18px;
    line-height: 30px;
    color: #13111acc;
    padding: 0 220px 25px 0
}

@media (max-width: 1199px) {
    .fugu--accordion-one .accordion-body {
        padding:0 0 25px
    }
}

.fugu--accordion-one.accordion-two .accordion-item {
    background-color: transparent;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.fugu--accordion-one.accordion-two .accordion-button {
    color: #fff;
    font-size: 20px;
    padding: 20px 50px
}

.fugu--accordion-one.accordion-two .accordion-button:after {
    left: 0;
    top: 27px;
    background-size: 20px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L10 10L18 2' stroke='white' strokeWidth='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.fugu--accordion-one.accordion-two .accordion-button:not(.collapsed):after {
    top: 17px;
    transform: rotate(-180deg)
}

.fugu--accordion-one.accordion-two .accordion-body {
    padding: 0 130px 22px 52px;
    color: #fffc
}

@media (max-width: 767px) {
    .fugu--accordion-one.accordion-two .accordion-body {
        padding:0 20px 20px 52px
    }
}

.fugu--accordion-one.accordion-three .accordion-item {
    border: .5px solid #fff;
    border-bottom: none
}

.fugu--accordion-one.accordion-three .accordion-item:last-child {
    border-bottom: .5px solid #fff
}

.fugu--accordion-one.accordion-three .accordion-button {
    font-size: 20px;
    line-height: 28px;
    padding: 30px;
    color: var(--gray-10)
}

.fugu--accordion-one.accordion-three .accordion-button:after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0625 6.5625H8.4375V0.9375C8.4375 0.68886 8.33873 0.450403 8.16291 0.274588C7.9871 0.0987722 7.74864 0 7.5 0C7.25136 0 7.0129 0.0987722 6.83709 0.274588C6.66127 0.450403 6.5625 0.68886 6.5625 0.9375V6.5625H0.9375C0.68886 6.5625 0.450403 6.66127 0.274588 6.83709C0.0987722 7.0129 0 7.25136 0 7.5C0 7.74864 0.0987722 7.9871 0.274588 8.16291C0.450403 8.33873 0.68886 8.4375 0.9375 8.4375H6.5625V14.0625C6.5625 14.3111 6.66127 14.5496 6.83709 14.7254C7.0129 14.9012 7.25136 15 7.5 15C7.74864 15 7.9871 14.9012 8.16291 14.7254C8.33873 14.5496 8.4375 14.3111 8.4375 14.0625V8.4375H14.0625C14.3111 8.4375 14.5496 8.33873 14.7254 8.16291C14.9012 7.9871 15 7.74864 15 7.5C15 7.25136 14.9012 7.0129 14.7254 6.83709C14.5496 6.66127 14.3111 6.5625 14.0625 6.5625Z' fill='white'/%3E%3C/svg%3E%0A")
}

.fugu--accordion-one.accordion-three .accordion-body {
    color: var(--gray-10);
    opacity: .8;
    padding: 0 30px 30px
}

.fugu--accordion-one.accordion-four .accordion-item {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.fugu--accordion-one.accordion-four .accordion-button {
    color: var(--gray-10)
}

.fugu--accordion-one.accordion-four h3 {
    padding: 0;
    margin: 0;
    color: #fff
}

.fugu--accordion-one.accordion-four .accordion-button:after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0625 6.5625H8.4375V0.9375C8.4375 0.68886 8.33873 0.450403 8.16291 0.274588C7.9871 0.0987722 7.74864 0 7.5 0C7.25136 0 7.0129 0.0987722 6.83709 0.274588C6.66127 0.450403 6.5625 0.68886 6.5625 0.9375V6.5625H0.9375C0.68886 6.5625 0.450403 6.66127 0.274588 6.83709C0.0987722 7.0129 0 7.25136 0 7.5C0 7.74864 0.0987722 7.9871 0.274588 8.16291C0.450403 8.33873 0.68886 8.4375 0.9375 8.4375H6.5625V14.0625C6.5625 14.3111 6.66127 14.5496 6.83709 14.7254C7.0129 14.9012 7.25136 15 7.5 15C7.74864 15 7.9871 14.9012 8.16291 14.7254C8.33873 14.5496 8.4375 14.3111 8.4375 14.0625V8.4375H14.0625C14.3111 8.4375 14.5496 8.33873 14.7254 8.16291C14.9012 7.9871 15 7.74864 15 7.5C15 7.25136 14.9012 7.0129 14.7254 6.83709C14.5496 6.66127 14.3111 6.5625 14.0625 6.5625Z' fill='white'/%3E%3C/svg%3E%0A")
}

.fugu--accordion-one.accordion-four .accordion-body {
    color: var(--gray-10);
    opacity: .8;
    padding: 0 90px 30px 0
}

@media (max-width: 991px) {
    .fugu--accordion-one.accordion-four .accordion-body {
        padding:0 0 30px
    }
}

.fugu-video-thumb {
    position: relative
}

.fugu-video-thumb img {
    width: 100%;
    height: 100%
}

@media (max-width: 991px) {
    .fugu-video-thumb {
        margin-bottom:30px
    }
}

.fugu-play-btn,.fugu-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.fugu-popup img {
    animation: rotate-animation 10s linear infinite
}

.fugu-popup img:hover {
    animation-play-state: paused
}

@media (max-width: 991px) {
    .fugu-popup img {
        width:90px
    }
}

@media (max-width: 767px) {
    .fugu-popup img {
        width:75px
    }
}

.fugu-play-btn img {
    animation: none!important;
    width: auto!important
}

.nexto-video-wrap .nexto-popup img {
    animation: rotate-animation 10s linear infinite
}

.fugu-video-thumb2 {
    border-radius: 10px;
    overflow: hidden;
    margin: 0
}

.fugu-video-thumb2:before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg,#724fe5,#32e7b1 34.38%,#fff);
    mix-blend-mode: multiply;
    border-radius: 10px;
    transform: scaleY(-1)
}

.fugu-video-thumb3 {
    margin: 0
}

.fugu--video-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: var(--gray-800)
}

.fugu--video-section .fugu--btn-wrap {
    margin: 45px 0 0
}

.fugu--video-section .fugu--default-content {
    padding-left: 30px;
    position: relative;
    z-index: 1
}

@media (max-width: 1400px) {
    .fugu--video-section .fugu--default-content {
        padding:0
    }
}

.fugu--video-thumb {
    z-index: 0;
    position: relative;
    margin-right: 50px;
    border-radius: 3px
}

@media (max-width: 1199px) {
    .fugu--video-thumb {
        margin:0 0 30px
    }
}

.fugu--video-thumb img {
    border-radius: 3px;
    width: 100%
}

.fugu--video-thumb .fugu--popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

@media (max-width: 767px) {
    .fugu--video-thumb .fugu--popup {
        width:60px;
        height: 60px
    }
}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #ffffffb3;
    opacity: 0;
    border-radius: 100%;
    left: -35px;
    top: -35px;
    animation: waves 3s ease-in-out infinite;
    z-index: -1
}

@media (max-width: 767px) {
    .waves {
        width:130px;
        height: 130px
    }
}

.waves.wave-1 {
    animation-delay: 0s
}

.waves.wave-2 {
    animation-delay: 1s
}

.waves.wave-3 {
    animation-delay: 2s
}

@keyframes waves {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    50% {
        opacity: .9
    }

    to {
        transform: scale(.9);
        opacity: 0
    }
}

.fugu--video-wrap {
    position: relative
}

.fugu--video-wrap .fugu--popup {
    position: absolute;
    top: 48%;
    left: 58%;
    transform: translate(-50%,-50%)
}

.fugu--video-wrap .fugu--popup img {
    animation: rotate-animation 10s linear infinite
}

.fugu--video-wrap .fugu--popup img:hover {
    animation-play-state: paused
}

@media (max-width: 1199px) {
    .fugu--video-wrap .fugu--popup {
        width:120px;
        height: 120px
    }
}

@media (max-width: 991px) {
    .fugu--video-wrap .fugu--popup {
        width:100px;
        height: 100px
    }
}

@media (max-width: 767px) {
    .fugu--video-wrap .fugu--popup {
        width:75px;
        height: 75px
    }
}

@media (max-width: 479px) {
    .fugu--video-wrap .fugu--popup {
        width:55px;
        height: 55px
    }
}

.fugu--video-column {
    display: flex
}

.fugu--video-column .fugu--video-thumb {
    margin-right: 30px;
    position: relative
}

@media (max-width: 1199px) {
    .fugu--video-column .fugu--video-thumb {
        margin:0 20px 0 0
    }
}

.fugu--video-column .fugu--video-thumb:last-child {
    margin-right: 0;
    padding-top: 115px
}

@media (max-width: 991px) {
    .fugu--video-column .fugu--video-thumb:last-child {
        padding-top:80px
    }
}

@media (max-width: 767px) {
    .fugu--video-column .fugu--video-thumb:last-child {
        padding-top:0
    }
}

.fugu--play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.fugu--play-btn img {
    animation: none!important
}

@media (max-width: 767px) {
    .fugu--play-btn img {
        width:15px
    }
}

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

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fugu-testimonial-section {
    background-color: var(--warning-400)
}

.fugu-testimonial-section .fugu-section-title {
    max-width: 720px
}

.fugu-testimonial-card {
    padding: 30px;
    border-radius: 3px;
    background-color: var(--warning-300)
}

.fugu-testimonial-card h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: Inter,sans-serif
}

.fugu-testimonial-card p {
    font-weight: 500;
    color: var(--gray-800)
}

.fugu-testimonial-author-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 35px
}

.fugu-testimonial-author-thumb {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%
}

.fugu-testimonial-author-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.fugu-testimonial-author-data h5 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
    font-family: Inter,sans-serif
}

.fugu-testimonial-author-data span {
    font-size: 14px;
    opacity: .7;
    color: var(--gray-800)
}

.fugu-testimonial-slider .fugu-testimonial-card {
    margin: 0 12px;
    padding: 29px
}

@media (max-width: 767px) {
    .fugu-testimonial-slider .fugu-testimonial-card {
        margin:0
    }
}

.fugu-testimonial-card2 {
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    background-color: var(--warning-100)
}

.fugu-testimonial-card2 ul {
    margin-bottom: 20px
}

.fugu-testimonial-card2 ul li {
    display: inline-block
}

.fugu-testimonial-card2 p {
    font-weight: 600;
    color: var(--gray-800)
}

.fugu-testimonial-slider2 {
    max-width: 1150px;
    margin: 0 auto
}

@media (max-width: 1399px) {
    .fugu-testimonial-slider2 .fugu-testimonial-card2 {
        margin:0 20px
    }
}

@media (max-width: 991px) {
    .fugu-testimonial-slider2 .fugu-testimonial-card2 {
        margin:0
    }
}

.fugu-testimonial-btn {
    margin-top: 80px;
    text-align: center
}

@media (max-width: 1199px) {
    .fugu-testimonial-btn {
        margin-top:50px
    }
}

.fugu-testimonial-btn .fugu-btn.fugu-header-btn {
    margin-left: 0
}

.fugu-testimonial-card3 {
    padding: 40px;
    margin-bottom: 24px;
    border-radius: 10px;
    border: 1px solid rgba(2,2,30,.1)
}

@media (max-width: 1399px) {
    .fugu-testimonial-card3 {
        padding:29px
    }
}

.fugu-testimonial-card3 ul {
    margin-bottom: 30px
}

.fugu-testimonial-card3 ul li {
    display: inline-block
}

.fugu-testimonial-card3 p {
    color: var(--gray-800)
}

.fugu-testimonial-card3 .fugu-testimonial-author-wrap {
    margin: 0
}

.fugu-testimonial-author-data3 h5 {
    line-height: 1;
    margin: 0 0 7px
}

.fugu--testimonial-wrap {
    padding: 40px;
    border-radius: 3px;
    margin-bottom: 24px;
    background-color: var(--gray-900)
}

@media (max-width: 991px) {
    .fugu--testimonial-wrap {
        padding:30px
    }
}

.fugu--testimonial-rating {
    margin-bottom: 27px
}

.fugu--testimonial-rating ul li {
    display: inline-block
}

.fugu--testimonial-author {
    margin-top: 25px;
    display: flex;
    align-items: center
}

.fugu--testimonial-author-thumb {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 20px
}

.fugu--testimonial-author-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.fugu--testimonial-author-data span {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
    color: #fff
}

.fugu--testimonial-author-data p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    opacity: .7;
    margin: 0
}

.fugu--testimonial-data p {
    color: #fff
}

.fugu--testimonial-button {
    margin-top: 56px;
    text-align: center
}

@media (max-width: 991px) {
    .fugu--testimonial-button {
        margin-top:36px
    }
}

.fugu-cta-section {
    padding: 95px 0;
    background-color: var(--warning-400)
}

@media (max-width: 767px) {
    .fugu-cta-section {
        padding:80px 0
    }
}

@media (max-width: 991px) {
    .fugu-cta-section .fugu-default-content.large-content {
        text-align:center;
        max-width: 600px;
        margin: 0 auto 30px
    }
}

.fugu-cta-app-btn-wrap {
    width: 100%;
    text-align: right
}

@media (max-width: 991px) {
    .fugu-cta-app-btn-wrap {
        text-align:center
    }
}

.fugu--cta-section {
    z-index: 0;
    background-size: cover;
    position: relative;
    background-color: var(--gray-800)
}

.fugu--cta-wrap {
    border-radius: 10px;
    padding: 80px 110px;
    background-color: var(--primary-500)
}

@media (max-width: 1400px) {
    .fugu--cta-wrap {
        padding:80px
    }
}

@media (max-width: 991px) {
    .fugu--cta-wrap {
        text-align:center
    }
}

@media (max-width: 767px) {
    .fugu--cta-wrap {
        padding:50px
    }
}

@media (max-width: 575px) {
    .fugu--cta-wrap {
        padding:35px
    }
}

.fugu-social-icon {
    margin-top: 30px
}

.fugu-social-icon ul {
    display: flex
}

.fugu-social-icon ul li {
    margin: 0 7.5px;
    display: inline-block
}

.fugu-social-icon ul li:first-child {
    margin-left: 0
}

.fugu-social-icon ul li:last-child {
    margin-right: 0
}

.fugu-social-icon ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    z-index: 0;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all .4s;
    justify-content: center;
    background-color: var(--gray-900)
}

.fugu-social-icon ul li a:hover {
    color: var(--gray-800);
    background-color: var(--warning-500)
}

.fugu-social-icon ul li a path {
    fill: var(--gray-10);
    transition: all .4s
}

.fugu-social-icon ul li a:hover path {
    fill: var(--gray-800)
}

.fugu-social-icon2 ul li {
    margin: 0 2px;
    display: inline-block
}

.fugu-social-icon2 ul li:first-child {
    margin-left: 0
}

.fugu-social-icon2 ul li:last-child {
    margin-right: 0
}

.fugu-social-icon2 ul li a path {
    fill: var(--gray-800);
    transition: all .4s
}

.fugu-social-icon2 ul li a:hover path {
    fill: var(--warning-500)
}

.fugu-social-icon3 {
    position: absolute;
    right: 30px;
    top: 30px
}

@media (max-width: 767px) {
    .fugu-social-icon3 {
        top:50px
    }
}

.fugu-social-icon3 ul li {
    display: inline-block;
    margin-right: 10px
}

.fugu-social-icon3 ul li:last-child {
    margin-right: 0
}

.fugu-social-icon3 ul li a path {
    fill: var(--gray-800)
}

.fugu--social-icon {
    margin-top: 30px
}

.fugu--social-icon ul li {
    margin: 0 7px;
    display: inline-block
}

.fugu--social-icon ul li:first-child {
    margin-left: 0
}

.fugu--social-icon ul li:last-child {
    margin-right: 0
}

.fugu--social-icon ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    z-index: 0;
    border-radius: 100%;
    align-items: center;
    position: relative;
    overflow: hidden;
    justify-content: center;
    background-color: var(--gray-900)
}

.fugu--social-icon ul li a:before {
    content: " ";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: all .4s;
    position: absolute;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

.fugu--social-icon ul li a:hover:before {
    opacity: 1
}

.fugu--social-icon2 {
    margin: 0
}

@media (max-width: 991px) {
    .fugu--social-icon2 {
        text-align:center;
        margin-top: 15px
    }
}

.fugu--social-icon2 ul li a:hover {
    background: var(--danger-500)
}

.fugu--social-icon2 ul li a:hover:before {
    content: none
}

.fugu--social-icon3 ul li a:hover {
    background: var(--primary-500)
}

.fugu--social-icon3 ul li a:hover:before {
    content: none
}

.fugu--social-icon4 ul {
    display: flex;
    justify-content: center
}

.fugu--social-icon4 ul li a {
    width: 49px;
    height: 49px;
    background-color: transparent
}

.fugu--social-icon4 ul li a:hover {
    background: var(--danger-500)
}

.fugu--social-icon4 ul li a svg {
    width: 22px;
    height: 22px
}

.fugu--social-icon4 ul li a svg path {
    transition: all .4s;
    fill: var(--gray-800)
}

.fugu--social-icon4 ul li a:hover:before {
    content: none
}

.fugu--social-icon5 ul li a {
    background-color: #ececed
}

.fugu--social-icon5 ul li a path {
    fill: #0a1849;
    transition: all .4s
}

.fugu--social-icon5 ul li a:hover path {
    fill: #fff
}

.fugu-client-section {
    padding: 75px 0 80px
}

@media (max-width: 767px) {
    .fugu-client-section {
        padding:60px 0
    }
}

.fugu-client-title {
    margin-bottom: 50px;
    text-align: center
}

.fugu-client-title.text-white h5 {
    color: var(--gray-10)
}

.fugu-client-title h5 {
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    font-weight: 600;
    letter-spacing: -.5px;
    font-family: Inter,sans-serif
}

.fugu-brand-logo {
    margin: 10px 0
}

.fugu-brand-logo img {
    opacity: .7
}

.fugu-icon-list {
    margin-top: 55px
}

@media (max-width: 991px) {
    .fugu-icon-list {
        margin-top:30px
    }
}

.fugu-icon-list ul li {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    padding-left: 30px;
    margin-bottom: 18px;
    color: var(--gray-800)
}

.fugu-icon-list ul li:last-child {
    margin-bottom: 0
}

.fugu-icon-list ul li img {
    position: absolute;
    left: 0;
    top: 3px
}

.fugu-icon-list2 {
    margin-top: 55px
}

@media (max-width: 991px) {
    .fugu-icon-list2 {
        margin-top:30px
    }
}

.fugu-icon-list2 ul li {
    padding-left: 70px;
    position: relative;
    margin-bottom: 25px
}

.fugu-icon-list2 ul li:last-child {
    margin: 0
}

.fugu-icon-list2 ul li .fulo-list-icon {
    width: 50px;
    height: 50px;
    background: red;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    left: 0;
    background-color: var(--gray-800)
}

.fugu-icon-list3 {
    margin-top: 45px
}

@media (max-width: 991px) {
    .fugu-icon-list3 {
        margin-top:30px
    }
}

.fugu-icon-list3 ul li {
    padding-left: 40px
}

.fugu-icon-list3 ul li img {
    top: -2px
}

.pricing-btn {
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .pricing-btn {
        margin-bottom:30px
    }
}

[data-pricing-dynamic][data-value-active=yearly] .dynamic-value:before {
    display: inline-block;
    content: attr(data-yearly)
}

[data-pricing-dynamic][data-value-active=yearly] [data-pricing-trigger] {
    background: #ff5722
}

[data-pricing-dynamic][data-value-active=yearly] [data-pricing-trigger] span {
    left: calc(100% - 33px)
}

[data-pricing-dynamic][data-value-active=monthly] .dynamic-value:before {
    display: inline-block;
    content: attr(data-monthly)
}

.dynamic-value:before,.static-value:before {
    display: inline-block;
    content: attr(data-active)
}

.pricing-btn .btn-toggle {
    position: relative;
    width: 65px!important;
    height: 30px;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    background-color: var(--gray-800)!important
}

.pricing-btn .btn-toggle:focus {
    outline: none;
    box-shadow: none
}

.pricing-btn .btn-toggle:checked,.pricing-btn .btn-toggle:focus {
    border: none!important;
    background-color: var(--gray-800)!important
}

.pricing-btn label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
    margin: 0 20px;
    color: var(--gray-800)
}

@media (max-width: 767px) {
    .pricing-btn label {
        margin:0 15px
    }
}

.fugu-pricing-wrap {
    padding: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

@media (max-width: 991px) {
    .fugu-pricing-wrap {
        padding:30px
    }
}

.fugu-pricing-wrap.active {
    background-color: var(--gray-800)
}

.fugu-pricing-wrap.active .fugu-pricing-header h5,.fugu-pricing-wrap.active .fugu-pricing-header p {
    color: #fff
}

.fugu-pricing-wrap.active .fugu-pricing-header p {
    opacity: .8
}

.fugu-pricing-wrap.active .fugu-price,.fugu-pricing-wrap.active .fugu-pricing-currency,.fugu-pricing-wrap.active p.bottom_text {
    color: #fff
}

.fugu-pricing-wrap.active .fugu-pricing-body ul li {
    color: #fff;
    opacity: .8
}

.fugu-pricing-wrap.fugu-pricing-wrap {
    margin-bottom: 24px
}

.fugu-pricing-wrap.fugu-pricing-wrap3 {
    padding: 30px;
    background: #fff;
    border: 1px solid rgba(19,17,26,.1);
    border-radius: 10px;
    transition: all .4s
}

.fugu-pricing-wrap.fugu-pricing-wrap3:hover {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 4px 60px #0000000f
}

.fugu-pricing-wrap.fugu-pricing-wrap3:hover a.fugu-pricing-btn {
    border: 2px solid var(--warning-500);
    background-color: var(--warning-500)
}

.fugu-pricing-wrap.fugu-pricing-wrap3 a.fugu-pricing-btn {
    margin: 0;
    padding: 13.5px
}

.fugu-pricing-wrap.fugu-pricing-wrap3 .fugu-pricing-price {
    margin-bottom: 15px
}

.fugu-pricing-wrap.fugu-pricing-wrap3 p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px
}

.fugu-pricing-wrap.fugu-pricing-wrap3 p.bottom_text {
    margin: 0
}

.fugu-pricing-wrap.fugu-pricing-wrap3 .fugu-pricing-body {
    border-top: 1px solid rgba(19,17,26,.1);
    padding: 25px 0 35px
}

.fugu-pricing-wrap.fugu-pricing-wrap3 .fugu-pricing-body span {
    font-size: 16px;
    display: block;
    margin-bottom: 18px;
    font-weight: 600
}

.fugu-pricing-wrap.fugu-pricing-wrap3 .fugu-pricing-body ul li {
    font-weight: 400;
    color: var(--gray-800)
}

.fugu-pricing-wrap.fugu-pricing-wrap3 .fugu-pricing-body ul .disable {
    opacity: .4
}

.fugu-pricing-header {
    margin-bottom: 15px
}

.fugu-pricing-header p {
    font-size: 16px;
    line-height: 24px;
    margin-right: 90px
}

.fugu-pricing-price {
    display: flex;
    align-items: flex-end;
    margin-bottom: 35px
}

.fugu-pricing-currency {
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    bottom: 5px
}

.fugu-pricing-body ul li {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 11px;
    position: relative;
    padding-left: 30px
}

.fugu-pricing-body ul li img {
    left: 0;
    top: 7px;
    position: absolute
}

.fugu-pricing-body ul li:last-child {
    margin-bottom: 0
}

.fugu-price {
    margin: 0;
    font-size: 60px;
    font-family: Inter,sans-serif
}

.fugu-price,p.bottom_text {
    line-height: 1;
    font-weight: 700;
    color: var(--gray-800)
}

p.bottom_text {
    font-size: 20px;
    position: relative;
    bottom: 5px
}

a.fugu-pricing-btn {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    color: var(--gray-800);
    border: 2px solid var(--gray-800);
    transition: all .4s;
    margin-bottom: 40px
}

a.fugu-pricing-btn.active,a.fugu-pricing-btn:hover {
    border: 2px solid var(--warning-500);
    background-color: var(--warning-500)
}

.fugu-pricing-label {
    width: 178px;
    top: 27px;
    right: -42px;
    font-weight: 600;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(44.51deg);
    position: absolute;
    background-color: var(--warning-500)
}

.fugu--circle-shape.circle-six {
    left: 35%;
    top: -70px
}

.fugu--shape1 {
    background: #ff6000;
    opacity: .2;
    scale: .9;
    filter: saturate(180%) blur(40px);
    border-radius: 100%
}

.fugu--circle-shape {
    z-index: -1;
    position: absolute
}

.fugu--circle-shape .waves {
    background: #2c04fe26
}

.fugu--circle-shape .waves.wave-1 {
    animation-delay: 0s
}

.fugu--circle-shape.circle-one {
    top: 15%;
    left: 50%;
    transform: translate(-50%)
}

.fugu--circle-shape.circle-two {
    left: 45px;
    bottom: 30%
}

.fugu--circle-shape.circle-three {
    top: -23%;
    right: 0
}

.fugu--circle-shape.circle-four {
    bottom: 25%;
    left: 70px
}

.fugu--circle-shape.circle-five {
    left: 10%;
    top: 34%
}

.fugu--circle-shape.circle-seven {
    right: 20%;
    bottom: 10%
}

.fugu--circle-shape.circle-eight {
    top: 20%;
    left: 5%
}

.fugu--circle-shape.circle-nine {
    bottom: 18%;
    right: 3%
}

.fugu--shape1 {
    top: 60px;
    right: 0
}

.fugu--shape1,.fugu--shape2 {
    position: absolute;
    z-index: -1
}

.fugu--shape2 {
    top: 50px
}

.fugu--shape3 {
    top: 0;
    right: 0
}

.fugu--shape3,.fugu--shape4 {
    z-index: -1;
    position: absolute
}

.fugu--shape4 {
    top: 50%;
    transform: translateY(-50%)
}

.fugu--hero-shpae1 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 30%
}

.fugu--hero-shpae1 img {
    width: 100%
}

.fugu--hero-shpae2 {
    top: 14%;
    z-index: -1;
    left: 7%;
    width: 28%;
    position: absolute
}

.fugu--hero-shpae2 img {
    width: 100%
}

.fugu--shape-art {
    position: absolute;
    top: -44%;
    z-index: -1;
    right: -42%;
    width: 100%
}

.fugu--shape-art img {
    width: 100%
}

@media (max-width: 1199px) {
    .fugu--shape-art {
        top:-35%;
        right: -35%
    }
}

.fugu--shape-art.fugu--shape-art2 {
    top: -35%;
    right: -5%
}

.fugu--video-shape1,.fugu--video-shape2 {
    width: 71.4%;
    height: 71.4%;
    z-index: -1;
    top: -95px;
    right: -80px;
    position: absolute
}

@media (max-width: 1199px) {
    .fugu--video-shape1,.fugu--video-shape2 {
        right:0
    }
}

@media (max-width: 700px) {
    .fugu--video-shape1,.fugu--video-shape2 {
        display:none
    }
}

.fugu--video-shape2 {
    width: 86.4%;
    height: 100%;
    top: auto;
    right: auto;
    bottom: -46px;
    left: -26%
}

.fugu--content-shape {
    z-index: -1;
    position: absolute;
    bottom: -60%;
    width: 161%;
    height: 161%;
    left: -35%
}

@media (max-width: 1199px) {
    .fugu--content-shape {
        bottom:auto;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}

@media (max-width: 700px) {
    .fugu--content-shape {
        display:none
    }
}

.fugu--content-shape img {
    width: 100%
}

.fugu-section-padding {
    padding: 120px 0
}

@media (max-width: 991px) {
    .fugu-section-padding {
        padding:100px 0
    }
}

@media (max-width: 767px) {
    .fugu-section-padding {
        padding:80px 0
    }
}

.fugu-section-padding2 {
    padding: 110px 0 120px
}

@media (max-width: 991px) {
    .fugu-section-padding2 {
        padding:90px 0 100px
    }
}

@media (max-width: 767px) {
    .fugu-section-padding2 {
        padding:70px 0 80px
    }
}

.fugu-section-padding3 {
    padding: 110px 0 96px
}

@media (max-width: 991px) {
    .fugu-section-padding3 {
        padding:90px 0 76px
    }
}

@media (max-width: 767px) {
    .fugu-section-padding3 {
        padding:70px 0 56px
    }
}

.fugu-section-title {
    text-align: center;
    max-width: 655px;
    margin: 0 auto 75px
}

@media (max-width: 991px) {
    .fugu-section-title {
        margin:0 auto 45px;
        max-width: 590px
    }
}

.fugu-section-title h2 {
    margin: 0
}

.fugu-section-title.title-large h2 {
    font-size: 68px;
    line-height: 75px
}

@media (max-width: 991px) {
    .fugu-section-title.title-large h2 {
        font-size:48px;
        line-height: 60px
    }
}

@media (max-width: 767px) {
    .fugu-section-title.title-large h2 {
        font-size:40px;
        line-height: 50px
    }
}

@media (max-width: 479px) {
    .fugu-section-title.title-large h2 {
        font-size:36px;
        line-height: 46px
    }
}

.fugu-section-title2 {
    margin: 0 auto 75px
}

@media (max-width: 991px) {
    .fugu-section-title2 {
        margin:0 auto 45px;
        max-width: 590px;
        text-align: center
    }
}

.fugu-section-title2 h2 {
    margin: 0 31px 0 0
}

@media (max-width: 991px) {
    .fugu-section-title2 h2 {
        margin:0 auto 15px
    }
}

.fugu-section-title.title-white h2 {
    color: #fff
}

.fugu-default-content.large-content h2 {
    font-size: 68px;
    line-height: 75px
}

@media (max-width: 1399px) {
    .fugu-default-content.large-content h2 {
        font-size:62px;
        line-height: 70px
    }
}

@media (max-width: 1199px) {
    .fugu-default-content.large-content h2 {
        font-size:48px;
        line-height: 60px
    }
}

@media (max-width: 767px) {
    .fugu-default-content.large-content h2 {
        font-size:40px;
        line-height: 50px
    }
}

@media (max-width: 479px) {
    .fugu-default-content.large-content h2 {
        font-size:36px;
        line-height: 46px
    }
}

.fugu-default-content.content-white h2 {
    color: #fff
}

.fugu--section-padding {
    padding: 112px 0 120px
}

@media (max-width: 991px) {
    .fugu--section-padding {
        padding:90px 0 100px
    }
}

@media (max-width: 767px) {
    .fugu--section-padding {
        padding:70px 0 80px
    }
}

.fugu--section-padding2 {
    padding: 110px 0 95px
}

@media (max-width: 991px) {
    .fugu--section-padding2 {
        padding:90px 0 75px
    }
}

@media (max-width: 767px) {
    .fugu--section-padding2 {
        padding:70px 0 55px
    }
}

.fugu--section-padding-bottom {
    padding: 0 0 120px
}

@media (max-width: 991px) {
    .fugu--section-padding-bottom {
        padding:0 0 100px
    }
}

@media (max-width: 767px) {
    .fugu--section-padding-bottom {
        padding:0 0 80px
    }
}

.fugu--section-title {
    max-width: 708px;
    text-align: center;
    margin: 0 auto 75px
}

@media (max-width: 991px) {
    .fugu--section-title {
        margin:0 auto 50px
    }
}

.fugu--section-title h2 {
    font-family: Space Grotesk,sans-serif
}

.fugu--section-title .fugu--default-content p {
    padding: 0 20px
}

@media (max-width: 767px) {
    .fugu--section-title .fugu--default-content p {
        padding:0
    }
}

.fugu--section-title-wrap {
    display: flex;
    margin-bottom: 80px;
    align-items: flex-end;
    justify-content: space-between
}

@media (max-width: 991px) {
    .fugu--section-title-wrap {
        display:block;
        margin: 0 auto 60px
    }
}

.fugu--section-title-wrap .fugu--section-title {
    text-align: left;
    margin: 0;
    max-width: 510px
}

@media (max-width: 991px) {
    .fugu--section-title-wrap .fugu--section-title {
        margin:0 auto;
        text-align: center
    }
}

.fugu--section-title-wrap .fugu--section-title p {
    margin: 0;
    padding: 0
}

.fugu--default-content h2,.fugu--default-content.content-sm h2 {
    font-family: Space Grotesk,sans-serif;
    color: #fff
}

.fugu--default-content.content-sm h2 {
    font-size: 42px;
    line-height: 48px
}

@media (max-width: 991px) {
    .fugu--default-content.content-sm h2 {
        font-size:40px
    }
}

@media (max-width: 767px) {
    .fugu--default-content.content-sm h2 {
        font-size:32px;
        line-height: 40px
    }
}

.fugu--default-content p {
    color: #fff
}

@media (max-width: 767px) {
    .fugu--default-content p {
        font-size:16px;
        line-height: 26px
    }
}

.fugu--default-content.content-black h2 {
    color: var(--gray-800);
    font-family: Public Sans,sans-serif
}

.fugu--default-content.content-black p {
    opacity: .8;
    color: var(--gray-800)
}

.fugu--section-title2 {
    margin-bottom: 65px
}

@media (max-width: 991px) {
    .fugu--section-title2 {
        margin-bottom:45px;
        text-align: center
    }
}

.fugu-apps-thumb {
    position: relative;
    transform: rotate(-5deg);
    margin-left: 60px
}

@media (max-width: 1200px) {
    .fugu-apps-thumb {
        margin:0
    }
}

@media (max-width: 991px) {
    .fugu-apps-thumb {
        margin:0 0 50px;
        text-align: center;
        transform: none!important
    }
}

.fugu-apps-thumb.fugu-apps-thumb2 {
    transform: rotate(-5deg)
}

.fugu-shape3 {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 6%
}

@media (max-width: 1650px) {
    .fugu-shape3 {
        left:-5%
    }
}

@media (max-width: 1199px) {
    .fugu-shape3 {
        left:-12%
    }
}

@media (max-width: 991px) {
    .fugu-shape3 {
        left:5%
    }
}

@media (max-width: 767px) {
    .fugu-shape3 {
        display:none
    }
}

.fugu-error-content {
    padding: 190px 0 110px;
    text-align: center;
    max-width: 640px;
    margin: 0 auto
}

@media (max-width: 991px) {
    .fugu-error-content {
        padding:150px 0 90px
    }
}

@media (max-width: 767px) {
    .fugu-error-content {
        padding:130px 0 70px
    }
}

.fugu-error-content h1 {
    font-size: 150px;
    line-height: 176px
}

@media (max-width: 991px) {
    .fugu-error-content h1 {
        font-size:120px;
        line-height: 140px
    }
}

@media (max-width: 767px) {
    .fugu-error-content h1 {
        font-size:100px;
        line-height: 120px
    }
}

.fugu-error-content p {
    margin-bottom: 55px;
    padding: 0 30px
}

@media (max-width: 991px) {
    .fugu-error-content p {
        margin-bottom:35px
    }
}

@media (max-width: 767px) {
    .fugu-error-content p {
        padding:0
    }
}

.coming-soon-section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.coming-soon-column {
    text-align: center;
    margin: 0 auto
}

.coming-soon-logo {
    margin-bottom: 90px
}

@media (max-width: 991px) {
    .coming-soon-logo {
        margin-bottom:50px
    }
}

.coming-soon-content {
    max-width: 505px;
    margin: 0 auto 80px
}

@media (max-width: 991px) {
    .coming-soon-content {
        margin:0 auto 40px
    }
}

.fugu-countdown-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 80px
}

@media (max-width: 991px) {
    .fugu-countdown-wrap {
        margin-bottom:40px
    }
}

@media (max-width: 575px) {
    .fugu-countdown-wrap {
        flex-wrap:wrap
    }
}

.fugu-countdown-item {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    display: flex;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray-800)
}

@media (max-width: 767px) {
    .fugu-countdown-item {
        width:150px;
        height: 150px
    }
}

.fugu-countdown-item:nth-child(2),.fugu-countdown-item:nth-child(3),.fugu-countdown-item:nth-child(4) {
    margin-left: -30px
}

@media (max-width: 767px) {
    .fugu-countdown-item:nth-child(2),.fugu-countdown-item:nth-child(3),.fugu-countdown-item:nth-child(4) {
        margin-left:-15px
    }
}

.fugu-countdown-item .number {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 48px;
    color: var(--gray-800)
}

@media (max-width: 991px) {
    .fugu-countdown-item .number {
        font-size:40px
    }
}

@media (max-width: 767px) {
    .fugu-countdown-item .number {
        font-size:36px
    }
}

.fugu-countdown-item p {
    font-size: 16px
}

.fugu-go-top {
    position: fixed;
    bottom: 10%;
    right: 3%;
    z-index: 9999;
    cursor: pointer;
    -webkit-font-smoothing: antialiased
}

.fugu-go-top:before {
    content: "";
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    position: absolute;
    background-color: var(--warning-500);
    transform: translate(-50%,-50%)
}

.fugu-go-top img {
    transform: rotate(-90deg)
}

.fugu-btn-wrap {
    margin-top: 55px
}

@media (max-width: 991px) {
    .fugu-btn-wrap {
        margin-top:40px
    }
}

.fugu--slider-section {
    margin-top: 5rem;
    padding-top: 3rem;
    background-color: var(--gray-800);
    position: relative;
    z-index: 0
}

.fugu--slider-one .slick-slide {
    padding: 2px 12px
}

.fugu--slider-one .fugu--arrow,.fugu--slider-one .prev-arrow {
    left: -30px;
    top: 50%;
    z-index: 9;
    position: absolute;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    color: #201c2c;
    font-size: 20px;
    cursor: pointer;
    border-radius: 100%;
    background-size: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: var(--gray-10);
    border: 5px solid #0a1849;
    transition: all .4s
}

.fugu--slider-one .fugu--arrow {
    left: auto;
    right: -30px
}

@media (max-width: 575px) {
    .fugu--slider-one .fugu--arrow,.fugu--slider-one .prev-arrow {
        left:-10px;
        top: 50%;
        z-index: 9;
        position: absolute;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        color: #201c2c;
        font-size: 20px;
        cursor: pointer;
        border-radius: 100%;
        background-size: 10px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-color: var(--gray-10);
        border: 5px solid #0a1849;
        transition: all .4s
    }

    .fugu--slider-one .fugu--arrow {
        left: auto;
        right: -10px
    }
}

.slick-next:before,.slick-prev:before {
    display: none
}

.fugu--slider-one .slick-slide.slick-current.slick-active .fugu--btn:before {
    opacity: 1
}

.fugu--slider-one .slick-slide.slick-current.slick-active .fugu--btn {
    color: var(--gray-10)
}

.fugu--slider-one .slick-slide.slick-current.slick-active .fugu--card-wrap {
    box-shadow: 0 0 0 1px #fff0
}

.fugu--slider-one .slick-slide.slick-current.slick-active .fugu--card-wrap:before {
    opacity: 1
}

.fugu--portfolio-section {
    position: relative;
    z-index: 0
}

.fugu--portfolio-section .fugu--section-title {
    margin: 0 auto 55px
}

.fugu--portfolio-menu {
    margin-bottom: 55px
}

@media (max-width: 991px) {
    .fugu--portfolio-menu {
        margin-bottom:35px
    }
}

.fugu--portfolio-menu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    .fugu--portfolio-menu ul {
        justify-content:space-between
    }
}

.fugu--portfolio-menu ul li {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    border-radius: 10px;
    padding: 2px;
    margin: 0 10px;
    color: #fff;
    cursor: pointer;
    transition: all .4s;
    background: linear-gradient(90deg,#ffe715,#e715ff,#15ffe7)
}

.fugu--portfolio-menu ul li.active,.fugu--portfolio-menu ul li.active span {
    transition: all .4s;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

@media (max-width: 1199px) {
    .fugu--portfolio-menu ul li {
        margin:0 0 15px;
        flex: 0 0 32.2%
    }
}

@media (max-width: 767px) {
    .fugu--portfolio-menu ul li {
        flex:0 0 48.5%
    }
}

@media (max-width: 420px) {
    .fugu--portfolio-menu ul li {
        flex:0 0 100%
    }
}

.fugu--portfolio-menu ul li img {
    margin-right: 10px
}

.fugu--portfolio-menu ul li span {
    display: flex;
    align-items: center;
    height: 55px;
    padding: 10px 20.5px;
    border-radius: 10px;
    width: 100%;
    justify-content: center;
    background-color: var(--gray-800)
}

.fugu--portfolio-section {
    background-color: var(--gray-800)
}

.fugu--portfolio-section .fugu--card-wrap {
    margin-bottom: 24px;
    margin-left: 24px
}

.fugu--portfolio-wrap {
    margin-left: -24px
}

.fugu--portfolio-btn {
    text-align: center;
    margin-top: 56px
}

@media (max-width: 991px) {
    .fugu--portfolio-btn {
        margin-top:35px
    }

    .fugu--section-button {
        margin-top: 35px;
        text-align: center
    }
}

.fugu--text-slider-section {
    padding: 22px 0;
    overflow: hidden;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

.fugu--text-slider-data {
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    flex-direction: row-reverse
}

@media (max-width: 600px) {
    .fugu--text-slider-data {
        text-align:center;
        display: block!important
    }
}

.fugu--text-slider-data h3 {
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0 15px;
    color: #fff;
    line-height: 36px
}

@media (max-width: 991px) {
    .fugu--text-slider-data h3 {
        font-size:24px
    }
}

.fugu--text-slider-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

.fugu--text-slider-icon img {
    width: 40px
}

@media (max-width: 600px) {
    .fugu--text-slider-icon {
        margin-bottom:10px
    }
}

.fugu--roadmap-section {
    padding: 115px 0 80px;
    background-color: var(--gray-800)
}

@media (max-width: 991px) {
    .fugu--roadmap-section {
        padding:100px 0 60px
    }
}

@media (max-width: 767px) {
    .fugu--roadmap-section {
        padding:80px 0 40px
    }
}

.fugu--roadmap-section .fugu--iconbox-wrap {
    margin-bottom: 40px
}

.fugu--newslatter-section {
    z-index: 0;
    position: relative;
    background-color: var(--gray-800)
}

.fugu--newslatter-wrap {
    border-radius: 10px;
    padding: 100px;
    text-align: center;
    position: relative;
    background: #201c2c
}

@media (max-width: 991px) {
    .fugu--newslatter-wrap {
        padding:70px
    }
}

@media (max-width: 767px) {
    .fugu--newslatter-wrap {
        padding:50px
    }
}

@media (max-width: 400px) {
    .fugu--newslatter-wrap {
        padding:30px
    }
}

.fugu--newslatter-wrap .fugu--section-title {
    max-width: 585px;
    margin: 0 auto 40px
}

.fugu--newslatter-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    transition: all .4s;
    border-radius: inherit;
    background: linear-gradient(90deg,#ffe715,#e715ff,#15ffe7)
}

.fugu-text-slider-section {
    padding: 40px 0;
    background-color: var(--warning-200)
}

@media (max-width: 1280px) {
    .fugu-text-slider-section {
        padding:0
    }
}

.fugu-text-slider-area1 {
    padding: 21px 0;
    background-color: var(--primary-600);
    transform: rotate(-2.5deg)
}

@media (max-width: 1669px) {
    .fugu-text-slider-area1 {
        padding:13px 0
    }
}

@media (max-width: 1280px) {
    .fugu-text-slider-area1 {
        margin:0;
        transform: rotate(0)
    }
}

.fugu-text-slider-area2 {
    padding: 21px 0;
    background-color: var(--success-500);
    transform: rotate(3deg);
    margin-top: -84px
}

@media (max-width: 1669px) {
    .fugu-text-slider-area2 {
        padding:13px 0;
        margin-top: -65px
    }
}

@media (max-width: 1280px) {
    .fugu-text-slider-area2 {
        margin:0;
        transform: rotate(0)
    }
}

.fugu-text-slider-data {
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    flex-direction: row-reverse
}

@media (max-width: 767px) {
    .fugu-text-slider-data {
        text-align:center;
        display: block!important
    }
}

.fugu-text-slider-data h3 {
    font-weight: 700;
    font-size: 28px;
    display: inline-block;
    margin: 0 15px;
    line-height: 36px;
    letter-spacing: 1px;
    color: var(--gray-800)
}

@media (max-width: 1669px) {
    .fugu-text-slider-data h3 {
        font-size:22px
    }
}

@media (max-width: 1500px) {
    .fugu-text-slider-data h3 {
        font-size:18px
    }
}

.fugu-text-slider-icon {
    flex-shrink: 0
}

.fugu-text-slider-icon img {
    margin: 0 auto
}

@media (max-width: 600px) {
    .fugu-text-slider-icon {
        margin-bottom:10px
    }
}

.fugu-trading-card-thumb {
    position: relative;
    padding-left: 140px;
    z-index: 2
}

@media (max-width: 766px) {
    .fugu-trading-card-thumb {
        padding-left:70px
    }
}

@media (max-width: 991px) {
    .fugu-trading-card-thumb img {
        width:100%
    }

    .fugu-trading-card-thumb {
        margin-bottom: 40px
    }
}

.fugu-trading-card-thumb2 {
    top: 50%;
    left: 0;
    z-index: 1;
    width: 33.5%;
    position: absolute;
    transform: translateY(-50%)
}

.fugu-trading-card-thumb2 img {
    width: 100%
}

.fugu-trading-card2 {
    text-align: right
}

.fugu-trading-card2 .fugu-trading-card-thumb {
    padding-left: 0
}

@media (max-width: 991px) {
    .fugu-trading-card2 .fugu-trading-card-thumb {
        padding-left:160px;
        margin-bottom: 80px
    }
}

@media (max-width: 767px) {
    .fugu-trading-card2 .fugu-trading-card-thumb {
        padding-left:80px
    }
}

@media (max-width: 575px) {
    .fugu-trading-card2 .fugu-trading-card-thumb {
        margin-bottom:50px
    }
}

.fugu-trading-card2 .fugu-trading-card-thumb2 {
    top: auto;
    left: 16%;
    transform: none;
    bottom: -8%;
    width: 39%
}

@media (max-width: 1399px) {
    .fugu-trading-card2 .fugu-trading-card-thumb2 {
        left:5%
    }
}

@media (max-width: 991px) {
    .fugu-trading-card2 .fugu-trading-card-thumb2 {
        left:0
    }
}

.fugu-trading-card2 .fugu-shape7 {
    top: -29%;
    z-index: -1;
    right: -27%
}

.fugu-trading-card2 .fugu-shape6 {
    top: 22%;
    left: -3%
}

.fugu-shape6 {
    position: absolute;
    top: -10%;
    left: -23%;
    z-index: 0
}

@media (max-width: 766px) {
    .fugu-shape6 {
        left:-40%
    }
}

@media (max-width: 575px) {
    .fugu-shape6 {
        display:none
    }
}

.fugu-shape7 {
    position: absolute;
    top: -35%;
    z-index: -1;
    right: -13%
}

@media (max-width: 575px) {
    .fugu-shape7 {
        display:none
    }
}

.fugu-trading-section2 {
    padding: 120px 0 150px;
    overflow: hidden;
    background-color: var(--warning-100)
}

@media (max-width: 1399px) {
    .fugu-trading-section2 {
        padding:120px 0
    }
}

@media (max-width: 991px) {
    .fugu-trading-section2 {
        padding:100px 0
    }
}

@media (max-width: 767px) {
    .fugu-trading-section2 {
        padding:80px 0
    }
}

.fugu--text-slider-section2 {
    background: var(--gray-800)
}

.fugu--about-section {
    overflow: hidden;
    padding: 120px 0
}

@media (max-width: 991px) {
    .fugu--about-section {
        padding:100px 0
    }
}

@media (max-width: 767px) {
    .fugu--about-section {
        padding:80px 0
    }
}

@media (max-width: 991px) {
    .fugu--about-section .fugu--default-content {
        max-width:500px
    }
}

.fugu--swiper-slider-wrap {
    position: relative
}

@media (max-width: 991px) {
    .fugu--swiper-slider-wrap {
        margin-bottom:40px
    }
}

.fugu--double-star {
    position: absolute;
    left: -90px;
    bottom: 15%;
    animation: float 3s ease-in-out infinite
}

.fugu--artwork-section {
    z-index: 0;
    overflow: hidden;
    position: relative;
    padding: 120px 0;
    background: linear-gradient(180deg,#fff0 -51.59%,#eee6d0 119.2%)
}

@media (max-width: 991px) {
    .fugu--artwork-section {
        padding:100px 0 0
    }
}

@media (max-width: 767px) {
    .fugu--artwork-section {
        padding:80px 0 0
    }
}

@media (max-width: 991px) {
    .fugu--artwork-section .fugu--default-content {
        max-width:500px
    }
}

.fugu--artwork-right {
    text-align: right;
    position: relative;
    z-index: 0
}

@media (max-width: 991px) {
    .fugu--artwork-right {
        text-align:center
    }
}

.fugu--artwork-right.left {
    text-align: left
}

@media (max-width: 991px) {
    .fugu--artwork-right.left {
        text-align:center
    }
}

.fugu--artwork-thumb {
    display: inline-block;
    position: relative;
    transform: rotate(3deg)
}

@media (max-width: 991px) {
    .fugu--artwork-thumb {
        transform:rotate(0)!important;
        margin-bottom: 40px
    }
}

.fugu--artwork-data {
    position: absolute;
    left: -105px;
    bottom: 50px;
    background-size: cover;
    background-position: 50%;
    padding-top: 14px;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 575px) {
    .fugu--artwork-data {
        width:150px;
        height: 150px;
        left: 0;
        bottom: 0
    }
}

.fugu--artwork-data p {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0a1849;
    transform: rotate(-10deg)
}

@media (max-width: 575px) {
    .fugu--artwork-data p {
        font-size:14px;
        line-height: 20px
    }
}

.fugu--collection-section {
    background-color: var(--warning-600)
}

.fugu--roadmap-v2 {
    background: linear-gradient(180deg,#eee6d0 -29.02%,#fff0 160.21%)
}

.fugu--roadmap-v2 .fugu--section-title {
    max-width: 485px;
    text-align: left;
    margin: 0 0 75px
}

@media (max-width: 991px) {
    .fugu--roadmap-v2 .fugu--section-title {
        margin:0 0 50px
    }
}

.fugu--roadmap-v2 .fugu--section-title p {
    padding: 0
}

.fugu--client-section {
    padding: 0 0 120px;
    background-color: var(--gray-800)
}

@media (max-width: 1199px) {
    .fugu--client-section {
        padding:0 0 100px
    }
}

@media (max-width: 767px) {
    .fugu--client-section {
        padding:0 0 80px
    }
}

.fugu--client-title {
    margin-bottom: 60px;
    text-align: center
}

.fugu--client-title p {
    font-weight: 600;
    font-size: 24px;
    margin: 0;
    color: #fff
}

.fugu--content-section,.fugu--feature-section {
    background-color: var(--gray-800)
}

.fugu--content-section {
    z-index: 0;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat
}

.fugu--content-top {
    padding: 0 0 120px
}

@media (max-width: 991px) {
    .fugu--content-top {
        padding:0 0 100px
    }
}

@media (max-width: 767px) {
    .fugu--content-top {
        padding:0 0 80px
    }
}

.fugu--content-top .fugu--default-content {
    margin-right: 51px
}

@media (max-width: 991px) {
    .fugu--content-top .fugu--default-content {
        max-width:550px
    }
}

@media (max-width: 575px) {
    .fugu--content-top .fugu--default-content {
        margin-right:0
    }
}

.fugu--content-top .fugu--content-thumb {
    z-index: 0;
    text-align: right;
    position: relative
}

@media (max-width: 1199px) {
    .fugu--content-top .fugu--content-thumb {
        text-align:center;
        margin: 0 auto 50px
    }
}

.fugu--content-bottom .fugu--content-thumb {
    z-index: 0;
    position: relative
}

@media (max-width: 1199px) {
    .fugu--content-bottom .fugu--content-thumb {
        text-align:center;
        margin: 0 auto 50px
    }
}

.fugu--content-bottom .fugu--content-thumb .fugu--bitcoin {
    position: absolute;
    bottom: 10px;
    right: -90px;
    width: 87%;
    animation: float 3s ease-in-out infinite
}

@media (max-width: 991px) {
    .fugu--content-bottom .fugu--content-thumb .fugu--bitcoin {
        right:-40px
    }
}

@media (max-width: 479px) {
    .fugu--content-bottom .fugu--content-thumb .fugu--bitcoin {
        right:0
    }
}

.fugu--content-bottom .fugu--default-content {
    padding: 0 20px
}

@media (max-width: 1199px) {
    .fugu--content-bottom .fugu--default-content {
        padding:0
    }
}

@media (max-width: 991px) {
    .fugu--content-bottom .fugu--default-content {
        max-width:550px
    }
}

.fugu--meta {
    margin-top: 35px
}

.fugu--meta ul li {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    padding-left: 33px;
    margin-bottom: 15px;
    color: #fff
}

.fugu--meta ul li:last-child {
    margin-bottom: 0
}

.fugu--meta ul li img {
    position: absolute;
    left: 0;
    top: 5px
}

.fugu--testimonial-section {
    background-color: var(--gray-800)
}

.fugu--faq-section2.fugu--section-padding {
    background-size: cover
}

.fugu-innovative-services-section {
    padding-top: 120px
}

@media (max-width: 991px) {
    .fugu-innovative-services-section {
        padding-top:100px
    }
}

@media (max-width: 767px) {
    .fugu-innovative-services-section {
        padding-top:80px
    }
}

@media (max-width: 1199px) {
    .fugu-innovative-services-section .fugu-default-content h2 {
        font-size:40px;
        line-height: 48px
    }
}

@media (max-width: 767px) {
    .fugu-innovative-services-section .fugu-default-content h2 {
        font-size:32px;
        line-height: 40px
    }
}

@media (max-width: 991px) {
    .fugu-innovative-services-thumb img {
        width:100%;
        height: 100%
    }

    .fugu-innovative-services-thumb {
        padding-bottom: 30px
    }
}

.fugu-chart-thumb {
    background: #fff;
    box-shadow: 0 4px 60px #0000000f;
    border-radius: 10px;
    padding: 18px
}

@media (max-width: 991px) {
    .fugu-chart-thumb {
        margin-bottom:30px
    }
}

.fugu-about-section {
    padding: 120px 0 140px
}

@media (max-width: 991px) {
    .fugu-about-section {
        padding:100px 0
    }
}

@media (max-width: 767px) {
    .fugu-about-section {
        padding:80px 0
    }
}

@media (max-width: 1199px) {
    .fugu-about-section .fugu-default-content h2 {
        font-size:40px;
        line-height: 48px
    }
}

@media (max-width: 767px) {
    .fugu-about-section .fugu-default-content h2 {
        font-size:32px;
        line-height: 40px
    }
}

.fugu-about-thumb {
    position: relative;
    display: inline-block
}

.fugu-about-thumb img {
    width: 100%
}

@media (max-width: 1199px) {
    .fugu-about-thumb {
        margin-right:50px
    }
}

@media (max-width: 991px) {
    .fugu-about-thumb {
        display:block;
        margin: 0 0 50px;
        padding-right: 100px
    }
}

@media (max-width: 479px) {
    .fugu-about-thumb {
        padding-right:50px
    }
}

.fugu-about-thumb2 {
    bottom: -20px;
    right: -22%;
    position: absolute;
    width: 57.87%;
    border-radius: 10px;
    transform: rotate(5deg);
    filter: drop-shadow(10px 14px 50px rgba(0,0,0,.15))
}

@media (max-width: 1199px) {
    .fugu-about-thumb2 {
        right:-10%;
        position: absolute;
        width: 50%
    }
}

@media (max-width: 991px) {
    .fugu-about-thumb2 {
        right:12px;
        width: 40%
    }
}

.fugu-counter-rating {
    margin-top: 30px
}

.fugu-counter-rating ul {
    display: flex;
    align-items: center
}

@media (max-width: 1199px) {
    .fugu-counter-rating ul {
        justify-content:center
    }
}

.fugu-counter-rating ul li {
    margin: 0 2px;
    line-height: 1;
    display: inline-block;
    font-size: 16px;
    color: #ffffffb3
}

.fugu-counter-rating ul li:first-child {
    margin-right: 20px
}

.fugu-counter-rating ul li:last-child {
    margin-left: 10px
}

.fugu--about-hero-section.dark-version {
    background-size: cover;
    padding: 200px 0 120px;
    background-color: var(--gray-800)
}

@media (max-width: 767px) {
    .fugu--about-hero-section.dark-version {
        padding:60px 0
    }
}

.fugu--about-section2 {
    z-index: 0;
    position: relative;
    background-color: var(--gray-800)
}

.fugu--about-section2 .fugu--hero-content {
    max-width: 100%
}

.fugu--about-section2 .fugu--section-title {
    max-width: 855px
}

.fugu--about-section2 .fugu--section-title p {
    margin-right: 0
}

.fugu--thumb-thumb2 {
    border-radius: 12px;
    overflow: hidden
}

.fugu--shpae5 {
    position: absolute;
    top: -20%;
    right: 0;
    z-index: -1
}

.exeter-signal-loaded.exeter-signal {
    margin-top: 0
}

.exeter-signal {
    margin-top: -200px;
    transition: all .4s
}

.fugu--vision-section {
    padding: 5px 0;
    overflow: hidden;
    background-color: var(--gray-800)
}

@media (max-width: 991px) {
    .fugu--vision-section {
        padding:5px 0 0
    }
}

.swiper-cards .swiper-slide {
    overflow: inherit
}

.fugu--video-section2 {
    background-color: var(--gray-800)
}

.fugu--video-section2 .fugu--default-content.content-sm h2 {
    padding: 0 30px
}

@media (max-width: 540px) {
    .fugu--video-section2 .fugu--default-content.content-sm h2 {
        padding:0
    }
}

.fugu--video-section2 .fugu--video-thumb {
    margin: 0
}

.fugu--faq-section.dark-version {
    background-color: var(--gray-800)
}

.fugu--faq-section.dark-version .fugu--section-title {
    margin: 0 auto 45px
}

@media (max-width: 991px) {
    .fugu--faq-section.dark-version .fugu--section-title {
        margin:0 auto 25px
    }

    .fugu--faq-section.dark-version .fugu--default-content {
        margin: 0 auto;
        max-width: 600px;
        text-align: center
    }
}

.fugu--feature2-section {
    background: linear-gradient(180deg,#fff0 -51.59%,#eee6d0 119.2%)
}

.fugu--feature-wrap {
    padding: 0 45px 90px;
    margin-bottom: 24px;
    border-left: 1px solid rgba(19,17,26,.2)
}

@media (max-width: 1400px) {
    .fugu--feature-wrap {
        padding:0 0 90px 30px
    }
}

@media (max-width: 1199px) {
    .fugu--feature-wrap {
        padding-bottom:0;
        padding-right: 0
    }
}

@media (max-width: 991px) {
    .fugu--feature-wrap {
        padding:0 0 0 25px
    }
}

.fugu--feature-data h2 {
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 30px;
    color: #ff6b55;
    font-family: Space Grotesk,sans-serif
}

.fugu--feature-data span {
    display: block;
    font-size: 30px;
    line-height: 1;
    letter-spacing: -1px;
    margin-bottom: 20px;
    color: var(--gray-800)
}

@media (max-width: 575px) {
    .fugu--feature-data span {
        font-size:24px;
        margin-bottom: 15px
    }
}

.fugu--feature-data p {
    color: #0a1849;
    opacity: .8
}

.fugu--feature-data p:last-child {
    margin: 0
}

.col-xl-4.col-md-6:nth-child(2) .fugu--feature-wrap {
    padding-top: 90px;
    padding-bottom: 0
}

@media (max-width: 1199px) {
    .col-xl-4.col-md-6:nth-child(2) .fugu--feature-wrap {
        padding-top:0
    }
}

.fugu-blog-card {
    padding: 20px;
    border: 1px solid var(--gray-700);
    transition: all .4s;
    margin-bottom: 24px;
    border-radius: 10px
}

.fugu-blog-card:hover img {
    transform: scale(1.07) rotate(2deg)
}

.fugu-blog-card:hover {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 4px 60px #0000000f
}

.fugu-blog-thumb {
    overflow: hidden;
    height: 263px;
    margin-bottom: 20px;
    border-radius: 10px
}

.fugu-blog-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    border-radius: 8px;
    transition: all .4s
}

@media (max-width: 991px) {
    .fugu-blog-thumb {
        height:auto
    }
}

.fugu-blog-meta {
    margin-bottom: 18px
}

.fugu-blog-meta ul li {
    font-size: 16px;
    padding-right: 25px;
    position: relative;
    display: inline-block
}

.fugu-blog-meta ul li:before {
    content: "";
    right: 5px;
    top: 13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    background-color: #13111acc
}

.fugu-blog-meta ul li:last-child:before {
    content: none
}

.fugu-blog-meta ul li a {
    color: #13111acc
}

.fugu-blog-meta ul li a:hover {
    color: var(--warning-500)
}

.fugu-blog-content h5 {
    margin-bottom: 7px
}

.fugu-blog-content h5 a {
    color: var(--gray-800)
}

.fugu-blog-content h5 a:hover {
    color: var(--warning-500)
}

.fugu-blog-content p {
    font-size: 16px;
    margin-bottom: 20px
}

.fugu-blog-sidebar {
    border: 1px solid var(--gray-700);
    border-radius: 10px;
    padding: 30px
}

@media (max-width: 991px) {
    .fugu-blog-sidebar {
        margin-top:40px
    }
}

.fugu-product-search {
    position: relative
}

#fugu-search-btn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.fugu-product-search input {
    padding: 10px 35px 10px 20px!important;
    border-radius: 4px
}

.fugu-sidebar-item {
    margin-bottom: 35px
}

.fugu-sidebar-item:last-child {
    margin-bottom: 0
}

.fugu-sidebar-item-title {
    margin-bottom: 25px
}

.fugu-sidebar-item-title h5 {
    margin: 0;
    font-size: 18px;
    line-height: 38px;
    font-weight: 600;
    display: inline-block;
    font-family: Inter,sans-serif;
    border-bottom: 2px solid var(--gray-800)
}

.fugu-categories ul li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(19,17,26,.1)
}

.fugu-categories ul li:last-child {
    padding: 0;
    margin: 0;
    border: none
}

.fugu-categories ul li a {
    display: block;
    color: var(--gray-800);
    transition: all .4
}

.fugu-categories ul li a:hover {
    color: var(--warning-500)
}

.fugu-recent-post-item {
    margin-bottom: 30px
}

.fugu-recent-post-item:last-child {
    margin-bottom: 0
}

.fugu-recent-post-item a {
    display: block
}

.fugu-recent-post-item a img {
    margin-bottom: 13px;
    border-radius: 3px;
    width: 100%;
    height: 100%
}

.fugu-recent-post-item .fugu-blog-meta {
    margin-bottom: 10px
}

.fugu-recent-post-item h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    font-family: Inter,sans-serif
}

.fugu-recent-post-item h6 a {
    color: var(--gray-800)
}

.fugu-tags ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.fugu-tags ul li {
    flex: 0 0 48%;
    margin-bottom: 15px
}

.fugu-tags ul li a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 13px 10px;
    line-height: 24px;
    color: var(--gray-800);
    border-radius: 3px;
    transition: all .4s;
    background-color: #02021e08
}

.fugu-tags ul li a:hover {
    background-color: var(--warning-500)
}

.fugu-blog-single-wrap {
    margin-right: 40px
}

@media (max-width: 1199px) {
    .fugu-blog-single-wrap {
        margin:0
    }
}

.fugu-blog-single-wrap a {
    display: block
}

.fugu-blog-single-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    margin-bottom: 20px
}

.fugu-blog-single-wrap .fugu-blog-meta {
    margin-bottom: 35px
}

.fugu-blog-single-wrap ul li span {
    margin-right: 7px
}

.fugu-user-wrap {
    margin: 40px 0;
    padding: 29px;
    display: flex;
    border-radius: 10px;
    position: relative;
    background-color: var(--warning-300)
}

@media (max-width: 767px) {
    .fugu-user-wrap {
        display:block
    }
}

.fugu-user-thumb {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%
}

@media (max-width: 767px) {
    .fugu-user-thumb {
        margin:0 0 15px
    }
}

.fugu-user-thumb img {
    -o-object-fit: cover;
    object-fit: cover
}

.fugu-user-data ul {
    margin-bottom: 15px
}

.fugu-user-data ul li {
    font-size: 16px;
    display: inline-block;
    font-weight: 700;
    padding-right: 20px;
    position: relative
}

.fugu-user-data ul li:last-child {
    padding-right: 0
}

.fugu-user-data ul li:before {
    content: "";
    right: 4px;
    top: 13px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    position: absolute;
    background-color: #13111acc
}

.fugu-user-data ul li:last-child:before {
    content: none
}

.fugu-user-data ul li span {
    font-weight: 400;
    font-size: 14px
}

.fugu-user-data p {
    font-size: 16px;
    line-height: 24px
}

.fugu-blog-post-wrap {
    padding: 40px 0 35px;
    border-top: 1px solid rgba(19,17,26,.1);
    border-bottom: 1px solid rgba(19,17,26,.1);
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .fugu-blog-post-wrap {
        display:block
    }
}

.fugu-blog-post-column {
    flex: 0 0 37%
}

.fugu-blog-post-column h6 {
    font-size: 18px;
    line-height: 26px;
    margin: 0
}

.fugu-blog-post-column.post-column-right {
    text-align: right
}

@media (max-width: 767px) {
    .fugu-blog-post-column.post-column-right {
        margin-top:30px
    }
}

.fugu-blog-post-column.post-column-right .fugu-blog-post-arrow {
    justify-content: flex-end
}

.fugu-blog-post-column.post-column-right .fugu-blog-post-arrow-icon {
    margin-right: 0;
    margin-left: 15px
}

.fugu-blog-post-arrow {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.fugu-blog-post-arrow:hover .fugu-blog-post-arrow-icon {
    background-color: var(--warning-500);
    border: 1px solid var(--warning-500)
}

.fugu-blog-post-arrow:hover .fugu-blog-post-arrow-data p {
    color: var(--gray-800)
}

.fugu-blog-post-arrow-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    flex-shrink: 0;
    margin-right: 15px;
    transition: all .4s;
    border: 1px solid rgba(19,17,26,.1)
}

.fugu-blog-post-arrow-icon img {
    margin: 0;
    width: 18px;
    height: auto
}

.fugu-blog-post-arrow-data p {
    font-weight: 600;
    color: #13111acc
}

.fugu-comment-section h5 {
    margin-bottom: 40px
}

.fugu-comment-item {
    display: flex;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
    border-bottom: 1px solid rgba(19,17,26,.1)
}

.fugu-comment-item:last-child {
    border: none;
    margin: 0;
    padding: 0
}

.fugu-comment-item:nth-child(2) {
    padding-left: 90px
}

@media (max-width: 767px) {
    .fugu-comment-item:nth-child(2) {
        padding-left:0
    }
}

.fugu-comment-author {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 20px
}

.fugu-comment-author.author2 {
    width: 50px;
    height: 50px
}

.fugu-comment-author img {
    -o-object-fit: cover;
    object-fit: cover
}

.fugu-comment-author-data {
    margin-right: 90px
}

@media (max-width: 767px) {
    .fugu-comment-author-data {
        margin-right:0
    }
}

.fugu-comment-author-data h6 {
    font-size: 14px;
    font-weight: 600;
    font-family: Inter,sans-serif;
    margin-bottom: 5px
}

.fugu-comment-author-data span {
    display: block;
    font-size: 14px;
    margin-bottom: 15px
}

a.comment-reply {
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--gray-800);
    transition: all .4s
}

a.comment-reply:hover {
    color: var(--warning-500)
}

.fugu-input-field {
    margin-bottom: 20px
}

.fugu-input-field-section {
    background: #fff;
    box-shadow: 0 4px 80px #0000000f;
    border-radius: 5px;
    padding: 30px;
    margin-top: 40px
}

.fugu-input-field-section h5 {
    margin-bottom: 30px
}

.fugu-input-field-section .fugu-input-field textarea {
    height: 250px
}

@media (max-width: 991px) {
    .fugu-input-field-section .fugu-input-field textarea {
        height:150px
    }
}

@media (max-width: 767px) {
    .fugu-input-field-section .fugu-input-field textarea {
        height:100px
    }
}

.fugu-input-field-section button#fugu-input-submit {
    margin-top: 16px
}

@media (max-width: 767px) {
    .fugu-input-field-section button#fugu-input-submit {
        margin-top:0
    }
}

button#fugu-input-submit {
    width: 196px;
    height: 55px;
    left: 182px;
    top: 4119px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    transition: all .4s;
    background-color: var(--warning-500)
}

button#fugu-input-submit:hover {
    color: var(--gray-10);
    background-color: var(--gray-800)
}

.fugu--blog-sidebar-item h4 {
    color: var(--gray-10)
}

.fugu--blog-post-data h5 {
    color: #fff
}

.fugu--blog-top-wrap {
    padding-bottom: 100px;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

@media (max-width: 767px) {
    .fugu--blog-top-wrap {
        padding-bottom:80px
    }
}

.fugu--blog-top-wrap .fugu--blog-wrap {
    position: relative;
    background: transparent;
    -webkit-backdrop-filter: inherit;
    backdrop-filter: inherit
}

.fugu--blog-top-wrap .fugu--blog-wrap:hover .fugu--blog-thumb img {
    transform: scale(1) rotate(0)
}

.fugu--blog-top-wrap .fugu--blog-thumb {
    height: 550px;
    overflow: inherit;
    position: relative;
    margin-left: 34%
}

@media (max-width: 991px) {
    .fugu--blog-top-wrap .fugu--blog-thumb {
        margin:0;
        height: auto
    }
}

.fugu--blog-top-wrap .fugu--blog-content {
    position: absolute;
    z-index: 9;
    top: 50%;
    background: #5a4b7c33;
    -webkit-backdrop-filter: blur(400px);
    backdrop-filter: blur(400px);
    border-radius: 10px;
    transform: translateY(-50%);
    border: 1px solid #fff;
    width: 642px
}

@media (max-width: 991px) {
    .fugu--blog-top-wrap .fugu--blog-content {
        position:inherit;
        transform: inherit;
        width: 100%;
        border: none;
        border-radius: 0
    }
}

.fugu--blog-shape3 {
    position: absolute;
    top: 4%;
    right: 0;
    z-index: -1
}

.fugu--inner-section {
    z-index: 0;
    position: relative
}

.dark-version {
    background-color: var(--gray-800)
}

.fugu--blog-sidebar-section.light-version {
    padding-bottom: 120px
}

@media (max-width: 991px) {
    .fugu--blog-sidebar-section.light-version {
        padding-bottom:100px
    }
}

@media (max-width: 767px) {
    .fugu--blog-sidebar-section.light-version {
        padding-bottom:80px
    }
}

.fugu--blog-filtering.dark-version {
    padding-top: 120px
}

@media (max-width: 991px) {
    .fugu--blog-filtering.dark-version {
        padding-top:95px
    }
}

@media (max-width: 767px) {
    .fugu--blog-filtering.dark-version {
        padding-top:75px
    }
}

.fugu--blog-filtering .fugu--blog-wrap {
    margin-bottom: 24px;
    margin-left: 24px
}

.fugu--blog-filtering .fugu--portfolio-wrap {
    margin-left: -24px
}

.fugu--blog-filtering .fugu--portfolio-menu {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .fugu--blog-filtering .fugu--portfolio-menu {
        margin-top:30px
    }

    .fugu--blog-filtering .fugu--portfolio-menu ul li {
        flex: 0 0 19%
    }
}

@media (max-width: 991px) {
    .fugu--blog-filtering .fugu--portfolio-menu ul li {
        flex:0 0 23%
    }
}

@media (max-width: 767px) {
    .fugu--blog-filtering .fugu--portfolio-menu ul li {
        flex:0 0 48.5%
    }
}

@media (max-width: 420px) {
    .fugu--blog-filtering .fugu--portfolio-menu ul li {
        flex:0 0 100%
    }
}

.fugu--blog-filtering .fugu--section-title-wrap {
    align-items: center
}

@media (max-width: 1199px) {
    .fugu--blog-filtering .fugu--section-title-wrap {
        display:block;
        margin-bottom: 60px
    }
}

@media (max-width: 767px) {
    .fugu--blog-filtering .fugu--section-title-wrap {
        display:block;
        margin-bottom: 40px
    }
}

.fugu--blog-filtering .fugu--default-content.content-sm h2 {
    margin: 0
}

.fugu--blog-filtering .fugu--card-wrap {
    margin-bottom: 24px;
    margin-left: 24px
}

@media (max-width: 991px) {
    .fugu--blog-sidebar {
        margin-top:40px
    }

    .fugu--blog-sidebar .fugu--newsletter {
        max-width: 100%
    }
}

.loading-overlay {
    z-index: 999999!important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff80;
    display: flex;
    justify-content: center;
    align-items: center
}

.loading-spinner {
    z-index: 999999!important;
    border: 4px solid rgba(0,0,0,.1);
    border-top: 4px solid #c97a04;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite
}

.modern-previous-button {
    background-color: #c9c9c9;
    color: #000!important;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition-duration: .4s;
    cursor: pointer
}

.modern-previous-button:hover {
    background-color: #780b86
}

.modern-next-button {
    background-color: #008cba;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition-duration: .4s;
    cursor: pointer
}

.modern-next-button:hover {
    background-color: #007a8e
}

.pagination-number {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer
}

.active-pagination-number {
    background-color: #007bff;
    color: #fff;
    border: 1px solid #007bff
}

.pagination {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 5px
}

.pagination li {
    padding: 8px 12px;
    background-color: #f2f2f2;
    border-radius: 4px;
    transition: background-color .3s ease
}

.pagination li:hover {
    background-color: #e0e0e0
}

.pagination .active {
    background-color: #fda601;
    color: #fff
}

@keyframes loading {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.jxj-render-bar {
    width: 100%;
    height: 20px;
    background-color: transparent;
    position: relative;
    overflow: hidden
}

.jxj-render-bar:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f8f9fa;
    position: absolute;
    animation: loading 2s ease-in-out infinite
}

.fugu--blog-sidebar-item {
    background: #5a4b7c33;
    -webkit-backdrop-filter: blur(400px);
    backdrop-filter: blur(400px);
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 30px;
    margin-bottom: 24px
}

.fugu--blog-sidebar-item h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: Inter,sans-serif
}

.fugu--blog-sidebar-item:last-child {
    margin-bottom: 0
}

.fugu--category ul li {
    margin-bottom: 15px
}

.fugu--category ul li:last-child {
    margin-bottom: 0
}

.fugu--category ul li a {
    font-size: 18px;
    line-height: 30px;
    opacity: .8;
    color: var(--gray-10);
    transition: all .4s
}

.fugu--category ul li a:hover {
    color: #15ffe7
}

.fugu--blog-post-wrap {
    margin-bottom: 20px
}

.fugu--blog-post-wrap:last-child {
    margin-bottom: 0
}

.fugu--blog-post-thumb {
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    .fugu--blog-post-thumb {
        height:auto
    }
}

.fugu--blog-post-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.fugu--blog-post-data p {
    color: #fff;
    opacity: .4;
    margin-bottom: 10px
}

.fugu--blog-post-data h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    font-family: Inter,sans-serif;
    margin: 0
}

.fugu--tags ul {
    display: flex;
    flex-wrap: wrap
}

.fugu--tags ul li a {
    font-size: 18px;
    color: #fff;
    opacity: .8;
    margin: 6px;
    padding: 14px 31px;
    display: block;
    border-radius: 10px;
    transition: all .4s;
    background-color: var(--gray-900)
}

.fugu--tags ul li a:hover {
    background-color: #15ffe7
}

.light-version {
    background: linear-gradient(180deg,#fff0 -51.59%,#eee6d0 119.2%)
}

.light-version .fugu--breadcrumbs-data h1,.light-version .fugu--breadcrumbs-data p {
    color: var(--gray-800)
}

.light-version .fugu--breadcrumbs-data h1 {
    font-family: Space Grotesk,sans-serif
}

.light-version .fugu--newsletter.fugu--search input {
    border: 1px solid #d9d9d9!important;
    border-radius: 3px
}

.light-version .fugu--newsletter.fugu--search input:focus {
    border: 1px solid var(--danger-500)!important
}

.light-version #fugu--submit-btn {
    border-radius: 3px;
    color: var(--gray-800);
    background: var(--danger-500)
}

.light-version .fugu--blog-top-wrap {
    border-bottom: 1px solid rgba(19,17,26,.1)
}

.light-version .fugu--blog-top-wrap .fugu--blog-content h3 {
    font-size: 42px;
    line-height: 53px
}

@media (max-width: 991px) {
    .light-version .fugu--blog-top-wrap .fugu--blog-content h3 {
        font-size:36px;
        line-height: 42px
    }
}

@media (max-width: 767px) {
    .light-version .fugu--blog-top-wrap .fugu--blog-content h3 {
        font-size:28px;
        line-height: 36px
    }
}

.light-version .fugu--blog-content {
    -webkit-backdrop-filter: inherit;
    backdrop-filter: inherit;
    background: #fff;
    border: none;
    box-shadow: 0 8px 80px #13111a0f;
    border-radius: 3px
}

.light-version .fugu--blog-content p {
    color: var(--gray-800);
    opacity: .8
}

.light-version .fugu--blog-date ul li a {
    color: var(--gray-800)
}

.light-version .fugu--blog-title h3 {
    color: var(--gray-800);
    font-family: Space Grotesk,sans-serif;
    transition: all .4s
}

.light-version .fugu--blog-title h3:hover {
    color: var(--danger-500)
}

.light-version .fugu--blog-user-data span {
    color: var(--gray-800)
}

.light-version .fugu--default-content h2 {
    color: var(--gray-800);
    font-family: Space Grotesk,sans-serif
}

.light-version .fugu--portfolio-menu ul li {
    background: none
}

.light-version .fugu--portfolio-menu ul li.active span {
    color: var(--gray-800);
    background-color: var(--danger-500);
    border: 1px solid var(--danger-500)
}

.light-version .fugu--portfolio-menu ul li span {
    color: var(--gray-800);
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px
}

.light-version .fugu--blog-wrap2 .fugu--blog-content {
    background-color: transparent!important
}

.light-version .fugu--blog-sidebar-item {
    -webkit-backdrop-filter: inherit;
    backdrop-filter: inherit;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px
}

.light-version .fugu--blog-sidebar-item h4 {
    color: var(--gray-800)
}

.light-version .fugu--category ul li a {
    color: #13111acc
}

.light-version .fugu--category ul li a:hover {
    color: var(--danger-500);
    opacity: 1
}

.light-version .fugu--blog-post-data h5,.light-version .fugu--blog-post-data p {
    color: var(--gray-800)
}

.light-version .fugu--tags ul li a {
    background: #26242c1a;
    border-radius: 3px;
    color: #13111acc
}

.light-version .fugu--tags ul li a:hover {
    opacity: 1;
    color: var(--gray-800);
    background-color: var(--danger-500)
}

.light-version .fugu--blog-wrap.fugu--blog-wrap2 a.fugu--readmore-btn {
    color: var(--gray-800)
}

.light-version .fugu--blog-wrap.fugu--blog-wrap2 a.fugu--readmore-btn span {
    transition: all .4s;
    background-color: #13111a33
}

.light-version .fugu--blog-wrap.fugu--blog-wrap2 a.fugu--readmore-btn span:before {
    content: none
}

.light-version .fugu--blog-wrap.fugu--blog-wrap2:hover a.fugu--readmore-btn span {
    background-color: var(--danger-500)
}

.fugu--single-blog .fugu--breadcrumbs-data {
    max-width: 100%
}

.fugu--single-blog .fugu--breadcrumbs-data p {
    margin-right: 120px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .fugu--single-blog .fugu--breadcrumbs-data p {
        margin-right:40px
    }
}

@media (max-width: 479px) {
    .fugu--single-blog .fugu--breadcrumbs-data p {
        margin:0 0 20px
    }
}

.fugu--blog-meta ul li {
    margin-right: 20px;
    display: inline-block
}

.fugu--blog-meta ul li a {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    opacity: .4;
    display: flex
}

.fugu--blog-meta ul li a img {
    margin-right: 10px
}

.fugu--single-thumb {
    margin-bottom: 80px
}

@media (max-width: 991px) {
    .fugu--single-thumb {
        margin-bottom:40px
    }
}

.fugu--blockquote {
    margin: 40px 0
}

@media (max-width: 767px) {
    .fugu--blockquote {
        margin:30px 0
    }
}

.fugu--blockquote blockquote {
    background: #5a4b7c33;
    -webkit-backdrop-filter: blur(400px);
    backdrop-filter: blur(400px);
    border-radius: 10px;
    border: 1px solid #fff;
    font-weight: 400;
    letter-spacing: -.5px;
    position: relative;
    color: #fff;
    padding: 40px 40px 40px 130px
}

@media (max-width: 767px) {
    .fugu--blockquote blockquote {
        font-size:18px;
        line-height: 28px
    }
}

@media (max-width: 575px) {
    .fugu--blockquote blockquote {
        padding:30px
    }
}

.fugu--blockquote-user {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.fugu--blockquote-user-thumb {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 20px
}

.fugu--blockquote-user-thumb img {
    width: 100%;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.fugu--blockquote-user-data h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff;
    font-family: Inter,sans-serif
}

.fugu--blockquote-user-data p {
    opacity: .4
}

.fugu--blockquote-icon {
    top: 45px;
    left: 40px;
    position: absolute
}

@media (max-width: 575px) {
    .fugu--blockquote-icon {
        top:0;
        left: 0;
        margin-bottom: 20px;
        position: inherit
    }
}

.fugu--blockquote-icon img {
    margin: 0
}

.fugu--tags.fugu--tags2 {
    margin-bottom: 74px
}

@media (max-width: 767px) {
    .fugu--tags.fugu--tags2 {
        margin-bottom:34px
    }
}

.fugu--tags.fugu--tags2 h4 {
    margin-bottom: 30px;
    font-family: Inter,sans-serif
}

.fugu--post-navigation {
    flex: 0 0 50%;
    display: flex
}

.fugu--post-navigation-wrap {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid hsla(0,0%,100%,.1);
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    margin-bottom: 80px
}

@media (max-width: 991px) {
    .fugu--post-navigation-wrap {
        margin-bottom:40px;
        display: block
    }
}

.fugu--post-navigation:hover .fugu--post-navigation-icon:before {
    opacity: 1
}

.fugu--post-navigation-icon {
    width: 60px;
    height: 55px;
    background: #26242c;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    z-index: 0;
    position: relative
}

.fugu--post-navigation-icon img {
    margin: 0
}

.fugu--post-navigation-icon:before {
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 10px;
    position: absolute;
    transition: all .4s;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

.fugu--post-navigation-data p {
    font-size: 20px;
    letter-spacing: -.5px;
    color: #fff;
    opacity: .8;
    margin-bottom: 15px
}

.fugu--post-navigation-data span {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #fff
}

@media (max-width: 1199px) {
    .fugu--post-navigation-data span {
        font-size:20px;
        line-height: 24px
    }
}

.fugu--post-navigation.nav-previous {
    padding-right: 75px;
    border-right: 1px solid hsla(0,0%,100%,.1)
}

@media (max-width: 991px) {
    .fugu--post-navigation.nav-previous {
        border:none;
        margin-bottom: 20px;
        padding: 0
    }
}

.fugu--post-navigation.nav-next {
    text-align: right;
    padding-left: 20px;
    justify-content: flex-end
}

@media (max-width: 991px) {
    .fugu--post-navigation.nav-next {
        padding:0
    }
}

.fugu--post-navigation.nav-next .fugu--post-navigation-icon {
    margin-left: 20px;
    margin-right: 0
}

.fugu--comment-wrap {
    margin-bottom: 80px
}

@media (max-width: 991px) {
    .fugu--comment-wrap {
        margin-bottom:40px
    }
}

.fugu--comment-wrap h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
    font-family: Inter,sans-serif
}

.fugu--comment-list {
    background: #5a4b7c33;
    -webkit-backdrop-filter: blur(400px);
    backdrop-filter: blur(400px);
    border-radius: 10px;
    padding: 30px
}

.fugu--comment-list li {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.fugu--comment-list li:last-child {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.fugu--comment-list li.children {
    padding-left: 100px
}

@media (max-width: 991px) {
    .fugu--comment-list li.children {
        padding-left:0
    }
}

.fugu--comment-list li.children .fugu--comment-author {
    width: 50px;
    height: 50px
}

.fugu--comment-body {
    display: flex;
    position: relative
}

@media (max-width: 767px) {
    .fugu--comment-body {
        display:block
    }
}

.fugu--comment-body a.fugu--comment-reply {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .4s
}

.fugu--comment-body a.fugu--comment-reply:hover {
    color: #e715ff
}

.fugu--comment-author {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 30px;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .fugu--comment-author {
        margin-bottom:20px
    }
}

.fugu--comment-author img {
    width: 100%;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.fugu--comment-meta h5 {
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff
}

.fugu--comment-meta span {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    opacity: .8;
    display: block;
    margin-bottom: 15px
}

.fugu--comment-meta p {
    color: #fff;
    opacity: .8
}

.fugu--comment-respond-area h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 15px;
    font-family: Inter,sans-serif
}

.fugu--comment-respond-area p {
    color: #fff;
    opacity: .8
}

.fugu--comment-field {
    margin-bottom: 24px
}

.dark-version .fugu--single-blog-section h1,.dark-version .fugu--single-blog-section h2,.dark-version .fugu--single-blog-section h3,.dark-version .fugu--single-blog-section li,.dark-version .fugu--single-blog-section p {
    text-align: justify;
    color: #fff
}

.dark-version .fugu--single-blog-section h1 {
    font-size: 72px
}

@media (max-width: 768px) {
    .dark-version .fugu--single-blog-section h1 {
        font-size:30px
    }
}

.fugu--breadcrumbs-data h1 strong {
    font-weight: 600
}

.dark-version .fugu--single-blog-section h3 {
    font-size: larger
}

.dark-version .fugu--single-blog-section h2 {
    text-align: center
}

.dark-version .fugu--single-blog-section article li {
    list-style: disc;
    padding: 0 0 8px
}

.dark-version .fugu--single-blog-section article ul {
    padding: 0 8px
}

.dark-version .fugu--single-blog-section article hr {
    height: 4px;
    border: 2px solid #5c8eb8;
    background: #5c8eb8
}

@media only screen and (max-width: 768px) {
    .dark-version .fugu--single-blog-section article {
        padding:0 .1rem
    }
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fugu-contact-info {
    margin-top: 55px
}

@media (max-width: 991px) {
    .fugu-contact-info {
        margin-top:30px
    }
}

.fugu-contact-info ul li {
    position: relative;
    padding-left: 65px;
    margin-bottom: 30px
}

.fugu-contact-info ul li:last-child {
    margin-bottom: 0
}

.fugu-contact-info ul li a {
    color: #02021ecc
}

.fugu-contact-info ul li a h5 {
    font-weight: 600;
    margin-bottom: 5px
}

.fugu-contact-info ul li a .fugu-contact-info-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    background-color: var(--warning-500)
}

.fugu-contact-wrap {
    background: #fff;
    box-shadow: 0 4px 80px #0000000f;
    border-radius: 5px;
    padding: 40px
}

@media (max-width: 991px) {
    .fugu-contact-wrap {
        padding:30px;
        margin-top: 30px
    }
}

.fugu-input-field label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--gray-800)
}

#map {
    width: 100%;
    height: 550px
}

@media (max-width: 991px) {
    #map {
        height:450px
    }
}

@media (max-width: 767px) {
    #map {
        height:300px
    }
}

.fugu-center-btn {
    text-align: center;
    margin-top: 80px
}

@media (max-width: 991px) {
    .fugu-center-btn {
        margin-top:40px
    }
}

.fugu-default-content.contact-page {
    margin-right: 50px
}

@media (max-width: 1399px) {
    .fugu-default-content.contact-page {
        margin-right:0
    }
}

.fugu--contact-info h4 {
    font-family: Inter,sans-serif;
    margin-bottom: 40px
}

.fugu--contact-info ul li {
    position: relative;
    padding-left: 65px;
    margin-bottom: 40px;
    line-height: 32px
}

.fugu--contact-info ul li:last-child {
    margin-bottom: 0
}

.fugu--contact-info ul li a {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.5px;
    color: #fff
}

.fugu--contact-info ul li a span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: -10px;
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715)
}

.fugu--contact-info.fugu--contact-info2 {
    margin-top: 60px;
    margin-right: 150px
}

@media (max-width: 1300px) {
    .fugu--contact-info.fugu--contact-info2 {
        margin-right:50px
    }
}

@media (max-width: 991px) {
    .fugu--contact-info.fugu--contact-info2 {
        margin-top:40px
    }
}

@media (max-width: 767px) {
    .fugu--contact-info.fugu--contact-info2 {
        margin-right:0
    }
}

.fugu--contact-info.fugu--contact-info2 ul li a span {
    top: 0
}

.fugu--contact-form {
    background: #211d2e;
    border-radius: 10px;
    padding: 40px
}

@media (max-width: 991px) {
    .fugu--contact-form {
        padding:30px;
        margin-top: 40px
    }
}

.fugu--inner-section.bg-white {
    background: var(--gray-10)
}

.white-version {
    background-color: #fff
}

.white-version .fugu--contact-info h4 {
    color: #0a1849
}

.white-version .fugu--contact-info ul li a {
    color: #13111acc
}

.white-version .fugu--contact-info ul li a span {
    background: #2c04fe
}

.white-version .fugu--contact-form {
    background-color: #f6f5f6
}

.white-version .fugu--contact-form h3 {
    color: #0a1849
}

.white-version .fugu--contact-form p {
    color: #13111acc
}

.white-version .fugu--comment-field input,.white-version .fugu--comment-field textarea {
    color: #0a1849;
    background: #fff;
    border: 1px solid #c4c4c4!important;
    border-radius: 10px
}

.white-version .fugu--comment-field input::-moz-placeholder,.white-version .fugu--comment-field textarea::-moz-placeholder {
    color: #0a1849;
    opacity: .5
}

.white-version .fugu--comment-field input::placeholder,.white-version .fugu--comment-field textarea::placeholder {
    color: #0a1849;
    opacity: .5
}

.dark-version .fugu--contact-form h3,.dark-version .fugu--contact-form p {
    color: #fff
}

.dark-version .fugu--comment-field input,.dark-version .fugu--comment-field textarea {
    color: #fff;
    background: #0a1849
}

.dark-version .fugu--comment-field input::-moz-placeholder,.dark-version .fugu--comment-field textarea::-moz-placeholder {
    color: #fff;
    opacity: .5
}

.dark-version .fugu--comment-field input::placeholder,.dark-version .fugu--comment-field textarea::placeholder {
    color: #fff;
    opacity: .5
}

.fugu--contact-column {
    border-bottom: 1px solid rgba(19,17,26,.1);
    padding-bottom: 120px
}

@media (max-width: 991px) {
    .fugu--contact-column {
        padding-bottom:100px
    }
}

@media (max-width: 767px) {
    .fugu--contact-column {
        padding-bottom:80px
    }
}

.white-version .fugu--iconbox-wrap5 {
    background: #fcfcfc;
    border: 1px solid #d9d9d9
}

.white-version .fugu--iconbox-wrap5 .fugu--iconbox-thumb {
    background: #2c04fe
}

.white-version .fugu--iconbox-wrap5 .fugu--iconbox-data h4 {
    color: #0a1849
}

.white-version .fugu--iconbox-wrap5 .fugu--iconbox-data p {
    color: #13111acc
}

.white-version .fugu--iconbox-wrap5 .fugu--iconbox-data a {
    color: #0a1849
}

.fugu--faq-section.white-version {
    background-color: #f6f5f6
}

.white-version .fugu--accordion-one .accordion-item {
    border-bottom: 2px solid rgba(19,17,26,.2)
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.fugu-title {
    color: #ffc947;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 35px;
    font-weight: 700;
    margin-top: 30px;
    text-shadow: 3px 3px #000
}

.fugu-preloader,.fugu-title {
    display: flex;
    justify-content: center
}

.fugu-preloader {
    text-align: center;
    flex-direction: column;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: var(--gray-800);
    transform: translate(-50%,-50%)
}

.fugu-preloader.loaded {
    display: none;
    font: 100
}

.fugu-spinner {
    display: flex;
    justify-content: center
}

.fugu-spinner svg {
    width: 50%;
    max-width: 5rem;
    animation: rotate 3.6s linear infinite
}

circle {
    fill: none;
    stroke: #9440f5;
    strokeWidth: 8px;
    stroke-dasharray: 300;
    animation: outline 2s cubic-bezier(.77,0,.18,1) infinite
}

@keyframes outline {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: 300
    }

    to {
        stroke-dashoffset: 600
    }
}

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

    to {
        transform: rotate(-1turn)
    }
}

.fugu-career-card {
    padding: 29px;
    border-radius: 10px;
    margin-bottom: 24px;
    transition: all .4s;
    border: 1px solid rgba(19,17,26,.1)
}

.fugu-career-card:hover {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 4px 60px #0000000f
}

.fugu-career-time {
    padding: 20px 0 35px
}

.fugu-career-time ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.fugu-career-time ul li {
    font-size: 16px;
    margin-right: 18px;
    display: inline-block;
    color: var(--gray-800)
}

.fugu-career-time ul li:last-child {
    margin-right: 0
}

.fugu-career-time ul li img {
    margin-right: 7px
}

.fugu-single-career-item {
    margin-bottom: 55px
}

.fugu-single-career-item:last-child {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .fugu-single-career-item {
        margin-bottom:30px
    }
}

.fugu-career-sidebar {
    top: 100px;
    padding: 40px;
    border-radius: 10px;
    position: sticky;
    background: #fff;
    box-shadow: 0 4px 60px #0000000f
}

.fugu-career-sidebar h4 {
    margin-bottom: 25px
}

@media (max-width: 991px) {
    .fugu-career-sidebar {
        padding:30px;
        margin-top: 40px;
        position: static
    }
}

.fugu-career-time2 {
    margin-bottom: 55px
}

@media (max-width: 991px) {
    .fugu-career-time2 {
        margin-bottom:30px
    }
}

.fugu-career-time2 ul li {
    position: relative;
    font-size: 16px;
    padding-left: 30px;
    margin-bottom: 15px
}

.fugu-career-time2 ul li:last-child {
    margin-bottom: 0
}

.fugu-career-time2 ul li span {
    font-weight: 700;
    display: block;
    line-height: 1;
    color: var(--gray-800)
}

.fugu-career-time2 ul li img {
    left: 0;
    top: 2px;
    position: absolute
}

.fugu-gallery-menu {
    text-align: center;
    max-width: 832px;
    margin: 0 auto 80px;
    border-bottom: 2px solid #fff
}

@media (max-width: 991px) {
    .fugu-gallery-menu {
        margin-bottom:60px
    }
}

@media (max-width: 767px) {
    .fugu-gallery-menu {
        margin-bottom:30px;
        border: none
    }
}

.fugu-gallery-menu ul li {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-right: 50px;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
    transition: all .4s;
    color: #fff
}

@media (max-width: 991px) {
    .fugu-gallery-menu ul li {
        margin-right:15px
    }
}

@media (max-width: 767px) {
    .fugu-gallery-menu ul li {
        margin-bottom:10px
    }
}

.fugu-gallery-menu ul li.active {
    color: #fda601
}

.fugu-gallery-menu ul li.active:before {
    content: "";
    left: 0;
    opacity: 1;
    bottom: -2px;
    width: 100%;
    height: 2px;
    transition: all .4s;
    position: absolute;
    background-color: #fda601
}

.fugu-gallery-menu ul li:last-child {
    margin-right: 0
}

.fugu-gallery-item {
    overflow: hidden;
    position: relative;
    margin-left: 24px;
    margin-bottom: 24px
}

.fugu-gallery-item.item2 {
    margin-bottom: 55px
}

@media (max-width: 991px) {
    .fugu-gallery-item.item2 {
        margin-bottom:30px
    }
}

.fugu-gallery-item.item2:before {
    content: none
}

.fugu-gallery-item img,.fugu-gallery-item:before {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.fugu-gallery-item:before {
    content: "";
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    mix-blend-mode: multiply;
    transition: all .4s;
    background: linear-gradient(180deg,#13111a00,#0a1849)
}

.fugu-gallery-item:hover:before {
    opacity: 1
}

.fugu-gallery-item:hover .fugu-gallery-data {
    opacity: 1;
    visibility: visible;
    left: 30px
}

.fugu-gallery-data {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .4s
}

.fugu-gallery-data h4,.fugu-gallery-data h5 {
    margin: 0 0 8px
}

.fugu-gallery-data h4 a,.fugu-gallery-data h5 a {
    color: #fff
}

.fugu-gallery-data h5 {
    margin: 0 0 5px
}

.fugu-gallery-data p {
    color: #fff;
    opacity: .8
}

.fugu-gallery-data2 {
    margin-top: 30px;
    position: relative
}

.fugu-gallery-data2 h4 {
    margin: 0 0 5px
}

.fugu-gallery-data2 h4 a {
    color: var(--gray-800)
}

.fugu-gallery-data2 p {
    margin: 0
}

.fugu-gallery-data2 a.fugu-icon-btn {
    position: absolute;
    right: 0;
    top: 20px
}

.fugu-gallery-data2 a.fugu-icon-btn img {
    width: auto
}

.fugu-grid-item.fugu-grid-item-w2 {
    max-width: 100%
}

.fugu-portfolio-btn {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

@media (max-width: 991px) {
    .fugu-portfolio-btn {
        margin-top:20px
    }
}

.fugu-gallery-wrap3 {
    max-width: 1075px;
    margin: 0 auto
}

.fugu-gallery-thumb {
    margin-bottom: 25px
}

.fugu-gallery-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 16px
}

.fugu-gallery-data3 h4 {
    margin-bottom: 10px
}

.fugu-gallery-data3 p {
    margin-bottom: 20px
}

.border_bottom {
    padding-bottom: 50px;
    margin-bottom: 55px;
    border-bottom: 1px solid rgba(19,17,26,.1)
}

@media (max-width: 991px) {
    .border_bottom {
        padding-bottom:30px;
        margin-bottom: 30px
    }
}

.fugu-gallery-data4 {
    margin-bottom: 55px
}

@media (max-width: 991px) {
    .fugu-gallery-data4 {
        margin-bottom:35px
    }
}

.fugu-gallery-data4 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.fugu-gallery-data4 ul li {
    color: var(--gray-800)
}

.fugu-gallery-data4 ul li span {
    display: block;
    font-weight: 600
}

@media (max-width: 600px) {
    .fugu-gallery-data4 ul li {
        flex:0 0 50%;
        margin-bottom: 10px
    }
}

.fugu-gallery-data4 .fugu-team-information ul {
    display: block
}

.fugu-portfolio-ratated-project {
    padding-top: 55px;
    border-top: 1px solid rgba(19,17,26,.1)
}

@media (max-width: 991px) {
    .fugu-portfolio-ratated-project {
        padding-top:35px
    }
}

.fugu-portfolio-ratated-project p {
    margin-right: 220px
}

@media (max-width: 991px) {
    .fugu-portfolio-ratated-project p {
        margin-right:0
    }
}

.fugu-portfolio-ratated-project .fugu-gallery-item {
    margin-left: 0
}

.fugu-portfolio-ratated-project .fugu-gallery-data p {
    font-size: 14px
}

.dark-version .fugu--contact-form p.error {
    color: #b32828
}

.pin-text {
    font-size: 30px;
    color: #000
}

.pin i {
    font-size: 30px;
    color: red
}

.fugu-testimonial-slider .slick-initialized .slick-slide,.fugu-testimonial-slider2 .slick-initialized .slick-slide {
    padding: 0 15px
}

.center {
    text-align: center
}

.infinity {
    font-size: var(--infinity-large)
}

.custom-badge.primary {
    background: #ffd301;
    border-radius: 0 15px 15px 0;
    font-weight: 600;
    text-transform: uppercase
}

.custom-badge,.play-btn {
    z-index: 2
}

.game-thumbnail .custom-badge {
    position: absolute
}

.game-thumbnail .custom-badge.primary {
    top: 10px;
    left: 0
}

@media screen and (min-width: 769px) {
    .custom-badge {
        font-size:1em
    }
}

.daily-wins-tag {
    position: absolute;
    z-index: 1;
    right: 9.6rem;
    width: 60px;
    height: 61px;
    background-size: 60px;
    background-image: url(https://files.sitestatic.net/assets/imgs/daily%20win_1000x1000.png);
    transform: translate3d();
    box-shadow: 2px #000
}

.hot-games-tag {
    bottom: 20.2rem;
    right: 0
}

.hot-games-tag,.new-games-tag {
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 81px;
    background-size: 80px;
    transform: translate3d();
    box-shadow: 2px #000
}

.new-games-tag {
    bottom: 19.5rem;
    right: .1rem
}

.high-rtp-tag,.popular-games-tag {
    position: absolute;
    z-index: 1;
    bottom: 20rem;
    right: .1rem;
    width: 80px;
    height: 81px;
    background-size: 80px;
    transform: translate3d();
    box-shadow: 2px #000
}

.fugu--card-footer-data .rtp-explore {
    background: linear-gradient(225deg,#15ffe7,#e715ff 46.35%,#ffe715);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 900;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    font-family: Inter,sans-serif
}

.item {
    position: relative;
    z-index: 222
}

.portfolio-item {
    background: #1019201f;
    border-radius: 15px;
    box-shadow: 0 0 5px #975b05,0 0 10px #975b05,0 4px 30px #0000001a;
    margin-bottom: 30px;
    display: block;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(2.1px);
    -webkit-backdrop-filter: blur(2.1px);
    transition: all .5s
}

.portfolio-item .thumb img {
    display: flex;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    overflow: hidden
}

.portfolio-item:hover .thumb {
    transform: scale(1.05) rotate(3deg);
    transition: all .6s ease
}

.progress-rtp {
    height: 25px;
    margin: 3px;
    display: flex;
    overflow: hidden;
    line-height: 0;
    position: relative;
    z-index: 333;
    background-color: #d9dbdd;
    text-align: center
}

.progress-rtp p {
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 700;
    color: #2a2a2a;
    position: absolute;
    width: 100%;
    margin-top: 12px;
    z-index: 3
}

.bg-progress-rtp {
    background-image: linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);
    background-size: 1rem 1rem;
    color: #fff;
    z-index: 2;
    animation: move 16s linear infinite;
    box-shadow: inset 0 5px 3px #ffffff80,inset 0 -3px 7px #0003
}

.hijau {
    background-color: #1be647
}

.portfolio-item .down-content {
    background-color: transparent;
    text-align: center;
    white-space: nowrap
}

.portfolio-item .down-content span {
    font-size: 12px;
    color: #fff;
    transition: .3s;
    font-weight: 500;
    text-align: center
}

.card-content {
    margin: 8px;
    color: #fff;
    font-size: 12px;
    border: none;
    overflow: hidden;
    position: relative;
    background: #000;
    border-radius: 20px;
    padding: 2px 2px 8px;
    text-align: center
}

.card {
    float: left;
    width: 16.6666666667%;
    border: none;
    text-align: center;
    position: relative;
    background: transparent
}

.img-zoom {
    width: 100%;
    transition: all .45s ease-in-out;
    border-radius: 20px;
    padding-bottom: 3px
}

.hover-btn:hover~.img-zoom {
    transform: scale(1);
    position: relative
}

.percent {
    height: 27px;
    display: flex;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    position: relative;
    z-index: 1;
    border-radius: 18px;
    width: 90%;
    margin: 0 auto
}

.percent p {
    margin: 0;
    z-index: 15;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    transform: translateY(14px);
    color: #000
}

.percent-bar {
    background-image: linear-gradient(45deg,#2c3e50 25%,transparent 0,transparent 50%,#2c3e50 0,#2c3e50 75%,transparent 0,transparent);
    background-size: 1rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    transition: width .6s ease;
    animation: progress-bar-stripes 1s linear infinite;
    z-index: 10
}

.yellow {
    background-color: #ffc107
}

.green {
    background-color: #28a745
}

.red {
    background-color: #c73000
}

@keyframes move {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 150px 150px
    }
}

.ic-filter {
    width: 30px
}

@media (max-width: 991px) {
    .mobile-d-none {
        display:none!important
    }
}

@media (min-width: 991px) {
    .desktop-d-none {
        display:none!important
    }
}

.site-navbar {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0
}

.default-logo,.responsive-logo {
    max-width: 128px;
    transition: all .4s;
    position: relative
}

.brand-logo {
    max-width: 192px;
    transition: all .4s;
    position: relative
}

@media (min-width: 576px) {
    .site-navbar {
        padding-top:0
    }
}

@media (min-width: 992px) {
    .site-navbar {
        flex-flow:row nowrap;
        justify-content: flex-start
    }
}

.site-navbar .menu-block-wrapper {
    flex-grow: 1;
    align-items: center
}

@media (min-width: 992px) {
    .site-navbar .menu-block-wrapper {
        display:flex!important;
        flex-basis: auto
    }
}

.site-header--absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.site-header--sticky:not(.mobile-sticky-enable) {
    position: absolute!important;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

@media (min-width: 992px) {
    .site-header--sticky:not(.mobile-sticky-enable) {
        transition:.4s
    }

    .site-header--sticky:not(.mobile-sticky-enable).scrolling {
        transform: translateY(-100%);
        transition: .4s
    }

    .site-header--sticky:not(.mobile-sticky-enable).reveal-header {
        transform: translateY(0);
        box-shadow: 0 12px 34px -11px #413e651a;
        z-index: 1000
    }
}

.site-header--sticky.mobile-sticky-enable {
    top: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    position: fixed!important;
    transition: .4s
}

.site-header--sticky.mobile-sticky-enable.scrolling {
    transform: translateY(-100%);
    transition: .4s
}

.site-header--sticky.mobile-sticky-enable.reveal-header {
    transform: translateY(0);
    box-shadow: 0 12px 34px -11px #413e651a;
    z-index: 9999
}

.site-header--menu-center .container {
    position: relative
}

.site-header--menu-center .menu-block-wrapper {
    position: static
}

@media (min-width: 992px) {
    .site-header--menu-center .menu-block {
        margin-left:auto;
        margin-right: auto
    }

    .site-header--menu-left .container-fluid .sub-menu.megamenu {
        left: 0;
        transform: translate(0) translateY(10px)
    }

    .site-header--menu-left .container-fluid .nav-item.has-megamenu:hover>.sub-menu {
        transform: translate(0) translateY(-10px);
        left: 0;
        margin-left: 20px
    }
}

.site-header--menu-left .menu-block .site-menu-main {
    justify-content: flex-start;
    padding-left: 15px
}

@media (min-width: 1200px) {
    .site-header--menu-left .menu-block {
        width:100%
    }
}

.site-header--menu-right .menu-block-wrapper {
    position: static
}

.site-header--menu-right .menu-block {
    margin-left: auto
}

@media (min-width: 992px) {
    .site-header>.container-fluid .nav-item.has-megamenu:hover>.sub-menu,.site-header>.container-fluid .sub-menu.megamenu {
        left:50%;
        transform: translate(-50%) translateY(-10px)
    }
}

@media (min-width: 768px) {
    .container-fluid .site-navbar {
        padding-left:10px;
        padding-right: 10px
    }
}

@media (min-width: 992px) {
    .container-fluid .site-navbar {
        padding-left:12px;
        padding-right: 12px;
        max-width: 1320px;
        margin: 0 auto
    }
}

@media (min-width: 480px) {
    .header-btns {
        margin-right:15px
    }
}

@media (min-width: 992px) {
    .header-btns {
        margin-right:0
    }
}

.top-contact-menu-wraper .header-btn {
    order: 3
}

.top-contact-menu-wraper .mobile-menu-trigger {
    order: 4
}

@media (min-width: 992px) {
    .top-contact-menu-wraper .nav-link-item {
        color:#fff!important
    }

    .top-contact-menu-wraper .site-menu-main .nav-link-item {
        padding-top: 19px!important;
        padding-bottom: 19px!important
    }

    .top-contact-menu-wraper .navbar {
        flex-wrap: wrap;
        padding: 30px 0 0
    }

    .top-contact-menu-wraper .brand-logo {
        min-width: 50%;
        order: 1;
        padding-bottom: 30px
    }

    .top-contact-menu-wraper .header-btn {
        order: 4
    }

    .top-contact-menu-wraper .menu-block-wrapper {
        min-width: calc(100% - 256px);
        order: 3;
        background: #1d263a;
        border-radius: 0 0 0 5px
    }

    .top-contact-menu-wraper .top-contact-block {
        order: 2;
        min-width: 50%;
        display: flex!important;
        justify-content: flex-end;
        padding-bottom: 8px
    }

    .top-contact-menu-wraper .menu-block {
        margin-left: 0
    }
}

.top-contact-block ul {
    display: flex;
    align-items: center
}

.top-contact-block ul li {
    display: inline-flex;
    align-items: center
}

.top-contact-block span {
    height: 30px;
    width: 1px;
    background: #1d243a1f;
    margin: 0 35px
}

.top-contact-block img {
    margin-right: 12px
}

.top-contact-block a {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
    color: #1d263a
}

@media (min-width: 992px) {
    .row-lg {
        display:flex
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translate(100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes slideRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(100%)
    }
}

.site-menu-main {
    margin-bottom: 0;
    padding-left: 0
}

@media (min-width: 992px) {
    .site-menu-main {
        display:flex;
        margin-bottom: 0;
        padding-left: 0
    }
}

.site-menu-main li {
    list-style: none
}

.site-menu-main ul {
    list-style: none;
    margin-left: 0
}

.site-menu-main a {
    text-decoration: none
}

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

@media (min-width: 992px) {
    .navbar {
        padding-top:0;
        padding-bottom: 0
    }
}

.site-menu-main .nav-item {
    display: inherit
}

.site-menu-main .nav-link-item {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    position: relative
}

@media (min-width: 992px) {
    .site-menu-main .nav-link-item {
        padding:15px 20px!important
    }
}

.dark-mode-texts .nav-link-item {
    color: #fff
}

.site-menu-main .sub-menu {
    background-color: #fff;
    box-shadow: -2px 2px 70px -25px #0000004d;
    position: absolute;
    left: 0;
    top: 61px;
    margin: 0;
    padding: 12px 0;
    transition: .4s;
    z-index: 4;
    transform: translatey(20px);
    opacity: 0;
    visibility: hidden;
    min-width: 200px;
    border-radius: 6px
}

.site-menu-main .sub-menu:before {
    content: none;
    width: 15px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 22px;
    transform: rotate(45deg) translatey(-11px);
    z-index: 8
}

.site-menu-main .sub-menu.shape-none:before {
    content: none
}

@media (min-width: 992px) {
    .site-menu-main .sub-menu .sub-menu {
        top:0!important;
        left: 100%
    }
}

.site-menu-main .sub-menu--item {
    font-size: 15px;
    font-weight: 600
}

@media (max-width: 992px) {
    .site-menu-main .sub-menu--item {
        padding-top:10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }
}

@media (min-width: 992px) {
    .site-menu-main .sub-menu--item {
        color:#000
    }
}

.site-menu-main .sub-menu--item>a {
    color: inherit;
    padding: 6px 20px;
    font-weight: 700;
    color: #000
}

@media (min-width: 992px) {
    .site-menu-main .sub-menu--item>a {
        transition:.4s
    }
}

.site-menu-main .sub-menu--item:hover>a {
    color: #ffc947
}

@media (min-width: 992px) {
    .site-menu-main .sub-menu.megamenu {
        background-color:#fff
    }
}

.site-menu-main .sub-menu.megamenu .dropdown-image-block {
    max-height: 336px
}

@media (min-width: 320px) and (max-width: 992px) {
    .site-menu-main .sub-menu.megamenu {
        border:0
    }
}

@media (min-width: 992px) {
    .site-menu-main .sub-menu.megamenu {
        padding:30px;
        min-width: 925px;
        left: 50%;
        transform: translate(-50%) translateY(10px);
        will-change: transform;
        top: 100%;
        box-shadow: 0 42px 54px #00000017;
        border: 1px solid #e7e9ed;
        border-radius: 8px;
        visibility: hidden;
        z-index: -99;
        opacity: 0;
        pointer-events: none
    }
}

@media (min-width: 1200px) {
    .site-menu-main .sub-menu.megamenu {
        min-width:1100px
    }
}

@media (min-width: 1366px) {
    .site-menu-main .sub-menu.megamenu {
        min-width:1300px
    }
}

.site-menu-main .sub-menu.megamenu .single-dropdown-block .mega-drop-menu-item {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block
}

.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    font-size: 15px;
    font-weight: 600;
    transition: .4s;
    color: #000
}

@media (min-width: 320px) and (max-width: 992px) {
    .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
        color:var(--color-headings);
        border-top: 1px solid var(--border-color-3);
        padding-left: 20px;
        padding-bottom: 13px;
        padding-top: 13px
    }
}

@media (min-width: 992px) {
    .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
        padding-left:0;
        padding-right: 10px
    }

    .site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover {
        color: #ffc947!important
    }
}

@media (min-width: 320px) and (max-width: 992px) {
    .site-menu-main .sub-menu.megamenu [class*=col-] {
        padding-left:0;
        padding-right: 0
    }

    .site-menu-main .sub-menu.megamenu [class*=row-] {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 992px) {
    li.nav-item-has-children:not(.has-megamenu) {
        position:relative
    }

    li.nav-item-has-children:hover>.sub-menu {
        margin-top: 5px;
        visibility: visible;
        opacity: 1;
        z-index: 99;
        pointer-events: visible;
        border-radius: 6px;
        transform: translateY(0)
    }
}

.site-menu-main>li .sub-menu>ul>li>a {
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    color: #555;
    transition: color .3s ease;
    text-decoration: none;
    text-transform: capitalize
}

.site-menu-main>li .sub-menu.mega-menu {
    left: 50%;
    transform: translate(-50%)
}

.mobile-menu-head,.mobile-menu-trigger {
    display: none
}

@media (max-width: 991px) {
    .site-header .mobile-menu-trigger {
        display:flex;
        height: 30px;
        width: 30px;
        margin-left: 15px;
        cursor: pointer;
        align-items: center;
        justify-content: center
    }

    .site-header .mobile-menu-trigger span {
        display: block;
        height: 2px;
        background-color: #13111a;
        width: 24px;
        position: relative
    }

    .reveal-header .mobile-menu-trigger span {
        background-color: #13111a!important
    }

    .site-header .mobile-menu-trigger span:after,.site-header .mobile-menu-trigger span:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #13111a
    }

    .reveal-header .mobile-menu-trigger span:after,.reveal-header .mobile-menu-trigger span:before {
        background-color: #13111a!important
    }

    .dark-mode-texts .mobile-menu-trigger span,.dark-mode-texts .mobile-menu-trigger span:after,.dark-mode-texts .mobile-menu-trigger span:before {
        background-color: #13111a
    }

    .site-header .mobile-menu-trigger span:before {
        top: -8px
    }

    .site-header .mobile-menu-trigger span:after {
        top: 8px
    }

    .site-header .item-right {
        align-items: center
    }

    .site-header .menu-block {
        position: fixed;
        width: 320px;
        background-color: #fff;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        transform: translate(-100%);
        transition: all .5s ease;
        z-index: 1099
    }

    .site-header .menu-block.active {
        transform: translate(0)
    }

    .site-menu-main>li {
        line-height: 1;
        margin: 0;
        display: block
    }

    .site-menu-main>li>a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .site-menu-main>li>a i {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg)
    }

    .site-header .menu-block .mobile-menu-head {
        display: flex;
        height: 50px;
        border-bottom: 1px solid rgba(0,0,0,.1);
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 501;
        position: sticky;
        background-color: #fff;
        top: 0
    }

    .site-header .menu-block .mobile-menu-head .go-back {
        height: 50px;
        width: 50px;
        border-right: 1px solid rgba(0,0,0,.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #000;
        font-size: 16px;
        display: none
    }

    .site-header .menu-block .mobile-menu-head.active .go-back {
        display: block
    }

    .site-header .menu-block .mobile-menu-head .current-menu-title {
        font-size: 15px;
        font-weight: 500;
        color: #000;
        visibility: hidden;
        text-transform: capitalize
    }

    .site-header .menu-block .mobile-menu-head.active .current-menu-title {
        visibility: visible
    }

    .site-header .menu-block .mobile-menu-head .mobile-menu-close {
        height: 50px;
        width: 50px;
        border-left: 1px solid rgba(0,0,0,.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #000;
        font-size: 25px
    }

    .site-header .menu-block .site-menu-main {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto
    }

    .site-menu-main>li .sub-menu,.site-menu-main>li .sub-menu.mega-menu {
        visibility: hidden;
        opacity: 0;
        position: relative;
        box-shadow: none;
        margin: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        max-width: none;
        min-width: auto;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        transition: all .5s linear;
        transform: none
    }

    .site-menu-main>li .sub-menu.active {
        padding: 0 0 15px 20px;
        visibility: visible;
        opacity: 1;
        height: 100%
    }

    .site-menu-main>li .sub-menu.mega-menu>.list-item>ul>li>a,.site-menu-main>li .sub-menu>ul>li>a {
        display: block
    }

    .site-menu-main>li .sub-menu.mega-menu>.list-item>ul {
        margin-bottom: 15px
    }

    .menu-overlay {
        position: fixed;
        background-color: #00000080;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        visibility: hidden;
        opacity: 0;
        transition: all .5s ease
    }

    .menu-overlay.active {
        visibility: visible;
        opacity: 1
    }
}

@media (min-width: 992px) {
    .has-megamenu ul {
        margin-left:auto
    }

    .site-menu-main a {
        display: flex;
        align-items: center
    }

    .site-menu-main i,.site-menu-main svg {
        margin-left: 15px;
        font-size: 15px
    }
}

@media (min-width: 1200px) {
    .site-header--menu-center .menu-block-wrapper {
        position:absolute!important;
        left: 50%;
        transform: translate(-50%)
    }
}

.nav-item-has-children a {
    display: flex;
    justify-content: space-between;
    text-transform: capitalize
}

.reveal-header {
    background: #0d152e!important
}

.reveal-header .btn,.reveal-header .btn:hover,.reveal-header .nav-link-item {
    color: #fff!important
}

.reveal-header .dark-version-logo {
    display: block!important
}

.reveal-header .light-version-logo {
    display: none!important
}

@media (min-width: 992px) {
    .reveal-header li.nav-item-has-children:hover>.sub-menu {
        top:100%
    }

    .reveal-header li.nav-item-has-children:hover>.megamenu {
        top: 112%
    }
}

.menu-block.active .nav-link-item {
    color: #000!important
}

@media (min-width: 480px) {
    .d-xs-inline-flex {
        display:inline-flex!important
    }
}

ul.site-menu-main .nav-item i,ul.site-menu-main .nav-item svg {
    transition: all .4s ease-in-out;
    width: 15px
}

ul.site-menu-main .nav-item:hover i,ul.site-menu-main .nav-item:hover svg {
    transform: rotate(-180deg)
}

li.sub-menu--item.nav-item-has-children:hover i,li.sub-menu--item.nav-item-has-children:hover svg {
    transform: rotate(-180deg)!important
}

li.sub-menu--item.nav-item-has-children i,li.sub-menu--item.nav-item-has-children svg {
    transform: rotate(-90deg)!important;
    transition: all .4s ease-in-out
}

.single-dropdown-block h3 {
    opacity: .5;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1.1px;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 25px;
    display: none
}

@media (min-width: 992px) {
    .single-dropdown-block h3 {
        display:block
    }
}

.landing-2-menu .navbar {
    border-bottom: 1px solid rgba(29,36,58,.12)
}

.btn {
    z-index: 5;
    border-radius: 6px;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    min-width: 130px;
    line-height: 28px;
    letter-spacing: -.53px;
    padding: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out
}

.btn,.log-in-btn {
    position: relative
}

.log-in-btn {
    width: 160px;
    height: 50px;
    background: #fd4c5c;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    transition: all .4s;
    margin-left: 30px;
    overflow: hidden;
    z-index: 0
}

.log-in-btn:after {
    content: "";
    background: #0f1a54;
    position: absolute;
    transition: all .3s ease-in;
    z-index: -1;
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(30deg);
    transition-duration: .4s;
    transform-origin: top left;
    width: 0
}

a.log-in-btn:hover:after {
    height: 100%;
    width: 135%
}

.log-in-btn.red-btn {
    color: #fff;
    background-color: #fd4c5c
}

.log-in-btn.yellow-btn {
    color: #0f1a54;
    background-color: #fbc21d
}

.log-in-btn.yellow-btn:hover {
    background-color: #fff
}

.rajapanen-sosmed {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: fixed;
    left: 1%;
    bottom: 20px;
    z-index: 999;
    overflow: visible
}

.rajapanen-sosmed a {
    width: 65px;
    height: auto
}

.rajapanen-sosmed a img {
    width: 100%
}

@media screen and (max-width: 600px) {
    .rajapanen-sosmed {
        bottom:95px;
        right: 1%;
        left: unset
    }

    .ard-container a {
        width: 55px
    }
}

@keyframes switchImages {
    0%,to {
        opacity: 0
    }

    10%,90% {
        opacity: 1
    }
}

.image-container {
    position: relative;
    display: inline-block
}

.rajapanen-hot {
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    animation: switchImages 2s infinite
}

.swiper-pagination-bullet {
    background-color: #fff!important
}

.jackpot-container {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.jackpot-number {
    position: absolute;
    top: 55%;
    left: 50%;
    padding: 25px!important;
    transform: translate(-25%,-50%);
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(#d9ad57 12.5%,#f1e69f 31.46%,#faef9f 47.86%,#dcaa52 65%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .container {
        max-width:740px
    }

    .jackpot-number {
        font-size: 1rem;
        padding-left: 10px!important
    }

    .tmp-header-slider .h-auto {
        max-height: 200px!important
    }

    .mobile-display-none {
        display: none!important
    }
}

.tmp-sdfsDSF {
    display: flex;
    align-items: center
}

.container .image-row {
    margin-top: 30px;
    display: flex;
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .5rem 0;
    white-space: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #424242 #141414
}

.container .image-row::-webkit-scrollbar {
    height: 8px
}

.container .image-row::-webkit-scrollbar-thumb {
    background: #888
}

.container .image-row::-webkit-scrollbar-track {
    background: #f1f1f1
}

.logo-box {
    flex: 0 0 auto;
    background: #141414;
    border-right: 1px solid #484848;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 60px
}

.logo-box.active {
    background: #ffffff7a;
    filter: brightness(.75)
}

.main-img {
    max-width: 80%;
    max-height: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.provider-mobile-wrapper {
    display: flex;
    align-items: center;
    margin-top: 30px;
    position: relative
}

.provider-arrow {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 10;
    flex-shrink: 0
}

.provider-arrow img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.provider-arrow:hover {
    opacity: .7
}

.provider-mobile-wrapper .image-row {
    margin-top: 0;
    flex: 1
}

@media (max-width: 768px) {
    .provider-mobile-wrapper {
        margin-top:15px
    }

    .provider-mobile-wrapper .image-row {
        background: #141414;
        border-radius: 50px;
        padding: 5px 10px;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .provider-mobile-wrapper .image-row::-webkit-scrollbar {
        display: none
    }

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

    .provider-mobile-wrapper .logo-box {
        background: #141414;
        border-right: 1px solid #484848;
        width: 80px;
        height: 40px
    }

    .provider-mobile-wrapper .logo-box.active {
        background: #ffffff7a;
        filter: brightness(.75)
    }

    .provider-mobile-wrapper .main-img {
        max-width: 70%;
        max-height: 70%
    }
}

.provider-games-section {
    padding: 40px 20px;
    margin: 0 auto
}

.provider-games-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 15px
}

.provider-games-title h2 {
    font-family: Orbitron,Outfit,sans-serif;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 3px;
    margin: 0 0 8px;
    text-transform: uppercase
}

.title-underline {
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg,#ce1702,#ff6b00,#fc0);
    border-radius: 2px
}

.provider-update-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #1e1e24e6;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 13px;
    color: #e0e0e0
}

.update-dot {
    width: 8px;
    height: 8px;
    background: #4ade80;
    border-radius: 50%;
    animation: pulse-dot 2s infinite
}

@keyframes pulse-dot {
    0%,to {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .6;
        transform: scale(1.2)
    }
}

.provider-slider-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative
}

.provider-nav-btn {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: #1e1e24f2;
    border: 1px solid #444;
    border-radius: 12px;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease
}

.provider-nav-btn:hover {
    background: #32323cf2;
    color: #fff;
    border-color: #666
}

.provider-slider {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex: 1;
    padding: 8px 0
}

.provider-slider::-webkit-scrollbar {
    display: none
}

.provider-card-item {
    flex-shrink: 0;
    width: 130px;
    height: 70px;
    background: linear-gradient(180deg,#1e1e24,#141418);
    border: 2px solid #2a2a32;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .25s ease;
    padding: 10px
}

.provider-card-item:hover {
    border-color: #555;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px #0000004d
}

.provider-card-item.active {
    background: linear-gradient(180deg,#2a2520,#1a1510);
    border: 2px solid #d4a54a;
    box-shadow: 0 0 20px #d4a54a40,inset 0 0 15px #d4a54a1a
}

.provider-card-item img {
    max-width: 85%;
    max-height: 85%;
    -o-object-fit: contain;
    object-fit: contain;
    filter: grayscale(20%);
    transition: filter .2s ease
}

.provider-card-item:hover img,.provider-card-item.active img {
    filter: grayscale(0%)
}

@media (max-width: 768px) {
    .provider-games-section {
        padding:25px 15px
    }

    .provider-games-header {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-bottom: 20px
    }

    .provider-games-title {
        text-align: center
    }

    .provider-games-title h2 {
        font-size: 1.4rem;
        letter-spacing: 2px
    }

    .title-underline {
        width: 80px;
        height: 3px;
        margin: 0 auto
    }

    .provider-update-badge {
        font-size: 11px;
        padding: 8px 14px;
        text-align: center;
        line-height: 1.4;
        max-width: 100%
    }

    .provider-update-badge span {
        word-break: break-word
    }

    .provider-slider-wrapper {
        gap: 8px
    }

    .provider-nav-btn {
        width: 40px;
        height: 40px;
        border-radius: 10px
    }

    .provider-card-item {
        width: 100px;
        height: 55px;
        border-radius: 10px;
        padding: 8px
    }

    .provider-slider {
        gap: 8px
    }
}

@media (max-width: 480px) {
    .provider-games-title h2 {
        font-size:1.2rem
    }

    .provider-update-badge {
        font-size: 10px;
        padding: 6px 10px;
        border-radius: 12px
    }

    .update-dot {
        width: 6px;
        height: 6px;
        flex-shrink: 0
    }

    .provider-nav-btn {
        width: 36px;
        height: 36px
    }

    .provider-card-item {
        width: 85px;
        height: 48px;
        padding: 6px
    }
}

.tmp-row-data {
    background: #141414;
    padding: 20px 10px 10px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.tmp-inner {
    margin-bottom: 20px
}

.tmp-image {
    border-radius: 10px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%
}

.tmp-cd4sd {
    background: #c97a03;
    border-radius: 5px
}

.tmp-button-main {
    cursor: pointer;
    justify-content: center;
    width: 100%;
    transition: .15s ease-out;
    display: flex;
    align-items: center
}

.tmp-row {
    margin: 0
}

.tmp-margin-right {
    margin-right: 5px
}

.tmp-header-slider .h-auto {
    max-height: 500px
}

.tmp-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-size: 12px
}

.tmp-row-data .tmp-row .tmp-padding a {
    color: #fff
}

.tmp-xsdefd {
    position: relative;
    background: #050505;
    padding-top: 32px;
    padding-bottom: 32px
}

.tmp-cxsd-image {
    position: absolute;
    opacity: .2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(assets/images/service-contact-bg.webp) round;
    pointer-events: none
}

.c-fNPicp {
    font-size: 40px;
    color: var(--color-golden);
    font-weight: 700;
    margin-left: 15px
}

.tmp-img-circle {
    background: url(assets/images/circle.webp);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px
}

.tmp-text00 {
    display: inline;
    text-align: center;
    margin-right: 4px;
    color: var(--color-golden)
}

.tmp-frtjfQ {
    color: #fff;
    font-size: 12px
}

.tmp-frtjfQ2 {
    font-size: 23px;
    color: #fff;
    font-weight: 700
}

.tmp-boxsing {
    box-sizing: border-box;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: darkgrey transparent;
    margin-top: 25px
}

fieldset.c-kDuylR {
    border-radius: 20px;
    border-width: 2px;
    border-style: solid;
    -o-border-image: none;
    border-image: none;
    border-color: #fff;
    padding: 0 28px 28px
}

legend.c-fhsrkN {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.tmp-sadlfE {
    display: flex;
    align-items: center
}

.tmp-fNvXDcF {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

.tmp-sdeloa {
    border: 1px solid #fff;
    color: #fff;
    padding: 15px;
    border-radius: 20px
}

.tmp-sldfjs {
    font-size: 25px;
    font-weight: 700
}

.tmp-sdfsdfeS {
    font-size: 15px
}

.tmp-lkjasoife {
    display: flex;
    align-items: flex-end
}

.tmp-asdlfk00 {
    font-size: 48px;
    font-weight: 700
}

.tmp-asdlfk {
    font-size: 18px
}

.tmp-ggNGVT {
    background: #fff;
    height: 12px;
    border-radius: 20px;
    margin-top: 16px
}

.tmp-sdfsdf {
    background: #c78828;
    height: 100%;
    width: 35%;
    border-radius: 20px
}

.tmp-sdfsdf2 {
    background: #c78828;
    height: 100%;
    width: 80%;
    border-radius: 20px
}

.tmp-asdfborder {
    padding: 1px;
    display: flex;
    width: 2px;
    margin: 10px 50px;
    background: #fff
}

.tmp-dcxSjI {
    width: 40px;
    height: 40px;
    margin-right: 15px
}

.tmp-test {
    border-right: 1px solid
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tmp-asdfborder {
        margin:10px 30px
    }

    .mobile-display-none {
        display: none!important
    }

    .tmp-dcxSjI {
        width: 25px;
        height: 25px
    }

    .c-DBBwl {
        grid-template-columns: repeat(6,1fr)
    }
}

@media screen and (min-width: 1024px) {
    .tmp-dcxSjI {
        width:30px;
        height: 30px
    }
}

.mobile-footer {
    display: none
}

.c-bqoLtS {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
    gap: 32px
}

.c-cYHwgI-dFQOGJ-isActive-true {
    background: #00bd0e
}

.c-cYHwgI {
    width: 124px;
    height: 40px;
    border-radius: 4px;
    padding: 1px 1px 1px 5px
}

.c-kpdLOY-NIZMm-isActive-true {
    background: #bdffc2
}

.c-kpdLOY {
    width: 100%;
    height: 100%;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
    position: relative
}

.c-gOlnCa {
    display: flex;
    margin-right: 4px
}

.c-gOlnCa img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 14px;
    height: 14px
}

.c-bFNFme {
    position: relative;
    height: 22px;
    width: 80px
}

.c-gKUdqi {
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between
}

.c-kqBkzo {
    width: 33%
}

.c-UazGY {
    display: flex;
    align-items: center
}

.c-fNvXDc {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

.c-eBIusB-knRCVJ-variant-title3Bold {
    font-size: 48px;
    font-weight: 700;
    line-height: 60px
}

.c-ekCNeI {
    margin-bottom: 4px
}

.c-eBIusB-BaPNz-variant-body2Regular {
    font-size: 13px;
    line-height: 35px
}

.c-bzUCgK {
    display: flex;
    align-items: flex-end
}

.c-cmnJrO {
    background: #fff;
    height: 12px;
    border-radius: 20px;
    margin-top: 16px
}

.c-ggNGVT-ijgkeMK-css {
    width: 35%
}

.c-ggNGVT {
    background: var(--color-golden);
    height: 100%;
    width: 50%;
    border-radius: 20px
}

.c-bDeEoa {
    display: flex;
    width: 2px;
    margin: 8px 24px;
    background: #fff
}

.c-eBIusB-cvcuSC-variant-body1Bold {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700
}

.c-kNMCiq {
    margin-top: 12px;
    display: flex
}

.c-kNMCiq>img {
    margin-right: 24px
}

.c-dcxSjI {
    width: 40px;
    height: 40px
}

.c-ddHFyC {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.c-iDfZUm {
    background: #1e1e1e;
    margin-top: 30px
}

.c-fGHEql-fvdSl-variant-default {
    width: 100%;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px
}

.c-fPgenq {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 32px
}

.c-ciFCaj {
    position: relative;
    width: 160px;
    height: 40px;
    margin-bottom: 32px;
    margin-left: 20px;
    margin-right: 20px;
    transition: .1s;
    filter: grayscale(100%)
}

.c-ciFCaj:hover {
    filter: grayscale(0%)
}

.c-laQuEZ {
    padding-top: 48px;
    padding-bottom: 48px;
    position: relative;
    color: #fff
}

.c-eBIusB-jfrBtr-variant-title3Semibold {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    display: block;
    margin-bottom: 10px
}

.c-bqjlqx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width: 992px) {
    .c-cTRfcW {
        padding:24px;
        width: 49.5%
    }
}

.c-cTRfcW {
    position: relative;
    flex-direction: column;
    margin-bottom: 16px;
    border-color: #dcd9d5;
    border-width: 1px;
    border-style: solid;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    background: #050505
}

.c-dchPms {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: unset;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 992px) {
    .c-kdiOwI {
        top:8px;
        right: -8px
    }
}

.c-kdiOwI {
    position: absolute;
    width: unset;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

.c-gjxBDC {
    position: absolute;
    width: unset;
    -o-object-fit: contain;
    object-fit: contain;
    right: -8px;
    top: 8px;
    height: 100%
}

.c-hinyfY {
    width: 100%;
    height: 100%
}

.c-kHFqcL {
    color: #dd8604
}

.c-eBIusB-fFOHTJ-variant-title3Bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

.c-ccDIyR {
    margin-bottom: 10px
}

.c-eBIusB-gzuWdB-variant-body3Regular {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    width: 70%
}

.c-bKfYky {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 1280px) {
    .c-cswOpd {
        margin-right:16px
    }

    .c-fNPicp {
        line-height: 62px;
        font-size: 48px
    }

    .c-jWghPK:not(:last-child) {
        margin-right: 20px
    }

    .c-frtjfQ {
        margin-right: 16px;
        width: 64px;
        height: 64px;
        min-width: 64px;
        min-height: 64px
    }

    .c-eBIusB-kgbjzO-variant-body2Regular {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px
    }

    .c-eBIusB-fxrLVA-variant-title3Bold {
        font-size: 24px;
        font-weight: 700;
        line-height: 31px
    }

    .c-cswOpd svg {
        max-width: 71px
    }

    .tmp-padding-left-30 {
        padding-left: 150px
    }
}

@media (max-width: 991px) {
    .c-gKUdqi {
        flex-direction:column
    }

    .c-kqBkzo {
        width: 100%
    }

    .c-cTRfcW {
        padding: 12px 16px;
        width: 100%
    }

    .c-kdiOwI {
        max-height: 99px;
        max-width: 124px;
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0
    }
}

.c-eBIusB {
    margin: 0;
    display: block
}

.c-dFfuhX {
    color: #fff
}

.c-frtjfQ {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(assets/images/circle.webp)
}

.c-cswOpd {
    display: flex;
    align-items: center;
    margin-right: 16px
}

.c-cswOpd svg {
    height: -moz-fit-content;
    height: fit-content;
    max-width: 50px
}

.c-ifiMEn {
    margin-right: 12px
}

.c-fNPicp {
    font-weight: 700;
    font-size: 28px
}

.c-iOpAfs {
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between
}

.c-jWghPK {
    display: flex;
    align-items: center
}

.c-frtjfQ span {
    margin-right: 4px
}

.c-bGnIb {
    display: inline;
    background: linear-gradient(#d9ad57 12.5%,#f1e69f 31.46%,#faef9f 47.86%,#dcaa52 65%) padding-box text;
    -webkit-text-fill-color: transparent
}

.mb-h-margin-left {
    display: flex;
    justify-content: center;
    align-items: center
}

.mb-daftar {
    background: linear-gradient(180deg,#7a7676,#1a1a1a 77.66%);
    border-radius: 3px;
    border: 2px solid transparent;
    -o-border-image: linear-gradient(180deg,#D9AD57 12.5%,#F1E69F 22.62%,#FFF 34.1%,#FAEF9F 53.52%,#DCAA52 65%) 1;
    border-image: linear-gradient(180deg,#d9ad57 12.5%,#f1e69f 22.62%,#fff 34.1%,#faef9f 53.52%,#dcaa52 65%) 1;
    padding: 5px 10px;
    color: #d9ad57
}

@media screen and (max-width: 768px) {
    .mobile-footer {
        display:block;
        padding-top: 50px
    }

    #sectmobile {
        margin-top: 80px
    }

    .mobile-style {
        display: flex!important;
        justify-content: space-between;
        align-items: center;
        margin: 0 15px
    }

    .c-ciFCaj {
        filter: grayscale(0%)
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .mobile-footer {
        display:block;
        padding-top: 50px
    }

    .mobile-style {
        display: flex!important;
        justify-content: space-between;
        align-items: center
    }

    .c-ciFCaj {
        filter: grayscale(0%)
    }

    .tmp-display-flex {
        padding: 0 20px
    }

    .jackpot-number {
        font-size: 2rem
    }
}

.mobile-style {
    display: none
}

.mobile-header-grid {
    display: none;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 0 15px
}

.mobile-header-buttons {
    display: flex;
    gap: 8px;
    align-items: center
}

.mobile-btn-masuk {
    background: linear-gradient(180deg,#ce1702,#8b0000);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 8px 14px;
    border-radius: 4px;
    border: 1px solid #ff4444;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease
}

.mobile-btn-masuk:hover {
    background: linear-gradient(180deg,#ff2020,#ce1702);
    transform: scale(1.02)
}

.mobile-btn-daftar {
    background: linear-gradient(180deg,#d9ad57,#8b6914);
    color: #1a1a1a;
    font-weight: 700;
    font-size: 12px;
    padding: 8px 14px;
    border-radius: 4px;
    border: 1px solid #F1E69F;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease
}

.mobile-btn-daftar:hover {
    background: linear-gradient(180deg,#f1e69f,#d9ad57);
    transform: scale(1.02)
}

.desktop-header-buttons {
    display: flex;
    gap: 12px;
    align-items: center
}

.desktop-btn-masuk {
    background: linear-gradient(180deg,#ce1702,#8b0000);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 6px;
    border: 1px solid #ff4444;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease
}

.desktop-btn-masuk:hover {
    background: linear-gradient(180deg,#ff2020,#ce1702);
    transform: scale(1.02);
    box-shadow: 0 4px 15px #ce170266
}

.desktop-btn-daftar {
    display: inline-block;
    background: linear-gradient(180deg,#d9ad57,#8b6914);
    color: #1a1a1a;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 6px;
    border: 1px solid #F1E69F;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease
}

.desktop-btn-daftar:hover {
    background: linear-gradient(180deg,#f1e69f,#d9ad57);
    transform: scale(1.02);
    box-shadow: 0 4px 15px #d9ad5766
}

@media screen and (max-width: 768px) {
    .mobile-header-grid {
        display:grid!important
    }

    .mobile-header-grid .brand-logo img {
        max-width: auto;
        height: auto
    }
}

@media screen and (max-width: 480px) {
    .mobile-btn-masuk,.mobile-btn-daftar {
        font-size:11px;
        padding: 6px 10px
    }

    .mobile-header-buttons {
        gap: 6px
    }

    .mobile-header-grid .brand-logo img {
        max-width: auto
    }
}

.mobile-menu {
    background: #020202b5
}

.mobile-menu-toggle {
    --bs-bg-opacity: 1;
    background-color: #1e1e1e!important;
    color: #fff
}

.mobile-menu-toggle ul li a {
    color: #fff
}

.tmp-margin-left {
    margin-left: 15px
}

.mb-eAGTiL {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    height: 60px;
    width: 100%;
    align-items: center
}

.mb-cphnPV {
    position: absolute;
    width: 100%
}

.mb-bDmOwk {
    position: absolute;
    background: #383838;
    top: 0;
    right: 60%;
    bottom: 0;
    left: 0;
    border-top-left-radius: 14px
}

.mb-DRUzL {
    position: absolute;
    background: #383838;
    top: 0;
    right: 0;
    bottom: 0;
    left: 60%;
    border-top-right-radius: 14px
}

.mb-dMRyZm {
    height: 100%;
    position: relative;
    display: flex;
    flex: 1 1 0%;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center
}

.mb-cIdiJW {
    text-decoration: none
}

.mb-hJjmHg {
    cursor: pointer;
    display: flex;
    list-style-type: none;
    text-decoration: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mb-dxNPFB {
    width: 62px;
    height: 62px;
    position: absolute;
    top: -22px;
    border-radius: 50%;
    background: linear-gradient(180deg,#d9ad57 12.5%,#f1e69f 31.46%,#faef9f 47.86%,#dcaa52 65%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mb-jAjJVs {
    padding-bottom: 36px
}

.mb-eBIusB-gjdJOs-align-center {
    text-align: center
}

.footer-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.mb-kfmho {
    background: #525252;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mb-laQuEZP {
    margin-bottom: 0
}

.tmp-dslfse {
    width: 100%;
    height: 4px;
    background: linear-gradient(180deg,#d9ad57 12.5%,#f1e69f 22.62%,#fff 34.1%,#faef9f 53.52%,#dcaa52 65%)
}

.tmp-sdlfjsS {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 15px
}

.tmp-sdlfjsS a:hover {
    color: #fff
}

.tmp-gasldfjks {
    border-radius: 5px;
    color: #fff;
    display: flex;
    padding: 5px 20px;
    background: #c97a03;
    align-items: center;
    font-size: 15px;
    font-weight: 700
}

.tmp-alskdjfos {
    border-radius: 5px;
    color: #000;
    display: flex;
    padding: 5px 20px;
    background: #fff;
    align-items: center;
    font-size: 15px;
    margin-left: 10px;
    font-weight: 700
}

.tmp-asldfjsoE a:hover {
    color: #000
}

.tmp-adlofisjf {
    max-width: 250px;
    transition: all .4s;
    position: relative
}

.tmp-sdfbrand-logo {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(180deg,#7a7676,#1a1a1a 77.66%)
}

.tmp-main-menu {
    display: flex;
    flex: 3.5 1 0%;
    justify-content: space-evenly
}

.c-gTZUmH {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    cursor: pointer;
    position: relative
}

.c-dxZtYq {
    display: flex;
    flex: 1 1 0%;
    position: relative;
    overflow: visible
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1520px
    }
}

.c-gTZUmH:hover {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -o-border-image: linear-gradient(180deg,#d9ad57 12.5%,#f1e69f 22.62%,#fff 34.1%,#faef9f 53.52%,#dcaa52 65%) 1;
    border-image: linear-gradient(180deg,#d9ad57 12.5%,#f1e69f 22.62%,#fff 34.1%,#faef9f 53.52%,#dcaa52 65%) 1
}

.c-jxdTCW {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-cIdiJW {
    color: #fff;
    font-size: 15px
}

.tmp-lsjdfsi {
    margin-left: 230px
}

@media (min-width: 992px) {
    .c-iwXpON {
        top:0;
        bottom: 0
    }
}

.c-iwXpON {
    position: relative;
    flex: 1 1 0%
}

.c-cIdiJWs {
    text-decoration: none
}

.c-jDChoxs {
    display: flex;
    height: 100%;
    align-items: center
}

.c-dXNkras {
    max-height: 52px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 768px) {
    .brand-logo {
        width:auto;
        display: flex;
        height: 100%;
        align-items: center
    }

    .logo-rajazeus {
        height: 70px;
        width: auto;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.c-kogEPas {
    margin-left: 8px;
    margin-right: 8px
}

.c-eohpEV {
    display: flex;
    flex: 4.5 1 0%;
    justify-content: space-evenly;
    overflow: visible
}

.c-eZbirh {
    display: flex;
    flex: 1.1 1 0%
}

.c-fkhsMv {
    display: none;
    position: fixed;
    top: 159px;
    left: 0;
    right: 0;
    width: 100vw;
    background: #6b6b6b;
    border-radius: 20px;
    padding: 25px 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1000
}

.c-dxZtYq:hover .c-fkhsMv,.c-gTZUmH:hover .c-fkhsMv {
    display: flex
}

.c-etQkJI {
    position: relative;
    width: 200px;
    height: 100px;
    margin: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 15px;
    transition: transform .3s ease
}

.c-etQkJI:hover {
    transform: scale(1.05)
}

.c-etQkJI .c-IdiJW {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit
}

.tmp-spanDDD {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.tmp-spanDDD img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 15px;
    transition: opacity .3s ease
}

.c-etQkJI:hover .tmp-spanDDD img {
    opacity: .8
}

@media (min-width: 992px) {
    .c-cCkInO {
        margin-top:24px;
        background: #1e1e1e;
        padding: 32px;
        border-radius: 20px
    }
}

.c-DBBwl {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap: 16px
}

@media screen and (max-width: 768px) {
    .c-DBBwl {
        grid-template-columns:repeat(3,1fr)
    }

    .mb-marign-top {
        margin-top: 20px
    }
}

.c-lhEoTa {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin-bottom: 24px;
    border-radius: 4px;
    cursor: pointer
}

.c-jQxwKe {
    position: relative;
    overflow: hidden
}

.c-jXMFuu {
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.c-1 {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.c-2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.c-iYibku {
    position: absolute;
    left: 0%;
    top: 0%;
    display: flex;
    z-index: 999;
    transition: .3s linear;
    overflow: hidden
}

.c-3image {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.c-3image-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0;
    border: medium;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%
}

.c-loOPxL-bICGYT-isCenter-true {
    justify-content: center
}

.c-loOPxL {
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between;
    margin-top: 8px
}

.c-sdf34w234 {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    text-align: center;
    margin: 0;
    text-overflow: ellipsis;
    display: block
}

.c-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    text-align: center;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    width: 100%
}

.c-kojyFS {
    margin-top: 8px
}

.game-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 6px 8px 8px;
    margin-top: 4px
}

.btn-pola-gacor {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    padding: 8px 6px;
    background: linear-gradient(180deg,#d9ad57,#b8860b,#8b6914);
    border: none;
    border-radius: 5px;
    color: #1a1a1a;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .3px;
    cursor: pointer;
    transition: all .2s ease;
    text-transform: uppercase;
    white-space: nowrap
}

.btn-pola-gacor:hover {
    background: linear-gradient(180deg,#f1e69f,#d9ad57,#b8860b);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #d9ad5766
}

.btn-pola-gacor svg {
    flex-shrink: 0;
    width: 14px;
    height: 14px
}

.game-action-row {
    display: flex;
    gap: 4px
}

.btn-suntikan,.btn-simulasi {
    flex: 1;
    padding: 6px 4px;
    background: linear-gradient(180deg,#4a1515,#2d0a0a);
    border: 1px solid #5a2020;
    border-radius: 4px;
    color: #e0e0e0;
    font-weight: 600;
    font-size: 9px;
    letter-spacing: .2px;
    cursor: pointer;
    transition: all .2s ease;
    text-transform: uppercase;
    white-space: nowrap
}

.btn-suntikan:hover,.btn-simulasi:hover {
    background: linear-gradient(180deg,#5a2020,#3d1010);
    border-color: #7a3030;
    color: #fff
}

@media (max-width: 1280px) {
    .game-action-buttons {
        padding:5px 6px 6px;
        gap: 4px
    }

    .btn-pola-gacor {
        padding: 6px 4px;
        font-size: 9px;
        gap: 3px
    }

    .btn-pola-gacor svg {
        width: 11px;
        height: 11px
    }

    .btn-suntikan,.btn-simulasi {
        padding: 5px 2px;
        font-size: 7px
    }

    .game-action-row {
        gap: 3px
    }
}

@media (max-width: 1024px) {
    .game-action-buttons {
        padding:4px 5px 5px;
        gap: 3px
    }

    .btn-pola-gacor {
        padding: 5px 3px;
        font-size: 8px;
        gap: 2px
    }

    .btn-pola-gacor svg {
        width: 10px;
        height: 10px
    }

    .btn-suntikan,.btn-simulasi {
        padding: 4px 2px;
        font-size: 6.5px;
        letter-spacing: 0
    }

    .game-action-row {
        gap: 2px
    }
}

@media (max-width: 768px) {
    .game-action-buttons {
        padding:4px 5px 6px;
        gap: 4px
    }

    .btn-pola-gacor {
        padding: 6px 4px;
        font-size: 9px;
        gap: 3px;
        border-radius: 4px
    }

    .btn-pola-gacor svg {
        width: 11px;
        height: 11px
    }

    .btn-suntikan,.btn-simulasi {
        padding: 5px 2px;
        font-size: 7px;
        border-radius: 3px
    }

    .game-action-row {
        gap: 3px
    }
}

@media (max-width: 480px) {
    .game-action-buttons {
        padding:3px 4px 5px;
        gap: 3px
    }

    .btn-pola-gacor {
        padding: 5px 3px;
        font-size: 8px;
        gap: 2px
    }

    .btn-pola-gacor svg {
        width: 10px;
        height: 10px
    }

    .btn-suntikan,.btn-simulasi {
        padding: 4px 2px;
        font-size: 6.5px;
        letter-spacing: 0
    }

    .game-action-row {
        gap: 2px
    }
}

.rtp-progress-container {
    padding: 5px 8px;
    margin-top: 5px
}

.rtp-progress-bar {
    width: 100%;
    height: 22px;
    background: #1a1a1a;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid #c9a227;
    position: relative
}

.rtp-border-green {
    border-color: #4caf50
}

.rtp-border-yellow {
    border-color: #ffc107
}

.rtp-border-red {
    border-color: #f44336
}

.rtp-progress-fill {
    height: 100%;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width .5s ease;
    background-size: 30px 30px;
    animation: progress-stripes 1s linear infinite
}

.rtp-progress-green {
    background: linear-gradient(45deg,#4caf50 25%,#66bb6a 25%,#66bb6a 50%,#4caf50 50%,#4caf50 75%,#66bb6a 75%);
    background-size: 30px 30px
}

.rtp-progress-yellow {
    background: linear-gradient(45deg,#ffc107 25%,#ffd54f 25%,#ffd54f 50%,#ffc107 50%,#ffc107 75%,#ffd54f 75%);
    background-size: 30px 30px
}

.rtp-progress-red {
    background: linear-gradient(45deg,#f44336 25%,#ef5350 25%,#ef5350 50%,#f44336 50%,#f44336 75%,#ef5350 75%);
    background-size: 30px 30px
}

.rtp-progress-text {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    position: relative;
    z-index: 1
}

@keyframes progress-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

.c-ezMmmi {
    width: 100%
}

.c-hJhMRA {
    overflow: hidden;
    height: -moz-fit-content;
    height: fit-content
}

.c-iHxlUx {
    padding: 1px;
    background: var(--colors-borderJackpot);
    border-radius: 4px
}

.c-fgjTBi {
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
    width: 100%;
    color: #fff;
    border: unset;
    transition: .15s ease-out;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: #c97a03;
    min-height: 35px;
    padding: 0
}

.c-eBIusB-eSCPRE-variant-body2Medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.btn-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap
}

.btn-icon {
    margin-right: 4px;
    flex-shrink: 0
}

@media screen and (min-width: 640px) {
    .btn-text {
        font-size:14px
    }
}

@media screen and (min-width: 1024px) {
    .btn-text {
        font-size:16px
    }

    .btn-icon {
        margin-right: 5px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-DBBwl {
        grid-template-columns:repeat(6,1fr)
    }
}

.mb-marign-top {
    margin-bottom: 30px
}

.c-hotgames-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    overflow-x: auto
}

.c-cLPAgK {
    position: relative;
    flex: 0 0 auto;
    width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.c-boYXpw-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    width: 100%
}

.c-boYXpw {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.c-kInokF {
    width: 95px;
    height: 95px;
    border-radius: 14px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .2s ease
}

.c-cLPAgK:hover .c-kInokF {
    transform: scale(1.05)
}

.c-fIygvy {
    display: block;
    font-size: 10px;
    color: #fff;
    margin-top: 5px;
    width: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    text-align: center
}

.c-hotgames-container .c-fgjTBi {
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
    width: 100%;
    color: #fff;
    border: unset;
    transition: .15s ease-out;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin-top: 8px
}

.c-hotgames-container .c-fgjTBi-jDApLP-variant-medium {
    min-height: 35px;
    padding: 0 22px
}

.c-hotgames-container .c-fgjTBi-dXcgrR-buttonType-primary {
    background: #c97a03
}

.c-hotgames-container .c-cYfCKk {
    display: flex;
    align-items: center;
    margin-right: 4px
}

.c-hotgames-container .c-dFfuhX {
    font-size: 12px
}

.filter-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 15px
}

.filter-container {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px
}

.filter-item {
    width: 100%
}

.filter-input-wrapper,.filter-select-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: linear-gradient(145deg,#1a1a1a,#0d0d0d);
    border: 1px solid rgba(201,162,39,.3);
    border-radius: 12px;
    overflow: hidden;
    transition: all .3s ease;
    box-shadow: 0 4px 15px #0000004d,inset 0 1px #ffffff0d
}

.filter-input-wrapper:hover,.filter-select-wrapper:hover {
    border-color: #c9a22799;
    box-shadow: 0 4px 20px #c9a22726,inset 0 1px #ffffff0d
}

.filter-input-wrapper:focus-within,.filter-select-wrapper:focus-within {
    border-color: #c9a227;
    box-shadow: 0 0 0 3px #c9a22733,0 4px 20px #c9a22733
}

.filter-icon-left {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    color: #c9a227!important
}

.filter-icon-left svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    color: #c9a227!important;
    stroke: #c9a227!important;
    fill: none!important
}

.filter-icon-left svg circle,.filter-icon-left svg path {
    stroke: #c9a227!important
}

.filter-icon-right {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    color: #c9a227!important
}

.filter-icon-right svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    color: #c9a227!important;
    stroke: #c9a227!important;
    fill: none!important
}

.filter-icon-right svg path {
    stroke: #c9a227!important
}

.filter-input {
    width: 100%;
    padding: 14px 45px 14px 50px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    outline: none
}

.filter-input::-moz-placeholder {
    color: #666;
    font-weight: 400
}

.filter-input::placeholder {
    color: #666;
    font-weight: 400
}

.filter-input::-webkit-search-cancel-button {
    display: none
}

.filter-clear-btn {
    position: absolute;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #ffffff1a;
    border: none;
    border-radius: 50%;
    color: #999;
    cursor: pointer;
    transition: all .2s ease
}

.filter-clear-btn:hover {
    background: #c9a2274d;
    color: #fff
}

.filter-select {
    width: 100%;
    padding: 14px 45px 14px 48px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.filter-select option {
    background: #1a1a1a;
    color: #fff;
    padding: 12px
}

.filter-select option:hover {
    background: #c9a227
}

.active-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 12px 16px;
    background: #c9a22714;
    border-radius: 10px;
    border: 1px solid rgba(201,162,39,.15)
}

.active-filters-label {
    font-size: 12px;
    color: #888;
    font-weight: 500
}

.filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: linear-gradient(135deg,#c9a22733,#c9a2271a);
    border: 1px solid rgba(201,162,39,.4);
    border-radius: 20px;
    font-size: 12px;
    color: #e0c060;
    font-weight: 500
}

.filter-tag button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: #ffffff26;
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    transition: all .2s ease
}

.filter-tag button:hover {
    background: #ff646480
}

.clear-all-btn {
    margin-left: auto;
    padding: 6px 14px;
    background: transparent;
    border: 1px solid rgba(255,100,100,.4);
    border-radius: 20px;
    font-size: 12px;
    color: #ff6b6b;
    cursor: pointer;
    transition: all .2s ease;
    font-weight: 500
}

.clear-all-btn:hover {
    background: #ff646426;
    border-color: #ff646499
}

@media (max-width: 992px) {
    .filter-container {
        grid-template-columns:1fr;
        gap: 12px
    }

    .filter-input,.filter-select {
        padding: 16px 45px 16px 48px;
        font-size: 16px
    }

    .active-filters {
        margin-top: 12px
    }
}

@media (max-width: 576px) {
    .filter-section {
        padding:15px 10px
    }

    .filter-input-wrapper,.filter-select-wrapper {
        border-radius: 10px
    }

    .filter-input,.filter-select {
        padding: 14px 40px 14px 48px;
        font-size: 15px
    }

    .filter-icon-left {
        left: 12px
    }

    .filter-icon-right {
        right: 12px
    }

    .active-filters {
        padding: 10px 12px;
        gap: 8px
    }

    .filter-tag {
        padding: 5px 10px;
        font-size: 11px
    }

    .clear-all-btn {
        width: 100%;
        margin-top: 8px;
        margin-left: 0;
        padding: 10px;
        text-align: center
    }
}

.not-found-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    grid-column: 1 / -1
}

.not-found-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 400px;
    padding: 40px;
    border-radius: 20px
}

.not-found-icon {
    color: #c9a227;
    margin-bottom: 20px;
    opacity: .8
}

.not-found-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    background: linear-gradient(180deg,#d9ad57,#f1e69f,#dcaa52);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.not-found-text {
    font-size: 14px;
    color: #a0a0a0;
    margin-bottom: 8px;
    line-height: 1.6
}

.not-found-hint {
    font-size: 12px;
    color: #707070;
    font-style: italic
}

.modal-pola-main,.modal-aktifkan-suntikan {
    z-index: 99999!important;
    position: fixed!important
}

.modal-pola-main .modal-backdrop,.modal-aktifkan-suntikan .modal-backdrop,.modal-backdrop {
    z-index: 99998!important
}

.modal-pola-main .modal-dialog,.modal-aktifkan-suntikan .modal-dialog {
    max-width: 800px!important;
    margin: 1.75rem auto
}

.modal-aktifkan-suntikan .modal-dialog {
    max-width: 500px!important
}

.modal-pola-main .modal-content,.modal-aktifkan-suntikan .modal-content {
    background: linear-gradient(145deg,#1a1a1a,#0d0d0d)!important;
    border: 1px solid rgba(201,162,39,.4)!important;
    border-radius: 20px!important;
    box-shadow: 0 25px 50px #000c,0 0 40px #c9a22726!important;
    overflow: hidden
}

.modal-pola-main .modal-header,.modal-aktifkan-suntikan .modal-header {
    background: linear-gradient(135deg,#c9a22726,#c9a2270d)!important;
    border-bottom: 1px solid rgba(201,162,39,.3)!important;
    padding: 15px 20px!important;
    position: relative
}

.modal-pola-main .modal-title,.modal-aktifkan-suntikan .modal-title {
    color: #fff!important;
    font-weight: 700!important
}

.modal-pola-main .modal-title p,.modal-pola-main .modal-title h5 {
    background: linear-gradient(180deg,#d9ad57,#f1e69f,#dcaa52);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.modal-aktifkan-suntikan .modal-title {
    background: linear-gradient(180deg,#d9ad57,#f1e69f,#dcaa52);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 1.5rem
}

.modal-pola-main .close,.modal-aktifkan-suntikan .close {
    position: absolute!important;
    right: 15px!important;
    top: 15px!important;
    width: 35px!important;
    height: 35px!important;
    background: #ffffff1a!important;
    border: 1px solid rgba(255,255,255,.2)!important;
    border-radius: 50%!important;
    color: #fff!important;
    font-size: 20px!important;
    font-weight: 300!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    cursor: pointer!important;
    transition: all .3s ease!important;
    margin: 0!important;
    padding: 0!important;
    opacity: 1!important
}

.modal-pola-main .close:hover,.modal-aktifkan-suntikan .close:hover {
    background: #ff64644d!important;
    border-color: #ff646480!important;
    transform: rotate(90deg)
}

.modal-pola-main .modal-body,.modal-aktifkan-suntikan .modal-body {
    padding: 20px!important;
    color: #fff!important
}

.white-text {
    color: #fff!important
}

.step-border {
    background: #c9a22714;
    border: 1px solid rgba(201,162,39,.25);
    border-radius: 10px;
    padding: 12px 15px;
    transition: all .3s ease
}

.step-border:hover {
    background: #c9a2271f;
    border-color: #c9a22766;
    transform: translate(3px)
}

.jxjStepperHead {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.jxjStepperHead>div {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.jxjStepperP4y {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(201,162,39,.2)
}

.jxjStepperP4y strong {
    background: linear-gradient(180deg,#d9ad57,#f1e69f,#dcaa52);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 13px
}

.jxjStepperP4y i p {
    color: #888;
    font-size: 11px
}

.jxjStepperInstuctions {
    color: #ccc
}

.jxjStepperInstuctions p {
    margin-bottom: 2px!important;
    font-size: 12px
}

.jxjStepperInstuctions .jxjobjTxt {
    background: linear-gradient(180deg,#d9ad57,#f1e69f,#dcaa52);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 16px;
    margin-right: 4px
}

.step-image {
    max-width: 150px;
    border-radius: 12px;
    border: 2px solid rgba(201,162,39,.4);
    box-shadow: 0 10px 30px #00000080
}

.info-table {
    background: #0000004d;
    border-radius: 10px;
    padding: 12px;
    margin-top: 12px;
    border: 1px solid rgba(201,162,39,.2)
}

.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,.08)
}

.info-row:last-child {
    border-bottom: none
}

.info-row p:first-child {
    color: #888;
    font-size: 11px;
    font-weight: 500;
    margin: 0
}

.info-row p:last-child {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin: 0
}

.jxjtality {
    display: flex;
    gap: 2px
}

.jxj_p4ynotes {
    background: #c9a2271a;
    border-left: 3px solid #c9a227;
    padding: 10px 12px;
    margin-top: 12px;
    border-radius: 0 8px 8px 0
}

.jxj_p4ynotes p {
    font-size: 11px;
    color: #ccc;
    margin: 0;
    line-height: 1.5
}

.play-now {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 12px 25px;
    margin-top: 15px;
    background: linear-gradient(135deg,#d9ad57,#f1e69f,#dcaa52);
    border: none;
    border-radius: 10px;
    color: #1a1a1a!important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 4px 15px #c9a22766
}

.play-now:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px #c9a22799;
    text-decoration: none;
    color: #1a1a1a!important
}

.play-now svg {
    width: 18px;
    height: 18px
}

.suntikan-gacor {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    background: linear-gradient(135deg,#d9ad57,#f1e69f,#dcaa52);
    border: none;
    border-radius: 10px;
    color: #1a1a1a!important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 4px 15px #c9a22766
}

.suntikan-gacor:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #c9a22799
}

.suntikan-gacor svg {
    width: 16px;
    height: 16px
}

.modal-pola-main .modal-footer,.modal-aktifkan-suntikan .modal-footer {
    background: transparent!important;
    border-top: none!important;
    padding: 0 25px 25px!important
}

.modal-aktifkan-suntikan .modal-body h4 {
    color: #fff;
    text-align: center
}

.modal-aktifkan-suntikan .modal-body h5 {
    color: #ccc;
    font-size: 14px;
    line-height: 1.8
}

.modal-aktifkan-suntikan .modal-body img {
    max-width: 150px;
    border-radius: 15px;
    border: 2px solid rgba(201,162,39,.4);
    box-shadow: 0 10px 30px #00000080
}

.modal-backdrop.show {
    opacity: .85!important;
    background: #000!important
}

.modal-suntikan-gacor {
    z-index: 1055!important
}

.modal-suntikan-gacor .modal-dialog {
    max-width: 380px!important;
    margin: 1rem auto!important;
    z-index: 1056!important
}

.modal-suntikan-gacor .modal-content {
    background: transparent!important;
    border: none!important;
    box-shadow: none!important;
    z-index: 1057!important
}

.modal-suntikan-gacor~.modal-backdrop,.modal-backdrop.show {
    z-index: 1050!important;
    opacity: .85!important;
    background: #000!important
}

.suntikan-modal-content {
    background: linear-gradient(180deg,#0a0a0a,#111);
    border: 2px solid #1a1a1a;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    position: relative
}

.suntikan-modal-content:before,.suntikan-modal-content:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg,transparent 0%,#fff709 30%,#9b0404 70%,transparent 100%);
    opacity: .6
}

.suntikan-modal-content:before {
    left: 0;
    border-radius: 20px 0 0 20px
}

.suntikan-modal-content:after {
    right: 0;
    border-radius: 0 20px 20px 0
}

.suntikan-header {
    padding: 20px 20px 15px;
    text-align: center;
    position: relative
}

.suntikan-close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #ffffff1a;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease
}

.suntikan-close-btn:hover {
    background: #ff646433;
    color: #f66
}

.suntikan-title {
    font-family: Orbitron,Outfit,sans-serif;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: 3px;
    background: linear-gradient(180deg,#d9ad57,#f1e69f 40%,#d9ad57);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
    text-transform: uppercase
}

.suntikan-game-info {
    padding: 0 25px 20px;
    text-align: center
}

.suntikan-game-image {
    width: 140px;
    height: 140px;
    margin: 0 auto 15px;
    border-radius: 15px;
    overflow: hidden;
    border: 3px solid rgba(201,162,39,.4);
    box-shadow: 0 8px 25px #00000080,0 0 20px #c9a22733
}

.suntikan-game-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.suntikan-game-name {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 5px
}

.suntikan-provider {
    color: #888;
    font-size: .85rem;
    margin: 0
}

.suntikan-protocol-card {
    margin: 0 20px 20px;
    background: #141419e6;
    border: 1px solid #2a2a35;
    border-radius: 15px;
    padding: 20px
}

.protocol-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 18px
}

.protocol-title {
    font-family: Orbitron,Outfit,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #d9ad57;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 1px
}

.protocol-icon {
    flex-shrink: 0
}

.protocol-list {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.protocol-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #ccc;
    font-size: .9rem;
    line-height: 1.4
}

.protocol-arrow {
    color: #d9ad57;
    font-weight: 700;
    flex-shrink: 0
}

.protocol-item strong {
    color: #fff
}

.protocol-simulasi-note {
    margin-top: 12px;
    padding: 8px 12px;
    background: #4ade801a;
    border: 1px solid rgba(74,222,128,.3);
    border-radius: 8px;
    text-align: center
}

.protocol-simulasi-note span {
    color: #4ade80;
    font-size: .8rem;
    font-weight: 600
}

.suntikan-action-btn {
    display: block;
    width: calc(100% - 40px);
    margin: 0 20px 20px;
    padding: 14px 20px;
    background: linear-gradient(180deg,#ce1702,#8b0000);
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all .2s ease;
    text-transform: uppercase
}

.suntikan-action-btn:hover {
    background: linear-gradient(180deg,#e82010,#a50000);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #ce170266
}

@media (max-width: 480px) {
    .modal-suntikan-gacor .modal-dialog {
        max-width:95%!important;
        margin: .5rem auto!important
    }

    .suntikan-title {
        font-size: 1.3rem;
        letter-spacing: 2px
    }

    .suntikan-game-image {
        width: 120px;
        height: 120px
    }

    .suntikan-game-name {
        font-size: 1rem
    }

    .suntikan-protocol-card {
        margin: 0 15px 15px;
        padding: 15px
    }

    .protocol-title {
        font-size: .9rem
    }

    .protocol-item {
        font-size: .85rem
    }

    .suntikan-action-btn {
        width: calc(100% - 30px);
        margin: 0 15px 15px;
        padding: 12px 15px;
        font-size: .9rem
    }
}

.injecting-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0a0a0a;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    animation: fadeIn .3s ease
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.injecting-loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

.injecting-spinner {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-top-color: #d9ad57;
    border-right-color: #d9ad57;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    box-shadow: 0 0 20px #d9ad574d,inset 0 0 20px #d9ad571a
}

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

    to {
        transform: rotate(360deg)
    }
}

.injecting-text {
    font-family: Orbitron,Outfit,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #d9ad57;
    text-transform: uppercase;
    margin: 0;
    animation: textPulse 1.5s ease-in-out infinite
}

@keyframes textPulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.modal-suntikan-cheat .modal-dialog {
    max-width: 750px!important;
    margin: 1rem auto!important
}

.modal-suntikan-cheat .modal-content {
    background: transparent!important;
    border: none!important;
    box-shadow: none!important
}

.cheat-modal-content {
    background: linear-gradient(135deg,#1e1e24,#0f0f13);
    border-radius: 1.5rem;
    box-shadow: 0 0 60px #ffd7004d,0 0 120px #dc143c33;
    position: relative;
    overflow: visible;
    animation: modalEntry .5s ease-out
}

.cheat-modal-content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 1.5rem;
    padding: 2px;
    background: linear-gradient(45deg,#dc143c,gold);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none
}

@keyframes modalEntry {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(20px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.cheat-modal-header {
    background: linear-gradient(180deg,rgba(139,0,0,.2) 0%,transparent 100%);
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #B8860B;
    text-align: center;
    position: relative
}

.cheat-modal-header h1 {
    font-family: Orbitron,Outfit,sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    background: linear-gradient(90deg,gold,#dc143c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: .15em;
    margin: 0
}

.cheat-close-btn {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #dc143c1a;
    border: 1px solid #DC143C;
    color: #dc143c;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.cheat-close-btn:hover {
    background: #dc143c;
    color: #0f0f13;
    box-shadow: 0 0 20px #dc143c;
    transform: translateY(-50%) rotate(90deg)
}

.cheat-modal-body {
    padding: 1.5rem
}

.cheat-validation-section {
    display: flex;
    align-items: stretch;
    margin-bottom: 1.25rem;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 2px 10px #0000004d
}

.cheat-section-badge {
    background: linear-gradient(135deg,#dc143c,#8b0000);
    color: #fff;
    padding: 0 1.25rem;
    font-weight: 900;
    font-size: .7rem;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex-shrink: 0;
    border-radius: .5rem 0 0 .5rem;
    min-height: 2.75rem
}

.cheat-input {
    flex: 1;
    height: 2.75rem;
    padding: 0 1rem;
    border: 2px solid #444;
    border-left: none;
    border-radius: 0 .5rem .5rem 0!important;
    background: #0f0f14f2;
    color: #fff;
    font-size: .9rem;
    transition: all .3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.cheat-input:focus {
    outline: none;
    border-color: #b8860b;
    background: #141419
}

.cheat-input::-moz-placeholder {
    color: #96969699
}

.cheat-input::placeholder {
    color: #96969699
}

.cheat-grid-layout {
    display: grid;
    grid-template-columns: 1fr 2px 1.3fr;
    gap: .75rem;
    margin-bottom: 1rem
}

.cheat-card-container {
    background: #ffd70008;
    border: 2px solid #B8860B;
    border-radius: 1rem;
    padding: 1rem;
    position: relative;
    box-shadow: 0 0 20px #ffd70026;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.cheat-card-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,transparent,#FFD700,transparent);
    animation: borderScan 2s linear infinite
}

@keyframes borderScan {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.cheat-game-card {
    background: #dc143c0d;
    border: 1px solid #8B0000;
    border-radius: 1rem;
    padding: .75rem;
    margin-bottom: 1rem;
    text-align: center
}

.cheat-game-card img {
    width: 100%;
    max-width: 140px;
    border-radius: .75rem;
    border: 2px solid #FFD700;
    box-shadow: 0 0 20px #ffd7004d;
    transition: all .3s;
    margin: 0 auto;
    display: block
}

.cheat-game-card img:hover {
    transform: scale(1.05)
}

.cheat-game-card h4 {
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
    margin: .5rem 0 0;
    text-shadow: 0 0 10px rgba(255,255,255,.5)
}

.cheat-toggles {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.cheat-toggle-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .75rem;
    background: #b8860b0d;
    border: 1px solid #8B0000;
    border-radius: .5rem
}

.cheat-toggle-label {
    color: #fff;
    font-size: .75rem;
    font-weight: 600
}

.cheat-toggle-switch {
    position: relative;
    width: 48px;
    height: 24px;
    flex-shrink: 0
}

.cheat-toggle-switch input {
    display: none
}

.cheat-toggle-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 24px;
    background: #8b00004d;
    border: 1px solid #8B0000;
    cursor: pointer;
    transition: all .3s
}

.cheat-toggle-slider:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #8b0000;
    box-shadow: 0 0 8px #8b0000;
    transition: all .3s
}

.cheat-toggle-switch input:checked+.cheat-toggle-slider {
    background: #ffd7004d;
    border-color: #b8860b
}

.cheat-toggle-switch input:checked+.cheat-toggle-slider:before {
    left: calc(100% - 20px);
    background: gold;
    box-shadow: 0 0 8px gold
}

.cheat-divider {
    width: 2px;
    background: linear-gradient(to bottom,transparent,#DC143C 20%,#FFD700 50%,#DC143C 80%,transparent);
    position: relative;
    box-shadow: 0 0 10px #ffd7004d
}

.cheat-divider:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 12px;
    background: gold;
    border-radius: 50%;
    box-shadow: 0 0 15px gold;
    animation: dividerPulse 2s ease-in-out infinite
}

@keyframes dividerPulse {
    0%,to {
        opacity: .5;
        transform: translate(-50%,-50%) scale(.8)
    }

    50% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1.2)
    }
}

.cheat-multiplier-grid {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    align-items: center
}

.cheat-multiplier-row {
    display: flex;
    gap: .5rem;
    justify-content: center
}

.cheat-multiplier-item {
    cursor: pointer
}

.cheat-multiplier-item input {
    display: none
}

.cheat-multiplier-box {
    width: 70px;
    height: 70px;
    border-radius: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.cheat-multiplier-box span {
    font-weight: 900;
    font-size: 1rem;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.5);
    z-index: 2;
    letter-spacing: .05em
}

.cheat-multiplier-item.m-low .cheat-multiplier-box {
    background-image: url(https://clickdrive.tech/storage/cgg/Clickbet88/hackers/hijau.png);
    border: 2px solid #4ade80
}

.cheat-multiplier-item.m-mid .cheat-multiplier-box {
    background-image: url(https://clickdrive.tech/storage/cgg/Clickbet88/hackers/ungu.png);
    border: 2px solid #a855f7
}

.cheat-multiplier-item.m-high .cheat-multiplier-box {
    background-image: url(https://clickdrive.tech/storage/cgg/Clickbet88/hackers/merah.png);
    border: 2px solid #ef4444
}

.cheat-multiplier-item input:checked+.cheat-multiplier-box {
    transform: scale(1.15);
    border-width: 3px;
    animation: multiplierPulse 1s ease-in-out infinite
}

.cheat-multiplier-item.m-low input:checked+.cheat-multiplier-box {
    border-color: #22c55e;
    animation: multiplierPulseGreen 1s ease-in-out infinite
}

.cheat-multiplier-item.m-mid input:checked+.cheat-multiplier-box {
    border-color: #c084fc;
    animation: multiplierPulsePurple 1s ease-in-out infinite
}

.cheat-multiplier-item.m-high input:checked+.cheat-multiplier-box {
    border-color: #f87171;
    animation: multiplierPulseRed 1s ease-in-out infinite
}

@keyframes multiplierPulseGreen {
    0%,to {
        box-shadow: 0 0 15px #4ade8080,0 0 30px #4ade804d;
        transform: scale(1.15)
    }

    50% {
        box-shadow: 0 0 25px #4ade80cc,0 0 50px #4ade8080,0 0 80px #4ade804d;
        transform: scale(1.2)
    }
}

@keyframes multiplierPulsePurple {
    0%,to {
        box-shadow: 0 0 15px #a855f780,0 0 30px #a855f74d;
        transform: scale(1.15)
    }

    50% {
        box-shadow: 0 0 25px #a855f7cc,0 0 50px #a855f780,0 0 80px #a855f74d;
        transform: scale(1.2)
    }
}

@keyframes multiplierPulseRed {
    0%,to {
        box-shadow: 0 0 15px #ef444480,0 0 30px #ef44444d;
        transform: scale(1.15)
    }

    50% {
        box-shadow: 0 0 25px #ef4444cc,0 0 50px #ef444480,0 0 80px #ef44444d;
        transform: scale(1.2)
    }
}

@keyframes multiplierPulse {
    0%,to {
        box-shadow: 0 0 15px #fff6;
        transform: scale(1.15)
    }

    50% {
        box-shadow: 0 0 30px #fff9;
        transform: scale(1.2)
    }
}

.cheat-multiplier-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@keyframes slotRolling {
    0% {
        transform: translateY(0);
        filter: blur(0);
        opacity: 1
    }

    12% {
        transform: translateY(-100%);
        filter: blur(8px);
        opacity: .5
    }

    13% {
        transform: translateY(100%);
        filter: blur(8px);
        opacity: 0
    }

    25% {
        transform: translateY(0);
        filter: blur(2px);
        opacity: 1
    }

    37% {
        transform: translateY(-100%);
        filter: blur(8px);
        opacity: .5
    }

    38% {
        transform: translateY(100%);
        filter: blur(8px);
        opacity: 0
    }

    50% {
        transform: translateY(0);
        filter: blur(2px);
        opacity: 1
    }

    62% {
        transform: translateY(-100%);
        filter: blur(8px);
        opacity: .5
    }

    63% {
        transform: translateY(100%);
        filter: blur(8px);
        opacity: 0
    }

    85% {
        transform: translateY(-8%);
        filter: blur(0);
        opacity: 1
    }

    92% {
        transform: translateY(3%);
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translateY(0);
        filter: blur(0);
        opacity: 1
    }
}

.slot-spinning .cheat-multiplier-wrapper {
    animation: slotRolling 1.8s cubic-bezier(.45,.05,.55,.95)
}

.slot-spinning .cheat-multiplier-item {
    pointer-events: none
}

.cheat-submit-btn:disabled {
    opacity: .8;
    cursor: not-allowed;
    animation: none
}

.cheat-snackbar {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.8);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all .4s cubic-bezier(.68,-.55,.265,1.55);
    pointer-events: none
}

.cheat-snackbar.show {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.snackbar-content {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: linear-gradient(135deg,#2a1a1a,#1a0a0a);
    border: 1px solid #FF4757;
    border-radius: 1rem;
    padding: .875rem 1rem .875rem 1.25rem;
    box-shadow: 0 10px 40px #ff47574d,0 0 0 1px #ff47571a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    min-width: 280px;
    max-width: calc(100vw - 2rem)
}

@media (max-width: 480px) {
    .cheat-snackbar {
        width:calc(100% - 2rem);
        left: 1rem;
        right: 1rem;
        transform: translateY(-50%) scale(.8)
    }

    .cheat-snackbar.show {
        transform: translateY(-50%) scale(1)
    }

    .snackbar-content {
        min-width: unset;
        width: 100%;
        padding: .75rem .875rem;
        gap: .5rem
    }

    .snackbar-text {
        font-size: .8rem
    }

    .snackbar-progress {
        left: 1rem;
        right: 1rem
    }
}

.snackbar-icon {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg,#ff4757,#c0392b);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    animation: snackbarIconPulse 1s ease-in-out infinite
}

@keyframes snackbarIconPulse {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.snackbar-text {
    color: #fff;
    font-weight: 600;
    font-size: .85rem;
    flex: 1;
    white-space: nowrap
}

.snackbar-close {
    width: 24px;
    height: 24px;
    background: #ffffff1a;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff9;
    cursor: pointer;
    transition: all .2s;
    flex-shrink: 0
}

.snackbar-close:hover {
    background: #ff47574d;
    color: #fff
}

.snackbar-progress {
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    right: 1.5rem;
    height: 2px;
    background: #ff47574d;
    border-radius: 0 0 50px 50px;
    overflow: hidden
}

.cheat-snackbar.show .snackbar-progress:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ff4757;
    animation: snackbarProgress 3s linear forwards
}

@keyframes snackbarProgress {
    0% {
        width: 100%
    }

    to {
        width: 0%
    }
}

@keyframes shakeError {
    0%,to {
        transform: translate(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate(-5px)
    }

    20%,40%,60%,80% {
        transform: translate(5px)
    }
}

.shake-error {
    animation: shakeError .5s ease-in-out
}

.cheat-validation-section.input-error .cheat-input {
    border-color: #ff4757!important;
    box-shadow: 0 0 15px #ff47574d
}

.cheat-toggles.toggle-error {
    border: 1px solid rgba(255,71,87,.5);
    border-radius: .5rem;
    box-shadow: 0 0 15px #ff47574d
}

.form-disabled {
    opacity: .6;
    pointer-events: none;
    position: relative
}

.form-disabled:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0003;
    border-radius: inherit;
    cursor: not-allowed
}

.cheat-input:disabled {
    background: #1e1e28cc!important;
    color: #ffffff80;
    cursor: not-allowed
}

.cheat-toggle-switch input:disabled+.cheat-toggle-slider {
    opacity: .5;
    cursor: not-allowed
}

.btn-suntikan-disabled {
    opacity: .5!important;
    cursor: pointer!important;
    position: relative
}

.btn-suntikan-disabled:after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-size: .7rem;
    color: #4ade80
}

.rtp-high-snackbar {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.8);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all .4s cubic-bezier(.68,-.55,.265,1.55);
    pointer-events: none
}

.rtp-high-snackbar.show {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.rtp-snackbar-content {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: linear-gradient(135deg,#1a2a1a,#0a1a0a);
    border: 2px solid #4ade80;
    border-radius: 1rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 10px 40px #4ade804d,0 0 30px #4ade8033;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    min-width: 280px;
    max-width: calc(100vw - 2rem);
    width: auto
}

.rtp-snackbar-text {
    color: #fff;
    font-weight: 600;
    font-size: .9rem;
    flex: 1;
    text-align: center;
    line-height: 1.4
}

@media (max-width: 480px) {
    .rtp-high-snackbar {
        width:calc(100% - 2rem);
        left: 1rem;
        right: 1rem;
        transform: translateY(-50%) scale(.8)
    }

    .rtp-high-snackbar.show {
        transform: translateY(-50%) scale(1)
    }

    .rtp-snackbar-content {
        min-width: unset;
        width: 100%;
        padding: .875rem 1rem;
        gap: .5rem
    }

    .rtp-snackbar-text {
        font-size: .85rem
    }

    .rtp-snackbar-progress {
        left: 1rem;
        right: 1rem
    }
}

.rtp-snackbar-close {
    width: 24px;
    height: 24px;
    background: #4ade8033;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff9;
    cursor: pointer;
    transition: all .2s;
    flex-shrink: 0
}

.rtp-snackbar-close:hover {
    background: #4ade8066;
    color: #fff
}

.rtp-snackbar-progress {
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    right: 1.5rem;
    height: 2px;
    background: #4ade804d;
    border-radius: 0 0 50px 50px;
    overflow: hidden
}

.rtp-high-snackbar.show .rtp-snackbar-progress:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #4ade80;
    animation: snackbarProgress 3s linear forwards
}

.c-lhEoTa {
    transition: transform .5s ease-out,box-shadow .5s ease-out,filter .5s ease-out
}

.c-lhEoTa:before,.c-lhEoTa:after {
    transition: opacity .8s ease-out,filter .8s ease-out
}

.electric-border-active {
    position: relative;
    z-index: 100;
    animation: electricPulse .3s ease-in-out 6
}

.electric-border-active:before {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-radius: 16px;
    background: linear-gradient(90deg,#0ff,#f0f,#ff0,#0f0,#0ff,#f0f);
    background-size: 400% 100%;
    animation: electricFlow .5s linear infinite,electricFadeIn .3s ease-out forwards;
    z-index: -1;
    filter: blur(3px);
    opacity: 1
}

.electric-border-active:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border-radius: 14px;
    background: linear-gradient(90deg,#0ff,#f0f,#ff0,#0f0,#0ff);
    background-size: 300% 100%;
    animation: electricFlow .3s linear infinite,electricFadeIn .3s ease-out forwards;
    z-index: -1;
    opacity: .8
}

.c-lhEoTa:not(.electric-border-active):before,.c-lhEoTa:not(.electric-border-active):after {
    opacity: 0!important;
    animation: none
}

@keyframes electricFadeIn {
    0% {
        opacity: 0;
        filter: blur(10px)
    }

    to {
        opacity: 1;
        filter: blur(3px)
    }
}

@keyframes electricFlow {
    0% {
        background-position: 0% 50%
    }

    to {
        background-position: 400% 50%
    }
}

@keyframes electricPulse {
    0%,to {
        transform: scale(1);
        box-shadow: 0 0 20px #00ffff80,0 0 40px #ff00ff4d,0 0 60px #ff03
    }

    50% {
        transform: scale(1.02);
        box-shadow: 0 0 30px #00ffffb3,0 0 60px #ff00ff80,0 0 90px #ffff004d
    }
}

.electric-border-active .c-jQxwKe {
    animation: electricGlow .15s ease-in-out infinite alternate
}

.c-lhEoTa:not(.electric-border-active) .c-jQxwKe {
    transition: filter .8s ease-out;
    filter: none
}

@keyframes electricGlow {
    0% {
        filter: brightness(1) drop-shadow(0 0 5px rgba(0,255,255,.5))
    }

    to {
        filter: brightness(1.1) drop-shadow(0 0 15px rgba(255,0,255,.7))
    }
}

.modal-pola-gacor-v2 .modal-dialog {
    max-width: 850px;
    margin: 1rem auto
}

.modal-pola-gacor-v2 .modal-content {
    background: transparent;
    border: none;
    box-shadow: none;
    max-height: calc(100vh - 2rem)
}

.pola-gacor-content {
    background: linear-gradient(180deg,#1a1a1f,#0a0a0f);
    border: 2px solid #FFD700;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    box-shadow: 0 0 30px #ffd70033,inset 0 1px #ffd7001a
}

.pola-gacor-header {
    background: linear-gradient(135deg,#1e1e24,#0f0f13);
    padding: 1rem 1.5rem;
    text-align: center;
    position: relative;
    border-bottom: 1px solid rgba(255,215,0,.2)
}

.pola-gacor-header h1 {
    font-family: Orbitron,sans-serif;
    font-size: 1.3rem;
    font-weight: 900;
    color: gold;
    text-shadow: 0 0 20px rgba(255,215,0,.5);
    margin: 0 0 .25rem;
    letter-spacing: .05em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.pola-trophy-icon {
    flex-shrink: 0
}

.pola-gacor-date {
    color: #fff9;
    font-size: .75rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem
}

.pola-clock-icon {
    flex-shrink: 0
}

.pola-gacor-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #ffffff1a;
    border: 1px solid rgba(255,255,255,.2);
    color: #ffffffb3;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

.pola-gacor-close:hover {
    background: #ff475733;
    border-color: #ff4757;
    color: #ff4757
}

.pola-gacor-body {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 1rem;
    padding: 1rem 1.5rem
}

.pola-gacor-left {
    display: flex;
    flex-direction: column
}

.pola-game-card {
    background: #1e1e2880;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pola-game-card img {
    width: 110px;
    height: 110px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    border: 3px solid #FFD700;
    box-shadow: 0 0 20px #ffd7004d;
    margin-bottom: .6rem
}

.pola-game-name {
    font-size: .9rem;
    font-weight: 700;
    color: #4ade80;
    margin: 0 0 .6rem;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pola-info-table {
    text-align: left
}

.pola-info-row {
    display: flex;
    justify-content: space-between;
    padding: .35rem 0;
    border-bottom: 1px solid rgba(255,255,255,.05)
}

.pola-info-row:last-child {
    border-bottom: none
}

.pola-info-label {
    color: #ffffff80;
    font-size: .75rem
}

.pola-info-value {
    color: #fff;
    font-size: .8rem;
    font-weight: 600
}

.pola-rtp-green {
    color: #4ade80!important
}

.pola-rtp-yellow {
    color: #ffc107!important
}

.pola-rtp-red {
    color: #f44336!important
}

.pola-time-green {
    color: #4ade80!important
}

.pola-stars-green {
    color: #4ade80!important;
    letter-spacing: 2px
}

.pola-stars-yellow {
    color: #ffc107!important;
    letter-spacing: 2px
}

.pola-stars-red {
    color: #f44336!important;
    letter-spacing: 2px
}

.pola-gacor-right {
    display: flex;
    flex-direction: column
}

.pola-sequence-title {
    font-size: .95rem;
    font-weight: 700;
    color: #4ade80;
    margin: 0 0 .5rem;
    display: flex;
    align-items: center;
    gap: .4rem
}

.pola-sequence-title svg {
    flex-shrink: 0
}

.pola-steps-container {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.pola-step-card {
    background: #1e1e2899;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    overflow: hidden
}

.pola-step-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .35rem .75rem;
    background: #0000004d
}

.pola-step-label {
    color: #4ade80;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .1em
}

.pola-step-action {
    color: gold;
    font-size: .75rem;
    font-weight: 600;
    font-style: italic
}

.pola-step-body {
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    gap: .75rem
}

.pola-step-spin {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0
}

.pola-step-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.pola-step-multiplier {
    font-size: 1.1rem;
    font-weight: 900;
    color: gold;
    text-shadow: 0 0 10px rgba(255,215,0,.5)
}

.pola-step-type {
    color: #fff9;
    font-size: .8rem
}

.pola-step-desc {
    flex: 1
}

.pola-step-desc p {
    margin: 0;
    color: #ffffff80;
    font-size: .75rem;
    font-style: italic;
    background: #0000004d;
    padding: .4rem .6rem;
    border-radius: 5px
}

.pola-gacor-warning {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin: 0 1rem;
    padding: .65rem .85rem;
    background: linear-gradient(135deg,#ffd70026,#ffa5001a);
    border: 1px solid rgba(255,215,0,.3);
    border-radius: 8px
}

.pola-warning-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.pola-gacor-warning p {
    margin: 0;
    color: gold;
    font-size: .7rem;
    line-height: 1.4
}

.pola-gacor-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    padding: 1rem
}

.pola-btn-access {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .85rem 1rem;
    background: linear-gradient(180deg,#4ade80,#22c55e,#16a34a);
    border: none;
    border-radius: 10px;
    color: #0a0a0a;
    font-weight: 800;
    font-size: .85rem;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s;
    box-shadow: 0 4px 15px #4ade8066,inset 0 1px #ffffff4d,inset 0 -2px #0000001a;
    text-shadow: 0 1px 0 rgba(255,255,255,.2)
}

.pola-btn-access:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px #4ade8099,inset 0 1px #fff6,inset 0 -2px #0000001a;
    color: #0a0a0a;
    text-decoration: none
}

.pola-btn-access:active {
    transform: translateY(0)
}

.pola-btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .85rem 1rem;
    background: linear-gradient(180deg,#3a3a45,#2a2a35,#1a1a25);
    border: 1px solid rgba(255,215,0,.3);
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
    cursor: pointer;
    transition: all .3s;
    box-shadow: 0 4px 15px #0000004d,inset 0 1px #ffffff0d
}

.pola-btn-close:hover {
    background: linear-gradient(180deg,#4a4a55,#3a3a45,#2a2a35);
    border-color: #ffd70080;
    box-shadow: 0 6px 20px #0006,0 0 15px #ffd7001a,inset 0 1px #ffffff1a
}

.pola-btn-close:active {
    transform: translateY(1px)
}

@media (max-width: 768px) {
    .modal-pola-gacor-v2 .modal-dialog {
        margin:.5rem;
        max-width: calc(100% - 1rem)
    }

    .pola-gacor-header {
        padding: .75rem 1rem
    }

    .pola-gacor-header h1 {
        font-size: 1rem;
        flex-wrap: wrap
    }

    .pola-gacor-body {
        grid-template-columns: 1fr;
        gap: .75rem;
        padding: .75rem
    }

    .pola-game-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: .75rem
    }

    .pola-game-card img {
        width: 90px;
        height: 90px;
        margin-bottom: .5rem
    }

    .pola-game-name {
        margin-bottom: .5rem;
        text-align: center;
        font-size: .85rem
    }

    .pola-info-table {
        width: 100%
    }

    .pola-info-row {
        padding: .3rem 0
    }

    .pola-info-label,.pola-info-value {
        font-size: .7rem
    }

    .pola-sequence-title {
        font-size: .85rem;
        margin-bottom: .4rem
    }

    .pola-steps-container {
        gap: .4rem
    }

    .pola-step-header {
        padding: .3rem .6rem
    }

    .pola-step-label {
        font-size: .6rem
    }

    .pola-step-action {
        font-size: .7rem
    }

    .pola-step-body {
        padding: .4rem .6rem;
        flex-direction: row;
        flex-wrap: wrap;
        gap: .5rem
    }

    .pola-step-spin {
        gap: .3rem
    }

    .pola-step-multiplier {
        font-size: 1rem
    }

    .pola-step-type {
        font-size: .75rem
    }

    .pola-step-desc {
        width: 100%
    }

    .pola-step-desc p {
        font-size: .7rem;
        padding: .35rem .5rem
    }

    .pola-gacor-warning {
        margin: 0 .75rem;
        padding: .5rem .65rem;
        gap: .4rem
    }

    .pola-gacor-warning p {
        font-size: .65rem;
        line-height: 1.3
    }

    .pola-warning-icon svg {
        width: 14px;
        height: 14px
    }

    .pola-gacor-actions {
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        padding: .75rem
    }

    .pola-btn-access,.pola-btn-close {
        padding: .7rem .6rem;
        font-size: .75rem;
        gap: .35rem;
        border-radius: 8px
    }

    .pola-btn-access svg,.pola-btn-close svg {
        width: 14px;
        height: 14px
    }
}

.modal-simulasi-gacor .modal-dialog {
    max-width: 500px
}

.modal-simulasi-gacor .modal-content {
    background: transparent;
    border: none;
    box-shadow: none
}

.simulasi-modal-content {
    background: linear-gradient(180deg,#1a1a1f,#0a0a0f);
    border: 2px solid #FFD700;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 40px #ffd70033
}

.simulasi-modal-header {
    background: linear-gradient(135deg,#1e1e24,#0f0f13);
    padding: 1.25rem;
    text-align: center;
    position: relative;
    border-bottom: 1px solid rgba(255,215,0,.2)
}

.simulasi-modal-header h1 {
    font-family: Orbitron,sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    color: gold;
    text-shadow: 0 0 20px rgba(255,215,0,.5);
    margin: 0;
    letter-spacing: .1em
}

.simulasi-close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #ffffff1a;
    border: 1px solid rgba(255,255,255,.2);
    color: #ffffffb3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

.simulasi-close-btn:hover {
    background: #ff475733;
    border-color: #ff4757;
    color: #ff4757
}

.simulasi-modal-body {
    padding: 1.5rem
}

.simulasi-game-info {
    text-align: center;
    margin-bottom: 1.5rem
}

.simulasi-game-image {
    width: 180px;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1rem;
    border: 3px solid #FFD700;
    box-shadow: 0 0 30px #ffd7004d;
    margin: 0 auto 1rem;
    display: block
}

.simulasi-game-title {
    font-size: 1.25rem;
    font-weight: 900;
    color: gold;
    text-shadow: 0 0 15px rgba(255,215,0,.5);
    margin: 0;
    letter-spacing: .05em;
    text-transform: uppercase
}

.simulasi-input-section {
    margin-bottom: 1rem
}

.simulasi-section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    font-size: 1rem;
    font-weight: 700;
    color: gold;
    text-shadow: 0 0 10px rgba(255,215,0,.3);
    margin-bottom: 1.25rem;
    letter-spacing: .1em
}

.simulasi-input-group {
    margin-bottom: 1rem
}

.simulasi-input-label {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    font-weight: 700;
    color: gold;
    margin-bottom: .5rem;
    letter-spacing: .05em
}

.simulasi-input-wrapper {
    display: flex;
    align-items: center;
    background: #1e1e28cc;
    border: 2px solid rgba(255,255,255,.1);
    border-radius: 10px;
    transition: all .3s;
    overflow: hidden
}

.simulasi-input-wrapper:focus-within {
    border-color: gold;
    box-shadow: 0 0 15px #ffd70033
}

.simulasi-input-prefix {
    padding: .875rem .75rem;
    background: linear-gradient(135deg,#ffd70040,#ffa50033);
    color: gold;
    font-weight: 700;
    font-size: .9rem;
    border-right: 1px solid rgba(255,255,255,.1)
}

.simulasi-input {
    width: 100%;
    padding: .875rem 1rem;
    background: transparent;
    border: none!important;
    border-radius: 0 10px 10px 0!important;
    color: #fff;
    font-size: .95rem;
    font-weight: 600;
    letter-spacing: .5px;
    height: auto
}

.simulasi-input.with-prefix {
    padding-left: .75rem
}

.simulasi-input::-moz-placeholder {
    color: #fff6;
    font-weight: 400
}

.simulasi-input::placeholder {
    color: #fff6;
    font-weight: 400
}

.simulasi-input:focus {
    outline: none
}

.simulasi-error-snackbar {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.8);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all .4s cubic-bezier(.68,-.55,.265,1.55);
    pointer-events: none
}

.simulasi-error-snackbar.show {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.simulasi-snackbar-content {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: linear-gradient(135deg,#2a1a1a,#1a0a0a);
    border: 2px solid #FF4757;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    box-shadow: 0 10px 40px #ff475766;
    min-width: 280px
}

.simulasi-snackbar-content span {
    color: #fff;
    font-weight: 600;
    font-size: .9rem
}

.simulasi-error-snackbar.success .simulasi-snackbar-content {
    background: linear-gradient(135deg,#0a2a1a,#051510);
    border-color: #4ade80;
    box-shadow: 0 10px 40px #4ade8066
}

.simulasi-execute-btn {
    width: 100%;
    padding: 1rem;
    background: linear-gradient(180deg,gold,orange,#ff8c00);
    border: none;
    border-radius: 10px;
    color: #1a1a1a;
    font-weight: 900;
    font-size: .95rem;
    letter-spacing: .1em;
    cursor: pointer;
    transition: all .3s;
    box-shadow: 0 4px 20px #ffa50066;
    margin-top: .5rem
}

.simulasi-execute-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 30px #ffa50099
}

.simulasi-execute-btn:disabled {
    cursor: not-allowed;
    opacity: .9
}

.simulasi-execute-btn.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(180deg,#a88700,#8b6914,#705610)
}

.simulasi-spinner {
    width: 18px;
    height: 18px;
    border: 3px solid rgba(26,26,26,.3);
    border-top-color: #1a1a1a;
    border-radius: 50%;
    animation: spinnerRotate .8s linear infinite
}

@keyframes spinnerRotate {
    to {
        transform: rotate(360deg)
    }
}

.simulasi-results {
    margin-top: 1.5rem;
    animation: slideInUp .5s ease-out
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.simulasi-stats-grid {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1rem
}

.simulasi-stat-card {
    padding: 1rem;
    border-radius: 10px;
    text-align: center
}

.simulasi-stat-card.stat-probability {
    background: linear-gradient(135deg,#4ade8026,#22c55e1a);
    border: 1px solid rgba(74,222,128,.3)
}

.simulasi-stat-card.stat-potential {
    background: linear-gradient(135deg,#ffd70026,#ffa5001a);
    border: 1px solid rgba(255,215,0,.3)
}

.stat-label {
    display: block;
    font-size: .7rem;
    font-weight: 600;
    color: #fff9;
    letter-spacing: .1em;
    margin-bottom: .35rem
}

.stat-probability .stat-value {
    font-size: 1.75rem;
    font-weight: 900;
    color: #4ade80;
    text-shadow: 0 0 20px rgba(74,222,128,.5)
}

.stat-potential .stat-value {
    font-size: 1.25rem;
    font-weight: 900;
    color: #4ade80;
    text-shadow: 0 0 15px rgba(74,222,128,.5)
}

.simulasi-charts {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 1rem;
    background: #14141e99;
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid rgba(255,215,0,.25);
    margin-bottom: 1rem
}

.simulasi-chart-card {
    display: flex;
    flex-direction: column
}

.chart-title {
    font-size: .8rem;
    font-weight: 700;
    color: gold;
    margin-bottom: .5rem;
    letter-spacing: .05em;
    text-align: center;
    line-height: 1.3
}

.rtp-gauge {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem
}

.gauge-circle {
    position: relative;
    width: 140px;
    height: 100px
}

.gauge-svg {
    width: 100%;
    height: 100%;
    overflow: visible
}

.gauge-progress-arc {
    animation: gaugeAppear 1s ease-out forwards;
    transform-origin: center center
}

.gauge-progress-glow {
    animation: gaugeGlow 2s ease-in-out infinite
}

@keyframes gaugeAppear {
    0% {
        stroke-dasharray: 0 167.55
    }
}

@keyframes gaugeGlow {
    0%,to {
        opacity: .3
    }

    50% {
        opacity: .6
    }
}

.gauge-value {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%);
    font-size: 1.5rem;
    font-weight: 900;
    background: linear-gradient(180deg,#fff,#ccc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    animation: valueAppear .5s ease-out .5s both
}

@keyframes valueAppear {
    0% {
        opacity: 0;
        transform: translate(-50%) scale(.8)
    }

    to {
        opacity: 1;
        transform: translate(-50%) scale(1)
    }
}

.bar-chart-container {
    display: flex;
    gap: .5rem;
    height: 180px;
    align-items: stretch;
    margin-top: 1rem
}

.bar-chart-y-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .55rem;
    color: #ffffff80;
    padding-bottom: 1.75rem;
    padding-top: 0;
    margin-top: -25px;
    text-align: right;
    min-width: 36px
}

.bar-chart {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: .75rem;
    flex: 1;
    padding-bottom: 1.5rem;
    border-left: 1px solid rgba(255,255,255,.2);
    padding-left: .75rem;
    position: relative;
    background: repeating-linear-gradient(to top,transparent 0%,transparent 10%,rgba(255,255,255,.03) 10%,rgba(255,255,255,.03) 10.5%);
    height: calc(100% - 1.5rem)
}

.bar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    position: relative;
    height: 100%;
    justify-content: flex-end
}

.bar {
    width: 32px;
    border-radius: 4px 4px 0 0;
    transition: height 1s cubic-bezier(.4,0,.2,1);
    min-height: 8px;
    position: relative;
    cursor: pointer
}

.bar-rtp {
    background: linear-gradient(180deg,#4ade80,#22c55e,#16a34a);
    box-shadow: 0 0 15px #4ade8080
}

.bar-win {
    background: linear-gradient(180deg,gold,#daa520,#b8860b);
    box-shadow: 0 0 15px #ffd70080
}

.bar-pola {
    background: linear-gradient(180deg,orange,#e69500,#cc7000);
    box-shadow: 0 0 15px #ffa50080
}

.bar-tooltip {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translate(-50%);
    background: #000000f2;
    color: #fff;
    font-size: .6rem;
    padding: .3rem .6rem;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    border: 1px solid #4ade80;
    z-index: 10
}

.bar:hover .bar-tooltip {
    opacity: 1;
    visibility: visible
}

.bar-label {
    font-size: .65rem;
    color: #ffffffb3;
    font-weight: 600;
    position: absolute;
    bottom: -1.25rem
}

.simulasi-suntikan-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1rem;
    background: linear-gradient(135deg,#dc143c,#8b0000);
    border: 1px solid #FF6B6B;
    border-radius: 10px;
    color: #fff;
    font-weight: 900;
    font-size: .95rem;
    letter-spacing: .1em;
    cursor: pointer;
    transition: all .3s;
    box-shadow: 0 0 30px #dc143c66
}

.simulasi-suntikan-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 40px #dc143c99
}

.simulasi-suntikan-btn.simulasi-suntikan-disabled {
    background: linear-gradient(135deg,#1a472a,#0d2818);
    border: 1px solid #4ade80;
    box-shadow: 0 0 20px #4ade804d;
    cursor: default;
    animation: pulse-green 2s infinite
}

.simulasi-suntikan-btn.simulasi-suntikan-disabled:hover {
    transform: none;
    box-shadow: 0 0 25px #4ade8066
}

@keyframes pulse-green {
    0%,to {
        box-shadow: 0 0 20px #4ade804d
    }

    50% {
        box-shadow: 0 0 35px #4ade8080
    }
}

.simulasi-high-rtp-note {
    font-size: .8rem;
    color: #4ade80;
    text-align: center;
    margin-top: .5rem;
    padding: .5rem;
    background: #4ade801a;
    border-radius: 8px;
    border: 1px solid rgba(74,222,128,.2)
}

.simulasi-disclaimer {
    font-size: .65rem;
    color: #fff6;
    text-align: center;
    margin-top: .75rem;
    line-height: 1.4;
    padding: 0 .5rem
}

@media (max-width: 480px) {
    .simulasi-disclaimer {
        white-space:normal;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto
    }

    .simulasi-game-image {
        width: 140px;
        height: 140px
    }

    .simulasi-game-title {
        font-size: 1rem
    }

    .simulasi-charts {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .gauge-circle {
        width: 110px;
        height: 80px
    }

    .gauge-value {
        font-size: 1.2rem
    }

    .bar-chart-container {
        height: 120px
    }

    .bar-chart-y-axis {
        font-size: .45rem;
        margin-top: -45px
    }

    .bar {
        width: 24px
    }

    .simulasi-snackbar-content {
        min-width: 260px;
        padding: .875rem 1.25rem
    }

    .simulasi-snackbar-content span {
        font-size: .85rem
    }
}

.modal-quantum-auth .modal-dialog {
    max-width: 400px
}

.modal-quantum-auth .modal-content {
    background: transparent;
    border: none;
    box-shadow: none
}

.quantum-modal-content {
    background: linear-gradient(180deg,#1a0a0a,#0a0505);
    border: 3px solid;
    -o-border-image: linear-gradient(180deg,#FFD700 0%,#8B6914 50%,#FFD700 100%) 1;
    border-image: linear-gradient(180deg,gold,#8b6914,gold) 1;
    border-radius: 0;
    padding: 0;
    position: relative;
    overflow: hidden
}

.quantum-modal-content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(ellipse at top,rgba(255,215,0,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(139,0,0,.1) 0%,transparent 50%);
    pointer-events: none
}

.quantum-modal-header {
    background: linear-gradient(135deg,#8b0000,#5a0000);
    padding: 1.5rem;
    text-align: center;
    position: relative
}

.quantum-modal-header h1 {
    font-family: Orbitron,sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    color: gold;
    text-shadow: 0 0 20px rgba(255,215,0,.5);
    margin: 0;
    line-height: 1.3;
    letter-spacing: .1em
}

.quantum-close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: 2px solid rgba(255,255,255,.3);
    color: #ffffffb3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

.quantum-close-btn:hover {
    border-color: #ff4757;
    color: #ff4757
}

.quantum-modal-body {
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.quantum-game-card {
    position: relative;
    width: 160px;
    height: 160px;
    border: 4px solid #FFD700;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1rem;
    box-shadow: 0 0 30px #ffd7004d
}

.quantum-live-badge {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg,red,#c00);
    color: #fff;
    font-weight: 900;
    font-size: .65rem;
    letter-spacing: .1em;
    padding: .25rem;
    z-index: 2;
    text-align: center
}

.quantum-game-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.quantum-game-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1.5rem
}

.quantum-success-indicator {
    margin-bottom: 1rem
}

.quantum-check-circle {
    width: 60px;
    height: 60px;
    background: linear-gradient(180deg,gold,#daa520);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 30px #ffd70080;
    animation: quantumPulse 2s ease-in-out infinite
}

@keyframes quantumPulse {
    0%,to {
        transform: scale(1);
        box-shadow: 0 0 30px #ffd70080
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 50px #ffd700b3
    }
}

.quantum-status-text {
    font-family: Orbitron,monospace;
    font-size: .9rem;
    font-weight: 700;
    color: #ff4757;
    letter-spacing: .15em;
    margin: .5rem 0 2rem;
    animation: quantumTextPulse 1.5s ease-in-out infinite
}

.quantum-slash {
    color: gold
}

@keyframes quantumTextPulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .7
    }
}

.quantum-activate-btn {
    width: 100%;
    background: linear-gradient(180deg,gold,orange,#ff8c00);
    border: none;
    padding: 1rem 2rem;
    font-family: Orbitron,sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    color: #1a0a0a;
    letter-spacing: .1em;
    cursor: pointer;
    transition: all .3s;
    box-shadow: 0 5px 20px #ffa50066
}

.quantum-activate-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px #ffa50099
}

.quantum-activate-btn:active {
    transform: translateY(0)
}

.cheat-submit-btn {
    width: 100%;
    height: 3.5rem;
    border-radius: .75rem;
    background: linear-gradient(90deg,#dc143c,gold);
    border: none;
    color: #0f0f13;
    font-weight: 900;
    font-size: 1.125rem;
    letter-spacing: .1em;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    margin-top: 1rem;
    background-size: 200% 200%;
    animation: gradientShift 3s ease infinite
}

.cheat-submit-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #ffffff4d;
    transform: translate(-50%,-50%);
    transition: width .6s,height .6s
}

.cheat-submit-btn:hover:before {
    width: 300px;
    height: 300px
}

.cheat-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 40px #ffd70066,0 10px 40px #dc143c66
}

.cheat-submit-btn span {
    position: relative;
    z-index: 1
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

@media (max-width: 768px) {
    .modal-suntikan-cheat .modal-dialog {
        max-width:95%!important;
        margin: .5rem auto!important
    }

    .cheat-modal-header h1 {
        font-size: 1.2rem
    }

    .cheat-section-badge {
        padding: 0 1rem;
        font-size: .6rem;
        min-height: 2.5rem
    }

    .cheat-input {
        height: 2.5rem;
        font-size: .85rem;
        padding: 0 .75rem
    }

    .cheat-modal-body {
        padding: 1rem
    }

    .cheat-grid-layout {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .cheat-divider {
        display: none
    }

    .cheat-multiplier-box {
        width: 60px;
        height: 60px
    }

    .cheat-multiplier-box span {
        font-size: .85rem
    }

    .cheat-multiplier-row {
        gap: .4rem
    }

    .cheat-submit-btn {
        height: 3rem;
        font-size: 1rem
    }
}

@media (max-width: 768px) {
    .modal-pola-main .modal-dialog,.modal-aktifkan-suntikan .modal-dialog {
        max-width:95%!important;
        margin: 10px auto!important
    }

    .modal-pola-main .modal-body .row {
        flex-direction: column-reverse
    }

    .modal-pola-main .modal-body .col-md-6 {
        width: 100%;
        margin-bottom: 15px
    }

    .step-image {
        max-width: 100px
    }

    .step-border {
        padding: 10px 12px
    }

    .jxjStepperInstuctions p {
        font-size: 11px
    }
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #c9a22714;
    border: 2px dashed rgba(201,162,39,.5);
    border-radius: 8px;
    padding: 10px 0;
    margin: 15px 0
}

.marquee-content {
    display: flex;
    white-space: nowrap;
    animation: marquee-scroll 20s linear infinite
}

.marquee-content span {
    font-size: 12px;
    color: #c9a227;
    font-weight: 500
}

@keyframes marquee-scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.marquee-container:hover .marquee-content {
    animation-play-state: paused
}

#result-popup {
    display: none;
    position: relative;
    z-index: 99995;
    background: linear-gradient(145deg,#1a1a1a,#0d0d0d);
    border: 2px solid rgba(201,162,39,.6);
    border-radius: 15px;
    padding: 20px;
    margin-top: 15px;
    text-align: center;
    box-shadow: 0 0 30px #c9a2274d,0 10px 40px #00000080;
    animation: popup-glow 2s ease-in-out infinite
}

@keyframes popup-glow {
    0%,to {
        box-shadow: 0 0 20px #c9a2274d,0 10px 40px #00000080
    }

    50% {
        box-shadow: 0 0 40px #c9a22780,0 10px 50px #0009
    }
}

#result-popup img {
    max-width: 100%;
    margin-bottom: 15px
}

#result-popup .popup-content {
    background: #0006;
    border: 1px dashed rgba(201,162,39,.4);
    border-radius: 10px;
    padding: 15px;
    text-align: left
}

#result-popup .popup-content p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 8px;
    padding: 8px 12px;
    background: #c9a22714;
    border-radius: 6px;
    border-left: 3px solid #c9a227
}

#result-popup .popup-content p:last-child {
    margin-bottom: 0
}

#result-popup .popup-content span {
    color: #c9a227;
    font-weight: 600
}

.progress-container {
    width: 100%;
    height: 25px;
    background: #00000080;
    border-radius: 12px;
    margin-top: 15px;
    overflow: hidden;
    border: 1px solid rgba(201,162,39,.3)
}

.progress-bar {
    height: 100%;
    background: linear-gradient(90deg,#4caf50,#8bc34a);
    border-radius: 12px;
    transition: width .1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff
}

.glowing-border {
    animation: glow-pulse 2s ease-in-out infinite
}

@keyframes glow-pulse {
    0%,to {
        box-shadow: 0 0 10px #c9a22780
    }

    50% {
        box-shadow: 0 0 25px #c9a227cc,0 0 40px #c9a22766
    }
}

.form-body {
    color: #fff
}

.form-group-darklight {
    margin-bottom: 15px
}

.form-group-darklight .input-container {
    margin-bottom: 10px
}

.input-with-icon {
    position: relative;
    margin-bottom: 12px
}

.input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1
}

.input-icon svg {
    width: 18px;
    height: 18px;
    color: #c9a227;
    stroke: #c9a227
}

.form-group-darklight input {
    width: 100%;
    padding: 12px 15px 12px 45px;
    background: #0d0d0d;
    border: 1px solid rgba(201,162,39,.3);
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    transition: all .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group-darklight input:focus {
    outline: none;
    background: #111;
    border-color: #c9a227;
    box-shadow: 0 0 0 2px #c9a22726
}

.form-group-darklight input:focus+.input-icon svg,.input-with-icon:focus-within .input-icon svg {
    color: #f1e69f;
    stroke: #f1e69f
}

.form-group-darklight input::-moz-placeholder {
    color: #555
}

.form-group-darklight input::placeholder {
    color: #555
}

.form-group-darklight input:-webkit-autofill,.form-group-darklight input:-webkit-autofill:hover,.form-group-darklight input:-webkit-autofill:focus,.form-group-darklight input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #0d0d0d inset!important;
    -webkit-text-fill-color: #fff!important;
    border: 1px solid rgba(201,162,39,.3)!important;
    caret-color: #c9a227
}

#overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    z-index: 1;
    border-radius: 10px
}

#overlay2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 99998
}

#popup2 {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(145deg,#1a1a1a,#0d0d0d);
    border: 1px solid rgba(201,162,39,.4);
    border-radius: 20px;
    padding: 25px;
    z-index: 99991;
    text-align: center;
    color: #fff;
    min-width: 300px;
    max-width: 90%
}

:root {
    --pg-primary: #8B0000;
    --pg-secondary: #DC143C;
    --pg-accent: #FF6B6B;
    --pg-glow: rgba(220, 20, 60, .5);
    --pp-primary: #B8860B;
    --pp-secondary: #FFD700;
    --pp-accent: #FFA500;
    --pp-glow: rgba(255, 215, 0, .5);
    --bg-dark: #0f0f13;
    --bg-card: #1e1e24;
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --transition: all .4s cubic-bezier(.175, .885, .32, 1.275)
}

.gamevsgame-wrapper {
    width: 100%;
    border-bottom: 3px solid #ce1702;
    padding: 20px 20px 30px
}

.arena-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-family: Poppins,sans-serif;
    color: var(--text-primary);
    box-sizing: border-box
}

.battle-title-wrapper {
    text-align: center;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 10px
}

.battle-title {
    font-family: Orbitron,sans-serif;
    font-size: 2rem;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    background: linear-gradient(to bottom,#fff,#aaa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 10px 20px rgba(0,0,0,.5);
    letter-spacing: 2px;
    position: relative;
    display: inline-block
}

.battle-title:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -4px;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg,#dc143c,gold);
    border-radius: 2px
}

.battle-subtitle {
    color: var(--pp-secondary);
    font-size: .7rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 600
}

.battle-arena {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    justify-content: center;
    gap: 20px;
    align-items: stretch;
    perspective: 1000px;
    max-width: 880px;
    margin: 0 auto
}

.provider-card {
    background: linear-gradient(160deg,#2a2a2a,#151515);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    transition: var(--transition);
    border: 1px solid rgba(255,255,255,.1);
    display: flex;
    flex-direction: column;
    opacity: 1;
    transform: translateY(0);
    max-width: 400px;
    width: 100%;
    justify-self: center
}

.provider-card:hover {
    transform: translateY(-10px) scale(1.02);
    z-index: 10
}

.provider-card.pg {
    box-shadow: 0 0 20px #8b00001a
}

.provider-card.pg:hover {
    box-shadow: 0 20px 50px #dc143c66;
    border-color: var(--pg-secondary)
}

.provider-card.pg .card-header {
    background: linear-gradient(90deg,#500000,var(--pg-primary));
    border-bottom: 2px solid var(--pg-secondary)
}

.provider-card.pp {
    box-shadow: 0 0 20px #b8860b1a
}

.provider-card.pp:hover {
    box-shadow: 0 20px 50px #ffd7004d;
    border-color: var(--pp-secondary)
}

.provider-card.pp .card-header {
    background: linear-gradient(90deg,#604000,var(--pp-primary));
    border-bottom: 2px solid var(--pp-secondary);
    color: #fff
}

.card-header {
    padding: 12px 15px;
    text-align: center;
    font-family: Orbitron,sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 2
}

.game-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: linear-gradient(180deg,#1a1a1a,#0a0a0a);
    display: flex;
    align-items: center;
    justify-content: center
}

.game-image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: transform .5s ease
}

.game-image-skeleton {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite
}

@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.provider-card:hover .game-image {
    transform: scale(1.05)
}

.rtp-badge {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
    background: #000000d9;
    border: 1px solid #00ff88;
    color: #0f8;
    padding: 6px 18px;
    border-radius: 50px;
    font-family: Orbitron,sans-serif;
    font-weight: 900;
    font-size: .9rem;
    box-shadow: 0 4px 15px #00000080;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 5;
    white-space: nowrap;
    letter-spacing: 1px
}

.game-info {
    padding: 14px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: #0000004d;
    position: relative
}

.game-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    color: #fff
}

.status-indicator {
    background: linear-gradient(45deg,#ff3e3e,#ff9d00);
    color: #fff;
    text-align: center;
    padding: 8px 10px;
    font-weight: 800;
    font-size: .75rem;
    border-radius: 8px;
    margin-bottom: 12px;
    text-transform: uppercase;
    animation: pulse-red 1.5s infinite;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden
}

.status-indicator:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
    animation: shine 2s infinite
}

@keyframes shine {
    0% {
        left: -100%
    }

    20% {
        left: 200%
    }

    to {
        left: 200%
    }
}

.jackpot-section {
    background: #0006;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(255,255,255,.05);
    text-align: center
}

.jackpot-label {
    color: #aaa;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3px
}

.jackpot-amount {
    font-family: Orbitron,monospace;
    font-size: 1.15rem;
    font-weight: 700;
    background: linear-gradient(to bottom,gold,#b8860b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 5px rgba(255,215,0,.3))
}

.recent-wins {
    margin-top: auto;
    background: #ffffff08;
    border-radius: 8px;
    padding: 10px
}

.win-item {
    display: flex;
    justify-content: space-between;
    font-size: .8rem;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.win-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.win-user {
    color: #888
}

.win-amount {
    color: #fff;
    font-weight: 600
}

.win-amount.pg-win {
    color: var(--pg-accent, #FF6B6B)
}

.win-amount.pp-win {
    color: var(--pp-secondary, #FFD700)
}

.win-title {
    text-align: center;
    margin-bottom: 8px;
    color: #fff;
    font-size: .8rem;
    font-weight: 600
}

.status-indicator.pp-status {
    background: linear-gradient(45deg,#e6b800,#fff700);
    color: #000
}

.vs-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 20;
    padding: 0 8px
}

.vs-badge {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    box-sizing: border-box;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Orbitron,sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    color: #fff;
    border: 3px solid var(--pg-secondary);
    box-shadow: 0 0 0 3px #000,0 0 20px var(--pg-primary);
    position: relative;
    animation: vs-pulse 2s infinite;
    z-index: 5
}

.vs-badge:before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border-radius: 50%;
    background: conic-gradient(from 0deg,transparent,var(--pp-secondary),transparent 30%);
    animation: rotate 2s linear infinite;
    z-index: -1;
    opacity: .5
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes vs-pulse {
    0%,to {
        transform: scale(1);
        box-shadow: 0 0 0 4px #000,0 0 30px var(--pg-primary)
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 0 0 4px #000,0 0 50px var(--pp-secondary);
        border-color: var(--pp-secondary)
    }
}

@media (max-width: 768px) {
    .gamevsgame-wrapper {
        padding:15px 10px
    }

    .battle-title-wrapper {
        margin-bottom: 15px
    }

    .battle-arena {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 10px;
        max-width: 100%;
        position: relative
    }

    .provider-card {
        max-width: 100%;
        border-radius: 12px
    }

    .provider-card .card-header {
        padding: 8px 10px;
        font-size: .75rem
    }

    .vs-divider {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 30;
        padding: 0;
        margin: 0
    }

    .vs-badge {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        font-size: .9rem;
        border-width: 2px;
        box-shadow: 0 0 0 2px #000,0 0 15px var(--pg-primary)
    }

    .vs-badge:before {
        top: -6px;
        right: -6px;
        bottom: -6px;
        left: -6px
    }

    .battle-title {
        font-size: 1.5rem
    }

    .battle-subtitle {
        font-size: .65rem;
        letter-spacing: 2px;
        margin-top: 8px
    }

    .game-image-container {
        aspect-ratio: 1 / 1;
        height: auto
    }

    .game-image {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center top;
        object-position: center top
    }

    .rtp-badge {
        padding: 4px 10px;
        font-size: .7rem;
        bottom: 8px
    }

    .game-info {
        padding: 10px 8px
    }

    .game-title {
        font-size: .8rem;
        margin-bottom: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .status-indicator {
        padding: 5px 6px;
        font-size: .6rem;
        margin-bottom: 8px;
        border-radius: 5px
    }

    .jackpot-section {
        padding: 6px;
        margin-bottom: 6px;
        border-radius: 6px
    }

    .jackpot-label {
        font-size: .55rem
    }

    .jackpot-amount {
        font-size: .75rem
    }

    .recent-wins {
        padding: 6px;
        border-radius: 6px
    }

    .win-title {
        font-size: .6rem;
        margin-bottom: 4px
    }

    .win-item {
        font-size: .55rem;
        padding: 3px 0
    }
}

.wd-notification {
    position: fixed;
    bottom: 20px;
    left: 20px;
    transform: translate(-120%);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all .4s cubic-bezier(.68,-.55,.265,1.55);
    pointer-events: none
}

.wd-notification.show {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.wd-notification-content {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg,#3d1a1a,#2a1010);
    border: 1px solid rgba(139,69,69,.5);
    border-radius: 16px;
    padding: 14px 18px;
    box-shadow: 0 8px 32px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;
    min-width: 300px;
    max-width: 400px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.wd-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #4ade801a;
    border-radius: 50%;
    animation: iconPulse 2s ease-in-out infinite
}

@keyframes iconPulse {
    0%,to {
        box-shadow: 0 0 #4ade8066
    }

    50% {
        box-shadow: 0 0 0 8px #4ade8000
    }
}

.wd-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1
}

.wd-title {
    font-size: .85rem;
    font-weight: 600;
    color: #ffffffe6;
    line-height: 1.3
}

.wd-amount {
    font-size: 1.1rem;
    font-weight: 800;
    background: linear-gradient(135deg,gold,orange);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.wd-close {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #ffffff1a;
    border: none;
    border-radius: 50%;
    color: #fff9;
    cursor: pointer;
    transition: all .2s
}

.wd-close:hover {
    background: #fff3;
    color: #fff
}

.wd-progress-bar {
    height: 3px;
    background: linear-gradient(90deg,#4ade80,#22c55e);
    border-radius: 0 0 16px 16px;
    margin-top: -3px;
    width: 100%
}

.wd-progress-bar.animate {
    animation: wdProgress 5s linear forwards
}

@keyframes wdProgress {
    0% {
        width: 100%
    }

    to {
        width: 0%
    }
}

@media (max-width: 768px) {
    .wd-notification {
        left:50%;
        right: auto;
        bottom: 20px;
        transform: translate(-50%) translateY(120px)
    }

    .wd-notification.show {
        transform: translate(-50%) translateY(0)
    }

    .wd-notification-content {
        min-width: 300px;
        max-width: calc(100vw - 40px);
        padding: 12px 14px;
        gap: 10px
    }

    .wd-icon {
        width: 36px;
        height: 36px
    }

    .wd-icon svg {
        width: 24px;
        height: 24px
    }

    .wd-title {
        font-size: .8rem
    }

    .wd-amount {
        font-size: 1rem
    }
}

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

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

@media (min-width: 768px) {
    .md\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .lg\:-mt-32 {
        margin-top:-8rem
    }

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

    .lg\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

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

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