<html lang="en" class="h-full dark">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <link rel="icon" type="image/x-icon" href="build/images/favicon.png" />
        <link rel="icon" type="image/png" sizes="16x16" href="build/images/favicon.png" />
        <link rel="icon" type="image/png" sizes="32x32" href="build/images/favicon.png" />
        <link rel="apple-touch-icon" sizes="180x180" href="build/images/favicon.png" />
        <link rel="manifest" href="/site.webmanifest" />
        <meta name="theme-color" content="#181A1F" />

        <!-- Scripts -->
        <link href="https://cdn.sellix.io/static/css/embed.css" rel="stylesheet"/>
        <link rel="preload" as="style" href="https://gameboost.com/build/assets/app-DJWAozoy.css" />
        <link rel="preload" as="style" href="https://gameboost.com/build/assets/layout-main-BjIaWKvu.css" />
        <link rel="preload" as="style" href="https://gameboost.com/build/assets/how-it-works-D3nXR8zA.css" />
        <link rel="preload" as="style" href="https://gameboost.com/build/assets/reusable-reviews-slider-CABl74vA.css" />
        <link rel="preload" as="style" href="https://gameboost.com/build/assets/games-slider-qTEDcZyT.css" />
        <link rel="preload" as="style" href="https://gameboost.com/build/assets/gradient-card-iYkLbWeR.css" />
        <link rel="preload" as="style" href="https://gameboost.com/build/assets/blue-accordion-CfZ0kGZ1.css" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/app-CG8bwkdG.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/page-CahF-pyD.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/head-xSji7fSi.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/layout-main-COU6ILrM.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/how-it-works-CuRt1P0a.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/features-bento-D6n1w8Ie.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/reviews-slider-hkrqowTH.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/in-numbers-If-6r__Z.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/faq-main-CioFOKL_.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/hero-section-CszpRa1r.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/game-cta-DyhLIb7q.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/games-slider-X4bW74Wz.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/accounts-BtQQ_cXq.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/useFaq-BKjyK_22.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/useRoute-C5eER4wM.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-BhZqpBNP.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/slide-over-C44gqjOV.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/button-C9xw_0MC.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-Bb4qSo10.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/ui-Cterp-fp.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-BSGkDdcE.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/dropdown-menu-content-BqdWijoA.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/dropdown-menu-item-DMCKqNFU.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/badge-DG0gXy93.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/dropdown-menu-label-aQxVAetB.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/theme-dropdown-BI1xjvhz.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/dropdown-menu-separator-Z-vfgfb5.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/user-dropdown-DPMSYEyR.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-C4SykzPC.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/modal-DhjIYTjd.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/card-footer-DDkHzUz_.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/alert-DwHH8KRB.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/helpers-CruFNG-t.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-Bd3TMUBJ.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-BhYXG5mI.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/logo-AtZqzHfm.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/search-input-DbRhMaVF.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/input-label-BqxJ-SVG.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/mousetrap-D5XYumbQ.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/useIntercom-lhGWJOgx.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-By210a26.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/card-B9nSZc0_.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/card-title-D8387hns.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/card-description-t4-DHIox.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/card-content-84TLn91C.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/switch-BlN_0DSt.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/icon-CPRaPf6G.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/modal-Je8MNbA_.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/form-odS6it-q.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/email-D3RNhml3.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/text-input-BAtRY-NK.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/social-providers-Cc4wR8UX.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/otp-Fz1LUSQu.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/otp-input-CKn2rinY.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/two-factor-auth-BtWkQUag.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/date-utils-BrF6vIkr.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/index-B6fiTVLB.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/moment-zH0z38ay.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/modal-DkesVU9s.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/form-BvqffD-G.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/useScrollTracker-DIcuoou9.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/intercom-ChmfxBKI.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/layout-global-MKsg6I3T.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/client-only-CnDY3q3n.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/_plugin-vue_export-helper-DlAUqK2U.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/gradient-card-DbgF44Vg.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/vue3-marquee.es-BzudJkww.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/useTrustpilot-BCMjE3QW.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/blue-accordion-BNkcvHpb.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/marked.esm-DaiSxq10.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/landing-ROD9S4vk.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/translate-CM2ViG0b.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/global-search-DjOspYCE.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/service-grid-DzA8M1hX.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/game-service-type-CbLONuLn.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/scroll-BdmBcgwt.js" />
        <link rel="modulepreload" href="https://gameboost.com/build/assets/carousel-previous-B-VRrgRp.js" />
        <link rel="stylesheet" href="https://gameboost.com/build/assets/app-DJWAozoy.css" data-navigate-track="reload" />
        <link rel="stylesheet" href="https://gameboost.com/build/assets/layout-main-BjIaWKvu.css" data-navigate-track="reload" />
        <link rel="stylesheet" href="https://gameboost.com/build/assets/how-it-works-D3nXR8zA.css" data-navigate-track="reload" />
        <link rel="stylesheet" href="https://gameboost.com/build/assets/reusable-reviews-slider-CABl74vA.css" data-navigate-track="reload" />
        <link rel="stylesheet" href="https://gameboost.com/build/assets/games-slider-qTEDcZyT.css" data-navigate-track="reload" />
        <link rel="stylesheet" href="https://gameboost.com/build/assets/gradient-card-iYkLbWeR.css" data-navigate-track="reload" />
        <link rel="stylesheet" href="https://gameboost.com/build/assets/blue-accordion-CfZ0kGZ1.css" data-navigate-track="reload" />
        <script type="text/javascript" async="" src="https://widget.intercom.io/widget/whg5yz0t"></script>
        <script type="module" src="https://gameboost.com/build/assets/app-CG8bwkdG.js" data-navigate-track="reload"></script>
        <script type="module" src="https://gameboost.com/build/assets/page-CahF-pyD.js" data-navigate-track="reload"></script>
        <link rel="stylesheet" href="https://gameboost.com/build/assets/app-DJWAozoy.css" />
        <script type="text/javascript">
            if ("serviceWorker" in navigator) {
                window.addEventListener("load", function () {
                    navigator.serviceWorker.register("/sw.js");
                });
            }
        </script>
        <script type="text/javascript">
            (function (t, a, l, k, j, s) {
                s = a.createElement("script");
                s.defer = 1;
                s.src = "https://cdn.talkjs.com/talk.js";
                a.head.appendChild(s);
                k = t.Promise;
                t.Talk = {
                    v: 2,
                    ready: {
                        then: function (f) {
                            if (k)
                                return new k(function (r, e) {
                                    l.push([f, r, e]);
                                });
                            l.push([f]);
                        },
                        catch: function () {
                            return k && new k();
                        },
                        c: l,
                    },
                };
            })(window, document, []);
        </script>

        <script src="https://kit.fontawesome.com/e1fb253254.js" crossorigin="anonymous" type="text/javascript"></script>
        <link rel="stylesheet" href="icons.css" />
        <script async="" src="https://www.clarity.ms/s/0.7.56/clarity.js"></script>
        <script async="" src="https://www.clarity.ms/tag/luw0cwvv22"></script>
        <script type="text/javascript" async="" src="https://us-assets.i.posthog.com/static/array.js"></script>
        <script
            defer=""
            referrerpolicy="origin"
            src="/cdn-cgi/zaraz/s.js?z=JTdCJTIyZXhlY3V0ZWQlMjIlM0ElNUIlNUQlMkMlMjJ4JTIyJTNBMC4yOTM5MzYwMTMyNTg4MzIlMkMlMjJ3JTIyJTNBMTkyMCUyQyUyMmglMjIlM0ExMDgwJTJDJTIyaiUyMiUzQTk2MiUyQyUyMmUlMjIlM0ExOTEyJTJDJTIybCUyMiUzQSUyMmh0dHBzJTNBJTJGJTJGZ2FtZWJvb3N0LmNvbSUyRiUyMiUyQyUyMnIlMjIlM0ElMjIlMjIlMkMlMjJrJTIyJTNBMjQlMkMlMjJuJTIyJTNBJTIyVVRGLTglMjIlMkMlMjJvJTIyJTNBMzAwJTJDJTIycSUyMiUzQSU1QiU1RCU3RA=="
        ></script>
        <script data-cfasync="false" nonce="fe5c8da6-1613-46a6-b87a-7d85a7c5b441">
            try {
                (function (w, d) {
                    !(function (j, k, l, m) {
                        if (j.zaraz) console.error("zaraz is loaded twice");
                        else {
                            j[l] = j[l] || {};
                            j[l].executed = [];
                            j.zaraz = { deferred: [], listeners: [] };
                            j.zaraz._v = "5838";
                            j.zaraz._n = "fe5c8da6-1613-46a6-b87a-7d85a7c5b441";
                            j.zaraz.q = [];
                            j.zaraz._f = function (n) {
                                return async function () {
                                    var o = Array.prototype.slice.call(arguments);
                                    j.zaraz.q.push({ m: n, a: o });
                                };
                            };
                            for (const p of ["track", "set", "ecommerce", "debug"]) j.zaraz[p] = j.zaraz._f(p);
                            j.zaraz.init = () => {
                                var q = k.getElementsByTagName(m)[0],
                                    r = k.createElement(m),
                                    s = k.getElementsByTagName("title")[0];
                                s && (j[l].t = k.getElementsByTagName("title")[0].text);
                                j[l].x = Math.random();
                                j[l].w = j.screen.width;
                                j[l].h = j.screen.height;
                                j[l].j = j.innerHeight;
                                j[l].e = j.innerWidth;
                                j[l].l = j.location.href;
                                j[l].r = k.referrer;
                                j[l].k = j.screen.colorDepth;
                                j[l].n = k.characterSet;
                                j[l].o = new Date().getTimezoneOffset();
                                j[l].q = [];
                                for (; j.zaraz.q.length; ) {
                                    const w = j.zaraz.q.shift();
                                    j[l].q.push(w);
                                }
                                r.defer = !0;
                                for (const x of [localStorage, sessionStorage])
                                    Object.keys(x || {})
                                        .filter((z) => z.startsWith("_zaraz_"))
                                        .forEach((y) => {
                                            try {
                                                j[l]["z_" + y.slice(7)] = JSON.parse(x.getItem(y));
                                            } catch {
                                                j[l]["z_" + y.slice(7)] = x.getItem(y);
                                            }
                                        });
                                r.referrerPolicy = "origin";
                                r.src = "/cdn-cgi/zaraz/s.js?z=" + btoa(encodeURIComponent(JSON.stringify(j[l])));
                                q.parentNode.insertBefore(r, q);
                            };
                            ["complete", "interactive"].includes(k.readyState) ? zaraz.init() : j.addEventListener("DOMContentLoaded", zaraz.init);
                        }
                    })(w, d, "zarazData", "script");
                    window.zaraz._p = async (bs) =>
                        new Promise((bt) => {
                            if (bs) {
                                bs.e &&
                                    bs.e.forEach((bu) => {
                                        try {
                                            const bv = d.querySelector("script[nonce]"),
                                                bw = bv?.nonce || bv?.getAttribute("nonce"),
                                                bx = d.createElement("script");
                                            bw && (bx.nonce = bw);
                                            bx.innerHTML = bu;
                                            bx.onload = () => {
                                                d.head.removeChild(bx);
                                            };
                                            d.head.appendChild(bx);
                                        } catch (by) {
                                            console.error(`Error executing script: ${bu}\n`, by);
                                        }
                                    });
                                Promise.allSettled((bs.f || []).map((bz) => fetch(bz[0], bz[1])));
                            }
                            bt();
                        });
                    zaraz._p({ e: ["(function(w,d){})(window,document)"] });
                })(window, document);
            } catch (e) {
                throw (fetch("/cdn-cgi/zaraz/t"), e);
            }
        </script>
        <script>
            (function (w, d) {})(window, document);
        </script>
        <script>
            (function (w, d) {
                w.zarazData.executed.push("Pageview");
            })(window, document);
        </script>
        <script>
            (function (w, d) {
                {
                    const d = document.createElement("div");
                    d.innerHTML = ``;
                    document.body.appendChild(d);
                }
                {
                    !(function (t, e) {
                        var o, n, p, r;
                        e.__SV ||
                            ((window.posthog = e),
                            (e._i = []),
                            (e.init = function (i, s, a) {
                                function g(t, e) {
                                    var o = e.split(".");
                                    2 == o.length && ((t = t[o[0]]), (e = o[1])),
                                        (t[e] = function () {
                                            t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
                                        });
                                }
                                ((p = t.createElement("script")).type = "text/javascript"),
                                    (p.async = !0),
                                    (p.src = s.api_host.replace(".i.posthog.com", "-assets.i.posthog.com") + "/static/array.js"),
                                    (r = t.getElementsByTagName("script")[0]).parentNode.insertBefore(p, r);
                                var u = e;
                                for (
                                    void 0 !== a ? (u = e[a] = []) : (a = "posthog"),
                                        u.people = u.people || [],
                                        u.toString = function (t) {
                                            var e = "posthog";
                                            return "posthog" !== a && (e += "." + a), t || (e += " (stub)"), e;
                                        },
                                        u.people.toString = function () {
                                            return u.toString(1) + ".people (stub)";
                                        },
                                        o = "capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId".split(
                                            " "
                                        ),
                                        n = 0;
                                    n < o.length;
                                    n++
                                )
                                    g(u, o[n]);
                                e._i.push([i, s, a]);
                            }),
                            (e.__SV = 1));
                    })(document, window.posthog || []);
                    posthog.init("phc_AkCzStAxj4G063BwbHIbGEmIib4ziWLUVsjETJl9x1A", { api_host: "https://us.i.posthog.com" });
                }
                {
                    const d = document.createElement("div");
                    d.innerHTML = ``;
                    document.body.appendChild(d);
                }
                {
                    (function (c, l, a, r, i, t, y) {
                        c[a] =
                            c[a] ||
                            function () {
                                (c[a].q = c[a].q || []).push(arguments);
                            };
                        t = l.createElement(r);
                        t.async = 1;
                        t.src = "https://www.clarity.ms/tag/" + i;
                        y = l.getElementsByTagName(r)[0];
                        y.parentNode.insertBefore(t, y);
                    })(window, document, "clarity", "script", "luw0cwvv22");
                }
                {
                    const d = document.createElement("div");
                    d.innerHTML = ``;
                    document.body.appendChild(d);
                }
                {
                    function getCookie(name) {
                        const value = `; ${document.cookie}`;
                        return value?.split(`; ${name}=`)[1]?.split(";")[0];
                    }

                    function handleZarazConsentAPIReady() {
                        const consent_cookie = getCookie("cf_consent");
                        const isEUCountry = "" === "1";
                        if (!consent_cookie) {
                            if (isEUCountry) {
                                zaraz.consent.showModal = true;
                            } else {
                                console.log("vg1");
                                zaraz.consent.setAll(true);
                                zaraz.consent.sendQueuedEvents();
                            }
                        }
                    }

                    if (zaraz.consent?.APIReady) {
                        handleZarazConsentAPIReady();
                    } else {
                        document.addEventListener("zarazConsentAPIReady", handleZarazConsentAPIReady);
                    }
                }
            })(window, document);
        </script>
        <script defer="" src="https://cdn.talkjs.com/talk.js"></script>
        <style>
            .vue3-marquee {
                display: flex !important;
                position: relative;
            }
            .vue3-marquee.horizontal {
                overflow-x: hidden !important;
                flex-direction: row !important;
                width: 100%;
                height: max-content;
            }
            .vue3-marquee.vertical {
                overflow-y: hidden !important;
                flex-direction: column !important;
                height: 100%;
                width: max-content;
            }
            .vue3-marquee:hover > .marquee {
                animation-play-state: var(--pauseOnHover);
            }
            .vue3-marquee:active > .marquee {
                animation-play-state: var(--pauseOnClick);
            }
            .vue3-marquee > .marquee {
                flex: 0 0 auto;
                min-width: var(--min-width);
                min-height: var(--min-height);
                z-index: 1;
                animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
                animation-play-state: var(--pauseAnimation);
                animation-direction: var(--direction);
            }
            .vue3-marquee.horizontal > .marquee {
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            .vue3-marquee.vertical > .marquee {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            @keyframes scrollX {
                0% {
                    transform: translate(0);
                }
                to {
                    transform: translate(-100%);
                }
            }
            @keyframes scrollY {
                0% {
                    transform: translateY(0);
                }
                to {
                    transform: translateY(-100%);
                }
            }
            .vue3-marquee > .overlay {
                position: absolute;
                width: 100%;
                height: 100%;
            }
            .vue3-marquee > .transparent-overlay {
                position: absolute;
                width: 100%;
                height: 100%;
            }
            .vue3-marquee > .overlay:before,
            .vue3-marquee > .overlay:after {
                content: "";
                position: absolute;
                z-index: 2;
            }
            .vue3-marquee.horizontal > .overlay:before,
            .vue3-marquee.horizontal > .overlay:after {
                background: linear-gradient(to right, var(--gradient-color));
                height: 100%;
                width: var(--gradient-length);
            }
            .vue3-marquee.vertical > .overlay:before,
            .vue3-marquee.vertical > .overlay:after {
                background: linear-gradient(to bottom, var(--gradient-color));
                height: var(--gradient-length);
                width: 100%;
            }
            .vue3-marquee.horizontal > .overlay:after {
                transform: rotate(180deg);
            }
            .vue3-marquee.vertical > .overlay:after {
                transform: rotate(-180deg);
            }
            .vue3-marquee > .overlay:before {
                left: 0;
                top: 0;
            }
            .vue3-marquee.horizontal > .overlay:after {
                right: 0;
                top: 0;
            }
            .vue3-marquee.vertical > .overlay:after {
                left: 0;
                bottom: 0;
            }
        </style>
        <style id="psjs-css">
            .snowflake:nth-child(1) {
                opacity: 0.8642788545257698;
                transform: translate(90.4264856134846vw, -10px) scale(0.33670246309623075);
                animation: fall-1 14s -12s linear infinite;
            }
            @keyframes fall-1 {
                31.389928370386137% {
                    transform: translate(97.01128768776871vw, 31.389928370386137vh) scale(0.33670246309623075);
                }
                to {
                    transform: translate(93.71888665062666vw, 100vh) scale(0.33670246309623075);
                }
            }

            .snowflake:nth-child(2) {
                opacity: 0.8151728587401244;
                transform: translate(52.784207111577764vw, -10px) scale(0.6745090543907883);
                animation: fall-2 22s -26s linear infinite;
            }
            @keyframes fall-2 {
                65.01253815406804% {
                    transform: translate(53.539248098089345vw, 65.01253815406804vh) scale(0.6745090543907883);
                }
                to {
                    transform: translate(53.16172760483356vw, 100vh) scale(0.6745090543907883);
                }
            }

            .snowflake:nth-child(3) {
                opacity: 0.8579041390488567;
                transform: translate(53.59241423844692vw, -10px) scale(0.8549603113932882);
                animation: fall-3 18s -7s linear infinite;
            }
            @keyframes fall-3 {
                70.13324816579896% {
                    transform: translate(63.582984366283696vw, 70.13324816579896vh) scale(0.8549603113932882);
                }
                to {
                    transform: translate(58.58769930236531vw, 100vh) scale(0.8549603113932882);
                }
            }

            .snowflake:nth-child(4) {
                opacity: 0.0901153779551147;
                transform: translate(78.24843105108847vw, -10px) scale(0.49270871283373485);
                animation: fall-4 14s -22s linear infinite;
            }
            @keyframes fall-4 {
                36.71260334740099% {
                    transform: translate(79.36018530333155vw, 36.71260334740099vh) scale(0.49270871283373485);
                }
                to {
                    transform: translate(78.80430817721vw, 100vh) scale(0.49270871283373485);
                }
            }

            .snowflake:nth-child(5) {
                opacity: 0.841771401683006;
                transform: translate(73.48601907191139vw, -10px) scale(0.9112860315644855);
                animation: fall-5 13s -19s linear infinite;
            }
            @keyframes fall-5 {
                42.45957683376867% {
                    transform: translate(79.6551668189064vw, 42.45957683376867vh) scale(0.9112860315644855);
                }
                to {
                    transform: translate(76.57059294540889vw, 100vh) scale(0.9112860315644855);
                }
            }

            .snowflake:nth-child(6) {
                opacity: 0.9154639337197457;
                transform: translate(22.636131106239898vw, -10px) scale(0.8356226329058132);
                animation: fall-6 11s -29s linear infinite;
            }
            @keyframes fall-6 {
                39.12168230950958% {
                    transform: translate(25.73317608903123vw, 39.12168230950958vh) scale(0.8356226329058132);
                }
                to {
                    transform: translate(24.184653597635563vw, 100vh) scale(0.8356226329058132);
                }
            }

            .snowflake:nth-child(7) {
                opacity: 0.3456796259459307;
                transform: translate(8.108234808232151vw, -10px) scale(0.35875188827461413);
                animation: fall-7 12s -19s linear infinite;
            }
            @keyframes fall-7 {
                65.70971327907722% {
                    transform: translate(9.075082823794279vw, 65.70971327907722vh) scale(0.35875188827461413);
                }
                to {
                    transform: translate(8.591658816013215vw, 100vh) scale(0.35875188827461413);
                }
            }

            .snowflake:nth-child(8) {
                opacity: 0.7197338591307036;
                transform: translate(51.95472575654341vw, -10px) scale(0.3240376801899836);
                animation: fall-8 22s -25s linear infinite;
            }
            @keyframes fall-8 {
                63.31448893277416% {
                    transform: translate(61.17085102209774vw, 63.31448893277416vh) scale(0.3240376801899836);
                }
                to {
                    transform: translate(56.56278838932058vw, 100vh) scale(0.3240376801899836);
                }
            }

            .snowflake:nth-child(9) {
                opacity: 0.9202907415477386;
                transform: translate(81.75572924048824vw, -10px) scale(0.5420857098593277);
                animation: fall-9 24s -1s linear infinite;
            }
            @keyframes fall-9 {
                60.57818930116569% {
                    transform: translate(87.53538896525886vw, 60.57818930116569vh) scale(0.5420857098593277);
                }
                to {
                    transform: translate(84.64555910287355vw, 100vh) scale(0.5420857098593277);
                }
            }

            .snowflake:nth-child(10) {
                opacity: 0.49787157266870774;
                transform: translate(14.969000964816592vw, -10px) scale(0.6486238434251201);
                animation: fall-10 10s -2s linear infinite;
            }
            @keyframes fall-10 {
                50.73052323351701% {
                    transform: translate(23.928169349435287vw, 50.73052323351701vh) scale(0.6486238434251201);
                }
                to {
                    transform: translate(19.44858515712594vw, 100vh) scale(0.6486238434251201);
                }
            }

            .snowflake:nth-child(11) {
                opacity: 0.9431832319053415;
                transform: translate(78.49081442138358vw, -10px) scale(0.4390135049964514);
                animation: fall-11 20s -28s linear infinite;
            }
            @keyframes fall-11 {
                54.57202402219503% {
                    transform: translate(80.93576778592845vw, 54.57202402219503vh) scale(0.4390135049964514);
                }
                to {
                    transform: translate(79.71329110365602vw, 100vh) scale(0.4390135049964514);
                }
            }

            .snowflake:nth-child(12) {
                opacity: 0.5035333051513111;
                transform: translate(76.53081260054813vw, -10px) scale(0.7222733901964451);
                animation: fall-12 28s -26s linear infinite;
            }
            @keyframes fall-12 {
                56.2847136204893% {
                    transform: translate(80.61779264840254vw, 56.2847136204893vh) scale(0.7222733901964451);
                }
                to {
                    transform: translate(78.57430262447534vw, 100vh) scale(0.7222733901964451);
                }
            }

            .snowflake:nth-child(13) {
                opacity: 0.7540532206644202;
                transform: translate(52.49662244048887vw, -10px) scale(0.7312209970431522);
                animation: fall-13 22s -22s linear infinite;
            }
            @keyframes fall-13 {
                54.255045955617675% {
                    transform: translate(57.85426409105014vw, 54.255045955617675vh) scale(0.7312209970431522);
                }
                to {
                    transform: translate(55.17544326576951vw, 100vh) scale(0.7312209970431522);
                }
            }

            .snowflake:nth-child(14) {
                opacity: 0.914690948034826;
                transform: translate(49.254155513079944vw, -10px) scale(0.8864352832728619);
                animation: fall-14 12s -8s linear infinite;
            }
            @keyframes fall-14 {
                62.176187801497875% {
                    transform: translate(52.907471873959786vw, 62.176187801497875vh) scale(0.8864352832728619);
                }
                to {
                    transform: translate(51.080813693519865vw, 100vh) scale(0.8864352832728619);
                }
            }

            .snowflake:nth-child(15) {
                opacity: 0.9469229279934936;
                transform: translate(78.36361078577991vw, -10px) scale(0.03690702868044915);
                animation: fall-15 10s -24s linear infinite;
            }
            @keyframes fall-15 {
                39.97123926579512% {
                    transform: translate(84.72730605132081vw, 39.97123926579512vh) scale(0.03690702868044915);
                }
                to {
                    transform: translate(81.54545841855035vw, 100vh) scale(0.03690702868044915);
                }
            }

            .snowflake:nth-child(16) {
                opacity: 0.1784254712204647;
                transform: translate(53.773947963155265vw, -10px) scale(0.6908108124512189);
                animation: fall-16 10s -15s linear infinite;
            }
            @keyframes fall-16 {
                39.90868888113031% {
                    transform: translate(59.788797964131454vw, 39.90868888113031vh) scale(0.6908108124512189);
                }
                to {
                    transform: translate(56.78137296364336vw, 100vh) scale(0.6908108124512189);
                }
            }

            .snowflake:nth-child(17) {
                opacity: 0.2509225410837881;
                transform: translate(95.27775798684527vw, -10px) scale(0.291272052224157);
                animation: fall-17 22s -30s linear infinite;
            }
            @keyframes fall-17 {
                38.267257554396814% {
                    transform: translate(99.71161719997036vw, 38.267257554396814vh) scale(0.291272052224157);
                }
                to {
                    transform: translate(97.49468759340782vw, 100vh) scale(0.291272052224157);
                }
            }

            .snowflake:nth-child(18) {
                opacity: 0.759709233427776;
                transform: translate(16.161503654834974vw, -10px) scale(0.9564412631214916);
                animation: fall-18 25s -17s linear infinite;
            }
            @keyframes fall-18 {
                59.59703228752791% {
                    transform: translate(23.329971737519173vw, 59.59703228752791vh) scale(0.9564412631214916);
                }
                to {
                    transform: translate(19.745737696177073vw, 100vh) scale(0.9564412631214916);
                }
            }

            .snowflake:nth-child(19) {
                opacity: 0.8294896866607651;
                transform: translate(89.44577784236074vw, -10px) scale(0.625138356775998);
                animation: fall-19 26s -23s linear infinite;
            }
            @keyframes fall-19 {
                55.76923282139881% {
                    transform: translate(96.83115525871422vw, 55.76923282139881vh) scale(0.625138356775998);
                }
                to {
                    transform: translate(93.13846655053747vw, 100vh) scale(0.625138356775998);
                }
            }

            .snowflake:nth-child(20) {
                opacity: 0.3614284610330496;
                transform: translate(58.00268056683085vw, -10px) scale(0.9349548452590306);
                animation: fall-20 20s -14s linear infinite;
            }
            @keyframes fall-20 {
                77.75506730459551% {
                    transform: translate(64.64688293608545vw, 77.75506730459551vh) scale(0.9349548452590306);
                }
                to {
                    transform: translate(61.32478175145815vw, 100vh) scale(0.9349548452590306);
                }
            }

            .snowflake:nth-child(21) {
                opacity: 0.4465747734362524;
                transform: translate(4.453064792782624vw, -10px) scale(0.5214254698269354);
                animation: fall-21 17s -18s linear infinite;
            }
            @keyframes fall-21 {
                64.18902345006745% {
                    transform: translate(14.000575701423813vw, 64.18902345006745vh) scale(0.5214254698269354);
                }
                to {
                    transform: translate(9.226820247103218vw, 100vh) scale(0.5214254698269354);
                }
            }

            .snowflake:nth-child(22) {
                opacity: 0.8879683674645729;
                transform: translate(4.473673346665175vw, -10px) scale(0.8655608486344988);
                animation: fall-22 15s -6s linear infinite;
            }
            @keyframes fall-22 {
                44.25456698454921% {
                    transform: translate(6.881551110957087vw, 44.25456698454921vh) scale(0.8655608486344988);
                }
                to {
                    transform: translate(5.677612228811131vw, 100vh) scale(0.8655608486344988);
                }
            }

            .snowflake:nth-child(23) {
                opacity: 0.16524848473885623;
                transform: translate(43.21813168009727vw, -10px) scale(0.3114181266482714);
                animation: fall-23 20s -13s linear infinite;
            }
            @keyframes fall-23 {
                64.39966867889773% {
                    transform: translate(47.32760955005032vw, 64.39966867889773vh) scale(0.3114181266482714);
                }
                to {
                    transform: translate(45.27287061507379vw, 100vh) scale(0.3114181266482714);
                }
            }

            .snowflake:nth-child(24) {
                opacity: 0.23020397783163116;
                transform: translate(32.58558594178533vw, -10px) scale(0.26896286772334244);
                animation: fall-24 18s -21s linear infinite;
            }
            @keyframes fall-24 {
                68.92197627384544% {
                    transform: translate(38.35827184807245vw, 68.92197627384544vh) scale(0.26896286772334244);
                }
                to {
                    transform: translate(35.471928894928894vw, 100vh) scale(0.26896286772334244);
                }
            }

            .snowflake:nth-child(25) {
                opacity: 0.36367630897040826;
                transform: translate(73.43554738853766vw, -10px) scale(0.1319330940209389);
                animation: fall-25 20s -5s linear infinite;
            }
            @keyframes fall-25 {
                77.55182024555197% {
                    transform: translate(81.58914726949358vw, 77.55182024555197vh) scale(0.1319330940209389);
                }
                to {
                    transform: translate(77.51234732901561vw, 100vh) scale(0.1319330940209389);
                }
            }

            .snowflake:nth-child(26) {
                opacity: 0.25219966090839296;
                transform: translate(96.26663387991121vw, -10px) scale(0.930396820823453);
                animation: fall-26 29s -20s linear infinite;
            }
            @keyframes fall-26 {
                37.516939530775225% {
                    transform: translate(106.20988112131802vw, 37.516939530775225vh) scale(0.930396820823453);
                }
                to {
                    transform: translate(101.23825750061461vw, 100vh) scale(0.930396820823453);
                }
            }

            .snowflake:nth-child(27) {
                opacity: 0.2493894315482439;
                transform: translate(57.09928266100057vw, -10px) scale(0.45771647348693856);
                animation: fall-27 25s -20s linear infinite;
            }
            @keyframes fall-27 {
                57.08297942842262% {
                    transform: translate(66.3859591232445vw, 57.08297942842262vh) scale(0.45771647348693856);
                }
                to {
                    transform: translate(61.74262089212254vw, 100vh) scale(0.45771647348693856);
                }
            }

            .snowflake:nth-child(28) {
                opacity: 0.3860716084635971;
                transform: translate(44.06098021169931vw, -10px) scale(0.5545469609015719);
                animation: fall-28 15s -9s linear infinite;
            }
            @keyframes fall-28 {
                39.611248589559075% {
                    transform: translate(50.87108133937937vw, 39.611248589559075vh) scale(0.5545469609015719);
                }
                to {
                    transform: translate(47.46603077553934vw, 100vh) scale(0.5545469609015719);
                }
            }

            .snowflake:nth-child(29) {
                opacity: 0.8158924271902832;
                transform: translate(81.84492538642185vw, -10px) scale(0.37238352594805635);
                animation: fall-29 15s -5s linear infinite;
            }
            @keyframes fall-29 {
                65.56384970609955% {
                    transform: translate(87.05987310375365vw, 65.56384970609955vh) scale(0.37238352594805635);
                }
                to {
                    transform: translate(84.45239924508775vw, 100vh) scale(0.37238352594805635);
                }
            }

            .snowflake:nth-child(30) {
                opacity: 0.7071506221879424;
                transform: translate(85.91002441546583vw, -10px) scale(0.9457909740760531);
                animation: fall-30 22s -15s linear infinite;
            }
            @keyframes fall-30 {
                47.86194785272516% {
                    transform: translate(86.61961902049451vw, 47.86194785272516vh) scale(0.9457909740760531);
                }
                to {
                    transform: translate(86.26482171798017vw, 100vh) scale(0.9457909740760531);
                }
            }

            .snowflake:nth-child(31) {
                opacity: 0.8464745503867777;
                transform: translate(40.23075916444707vw, -10px) scale(0.04095165782514587);
                animation: fall-31 13s -26s linear infinite;
            }
            @keyframes fall-31 {
                44.31611206060151% {
                    transform: translate(41.666027049040466vw, 44.31611206060151vh) scale(0.04095165782514587);
                }
                to {
                    transform: translate(40.94839310674377vw, 100vh) scale(0.04095165782514587);
                }
            }

            .snowflake:nth-child(32) {
                opacity: 0.892305216895338;
                transform: translate(21.387698715277857vw, -10px) scale(0.36188688213689546);
                animation: fall-32 19s -7s linear infinite;
            }
            @keyframes fall-32 {
                33.44382738009262% {
                    transform: translate(26.26406625190627vw, 33.44382738009262vh) scale(0.36188688213689546);
                }
                to {
                    transform: translate(23.825882483592064vw, 100vh) scale(0.36188688213689546);
                }
            }

            .snowflake:nth-child(33) {
                opacity: 0.43486840202175814;
                transform: translate(98.24410858844973vw, -10px) scale(0.6699296600824125);
                animation: fall-33 29s -2s linear infinite;
            }
            @keyframes fall-33 {
                49.279909840394204% {
                    transform: translate(103.5322238465925vw, 49.279909840394204vh) scale(0.6699296600824125);
                }
                to {
                    transform: translate(100.88816621752112vw, 100vh) scale(0.6699296600824125);
                }
            }

            .snowflake:nth-child(34) {
                opacity: 0.7129461924814109;
                transform: translate(29.522981441032957vw, -10px) scale(0.3415880239618523);
                animation: fall-34 22s -2s linear infinite;
            }
            @keyframes fall-34 {
                36.2435514098861% {
                    transform: translate(32.62028604762846vw, 36.2435514098861vh) scale(0.3415880239618523);
                }
                to {
                    transform: translate(31.07163374433071vw, 100vh) scale(0.3415880239618523);
                }
            }

            .snowflake:nth-child(35) {
                opacity: 0.8006847930410557;
                transform: translate(7.220276134185011vw, -10px) scale(0.7128322639953295);
                animation: fall-35 21s -19s linear infinite;
            }
            @keyframes fall-35 {
                60.693899344434364% {
                    transform: translate(9.951177231444904vw, 60.693899344434364vh) scale(0.7128322639953295);
                }
                to {
                    transform: translate(8.585726682814958vw, 100vh) scale(0.7128322639953295);
                }
            }

            .snowflake:nth-child(36) {
                opacity: 0.16288836484692637;
                transform: translate(34.81720742273939vw, -10px) scale(0.3268628687330588);
                animation: fall-36 22s -4s linear infinite;
            }
            @keyframes fall-36 {
                52.05276673666057% {
                    transform: translate(38.371021422943386vw, 52.05276673666057vh) scale(0.3268628687330588);
                }
                to {
                    transform: translate(36.594114422841386vw, 100vh) scale(0.3268628687330588);
                }
            }

            .snowflake:nth-child(37) {
                opacity: 0.6266697140841753;
                transform: translate(45.70479707180315vw, -10px) scale(0.6566580208833452);
                animation: fall-37 13s -3s linear infinite;
            }
            @keyframes fall-37 {
                45.63548686021717% {
                    transform: translate(48.292041724662354vw, 45.63548686021717vh) scale(0.6566580208833452);
                }
                to {
                    transform: translate(46.998419398232755vw, 100vh) scale(0.6566580208833452);
                }
            }

            .snowflake:nth-child(38) {
                opacity: 0.48824610508661404;
                transform: translate(0.5474296259202482vw, -10px) scale(0.7589187026782516);
                animation: fall-38 10s -11s linear infinite;
            }
            @keyframes fall-38 {
                40.82117117540038% {
                    transform: translate(5.118723013729232vw, 40.82117117540038vh) scale(0.7589187026782516);
                }
                to {
                    transform: translate(2.83307631982474vw, 100vh) scale(0.7589187026782516);
                }
            }

            .snowflake:nth-child(39) {
                opacity: 0.12459369238115836;
                transform: translate(30.44296981607617vw, -10px) scale(0.40404363802356236);
                animation: fall-39 13s -19s linear infinite;
            }
            @keyframes fall-39 {
                73.30802325238095% {
                    transform: translate(30.88857679692173vw, 73.30802325238095vh) scale(0.40404363802356236);
                }
                to {
                    transform: translate(30.665773306498952vw, 100vh) scale(0.40404363802356236);
                }
            }

            .snowflake:nth-child(40) {
                opacity: 0.7765344108862797;
                transform: translate(32.656452916067494vw, -10px) scale(0.2174348368438559);
                animation: fall-40 24s -22s linear infinite;
            }
            @keyframes fall-40 {
                38.731323307527084% {
                    transform: translate(37.95880200178572vw, 38.731323307527084vh) scale(0.2174348368438559);
                }
                to {
                    transform: translate(35.30762745892661vw, 100vh) scale(0.2174348368438559);
                }
            }

            .snowflake:nth-child(41) {
                opacity: 0.4027939576063648;
                transform: translate(9.21528821287254vw, -10px) scale(0.6720679351325844);
                animation: fall-41 22s -13s linear infinite;
            }
            @keyframes fall-41 {
                43.198547404413354% {
                    transform: translate(15.253729031689256vw, 43.198547404413354vh) scale(0.6720679351325844);
                }
                to {
                    transform: translate(12.234508622280899vw, 100vh) scale(0.6720679351325844);
                }
            }

            .snowflake:nth-child(42) {
                opacity: 0.6268340443155296;
                transform: translate(70.73285257382555vw, -10px) scale(0.2418429010843144);
                animation: fall-42 10s -22s linear infinite;
            }
            @keyframes fall-42 {
                62.30262257973127% {
                    transform: translate(79.01353276249537vw, 62.30262257973127vh) scale(0.2418429010843144);
                }
                to {
                    transform: translate(74.87319266816046vw, 100vh) scale(0.2418429010843144);
                }
            }

            .snowflake:nth-child(43) {
                opacity: 0.96559236688164;
                transform: translate(4.263151863123049vw, -10px) scale(0.24938040491051106);
                animation: fall-43 30s -27s linear infinite;
            }
            @keyframes fall-43 {
                43.453401638609016% {
                    transform: translate(4.833778885842406vw, 43.453401638609016vh) scale(0.24938040491051106);
                }
                to {
                    transform: translate(4.548465374482728vw, 100vh) scale(0.24938040491051106);
                }
            }

            .snowflake:nth-child(44) {
                opacity: 0.6294211217753283;
                transform: translate(66.94256673594914vw, -10px) scale(0.7977881211652982);
                animation: fall-44 14s -18s linear infinite;
            }
            @keyframes fall-44 {
                32.65454481428545% {
                    transform: translate(67.6227919901259vw, 32.65454481428545vh) scale(0.7977881211652982);
                }
                to {
                    transform: translate(67.28267936303752vw, 100vh) scale(0.7977881211652982);
                }
            }

            .snowflake:nth-child(45) {
                opacity: 0.9559124584313055;
                transform: translate(79.40940850602655vw, -10px) scale(0.4142518309198242);
                animation: fall-45 17s -9s linear infinite;
            }
            @keyframes fall-45 {
                65.26902926415927% {
                    transform: translate(85.93775600048737vw, 65.26902926415927vh) scale(0.4142518309198242);
                }
                to {
                    transform: translate(82.67358225325697vw, 100vh) scale(0.4142518309198242);
                }
            }

            .snowflake:nth-child(46) {
                opacity: 0.19286877139012137;
                transform: translate(47.31148236038485vw, -10px) scale(0.10856289993147761);
                animation: fall-46 20s -24s linear infinite;
            }
            @keyframes fall-46 {
                73.81886717650077% {
                    transform: translate(51.371708938424675vw, 73.81886717650077vh) scale(0.10856289993147761);
                }
                to {
                    transform: translate(49.34159564940476vw, 100vh) scale(0.10856289993147761);
                }
            }

            .snowflake:nth-child(47) {
                opacity: 0.14023665371392768;
                transform: translate(35.118599355148675vw, -10px) scale(0.06345885546555086);
                animation: fall-47 21s -30s linear infinite;
            }
            @keyframes fall-47 {
                50.85436730915307% {
                    transform: translate(35.61024038943951vw, 50.85436730915307vh) scale(0.06345885546555086);
                }
                to {
                    transform: translate(35.36441987229409vw, 100vh) scale(0.06345885546555086);
                }
            }

            .snowflake:nth-child(48) {
                opacity: 0.2891511847429291;
                transform: translate(25.303335264444105vw, -10px) scale(0.6774806874145325);
                animation: fall-48 12s -20s linear infinite;
            }
            @keyframes fall-48 {
                37.048869311198644% {
                    transform: translate(29.18862231245742vw, 37.048869311198644vh) scale(0.6774806874145325);
                }
                to {
                    transform: translate(27.245978788450763vw, 100vh) scale(0.6774806874145325);
                }
            }

            .snowflake:nth-child(49) {
                opacity: 0.29567580536634663;
                transform: translate(3.4734595274001245vw, -10px) scale(0.7351700366101326);
                animation: fall-49 20s -20s linear infinite;
            }
            @keyframes fall-49 {
                43.2984576003585% {
                    transform: translate(10.670156500186781vw, 43.2984576003585vh) scale(0.7351700366101326);
                }
                to {
                    transform: translate(7.071808013793453vw, 100vh) scale(0.7351700366101326);
                }
            }
        </style>
        <style type="text/css">
            #nprogress {
                pointer-events: none;
            }

            #nprogress .bar {
                background: #0e6cfb;

                position: fixed;
                z-index: 1031;
                top: 0;
                left: 0;

                width: 100%;
                height: 2px;
            }

            #nprogress .peg {
                display: block;
                position: absolute;
                right: 0px;
                width: 100px;
                height: 100%;
                box-shadow: 0 0 10px #0e6cfb, 0 0 5px #0e6cfb;
                opacity: 1;

                -webkit-transform: rotate(3deg) translate(0px, -4px);
                -ms-transform: rotate(3deg) translate(0px, -4px);
                transform: rotate(3deg) translate(0px, -4px);
            }

            #nprogress .spinner {
                display: block;
                position: fixed;
                z-index: 1031;
                top: 15px;
                right: 15px;
            }

            #nprogress .spinner-icon {
                width: 18px;
                height: 18px;
                box-sizing: border-box;

                border: solid 2px transparent;
                border-top-color: #0e6cfb;
                border-left-color: #0e6cfb;
                border-radius: 50%;

                -webkit-animation: nprogress-spinner 400ms linear infinite;
                animation: nprogress-spinner 400ms linear infinite;
            }

            .nprogress-custom-parent {
                overflow: hidden;
                position: relative;
            }

            .nprogress-custom-parent #nprogress .spinner,
            .nprogress-custom-parent #nprogress .bar {
                position: absolute;
            }

            @-webkit-keyframes nprogress-spinner {
                0% {
                    -webkit-transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                }
            }
            @keyframes nprogress-spinner {
                0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }
        </style>
        <style>
            .nav-link {
                position: relative;
                font-weight: 500;
                color: #ffffff; /* Adjust color as needed */
                text-decoration: none;
                padding: 0.5rem 1rem;
                transition: color 0.3s ease;
            }
        
            .nav-link:hover {
                color: #00aaff; /* Adjust hover color */
            }
        
            .nav-link::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 2px;
                background-color: #00aaff; /* Adjust underline color */
                transition: width 0.3s ease;
            }
        
            .nav-link:hover::after {
                width: 100%;
            }
            @keyframes borderAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.moving-border {
  position: relative;
  padding: 2px; /* Border thickness */
  border-radius: 0.75rem;
  background: linear-gradient(270deg, #6CB9FF, #0185FF, #003B8E);
  background-size: 400% 400%;
  animation: borderAnimation 6s ease infinite;
}

.moving-border-inner {
  background: #fff; /* Box background */
  border-radius: 0.75rem;
  padding: 16px;
}

.category-btn {
    position: relative;
    font-weight: 500;
    color: white;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

.category-btn:hover,
.category-btn.active {
    color: #00aaff; /* Hover and active color */
}

.category-btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #00aaff; /* Underline color */
    transition: width 0.3s ease;
}

.category-btn:hover::after,
.category-btn.active::after {
    width: 100%; /* Underline on hover and active */
}

.middle {
    display: flex;
    flex-wrap: wrap; /* Allows buttons to wrap to the next row */
    justify-content: center; /* Centers buttons in the container */
    gap: 10px; /* Adds spacing between buttons */
}

.product-box {
    position: relative;
    background-color: #1a1a1a;
    overflow: hidden;
    border-radius: 1rem;
    text-align: center;
    width: 350px; /* Adjust width here */
    height: 420px;
    margin: 0 auto;
    border: 2px solid transparent;
    transition: border-color 0.4s ease, box-shadow 0.4s ease;
}

.product-box img {
    width: 100%;
    height: 200px;
}

.product-box:hover {
    border-color: #00aaff; /* Blue border on hover */
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.6); /* Optional glow effect */
}

.purchase-btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    padding: 0.5rem 1.5rem;
    border: 2px solid white;
    border-radius: 0; /* Removed rounded corners */
    width: 100%;
    margin-top: 1rem;
    font-size: 1rem;
    color: white;
    transition: all 0.3s ease-in-out;
}

.purchase-btn:hover {
    color: #00aaff; /* Adjust hover text color */
    border-color: #00aaff; /* Hover border color */
}

.purchase-btn span {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: transform 0.3s ease-in-out;
}

.purchase-btn:hover span {
    transform: translateX(5px); /* Hover animation */
}

html {
  scroll-behavior: smooth;
}
        </style>
        <meta ref_for="true" name="description" content="The market leading stealth accounts provider for every major platform/app. Ebay, Mercari, PayPal, and much more." hid="description" inertia="" />
        <meta ref_for="true" name="keywords" content="gameboost, boosting" hid="keywords" inertia="" />
        <meta ref_for="true" property="og:title" content="CritKYC - The Premier Stealth Account Shop" hid="69cc7857b82fe3e9fc5b53389497f465" inertia="" />
        <meta ref_for="true" property="og:type" content="website" hid="04bf549ba2607c317f4935d7e16af9c8" inertia="" />
        <meta
            ref_for="true"
            property="og:description"
            content="The market leading stealth accounts provider for every major platform/app. Ebay, Mercari, PayPal, and much more."
            hid="0ce2a225a7f07ef4163ca26cca0b3ca2"
            inertia=""
        />
        <meta ref_for="true" property="og:url" content="https://critkyc.com/" hid="b834fdb6b42facf67f30ced05e292a0b" inertia="" />
        <meta ref_for="true" property="og:image" content="https://i.imgur.com/OpS4lGD.png" hid="482470dfd549718bad01d887ba1612d0" inertia="" />
        <meta ref_for="true" property="og:site_name" content="CritKYC" hid="0f1a67d11de3bfc1b034a331e2137777" inertia="" />
        <meta ref_for="true" property="og:locale" content="en" hid="df2871c2cc97a66aae2041aee1e63aac" inertia="" />
        <meta ref_for="true" name="twitter:title" content="CritKYC - The Premier Stealth Account Shop" hid="twitter:title" inertia="" />
        <meta ref_for="true" name="twitter:card" content="summary_large_image" hid="twitter:card" inertia="" />
        <meta
            ref_for="true"
            name="twitter:description"
            content="The market leading stealth accounts provider for every major platform/app. Ebay, Mercari, PayPal, and much more."
            hid="twitter:description"
            inertia=""
        />
        <meta ref_for="true" name="twitter:site" content="@GameBoostCom" hid="twitter:site" inertia="" />
        <meta ref_for="true" name="twitter:image" content="https://i.imgur.com/OpS4lGD.png" hid="twitter:image" inertia="" />
        <link ref_for="true" rel="canonical" href="https://critkyc.com" inertia="" />
        <link ref_for="true" rel="alternate" hreflang="en" href="https://critkyc.com" inertia="" />
        <link ref_for="true" rel="alternate" hreflang="x-default" href="https://critkyc.com" inertia="" />
        <title inertia="">CritKYC - The Premier Stealth Account Shop</title>
        <script>
            (function (w, d) {
                w.zarazData.executed.push("AllTracks");
                w.zarazData.executed.push("NmHo");
            })(window, document);
        </script>
        <script>
            (function (w, d) {
                {
                    (function (w, d) {
                        d.addEventListener("visibilitychange", (l$) => {
                            zaraz._c({ event: "visibilityChange", visibilityChange: [{ state: d.visibilityState, timestamp: new Date().getTime() }] }, 1);
                        });
                        zaraz.__zcl.visibilityChange = !0;
                        zaraz.__zarazMCListeners = { "google-analytics_v4_Pizb": ["visibilityChange"] };
                    })(window, document);
                }
            })(window, document);
        </script>
    </head>

    <body class="scrollbar">
        <div
            id="app"
        >
            <!---->
            <div class="h-screen">
                <div>
                    <!---->
                    <header class="relative">
                        <nav
                            aria-label="Top"
                            class="absolute top-0 z-40 w-full px-4 border-b border-transparent sm:fixed dark:border-transparent sm:px-6 lg:px-8 before:absolute before:inset-0 lg:before:backdrop-blur-xl before:p-px before:transition-all before:duration-200 !border-border dark:lg:before:bg-[#151824]/50 dark:before:bg-[#151824] before:bg-card-alt lg:before:bg-card-surface/75"
                        >
                            <div class="flex items-center justify-between h-16 mx-auto max-w-[1550px]">
                                <!-- Logo Section -->
                                <div class="relative ml-4 lg:ml-0 w-[250px] bg-transparent">
                                    <a class="relative" href="https://critkyc.com/">
                                        <img class="light:hidden w-full h-[50px]" src="build/images/logo.png" alt="CritKYC Logo" />
                                    </a>
                                </div>
                                
                    
                                <!-- Centered Navigation Links -->
                                <div class="flex-1 flex justify-center">
                                    <div class="flex gap-8">
                                        <a href="index.html" class="nav-link">Home</a>
                                        <a href="#shop" class="nav-link">Shop</a>
                                        <a href="https://t.me/critkycvouches" class="nav-link">Vouches</a>
                                        <a href="https://t.me/critkyc" class="nav-link">Contact</a>
                                    </div>
                                </div>
                    
                                <div class="flex items-center">
                                    <div class="relative flow-root ml-3">
                                        <button
                                        type="button"
                                        onclick="window.open('https://t.me/critkyc', '_blank')"
                                        class="inline-flex items-center justify-center transition-colors focus:outline focus:outline-offset-2 focus-visible:outline outline-none disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed relative overflow-hidden font-medium active:translate-y-px whitespace-nowrap bg-primary hover:bg-primary-hover text-primary-foreground shadow-sm focus:outline-primary py-2 px-4 text-sm rounded-full"
                                    >
                                        Telegram <i class="ml-2 fa-solid fa-arrow-right" aria-hidden="true"></i>
                                    </button>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </header>
                </div>
                <div class="fixed inset-0 w-screen h-screen z-[1] pointer-events-none" data-count="50" style="display: block;">
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                    <div class="snowflake"></div>
                </div>
                <main class="">
                    <div class="relative overflow-hidden isolate dark:bg-[#0F111B]">
                        <div class="absolute w-full -z-10">
                            <div class="relative h-[60%] overflow-hidden">
                                <img
                                    src="build/images/th.jpg"
                                    alt="Banner"
                                    class="hidden object-cover w-full h-full bg-center bg-no-repeat saturate-0 opacity-20 light:block"
                                    style="object-position: 50% 40%;"
                                />
                                <img src="build/images/th.jpg" alt="Banner" class="object-cover w-full h-full bg-center bg-no-repeat light:hidden" style="object-position: 50% 40%;" />
                                <div class="absolute inset-0 -m-5 from-50% bg-gradient-to-t from-background/95 hidden light:block"></div>
                                <div
                                    class="absolute inset-0 -m-5 from-60% bg-gradient-to-t from-background via-background/95 to-background/95 dark:from-[#0F111B] dark:via-[#0F111B]/95 dark:to-[#0F111B]/95 backdrop-blur-sm light:hidden"
                                ></div>
                            </div>
                        </div>
                        <img class="absolute z-10 h-screen pointer-events-none -top-8" src="https://cdn.gameboost.com/static/illustrations/stars.png" alt="Hero Section Stars" style="mix-blend-mode: soft-light;" />
                        <img
                            class="absolute top-0 -translate-x-1/2 opacity-95 left-1/2 pointer-events-none lg:w-[1336px] lg:h-[976px]"
                            src="https://cdn.gameboost.com/static/illustrations/bg-light.png"
                            alt="Hero Section Background"
                            style="mix-blend-mode: soft-light;"
                        />
                        <div class="px-4 py-20 mx-auto sm:px-6 max-w-7xl xl:px-8 overflow-x-clip sm:pb-32 lg:pt-40 lg:pb-20">
                            <div class="lg:flex">
                                <div class="flex flex-col items-center justify-center max-w-5xl mx-auto text-center lg:flex-shrink-0 lg:pt-8">
                                    <h1 class="max-w-[45rem] mt-6 text-3xl font-bold tracking-wide !leading-[1.1] text-center text-foreground sm:text-6xl font-display">
                                        CritKYC - The Premier 
                                        <span class="text-transparent bg-clip-text bg-gradient-to-br from-[#A3DFFF] via-[#0185FF] to-[#0185FF] light:from-blue-500 light:to-blue-600 max-w-max"> Open-Up Providers </span>
                                    </h1>
                                    <p class="mt-4 text-sm font-medium text-center text-muted-foreground sm:text-lg lg:text-xl">
                                        <span>The Highest Quality KYC Verified Stealth Accounts On The Market!</span>
                                        <span class="block">We Offer A Wide Range Of Open-Ups For Anything You Desire.</span>
                                    </p>
                                </div>
                            </div>
                            <div class="relative z-10 flex flex-col w-full mx-auto pointer-events-auto lg:w-fit mt-10 mb-8">
                                <div class="flex items-center mt-8 gap-x-4">
                                    <button
                                    type="button"
                                    class="inline-flex items-center justify-center transition-colors focus:outline focus:outline-offset-2 focus-visible:outline outline-none disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed relative overflow-hidden font-medium active:translate-y-px whitespace-nowrap bg-secondary-light hover:bg-secondary-light-hover text-secondary-light-foreground focus:outline-secondary py-3 sm:py-2.5 text-sm rounded-md px-6 !py-3"
                                >
                                    <i class="mr-2 fa-duotone fa-right-to-bracket" aria-hidden="true"></i> Explore Shop
                                </button>
                                    <button
                                        type="button"
                                        class="inline-flex items-center justify-center transition-colors focus:outline focus:outline-offset-2 focus-visible:outline outline-none disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed relative overflow-hidden font-medium active:translate-y-px whitespace-nowrap bg-[#0B6CFB] hover:brightness-110 dark:ring-1 dark:ring-[#1a13a1]/50 ring-inset blue-glow text-white focus:outline-primary py-3 sm:py-2.5 text-sm rounded-md px-6 !py-3"
                                    >
                                        <i class="mr-2.5 fa-duotone fa-joystick" aria-hidden="true"></i> Contact Us
                                    </button>
                                </div>
                            </div>
                         <div class="space-y-20 lg:mt-20 lg:space-y-40 sm:space-y-40">
                            <div data-v-d7d69b13="" class="flex flex-col items-center w-full px-4 mx-auto sm:px-6 max-w-7xl xl:px-8">

                            </div>
                            <div data-v-526e74e7="" class="relative z-20 flex flex-col items-center justify-center w-full px-4 mx-auto sm:px-6 xl:px-8 max-w-7xl">
                                <div data-v-526e74e7="" class="grid w-full grid-cols-1 gap-4 lg:gap-16 lg:grid-cols-7">
                                    <div data-v-526e74e7="" class="flex flex-col items-center justify-center col-span-7 text-center lg:items-center lg:text-center">
                                        <h4 data-v-526e74e7="" class="mx-auto text-4xl font-bold tracking-tight text-center text-foreground md:mx-0 font-display">
                                            How Our Service Works
                                        </h4>
                                        <p data-v-526e74e7="" class="max-w-lg mt-4 text-sm font-medium text-center sm:text-base text-foreground/90">
                                            Bypassing KYC has never been this easy! Simply choose a service, pay the invoice, and we will deliver your order ASAP.
                                        </p>
                                    </div>
                                    <div data-v-526e74e7="" class="z-20 flex flex-col order-2 w-full col-span-7 gap-6 lg:col-span-3 lg:order-1 lg:mt-10">
                                        <div
                                            data-v-526e74e7=""
                                            class="relative z-20 flex w-full gap-6 p-6 overflow-hidden transition-all rounded-xl dark:bg-[#151926]/60 bg-card ring-1 ring-inset ring-border shadow-lg hover:bg-accent/50 dark:hover:bg-[#212435]/60 items-center cursor-pointer"
                                            tabindex="0"
                                            role="button"
                                        >
                                            <i data-v-526e74e7="" class="text-lg fa-duotone fa-bullseye-pointer" aria-hidden="true"></i>
                                            <div data-v-526e74e7="" class="flex flex-col gap-3">
                                                <h5 data-v-526e74e7="" class="text-2xl font-bold font-display">Select Service</h5>
                                                <!---->
                                            </div>
                                            <!---->
                                        </div>
                                        <div
                                            data-v-526e74e7=""
                                            class="relative flex w-full gap-6 p-6 overflow-hidden transition-all duration-300 rounded-xl dark:bg-[#151926]/60 bg-card ring-1 ring-inset ring-border shadow-lg hover:bg-accent/50 dark:hover:bg-[#212435]/60 items-center cursor-pointer"
                                            tabindex="0"
                                            role="button"
                                        >
                                        <i data-v-526e74e7="" class="text-lg fa-duotone fa-credit-card mt-1.5" aria-hidden="true"></i>
                                            <div data-v-526e74e7="" class="flex flex-col gap-3">
                                                <h5 data-v-526e74e7="" class="text-2xl font-bold font-display">Pay Invoice</h5>
                                                <!---->
                                            </div>
                                            <!---->
                                        </div>
                                        <div
                                            data-v-526e74e7=""
                                            class="relative flex w-full gap-6 p-6 overflow-hidden transition-all duration-300 rounded-xl dark:bg-[#151926]/60 bg-card ring-1 ring-inset ring-border shadow-lg hover:bg-accent/50 dark:hover:bg-[#212435]/60 items-center cursor-pointer"
                                            tabindex="0"
                                            role="button"
                                        >
                                            <i data-v-526e74e7="" class="text-lg fa-duotone fa-forward" aria-hidden="true"></i>
                                            <div data-v-526e74e7="" class="flex flex-col gap-3">
                                                <h5 data-v-526e74e7="" class="text-2xl font-bold font-display">Order Starts</h5>
                                                <!---->
                                            </div>
                                            <!---->
                                        </div>
                                        <div
                                            data-v-526e74e7=""
                                            class="relative flex w-full gap-6 p-6 overflow-hidden transition-all duration-300 rounded-xl dark:bg-[#151926]/60 bg-card ring-1 ring-inset ring-border shadow-lg hover:bg-accent/50 dark:hover:bg-[#212435]/60 items-center cursor-pointer"
                                            tabindex="0"
                                            role="button"
                                        >
                                            <i data-v-526e74e7="" class="text-lg fa-duotone fa-party-horn" aria-hidden="true"></i>
                                            <div data-v-526e74e7="" class="flex flex-col gap-3">
                                                <h5 data-v-526e74e7="" class="text-2xl font-bold font-display">Order Delivered</h5>
                                                <!---->
                                            </div>
                                            <!---->
                                        </div>
                                    </div>
                                    <div data-v-526e74e7="" class="relative flex items-center justify-center order-1 col-span-7 lg:col-span-4 lg:order-2">
                                        <img
                                            data-v-526e74e7=""
                                            src="build/images/order-icon.png"
                                            class="object-contain relative lg:absolute lg:top-[-20px] object-center lg:w-[900px] h-[400px] lg:h-[800px] w-full"
                                            loading="lazy"
                                            alt="Illustration"
                                        />
                                    </div>
                                    
                                </div>
                            </div>

                            <section id="shop" class="py-20">
                            <div class="relative z-20 flex flex-col items-center justify-center w-full px-4 mx-auto max-w-8xl xl:px-8 sm:px-6">
                                <h2 class="mx-auto text-4xl font-bold tracking-tight text-center text-foreground md:mx-0 font-display">Our Services</h2>
                                <p class="max-w-lg mt-4 text-sm font-medium text-center sm:text-base text-foreground/90">View some of our Main Services. You can always open a custom order as well by contacting our support team.</p>
                                <div class="middle mt-8">
                                    <button id="btn-all" class="category-btn">All</button>
                                    <button id="btn-payment-accounts" class="category-btn">Payment Accounts</button>
                                    <button id="btn-wise-accounts" class="category-btn">Wise Accounts</button>
                                    <button id="btn-crypto-accounts" class="category-btn">Crypto Accounts</button>
                                    <button id="btn-usa-banks" class="category-btn">USA Banks</button>
                                    <button id="btn-eu-banks" class="category-btn">EU Banks</button>
                                    <button id="btn-business-accounts" class="category-btn">Business Accounts</button>
                                    <button id="btn-others" class="category-btn">Ecom Accounts</button>
                                </div>
                         
                                <div class="grid w-full grid-cols-4 gap-4 mt-20">
                                    <!-- Box 1 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item payment-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="PayPal-Personal" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/paypal.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">PayPal Personal</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$100</span></p>
                                                <button data-sellix-product="675b7baa5a304" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Box 2 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item payment-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="PayPal-Biz" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/paypal.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">PayPal Business</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$200</span></p>
                                                <button data-sellix-product="675b7bb08b69f" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Box 3 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item wise-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="Wise-Personal" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/wise.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Wise Personal</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$250</span></p>
                                                <button data-sellix-product="675b7fd86868a" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Box 4 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item wise-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="Wise-Biz" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/wise.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Wise Business</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$350</span></p>
                                                <button data-sellix-product="675ba4caa6e57" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Box 5 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item crypto-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="Crypto" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/crypto.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Crypto Accounts</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$150</span></p>
                                                <button data-sellix-product="675ba534dd266" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Box 6 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item usa-banks-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="PayPal (USA)" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/usa-bank.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">USA Banks</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$150</span></p>
                                                <button data-sellix-product="675ba6a4907f7" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Box 7 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item eu-banks-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="PayPal (USA)" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/eu-bank.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">EU Banks</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$300</span></p>
                                                <button data-sellix-product="675ba63728523" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Box 8 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item business-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="PayPal (USA)" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/business.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Business Accounts</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$300</span></p>
                                                <button data-sellix-product="675ba70c1e66b" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Box 9 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item payment-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="Cashapp" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/cashapp.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Cashapp</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$250</span></p>
                                                <button data-sellix-product="675b7fb0e6dad" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Box 10 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item payment-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="Cashapp" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/stripe.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Stripe</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$100</span></p>
                                                <button data-sellix-product="675bab2283561" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Box 11 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item others-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="Cashapp" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/ecommerce.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Ecommerce</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$140</span></p>
                                                <button data-sellix-product="675bb922900a8" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Box 12 -->
                                    <div class="bg-[#1f1f20] relative text-xl p-[1px] overflow-hidden rounded-sm transition-all transform hover:scale-102 hover:border-4 hover:border-blue-500 hover:outline-4 hover:outline-blue-500 hover:outline-offset-2 item payment-accounts-box">
                                        <div class="absolute inset-0" style="border-radius: calc(0.72rem);">
                                            <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%">
                                                <rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect>
                                            </svg>
                                        </div>
                                        <div class="relative border bg-background overflow-hidden backdrop-blur-xl text-white text-sm antialiased" style="border-radius: calc(0.72rem); transition: border-color 0.3s ease;">
                                            <div class="w-full h-[200px] overflow-hidden relative">
                                                <img alt="SquareUp" loading="lazy" class="object-cover absolute w-full h-full" src="build/images/square.gif">
                                            </div>
                                            <div class="p-4 text-center">
                                                <div class="font-bold text-xl text-center w-full">Square</div>
                                                <p>Starting at: <span class="text-fuchsia-500">$150</span></p>
                                                <button data-sellix-product="675bbc058f786" type="submit" class="group/arrow relative inline-flex items-center justify-between bg-blue-500 px-6 font-medium shadow-md rounded-lg py-2 mt-3 hover:bg-blue-600">
                                                    <span class="flex items-center justify-center font-bold text-white">Purchase</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </section>

                            <div class="relative z-20 flex flex-col items-center justify-center w-full px-4 mx-auto max-w-7xl xl:px-8 sm:px-6">
                                <h2 class="mx-auto text-4xl font-bold tracking-tight text-center text-foreground md:mx-0 font-display">The Premier Providers</h2>
                                <p class="max-w-lg mt-4 text-sm font-medium text-center sm:text-base text-foreground/90">We are setting the new standards for open-up providers. We are by far the most elite providers on the market.</p>
                                <div class="grid w-full grid-cols-5 gap-4 mt-20">
                                    <div class="w-full col-span-5 lg:col-span-2">
                                        <div
                                            data-v-510f52f2=""
                                            class="border-gradient group relative before:blur-xl overflow-hidden before:absolute before:-inset-px before:h-[calc(100%+2px)] before:w-[calc(100%+2px)] before:rounded-xl rounded-2xl w-full h-full relative bg-card dark:bg-[#141825] transition-transform duration-500"
                                            style="--x: 1609px; --y: 233.34375px;"
                                        >
                                            <img
                                                src="https://gameboost.com/cdn-cgi/image/width=477/https://cdn.gameboost.com/static/illustrations/services/s1.png?v=1"
                                                alt="feature1"
                                                loading="lazy"
                                                class="object-cover w-full h-full rounded-2xl"
                                            />
                                            <div class="absolute flex flex-col gap-2 p-8 pt-0 bottom-4">
                                                <h5 class="text-2xl font-bold text-foreground">Instant 24/7 Human Support</h5>
                                                <p class="text-base text-foreground/90">Our support team is always active to answer any inquiries.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="grid grid-cols-2 col-span-5 gap-4 lg:col-span-3">
                                        <div class="w-full col-span-2 md:col-span-1">
                                            <div
                                                data-v-510f52f2=""
                                                class="border-gradient group relative before:blur-xl overflow-hidden before:absolute before:-inset-px before:h-[calc(100%+2px)] before:w-[calc(100%+2px)] before:rounded-xl rounded-2xl h-full w-full relative bg-card dark:bg-[#141825] transition-transform duration-500"
                                                style="--x: 1609px; --y: -329.953125px;"
                                            >
                                                <img
                                                    src="build/images/orders.png"
                                                    alt="feature2"
                                                    loading="lazy"
                                                    class="object-cover w-full h-full rounded-2xl"
                                                />
                                                <div class="absolute flex flex-col gap-2 p-8 pt-0 bottom-4"><h5 class="text-2xl font-bold text-foreground">Insanely Quick Delivery Speeds</h5></div>
                                            </div>
                                        </div>
                                        <div class="w-full col-span-2 md:col-span-1">
                                            <div
                                                data-v-510f52f2=""
                                                class="border-gradient group relative before:blur-xl overflow-hidden before:absolute before:-inset-px before:h-[calc(100%+2px)] before:w-[calc(100%+2px)] before:rounded-xl rounded-2xl h-full w-full relative bg-card dark:bg-[#141825] transition-transform duration-500"
                                                style="--x: 1609px; --y: -695.234375px;"
                                            >
                                                <img
                                                    src="https://gameboost.com/cdn-cgi/image/width=354/https://cdn.gameboost.com/static/illustrations/services/s2.png?v=1"
                                                    alt="feature3"
                                                    loading="lazy"
                                                    class="object-cover w-full h-full rounded-2xl"
                                                />
                                                <div class="absolute flex flex-col gap-2 p-8 pt-0 bottom-4">
                                                    <h5 class="text-2xl font-bold text-foreground">Full Privacy &amp; Anonymity</h5>
                                                    <p class="max-w-sm text-base text-foreground/90">Who are you? We don't know.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-span-2">
                                            <div
                                                data-v-510f52f2=""
                                                class="border-gradient group relative before:blur-xl overflow-hidden before:absolute before:-inset-px before:h-[calc(100%+2px)] before:w-[calc(100%+2px)] before:rounded-xl rounded-2xl h-full w-full relative bg-card dark:bg-[#141825] transition-transform duration-500"
                                                style="--x: 1609px; --y: -1058.859375px;"
                                            >
                                                <img
                                                    src="build/images/crypto.png"
                                                    alt="feature4"
                                                    loading="lazy"
                                                    class="object-cover w-full h-full rounded-2xl"
                                                />
                                                <div class="absolute flex flex-col gap-2 px-8 pt-0 pb-4 sm:p-8 bottom-4">
                                                    <h5 class="text-2xl font-bold text-foreground md:max-w-xs">Secure &amp; Instant Payments</h5>
                                                    <p class="hidden max-w-sm text-base text-foreground/90 md:block">Buy our services instantly using any Crypto</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="relative z-20 flex flex-col items-center justify-center w-full px-4 mx-auto max-w-7xl xl:px-8 sm:px-6">
                                <div class="flex flex-col w-full gap-2 md:flex-row md:gap-0">
                                    <h2 class="mx-auto text-4xl font-bold text-center text-foreground md:max-w-sm md:mx-0 md:text-start font-display">CritKYC Statistics</h2>
                                    <p class="max-w-md mx-auto mt-4 font-medium text-center md:text-start md:mt-0 md:mr-0 md:ml-auto text-foreground/90 secondary">
                                        Our team is by far the most experienced in this field. We are highly commited to one succeding in one mission:
                                        <span class="block mt-1 font-medium text-foreground">‟To provide the highest quality open-ups service of all time.”</span>
                                    </p>
                                </div>
                                <div class="grid w-full grid-cols-1 gap-5 mt-20 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2">
                                    <div class="w-full">
                                        <div class="flex flex-col justify-center rounded-xl relative p-6 h-[280px] md:h-[340px] transition-transform duration-300 overflow-hidden shadow-md dark:bg-[#141825]/75 bg-card" style="">
                                            <div class="flex items-center justify-center w-12 h-12 p-2 rounded-full dark:bg-[#1C2233] bg-accent text-muted-foreground"><i class="fa-duotone fa-user-group-simple" aria-hidden="true"></i></div>
                                            <h3 class="mt-3 text-5xl font-bold tracking-tight font-display md:text-4xl">30+</h3>
                                            <p class="z-10 text-foreground/90">Apps/Platforms Supported</p>
                                            <p class="text-foreground/90 secondary z-10 mt-auto text-sm">Our team can bypass any apps KYC protocols with ease!</p>
                                            <img src="https://cdn.gameboost.com/static/illustrations/backgrounds/inactive_numbers.svg" loading="lazy" class="absolute bottom-0 right-0 w-full h-auto overflow-hidden rounded-xl" alt="icon" />
                                        </div>
                                    </div>
                                    <div class="w-full">
                                        <div
                                            class="flex flex-col justify-center rounded-xl relative p-6 h-[280px] md:h-[340px] transition-transform duration-300 overflow-hidden shadow-md bg-[#0B6BFB] border border-[#3686fc] text-primary-foreground"
                                            style="box-shadow: rgba(11, 108, 251, 0.13) 0px 15px 84px 0px;"
                                        >
                                            <div class="flex items-center justify-center w-12 h-12 p-2 rounded-full dark:bg-white/10 bg-black/10 text-primary-foreground"><i class="fa-duotone fa-rocket-launch" aria-hidden="true"></i></div>
                                            <h3 class="mt-3 text-5xl font-bold tracking-tight font-display md:text-4xl">100%</h3>
                                            <p class="z-10">Fully Verified</p>
                                            <p class="z-10 mt-auto text-sm">Our accounts are all 100% verified using real humans.</p>
                                            <img src="https://cdn.gameboost.com/static/illustrations/backgrounds/active_numbers.svg" loading="lazy" class="absolute bottom-0 right-0 w-full h-auto overflow-hidden rounded-xl" alt="icon" />
                                        </div>
                                    </div>
                                    <div class="w-full">
                                        <div class="flex flex-col justify-center rounded-xl relative p-6 h-[280px] md:h-[340px] transition-transform duration-300 overflow-hidden shadow-md dark:bg-[#141825]/75 bg-card" style="">
                                            <div class="flex items-center justify-center w-12 h-12 p-2 rounded-full dark:bg-[#1C2233] bg-accent text-muted-foreground"><i class="fa-duotone fa-calendar-day" aria-hidden="true"></i></div>
                                            <h3 class="mt-3 text-5xl font-bold tracking-tight font-display md:text-4xl">2021</h3>
                                            <p class="z-10 text-foreground/90">Operating Since</p>
                                            <p class="text-foreground/90 secondary z-10 mt-auto text-sm">Our team has been dominating this niche for over 3+ years.</p>
                                            <img src="https://cdn.gameboost.com/static/illustrations/backgrounds/inactive_numbers.svg" loading="lazy" class="absolute bottom-0 right-0 w-full h-auto overflow-hidden rounded-xl" alt="icon" />
                                        </div>
                                    </div>
                                    <div class="w-full">
                                        <div class="flex flex-col justify-center rounded-xl relative p-6 h-[280px] md:h-[340px] transition-transform duration-300 overflow-hidden shadow-md dark:bg-[#141825]/75 bg-card" style="">
                                            <div class="flex items-center justify-center w-12 h-12 p-2 rounded-full dark:bg-[#1C2233] bg-accent text-muted-foreground"><i class="fa-duotone fa-ranking-star" aria-hidden="true"></i></div>
                                            <h3 class="mt-3 text-5xl font-bold tracking-tight font-display md:text-4xl">#1 Ranked</h3>
                                            <p class="z-10 text-foreground/90">Service</p>
                                            <p class="text-foreground/90 secondary z-10 mt-auto text-sm">We are the leading Open-Ups provider on the market.</p>
                                            <img src="https://cdn.gameboost.com/static/illustrations/backgrounds/inactive_numbers.svg" loading="lazy" class="absolute bottom-0 right-0 w-full h-auto overflow-hidden rounded-xl" alt="icon" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="p-6 rounded-xl border-border border flex flex-col gap-3 relative overflow-hidden lg:px-24 dark:bg-[#141825]/75 items-center text-center" >
                                <h2 class="z-20 text-4xl font-bold text-center text-foreground font-display">Contact Support For Any Inquiries!</h2>
                                <p class="z-20 max-w-md mt-4 font-medium text-center secondary text-foreground/90">Contact our active support team anytime of the day. All inquiries are guaranteed to be answered within 24-48h max!</p>
                                <div class="flex items-center mt-8 gap-x-4">
                                    <button
                                        type="button"
                                        class="inline-flex items-center justify-center transition-colors focus:outline focus:outline-offset-2 focus-visible:outline outline-none disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed relative overflow-hidden font-medium active:translate-y-px whitespace-nowrap bg-[#0B6CFB] hover:brightness-110 dark:ring-1 dark:ring-[#1a13a1]/50 ring-inset blue-glow text-white focus:outline-primary py-3 sm:py-2.5 text-sm rounded-md px-6 !py-3"
                                    >
                                        <i class="mr-2.5 fa-brands fa-telegram" aria-hidden="true"></i> Telegram Channel
                                    </button>
                                    <button
                                        type="button"
                                        class="inline-flex items-center justify-center transition-colors focus:outline focus:outline-offset-2 focus-visible:outline outline-none disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed relative overflow-hidden font-medium active:translate-y-px whitespace-nowrap bg-secondary-light hover:bg-secondary-light-hover text-secondary-light-foreground focus:outline-secondary py-3 sm:py-2.5 text-sm rounded-md px-6 !py-3"
                                    >
                                        <i class="mr-2 fa-duotone fa-right-to-bracket" aria-hidden="true"></i> Direct Support
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
                <footer class="relative mx-auto dark:bg-[#0F111A] z-20">
                    <div class="border-t border-border/40"></div>
                    <div class="absolute justify-center hidden w-full -top-[7.8rem] xl:flex -z-0 pointer-events-none">
                        <img class="-z-0 filter brightness-50" src="https://gameboost.com/cdn-cgi/image/quality=50/https://cdn.gameboost.com/static/illustrations/backgrounds/footer_sep.png?v=1" alt="separator" />
                    </div>
                    <div class="mx-auto divide-y divide-border/40 z-20">
                        <!---->
                        <div class="py-6 lg:py-20 max-w-[1550px] mx-auto px-2 sm:px-2 lg:px-8">
                            <div class="flex flex-wrap lg:-m-8">
                                <div class="w-full p-6 md:w-[calc(50%)] xl:w-[calc(42.5%)]">
                                    <div class="lg:max-w-md">
                                        <div class="mb-6">
                                            <a class="relative" href="https://critkyc.com/">
                                                <img class="light:hidden w-[250px] h-15" src="build/images/logo.png" alt="CritKYC Logo" />
                                            </a>
                                        </div>
                                        <h3 class="text-xl font-semibold leading-normal font-display text-foreground">The #1 Open-Ups Service On The Market</h3>
                                        <p class="mb-4 font-sans leading-relaxed text-muted-foreground">Bypassing KYC Protocols One Customer At A Time.</p>
                                        <div class="space-y-1 text-xs font-medium text-muted-foreground">
                                            <div><b>The Highest Quality KYC</b> Verified Stealth Accounts On The Market!</div>
                                            <div><b>We offer a wide range</b> of open-ups for every major platform.</div>
                                            <div><b>Contact Us Today</b> For Any Business Inquiries You May Have!</div>
                                        </div>
                                        <div class="flex flex-wrap items-center w-full gap-4 mb-3 overflow-visible md:max-w-xl"></div>
                                    </div>
                                </div>
                                <div class="w-1/2 p-6 md:w-[calc(25%)] xl:w-[calc(14.28%)]">
                                    <div class="mb-6 text-lg font-semibold leading-normal font-display text-foreground">Navigation</div>
                                    <ul class="space-y-3.5">
                                        <li title="index"><a class="font-medium leading-relaxed text-muted-foreground hover:text-foreground" href="index.html">Home</a></li>
                                        <li title="shop"><a href="#shop" target="_blank" class="font-medium leading-relaxed text-muted-foreground hover:text-foreground">Shop</a></li>
                                        <li title="vouches"><a class="font-medium leading-relaxed text-muted-foreground hover:text-foreground" href="https://t.me/critkycvouches">Vouches</a></li>
                                        <li title="contact"><a class="font-medium leading-relaxed text-muted-foreground hover:text-foreground" href="https://t.me/Distortion007">Contact</a></li>
                                    </ul>
                                </div>
                                <div class="w-1/2 p-6 md:w-[calc(25%)] xl:w-[calc(14.28%)]">
                                    <div class="mb-6 text-lg font-semibold leading-normal font-display text-foreground">Others</div>
                                    <ul class="space-y-3.5">
                                        <li title="nulled.to profile"><a class="font-medium leading-relaxed text-muted-foreground hover:text-foreground" href="https://www.nulled.to/user/6278596-critkyc">Nulled.to</a></li>
                                        <li title="patched.to-link"><a class="font-medium leading-relaxed text-muted-foreground hover:text-foreground" href="https://patched.to/User/critkyc">Patched.to</a></li>
                                        <li title="reviews-channel"><a class="font-medium leading-relaxed text-muted-foreground hover:text-foreground" href="https://t.me/critkycvouches">Reviews Channel</a></li>
                                    </ul>
                                </div>
                                <div class="w-full p-6 sm:w-[calc(50%)] xl:w-[calc(28.57%)]">
                                    <div class="lg:max-w-sm">
                                        <h3 class="mb-6 text-lg font-semibold leading-normal font-display text-foreground">Need Help?</h3>
                                        <p class="mb-5 font-sans leading-relaxed text-muted-foreground">We're here to help. Our team is ready to answer any inquiries at any time of the day.</p>
                                        <div class="flex flex-wrap items-center w-full gap-4 mb-3 overflow-visible md:max-w-xl">
                                            <a
                                                href="https://t.me/Distortion007"
                                                class="inline-flex items-center justify-center transition-colors focus:outline focus:outline-offset-2 focus-visible:outline outline-none disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed relative overflow-hidden font-medium active:translate-y-px whitespace-nowrap bg-secondary hover:bg-secondary-hover text-secondary-foreground ring-1 ring-secondary-ring shadow-sm focus:outline-secondary py-3 sm:py-2.5 px-5 text-sm rounded-md"
                                                target="_blank"
                                            >
                                                <i class="mr-2 fa-regular fa-messages" aria-hidden="true"></i> 24/7 Support
                                        </a>
                                            <a
                                                href="https://t.me/critkyc"
                                                class="inline-flex items-center justify-center transition-colors focus:outline focus:outline-offset-2 focus-visible:outline outline-none disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed relative overflow-hidden font-medium active:translate-y-px whitespace-nowrap bg-secondary hover:bg-secondary-hover text-secondary-foreground ring-1 ring-secondary-ring shadow-sm focus:outline-secondary py-3 sm:py-2.5 px-5 text-sm rounded-md !bg-[#5865f2] hover:!ring-[#5865f2] hover:!bg-[#6773f4] !text-white"
                                                target="_blank"
                                            >
                                                <i class="mr-2 fa-brands fa-telegram" aria-hidden="true"></i> Telegram Channel
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
                <!---->
            </div>
        </div>
        <script type="text/javascript">
            (function () {
                if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
                    document.body.classList.add("scrollbar");
                }
            })();
        </script>
        <script type="text/javascript" crossorigin="anonymous" src="https://us-assets.i.posthog.com/static/dead-clicks-autocapture.js?v=1.195.0"></script>
        <script type="text/javascript" crossorigin="anonymous" src="https://us-assets.i.posthog.com/static/dead-clicks-autocapture.js?v=1.195.0"></script>
        <script src="https://cdn.sellix.io/static/js/embed.js"></script>
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                function filterGallery(category) {
                    const items = document.querySelectorAll('.item');
            
                    items.forEach(item => {
                        if (category === '*' || item.classList.contains(category)) {
                            item.style.display = 'block';
                        } else {
                            item.style.display = 'none';
                        }
                    });
                }
            
                document.getElementById('btn-wise-accounts').addEventListener('click', function() {
                    filterGallery('wise-accounts-box');
                });
            
                document.getElementById('btn-payment-accounts').addEventListener('click', function() {
                    filterGallery('payment-accounts-box');
                });
            
                document.getElementById('btn-crypto-accounts').addEventListener('click', function() {
                    filterGallery('crypto-accounts-box');
                });
            
                document.getElementById('btn-usa-banks').addEventListener('click', function() {
                    filterGallery('usa-banks-box');
                });
            
                document.getElementById('btn-eu-banks').addEventListener('click', function() {
                    filterGallery('eu-banks-box');
                });
            
                document.getElementById('btn-business-accounts').addEventListener('click', function() {
                    filterGallery('business-accounts-box');
                });

                document.getElementById('btn-others').addEventListener('click', function() {
                    filterGallery('others-box');
                });
            
                document.getElementById('btn-all').addEventListener('click', function() {
                    filterGallery('*');
                });

                filterGallery('*');
            });
            </script>
          
            
        <script>
            (function () {
                function c() {
                    var b = a.contentDocument || a.contentWindow.document;
                    if (b) {
                        var d = b.createElement("script");
                        d.innerHTML =
                            "window.__CF$cv$params={r:'8f00720e8a0f7435',t:'MTczMzg2NzM3NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
                        b.getElementsByTagName("head")[0].appendChild(d);
                    }
                }
                if (document.body) {
                    var a = document.createElement("iframe");
                    a.height = 1;
                    a.width = 1;
                    a.style.position = "absolute";
                    a.style.top = 0;
                    a.style.left = 0;
                    a.style.border = "none";
                    a.style.visibility = "hidden";
                    document.body.appendChild(a);
                    if ("loading" !== document.readyState) c();
                    else if (window.addEventListener) document.addEventListener("DOMContentLoaded", c);
                    else {
                        var e = document.onreadystatechange || function () {};
                        document.onreadystatechange = function (b) {
                            e(b);
                            "loading" !== document.readyState && ((document.onreadystatechange = e), c());
                        };
                    }
                }
            })();
        </script>
        <iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>
        <script
            defer=""
            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
            data-cf-beacon='{"rayId":"8f00720e8a0f7435","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"version":"2024.10.5","token":"3483a80c269e4fcdb3665085df2d583d"}'
            crossorigin="anonymous"
        ></script>
        <script src="build/assets/js/designesia.js"></script>
        <script src='https://www.google.com/recaptcha/api.js' async defer></script>
        <script>
            const buttons = document.querySelectorAll('.category-btn');
            buttons.forEach(button => {
              button.addEventListener('click', () => {
                buttons.forEach(btn => btn.classList.remove('active'));
                button.classList.add('active');
              });
            });
          </script>
        <div></div>
        <div></div>
        <div></div>
        <div>
            <div><div class="Vue-Toastification__container top-left"></div></div>
            <div><div class="Vue-Toastification__container top-center"></div></div>
            <div><div class="Vue-Toastification__container top-right"></div></div>
            <div><div class="Vue-Toastification__container bottom-left"></div></div>
            <div><div class="Vue-Toastification__container bottom-center"></div></div>
            <div><div class="Vue-Toastification__container bottom-right"></div></div>
        </div>
        <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
    </body>
</html>
