body {
            background-color: #fff;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --ct-logo-lg-height: 22px;
            --ct-logo-sm-height: 22px;
            --ct-leftbar-width: 260px;
            --ct-leftbar-width-md: 160px;
            --ct-leftbar-width-sm: 70px;
            --ct-leftbar-condensed-height: 2000px;
            --ct-topbar-height: 70px;
            --ct-menu-item-icon-size: 1.2rem;
            --ct-menu-item-font-size: 0.9375rem;
            --ct-menu-item-padding-x: 10px;
            --ct-menu-item-padding-y: 15px;
            --ct-menu-condensed-link-bg: #3688fc;
            --ct-footer-height: 60px;
            --ct-theme-card-border-width: 0px;
        }

        :root,
        [data-bs-theme=light] {
            --ct-blue: #3688fc;
            --ct-indigo: #727cf5;
            --ct-purple: #6b5eae;
            --ct-pink: #ff679b;
            --ct-red: #fa6767;
            --ct-orange: #ff9041;
            --ct-yellow: #f9bc0d;
            --ct-green: #42d29d;
            --ct-teal: #02a8b5;
            --ct-cyan: #44badc;
            --ct-black: #000;
            --ct-white: #fff;
            --ct-gray: #8a969c;
            --ct-gray-dark: #343a40;
            --ct-gray-100: #f6f7fb;
            --ct-gray-200: #eef2f7;
            --ct-gray-300: #dee2e6;
            --ct-gray-400: #ced4da;
            --ct-gray-500: #a1a9b1;
            --ct-gray-600: #8a969c;
            --ct-gray-700: #6c757d;
            --ct-gray-800: #343a40;
            --ct-gray-900: #313a46;
            --ct-primary: #3688fc;
            --ct-secondary: #6c757d;
            --ct-success: #42d29d;
            --ct-info: #44badc;
            --ct-warning: #f9bc0d;
            --ct-danger: #fa6767;
            --ct-light: #eef2f7;
            --ct-dark: #313a46;
            --ct-primary-rgb: 54, 136, 252;
            --ct-secondary-rgb: 108, 117, 125;
            --ct-success-rgb: 66, 210, 157;
            --ct-info-rgb: 68, 186, 220;
            --ct-warning-rgb: 249, 188, 13;
            --ct-danger-rgb: 250, 103, 103;
            --ct-light-rgb: 238, 242, 247;
            --ct-dark-rgb: 49, 58, 70;
            --ct-primary-text-emphasis: #163665;
            --ct-secondary-text-emphasis: #8a969c;
            --ct-success-text-emphasis: #1a543f;
            --ct-info-text-emphasis: #1b4a58;
            --ct-warning-text-emphasis: #644b05;
            --ct-danger-text-emphasis: #642929;
            --ct-light-text-emphasis: #6c757d;
            --ct-dark-text-emphasis: #6c757d;
            --ct-primary-bg-subtle: #ebf3ff;
            --ct-secondary-bg-subtle: #f6f7fb;
            --ct-success-bg-subtle: #ecfbf5;
            --ct-info-bg-subtle: #ecf8fc;
            --ct-warning-bg-subtle: #fef8e7;
            --ct-danger-bg-subtle: #fff0f0;
            --ct-light-bg-subtle: #fbfbfd;
            --ct-dark-bg-subtle: #ced4da;
            --ct-primary-border-subtle: #afcffe;
            --ct-secondary-border-subtle: #eef2f7;
            --ct-success-border-subtle: #b3edd8;
            --ct-info-border-subtle: #b4e3f1;
            --ct-warning-border-subtle: #fde49e;
            --ct-danger-border-subtle: #fdc2c2;
            --ct-light-border-subtle: #eef2f7;
            --ct-dark-border-subtle: #a1a9b1;
            --ct-white-rgb: 255, 255, 255;
            --ct-black-rgb: 0, 0, 0;
            --ct-font-sans-serif: "Nunito", sans-serif;
            --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
            --ct-body-font-family: var(--ct-font-sans-serif);
            --ct-body-font-size: 0.9rem;
            --ct-body-font-weight: 400;
            --ct-body-line-height: 1.5;
            --ct-body-color: #6c757d;
            --ct-body-color-rgb: 108, 117, 125;
            --ct-body-bg: #fafbfe;
            --ct-body-bg-rgb: 250, 251, 254;
            --ct-emphasis-color: rgba(108, 117, 125, 0.75);
            --ct-emphasis-color-rgb: 108, 117, 125;
            --ct-secondary-color: #8a969c;
            --ct-secondary-color-rgb: 138, 150, 156;
            --ct-secondary-bg: #fff;
            --ct-secondary-bg-rgb: 255, 255, 255;
            --ct-tertiary-color: #6c757d;
            --ct-tertiary-color-rgb: 108, 117, 125;
            --ct-tertiary-bg: #f6f7fb;
            --ct-tertiary-bg-rgb: 246, 247, 251;
            --ct-heading-color: inherit;
            --ct-link-color: #3688fc;
            --ct-link-color-rgb: 54, 136, 252;
            --ct-link-decoration: none;
            --ct-link-hover-color: #2e74d6;
            --ct-link-hover-color-rgb: 46, 116, 214;
            --ct-code-color: #44badc;
            --ct-highlight-color: #6c757d;
            --ct-highlight-bg: #fef2cf;
            --ct-border-width: 1px;
            --ct-border-style: solid;
            --ct-border-color: #dee2e6;
            --ct-border-color-translucent: #dee2e6;
            --ct-border-radius: 0.25rem;
            --ct-border-radius-sm: 0.2rem;
            --ct-border-radius-lg: 0.3rem;
            --ct-border-radius-xl: 1rem;
            --ct-border-radius-xxl: 2rem;
            --ct-border-radius-2xl: var(--ct-border-radius-xxl);
            --ct-border-radius-pill: 50rem;
            --ct-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
            --ct-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--ct-body-color-rgb), 0.15);
            --ct-box-shadow-lg: 0 0 45px 0 rgba(var(--ct-body-color-rgb), 0.2);
            --ct-box-shadow-inset: inset 0 1px 2px rgba(var(--ct-body-color-rgb), 0.075);
            --ct-focus-ring-width: 0.15rem;
            --ct-focus-ring-opacity: 0.25;
            --ct-focus-ring-color: rgba(54, 136, 252, 0.25);
            --ct-form-valid-color: #42d29d;
            --ct-form-valid-border-color: #42d29d;
            --ct-form-invalid-color: #fa6767;
            --ct-form-invalid-border-color: #fa6767;
        }



        .social-link {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-radius: 8px;
            transition: background-color 0.3s;
        }

        .social-link:hover {
            background-color: #f3f3f3;
        }

        .radio-label {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
        }

        .radio-label img {
            width: 24px;
            height: 24px;
            margin-bottom: 4px;
        }

        .radio-label span {
            font-size: 14px;
            color: #333;
        }

        @media (min-width: 768px) {
            .container {
                max-width: 968px !important;
            }
        }

        @media (min-width: 1024px) {
            .container {
                max-width: 1440px !important;
            }
        }

        @media (max-width: 1024px) {
            .container {
                max-width: 1024px !important;
            }
        }

        @media (min-width: 1440px) {
            .container {
                min-width: 1440px !important;
            }
        }

        @media (max-width: 768px) {
            .container {
                max-width: 768px !important;
            }
        }

        .fa-regular,
        .fa-solid {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: var(--fa-display, inline-block);
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-rendering: auto;
        }

        .fa-regular,
        .fa-solid {
            font-family: "Font Awesome 6 Free";
        }

        .fa-gift:before {
            content: "\f06b";
        }

        .fa-table-columns:before {
            content: "\f0db";
        }

        .fa-filter:before {
            content: "\f0b0";
        }

        .fa-coins:before {
            content: "\f51e";
        }

        .fa-gears:before {
            content: "\f085";
        }

        .fa-moon:before {
            content: "\f186";
        }

        .fa-regular {
            font-weight: 400;
        }

        .fa-solid {
            font-weight: 900;
        }

        .fa-regular,
        .fa-solid {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: var(--fa-display, inline-block);
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-rendering: auto;
        }

        .fa-regular,
        .fa-solid {
            font-family: "Font Awesome 6 Free";
        }

        .fa-gift:before {
            content: "\f06b";
        }

        .fa-table-columns:before {
            content: "\f0db";
        }

        .fa-filter:before {
            content: "\f0b0";
        }

        .fa-coins:before {
            content: "\f51e";
        }

        .fa-gears:before {
            content: "\f085";
        }

        .fa-moon:before {
            content: "\f186";
        }

        .social-link:hover {
            background-color: var(--bg-2-color);
        }

        .radio-label span {
            font-size: 14px;
            color: color: var(--text-color);
        }

        .bg-color {
            background-color: var(--bg-color);
        }

        .bg-transparent {
            background-color: var(--bg-transparent) !important;
        }

        .bg-device {
           background-color: rgba(34, 31, 31, 0.53);
          border-radius: 15px 0px 10px;
        }

        .bg-2-color {
            background-color: var(--bg-2-color);
        }

        .bg {
            background-color: var(--bg);
        }

        .svg-colored {
            filter: var(--svg-filter);
        }

        .logo-image {
            display: none;
        }

        #logo-image-light {
            display: block;
        }

        .text-color {
            color: var(--text-color);
        }

        .border-color {
            border-color: var(--border-color);
        }

        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .pulse-effect {
            animation: pulse 1.5s infinite;
        }

        *,
        ::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-scroll-snap-strictness: proximity;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgb(59 130 246 / 0.5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
        }

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

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

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

        h1,
        h4 {
            font-size: inherit;
            font-weight: inherit;
        }

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

        button,
        input {
            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 {
            text-transform: none;
        }

        button {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none;
        }

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

        h1,
        h4,
        p {
            margin: 0;
        }

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

        button {
            cursor: pointer;
        }

        :disabled {
            cursor: default;
        }

        img {
            display: block;
            vertical-align: middle;
        }

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

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

        .fixed {
            position: fixed;
        }

        .absolute {
            position: absolute;
        }

        .relative {
            position: relative;
        }

        .inset-0 {
            inset: 0px;
        }

        .-bottom-\[16px\] {
            bottom: -16px;
        }

        .-right-\[12px\] {
            right: -12px;
        }

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

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

        .left-3 {
            left: 0.75rem;
        }

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

        .right-0 {
            right: 0px;
        }

        .bottom-10 {
            bottom: 2.5rem;
        }

        .right-\[10px\] {
            right: 10px;
        }

        .top-\[10px\] {
            top: 10px;
        }

        .-right-\[44px\] {
            right: -44px;
        }

        .-top-\[44px\] {
            top: -44px;
        }

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

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

        .mb-1 {
            margin-bottom: 0.25rem;
        }

        .mb-2 {
            margin-bottom: 0.5rem;
        }

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

        .mt-1 {
            margin-top: 0.25rem;
        }

        .mt-2 {
            margin-top: 0.5rem;
        }

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

        .mt-3 {
            margin-top: 0.75rem;
        }

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

        .line-clamp-1 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }

        .block {
            display: block;
        }

        .flex {
            display: flex;
        }

        .inline-flex {
            display: inline-flex;
        }

        .grid {
            display: grid;
        }

        .hidden {
            display: none;
        }

        .size-\[48px\] {
            width: 48px;
            height: 48px;
        }

        .size-4 {
            width: 1rem;
            height: 1rem;
        }

        .size-\[66px\] {
            width: 66px;
            height: 66px;
        }

        .size-\[15px\] {
            width: 15px;
            height: 15px;
        }

        .size-\[88px\] {
            width: 25px;
            height: 25px;
        }

        .h-10 {
            height: 2.5rem;
        }

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

        .h-4 {
            height: 1rem;
        }

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

        .h-\[125px\] {
            height: 125px;
        }

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

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

        .w-5 {
            width: 1.25rem;
        }

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

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

        .w-full {
            width: 100%;
        }

        .w-4 {
            width: 1rem;
        }

        .w-80 {
            width: 20rem;
        }

        .w-px {
            width: 1px;
        }

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

        .min-w-\[48px\] {
            min-width: 48px;
        }

        .min-w-fit {
            min-width: -moz-fit-content;
            min-width: fit-content;
        }

        .min-w-\[66px\] {
            min-width: 66px;
        }

        .min-w-\[15px\] {
            min-width: 15px;
        }

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

        .grow {
            flex-grow: 1;
        }

        .origin-top-right {
            transform-origin: top right;
        }

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

        .cursor-pointer {
            cursor: pointer;
        }

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

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

        .flex-col {
            flex-direction: column;
        }

        .items-center {
            align-items: center;
        }

        .justify-center {
            justify-content: center;
        }

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

        .gap-1\.5 {
            gap: 0.375rem;
        }

        .gap-2 {
            gap: 0.5rem;
        }

        .gap-4 {
            gap: 1rem;
        }

        .gap-x-2 {
            column-gap: 0.5rem;
        }

        .gap-x-3 {
            column-gap: 0.75rem;
        }

        .gap-x-\[4px\] {
            column-gap: 4px;
        }

        .gap-x-5 {
            column-gap: 1.25rem;
        }

        .gap-x-\[6px\] {
            column-gap: 6px;
        }

        .gap-y-1\.5 {
            row-gap: 0.375rem;
        }

        .gap-x-\[8px\] {
            column-gap: 8px;
        }

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

        .overflow-hidden {
            overflow: hidden;
        }

        .overflow-x-auto {
            overflow-x: auto;
        }

        .whitespace-nowrap {
            white-space: nowrap;
        }

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

        .rounded-lg {
            border-radius: 0.5rem;
        }

        .rounded-xl {
            border-radius: 0.75rem;
        }

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

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

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

        .border {
            border-width: 1px;
        }

        .border-b-2 {
            border-bottom-width: 2px;
        }

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

        .border-\[\#0a99ef\] {
            --tw-border-opacity: 1;
            border-color: rgb(10 153 239 / var(--tw-border-opacity, 1));
        }

        .border-transparent {
            border-color: transparent;
        }

        .border-\[\#F4B536\] {
            border-color: #2a2b3b;
        }

        .bg-\[\#0A99EF\] {
            background: linear-gradient(to right, #2b2b33, #3e3c3c6b);
        }

        .bg-transparent {
            background-color: transparent;
        }

        .bg-\[\#F8B550\]\/15 {
            background: linear-gradient(135deg, #1c1c24, #22222b);
        }

        .bg-\[length\:contain\] {
            background-size: contain;
        }

        .bg-\[position\:50\%_0\%\] {
            background-position: 50% 0%;
        }

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

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

        .p-2 {
            padding: 0.5rem;
        }

        .p-4 {
            padding: 1rem;
        }

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

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

        .py-1\.5 {
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
        }

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

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

        .pb-2 {
            padding-bottom: 0.5rem;
        }

        .pl-9 {
            padding-left: 2.25rem;
        }

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

        .font-\[\'Inter\'\2c _sans-serif\] {
            font-family: 'Inter', sans-serif;
        }

        .font-sans {
            font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

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

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

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

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

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

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

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

        .font-medium {
            font-weight: 500;
        }

        .font-semibold {
            font-weight: 600;
        }

        .font-bold {
            font-weight: 700;
        }

        .leading-4 {
            line-height: 1rem;
        }

        .leading-\[120\%\] {
            line-height: 120%;
        }

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

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

        .tracking-\[0\.72\] {
            letter-spacing: 0.72;
        }

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

        .opacity-15 {
            opacity: 0.15;
        }

        .opacity-80 {
            opacity: 0.8;
        }

        .shadow-\[0px_4\.4px_1\.1px_0px_var\(--bg-transparent\)\] {
            --tw-shadow: 0px 4.4px 1.1px 0px var(--bg-transparent);
            --tw-shadow-colored: 0px 4.4px 1.1px 0px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }

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

        .hover\:cursor-pointer:hover {
            cursor: pointer;
        }

        @media (min-width: 768px) {
            .md\:h-\[150px\] {
                height: 150px;
            }

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

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

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

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

            .lg\:mt-4 {
                margin-top: 1rem;
            }

            .lg\:block {
                display: block;
            }

            .lg\:hidden {
                display: none;
            }

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

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

            .lg\:w-96 {
                width: 24rem;
            }

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

            .lg\:gap-x-\[14px\] {
                column-gap: 14px;
            }

            .lg\:gap-y-4 {
                row-gap: 1rem;
            }

            .lg\:rounded-xl {
                border-radius: 0.75rem;
            }

            .lg\:rounded-t-xl {
                border-top-left-radius: 0.75rem;
                border-top-right-radius: 0.75rem;
            }

            .lg\:px-9 {
                padding-left: 2.25rem;
                padding-right: 2.25rem;
            }

            .lg\:pt-8 {
                padding-top: 2rem;
            }

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

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

            .lg\:text-sm {
                font-size: 0.875rem;
                line-height: 1.25rem;
            }

            .lg\:leading-\[19px\] {
                line-height: 19px;
            }

            .lg\:leading-\[18px\] {
                line-height: 18px;
            }
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(10, 153, 259, 0.2);
                border-radius: 15px;
            }

            70% {
                transform: scale(1.05);
                box-shadow: 0 0 0 10px rgba(10, 153, 259, 0);
                border-radius: 15px;
            }

            100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(10, 153, 259, 0);
                border-radius: 15px;
            }
        }


        .bottom_0 {
            bottom: 0px;
        }

        @font-face {
            font-family: "Font Awesome 6 Free";
            font-style: normal;
            font-weight: 400;
            font-display: block;
            src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/webfonts/fa-regular-400.ttf) format("truetype");
        }

        @font-face {
            font-family: "Font Awesome 6 Free";
            font-style: normal;
            font-weight: 900;
            font-display: block;
            src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/webfonts/fa-solid-900.ttf) format("truetype");
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 200;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 200;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 200;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 200;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 200;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 200;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 200;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
            unicode-range: U+1F00-1FFF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
            unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        .header_list {
            display: flex;
            flex-direction: row;
            gap: 20px;
            list-style: none;
            padding: 5px;
        }

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

        .header-btn {
            display: flex;
            gap: 10px;
            align-items: center;
            justify-content: center;
            font-weight: 500;
            font-size: 14px;
        }

        .header-btn svg {
            width: 18px;
            fill: gray;
        }


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

        .z-150 {
            z-index: 150;
        }

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

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

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

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

        .flex {
            display: flex;
        }

        .h-full {
            height: 100%;
        }

        .w-60 {
            width: 15rem;
        }

        .w-full {
            width: 100%;
        }

        .flex-col {
            flex-direction: column;
        }

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

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

        .border-solid {
            border-style: solid;
        }

        .border-offerwall-black {
            --tw-border-opacity: 1;
            border-color: rgb(33 33 33 / var(--tw-border-opacity, 1));
        }

        .border-opacity-15 {
            --tw-border-opacity: .15;
        }

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

        .bg-Offers {
            background: linear-gradient(to right, #2b2b33, #2b2b33);
        }

        .bg-opacity-30 {
            --tw-bg-opacity: .3;
        }

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

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

        .pl-12 {
            padding-left: 3rem;
        }

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

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

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

        .text-left {
            text-align: left;
        }

        .text-center {
            text-align: center;
        }

        .text-offerwall-black {
            --tw-text-opacity: 1;
            color: rgb(33 33 33 / var(--tw-text-opacity, 1));
            font-weight: 900;
            font-size: 12px;
        }

        .text-offerwall-gray-2 {
            --tw-text-opacity: 1;
            color: rgb(191 191 191 / var(--tw-text-opacity, 1));
        }

        .satoshi {
            font-family: "Satoshi-Regular", Sans-Serif;
        }

        .satoshi-bold {
            font-family: "Satoshi-Bold", Sans-Serif;
        }



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

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

        .svg-inline--fa.fa-fw {
            width: var(--fa-fw-width, 1.25em);
        }

        .fa-fw {
            text-align: center;
            width: 1.25em;
        }

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

        button {
            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 {
            text-transform: none;
        }

        button {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none;
        }

        h3,
        h4,
        p {
            margin: 0;
        }

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

        button {
            cursor: pointer;
        }

        :disabled {
            cursor: default;
        }

        img,
        svg {
            display: block;
            vertical-align: middle;
        }

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

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

        .fixed {
            position: fixed;
        }

        .absolute {
            position: absolute;
        }

        .relative {
            position: relative;
        }

        .inset-0 {
            inset: 0px;
        }

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

        .right-1\.5 {
            right: .375rem;
        }

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

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

        .-mt-0\.5 {
            margin-top: -.125rem;
        }

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

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

        .ml-0\.5 {
            margin-left: .125rem;
        }

        .mr-1\.5 {
            margin-right: .375rem;
        }

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

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

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

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

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

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

        .block {
            display: block;
        }

        .inline-block {
            display: inline-block;
        }

        .inline {
            display: inline;
        }

        .flex {
            display: flex;
        }

        .inline-flex {
            display: inline-flex;
        }

        .h-3 {
            height: .75rem;
        }

        .h-4 {
            height: 1rem;
        }

        .h-\[75px\] {
            height: 75px;
        }

        .max-h-\[16\.8rem\] {
            max-height: 16.8rem;
        }

        .min-h-full {
            min-height: 100%;
        }

        .w-16 {
            width: 4rem;
        }

        .w-3 {
            width: .75rem;
        }

        .w-4 {
            width: 1rem;
        }

        .w-\[75px\] {
            width: 75px;
        }

        .w-full {
            width: 100%;
        }

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

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

        .-translate-x-1\/2 {
            --tw-translate-x: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        .-translate-y-1\/2 {
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

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

        .flex-row {
            flex-direction: row;
        }

        .items-end {
            align-items: flex-end;
        }

        .items-center {
            align-items: center;
        }

        .justify-center {
            justify-content: center;
        }

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

        .overflow-y-scroll {
            overflow-y: scroll;
        }

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

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

        .border {
            border-width: 1px;
        }

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

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

        .border-gray-200 {
            border-color: rgba(79, 84, 111, 0.49) !important;
        }

        .border-transparent {
            border-color: transparent;
        }

        .bg-brand-500 {
            background: linear-gradient(135deg, #1c1c24, #22222b);
        }

        .bg-gray-100 {
            background: linear-gradient(135deg, #1c1c24, #22222b);
        }

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

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

        .object-cover {
            -o-object-fit: cover;
            object-fit: cover;
        }
        
        .p-5 {
            padding: 5px;
        }
        
        .p-2 {
            padding: .5rem;
        }

        .p-4 {
            padding: 1rem;
        }

        .p-8 {
            padding: 2rem;
        }

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

        .px-3\.5 {
            padding-left: .875rem;
            padding-right: .875rem;
        }

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

        .py-1\.5 {
            padding-top: .375rem;
            padding-bottom: .375rem;
        }

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

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

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

        .pb-0 {
            padding-bottom: 0;
        }

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

        .text-left {
            text-align: left;
        }

        .text-center {
            text-align: center;
        }

        .font-display {
            font-family: Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
        }

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

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

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

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

        .font-bold {
            font-weight: 700;
        }

        .font-medium {
            font-weight: 500;
        }

        .font-semibold {
            font-weight: 600;
        }

        .leading-loose {
            line-height: 2;
        }

        .leading-relaxed {
            line-height: 1.625;
        }

        .tracking-tight {
            letter-spacing: -.025em;
        }

        .text-brand-50 {
            --tw-text-opacity: 1;
            color: rgb(155 211 252 / var(--tw-text-opacity));
        }

        .text-brand-900 {
            color: #fff;
        }

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

        .text-gray-500 {
            color: #ccc !important;
        }

        .text-gray-600 {
            color: #fff;
        }

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

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

        .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-sm {
            --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
            --tw-shadow-colored: 0 1px 2px 0 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-gray-100 {
            --tw-shadow-color: #f3f4f6;
            --tw-shadow: var(--tw-shadow-colored);
        }

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

        .last-of-type\:border-b-0:last-of-type {
            border-bottom-width: 0px;
        }

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

        .hover\:bg-brand-600:hover {
            background-color: rgb(45, 46, 51);
        }

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

        .hover\:text-brand-500:hover {
            --tw-text-opacity: 1;
            color: rgb(6 127 218 / var(--tw-text-opacity));
        }

        .group:hover .group-hover\:text-brand-200 {
            --tw-text-opacity: 1;
            color: rgb(96 184 251 / var(--tw-text-opacity));
        }

        .group:hover .group-hover\:text-brand-500 {
            --tw-text-opacity: 1;
            color: rgb(6 127 218 / var(--tw-text-opacity));
        }

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

        @media (min-width: 640px) {
            .sm\:mb-5 {
                margin-bottom: 1.25rem;
            }

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

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

            .sm\:items-center {
                align-items: center;
            }

            .sm\:p-12 {
                padding: 3rem;
            }

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

        @media (min-width: 768px) {
            .md\:py-3 {
                padding-top: .75rem;
                padding-bottom: .75rem;
            }

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

        .group b {
            display: none;
        }



        /* Simple CSS spinner */
        .offer_loader {
            border: 8px solid #f3f3f3;
            border-top: 8px solid #496aad;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .parent {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            gap: 15px;
            padding: 1rem;
        }


        h5 {
            margin-top: 0;
            margin-bottom: 10px;
            font-weight: 700;
            line-height: 1.1;
            color: var(--ct-heading-color);
        }

        h5 {
            font-size: .936rem;
        }

        label {
            display: inline-block;
        }

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

        select {
            text-transform: none;
        }

        select {
            word-wrap: normal;
        }

        select:disabled {
            opacity: 1;
        }

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

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

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

        @media (min-width:992px) {
            .col-lg-6 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: 50%;
            }

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

        .form-control {
            display: block;
            width: 100%;
            padding: .45rem .9rem;
            font-size: .9rem;
            font-weight: 400;
            line-height: 1.5;
            color: var(--ct-body-color);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--ct-input-bg);
            background-clip: padding-box;
            border: var(--ct-border-width) solid var(--ct-border-color);
            border-radius: 10px;
            -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        }

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

        .form-control:focus {
            color: var(--ct-body-color);
            background-color: var(--ct-input-bg);
            border-color: var(--ct-border-color);
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .form-control::placeholder {
            color: var(--ct-secondary-color);
            opacity: 1;
        }

        .form-control:disabled {
            background-color: var(--ct-tertiary-bg);
            opacity: 1;
        }

        .form-select {
            --ct-form-select-bg-img: 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' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            display: block;
            width: 100%;
            padding: .45rem 2.7rem .45rem .9rem;
            font-size: .9rem;
            font-weight: 400;
            line-height: 1.5;
            color: var(--ct-body-color);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--ct-input-bg);
            background-image: var(--ct-form-select-bg-img), var(--ct-form-select-bg-icon, none);
            background-repeat: no-repeat;
            background-position: right .9rem center;
            background-size: 14px 10px;
            border: var(--ct-border-width) solid var(--ct-border-color);
            border-radius: 10px;
            -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        }

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

        .form-select:focus {
            border-color: var(--ct-border-color);
            outline: 0;
            -webkit-box-shadow: 0 0 0 0 rgba(54, 136, 252, .25);
            box-shadow: 0 0 0 0 rgba(54, 136, 252, .25);
        }

        .form-select:disabled {
            background-color: var(--ct-tertiary-bg);
        }

        .form-floating {
            position: relative;
        }

        .form-floating>.form-control,
        .form-floating>.form-select {
            height: calc(3.5rem + calc(var(--ct-border-width) * 2));
            min-height: calc(3.5rem + calc(var(--ct-border-width) * 2));
            line-height: 1.25;
        }

        .form-floating>label {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            height: 100%;
            padding: 1rem .9rem;
            overflow: hidden;
            text-align: start;
            text-overflow: ellipsis;
            white-space: nowrap;
            pointer-events: none;
            border: var(--ct-border-width) solid transparent;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
            transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
            transition: opacity .1s ease-in-out, transform .1s ease-in-out;
            transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
        }

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

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

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

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

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

        .form-floating>.form-control:focus~label,
        .form-floating>.form-control:not(:placeholder-shown)~label,
        .form-floating>.form-select~label {
            color: rgba(var(--ct-body-color-rgb), .65);
            -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
            transform: scale(.85) translateY(-.5rem) translateX(.15rem);
        }

        .form-floating>.form-control:focus~label::after,
        .form-floating>.form-control:not(:placeholder-shown)~label::after,
        .form-floating>.form-select~label::after {
            position: absolute;
            inset: 1rem .45rem;
            z-index: -1;
            height: 1.875em;
            content: "";
            background-color: var(--ct-input-bg);
            border-radius: .25rem;
        }

        .form-floating>.form-control:disabled~label {
            color: #8a969c;
        }

        .form-floating>.form-control:disabled~label::after {
            background-color: var(--ct-tertiary-bg);
        }

        .tab-content>.tab-pane {
            display: none;
        }

        .tab-content>.active {
            display: block;
        }

        .card {
            --ct-card-spacer-y: 1.5rem;
            --ct-card-spacer-x: 1.5rem;
            --ct-card-title-spacer-y: 0.75rem;
            --ct-card-border-width: var(--ct-theme-card-border-width);
            --ct-card-border-color: var(--ct-border-color);
            --ct-card-border-radius: var(--ct-border-radius);
            --ct-card-box-shadow: var(--ct-box-shadow);
            --ct-card-inner-border-radius: calc(var(--ct-border-radius) - (var(--ct-theme-card-border-width)));
            --ct-card-cap-padding-y: 1.125rem;
            --ct-card-cap-padding-x: 1.5rem;
            --ct-card-cap-bg: transparent;
            --ct-card-bg: var(--ct-secondary-bg);
            --ct-card-img-overlay-padding: 1.5rem;
            --ct-card-group-margin: 0.75rem;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
            height: var(--ct-card-height);
            color: var(--ct-body-color);
            word-wrap: break-word;
            background-color: var(--ct-card-bg);
            background-clip: border-box;
            border: var(--ct-card-border-width) solid var(--ct-card-border-color);
            border-radius: var(--ct-card-border-radius);
        }

        .card-body {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: var(--ct-card-spacer-y) var(--ct-card-spacer-x);
            color: var(--ct-card-color);
        }

        .mb-3 {
            margin-bottom: 1.5rem !important;
        }

        .card {
            -webkit-box-shadow: var(--ct-box-shadow);
            box-shadow: var(--ct-box-shadow);
            margin-bottom: 1.5rem;
        }

        .form-control:invalid:focus,
        .form-control:valid:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

        @media print {
            .card-body {
                padding: 0;
                margin: 0;
            }

            .card {
                -webkit-box-shadow: none;
                box-shadow: none;
            }
        }

        h5 {
            margin-top: 10px;
        }

        label {
            font-weight: 600;
        }

        input:disabled+label {
            opacity: .5;
            cursor: default;
        }



        .table-container {
            display: grid;
            gap: 1rem;
            padding: 1rem;
        }

        .table-row {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-areas:
                "info amount status";
            gap: 1rem;
            background: #f9f9f9;
            padding: 1rem;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .info {
            grid-area: info;
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .info img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
        }

        .info .details {
            display: flex;
            flex-direction: column;
        }

        .amount {
            grid-area: amount;
            font-size: 1.2rem;
            font-weight: bold;
            color: #333;
            text-align: center;
        }

        .status {
            grid-area: status;
            text-align: center;
            padding: 0.5rem;
            border-radius: 4px;
            font-weight: bold;
        }

        .status.completed {
            background-color: #d4edda;
            color: #155724;
        }

        .status.Pending {
            background-color: #f4d98b;
            color: #5c4609;
        }

        .status.danger {
            background-color: #e4c2c2;
            color: #ff0000;
        }

        @media (max-width: 768px) {
            .table-row {
                grid-template-columns: 1fr;
                grid-template-areas:
                    "info"
                    "amount"
                    "status";
                text-align: center;
            }
        }


.toggle-div.active {
    background-color: #e6f4ff;
    color: #0fa5b1;
    border-radius: 10px;
}





/*.filter-container {*/
/*    padding: 20px;*/
/*}*/

/*.filter-list {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 5px 25px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 15px;*/
/*}*/

/*.filter-list li {*/
/*    width: 100%;*/
/*}*/


/*.category-button.active {*/
/*    color: #0fa5b1;;*/
/*}*/

/*.category-button:hover {*/
/*    color: #0fa5b1;;*/
/*}*/

        @media (max-width: 992px) {
            .select-columns {
                    margin-bottom: 12px;
            }
        }
        
        
        
                .search-container {
            width: 100%;
            /*background: #fff;*/
            border-radius: 8px;
            /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
            /*padding: 20px;*/
            margin-bottom: 12px;
        }

        .search-bar {
            display: flex;
            align-items: center;
            background: #f1f3f8;
            padding: 10px;
            border-radius: 30px;
            border: 1px solid #ddd;
        }

        .search-bar input {
            border: none;
            outline: none;
            background: none;
            flex: 1;
            padding: 8px;
            font-size: 16px;
        }

        .search-bar input::placeholder {
            color: #aaa;
        }

        .search-bar .icon {
            font-size: 18px;
            color: #555;
            margin-right: 8px;
        }

        .filters {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 15px;
        }

        .filters .filter {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #2d3748;
            appearance: none;
            background: #f1f3f8;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 2px 8px;
            cursor: pointer;
        }

        .filters .filter .icon {
            font-size: 16px;
            margin-right: 5px;
        }

        .custom-select {
            position: relative;
            display: inline-block;
            width: 150px;
        }

        .custom-select select {
            appearance: none;
            background: none;
            border: none;
            font-size: 14px;
            padding: 8px 12px;
            width: 100%;
            color: #2d3748;
            cursor: pointer;
        }

        .custom-select select:focus {
            outline: none;
            border-color: #007bff;
        }

        .custom-select::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 4px;
            width: 20px;
            height: 20px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232d3748'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center;
            transform: translateY(-50%);
            pointer-events: none;
        }

        /*select option {*/
        /*    background: #fff;*/
        /*    padding: 10px;*/
        /*    color: #2d3748;*/
        /*}*/

        /*select option:hover {*/
        /*    background: #e2e8f0;*/
        /*    color: #000;*/
        /*}*/

        /*select option:disabled {*/
        /*    color: #aaa;*/
        /*}*/
        
        @media (max-width: 500px) {
            .filters {
                flex-direction: column;
                gap: 10px;
            }
            .filters .filter {
                width: 100%;
            }
            .custom-select {
                width: 100%;
            }
        }
        
        
        
        
        
        
        
        
        
        
        /*        .container {*/
        /*    max-width: 900px;*/
        /*    margin: 20px auto;*/
        /*    padding: 20px;*/
        /*}*/

        .game-info {
            display: flex;
            align-items: center;
            justify-content: start;
            background-color: #ffffff;
            padding: 15px 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            margin-bottom: 10px;
            flex-direction: column;
        }

        .game-info:hover {
            transform: scale(1.02);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }

        .game-info img {
            width: 80px;
            height: 80px;
            border-radius: 10px;
            margin-right: 15px;
        }

        .game-info h2 {
            margin: 0;
            font-size: 20px;
            color: #17a2b8;
        }

        .game-info p {
            margin: 5px 0 0;
            font-size: 14px;
            color: #666;
        }

        .tasks{
            display: none;
            border-radius: 10px;
            padding: 15px 20px;
            width: 100%;
        }
        .requirements {
            display: none;
            padding: 15px 0px;
            border-top: 1px solid #ddd;
        }

        .task {
display: flex
;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 3px;
    border-radius: 10px;
        }

        .task:last-child {
            border-bottom: none;
        }

        .task-info strong {
            font-size: 16px;
            color: #333;
        }

        .task-info p {
            font-size: 12px;
            color: #666;
        }

        .reward {
            font-size: 14px;
            color: #17a2b8;
            font-weight: bold;
        }

        .requirements ul {
            list-style: disc;
            padding-left: 20px;
        }

        .requirements ul li {
            font-size: 14px;
            margin-bottom: 5px;
        }

        .requirements h3 {
            margin-bottom: 10px;
            color: #17a2b8;
        }
        
        
        
                .search-container {
            background: linear-gradient(135deg, #1c1c24, #22222b);
            padding: 15px;
            border-radius: 10px;
            width: 100%;
        }
        .search-input {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            padding: 8px;
            position: relative;
        }
        .search-input input {
            width: 100%;
            border: none;
            background: transparent;
            padding: 5px 10px;
            color: #ccc;
            outline: none;
        }
        .search-icon {
            position: absolute;
            right: 10px;
            font-size: 18px;
        }
        .filter select {
            width: 100%;
            background: rgb(43, 43, 51);
            color: #ccc;
            border: none;
            padding: 10px;
            border-radius: 8px;
            outline: none;
            cursor: pointer;
            margin-top: 10px;
        }
        .category-buttons {
            display: flex;
            gap: 10px;
            margin-top: 10px;
        }
        .category-button {
            background: #2d3344;
            border: none;
            color: #ccc;
            padding: 8px 15px;
            border-radius: 15px;
            cursor: pointer;
        }
        .category-button.active {
            background: #171925;
              border: #2d3344 1px solid;
              color: #abb5d0;
        }
        .category-button:hover {
            color: #abb5d0;;
        }