<!DOCTYPE html>
<html lang="id">

<head>
                <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-0XJZLM2NPZ"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){window.dataLayer.push(arguments);}
        gtag('js', new Date());

                gtag('config', "G-0XJZLM2NPZ");
            </script>
    <!-- End Google tag -->
        <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes' >
    <meta name="theme-color" content="#05003C">
    <meta name="msapplication-TileColor" content="#05003C">
    <meta name="msapplication-navbutton-color" content="#05003C">
    <meta name="apple-mobile-web-app-status-bar-style" content="#05003C">
        <!-- Favicon -->
    <link rel="icon" type="image/webp" href="https://images.linkcdn.cloud/V2/398/favicon/favicon-2110473952.webp">
    <!-- Canonical -->
    <link rel="canonical" href="https://hoki777-backup.com/" />
    <!-- End Canonical -->
    <meta name="description" itemprop="description" content="Akses link backup HOKI777 resmi di hoki777-backup.com. Solusi login darurat saat maintenance, server cadangan anti-lag, dan panduan DNS 2026." />
    <meta name="keywords" content="hoki777, hoki 777, daftar hoki777, login hoki777, link alternatif hoki777, livechat hoki777" />
    <title>HOKI777: Link Backup Official &amp; Server Cadangan 2026</title>
    <!-- Custom Tags -->
            <link rel="amphtml" href="https://hkbck.pages.dev/">

<meta name="google-site-verification" content="fsqQo72UZ1qJ69rbn0S-tqXcSlj0CNtsfekxk8g2WSo" />

<meta property="og:type" content="website">
<meta property="og:url" content="https://hoki777-backup.com/">
<meta property="og:title" content="HOKI777: Link Backup Official & Server Cadangan 2026">
<meta property="og:description" content="Akses link backup HOKI777 resmi di hoki777-backup.com. Solusi login darurat saat maintenance, server cadangan anti-lag, dan panduan DNS 2026.">
<meta property="og:image" content="https://hoki777-gambar.pages.dev/banner_hoki777_3.webp">
<meta property="og:site_name" content="Hoki777">
<meta property="og:locale" content="id_ID">
<meta name="robots" content="index, follow">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://hoki777-backup.com/">
<meta property="twitter:title" content="HOKI777: Link Backup Official & Server Cadangan 2026">
<meta property="twitter:description" content="Akses link backup HOKI777 resmi di hoki777-backup.com. Solusi login darurat saat maintenance, server cadangan anti-lag, dan panduan DNS 2026.">
<meta name="copyright" content="Hoki777">
<meta name="publisher" content="Hoki777">
<meta name="language" content="id_ID">
<meta name="rating" content="general">

<!-- Geo Meta Tags -->
<meta name="tgn.nation" content="Indonesia">
<meta name="geo.country" content="ID">
<meta name="geo.region" content="ID">
<meta name="geo.placename" content="Indonesia">

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8ML4BS66Y6"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-8ML4BS66Y6');
</script>
        <!-- End Custom Tags -->
    <script type="application/ld+json">
            {
  "@context": "https://schema.org/",
  "@type": "Article",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://hoki777-backup.com/"
  },
  "headline": "HOKI777: Link Backup Official & Server Cadangan 2026",
  "description": "Akses link backup HOKI777 resmi di hoki777-backup.com. Solusi login darurat saat maintenance, server cadangan anti-lag, dan panduan DNS 2026.",
  "image": {
    "@type": "ImageObject",
    "url": "https://hoki777-gambar.pages.dev/banner_hoki777_3.webp",
    "width": "375",
    "height": "375"
  },
  "author": {
    "@type": "Organization",
    "name": "Hoki777",
    "url": "https://hoki777-backup.com/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Hoki777",
    "logo": {
      "@type": "ImageObject",
      "url": "https://images.linkcdn.cloud/V2/398/logo/logo-2110473952.webp",
      "width": "250",
      "height": "171"
    }
  },
  "datePublished": "2026-10-25T10:00:00:00+07:00",
  "dateModified": "2026-10-25T15:30:00+07:00"
}
    </script>
    <link rel="preload" as="font" href="https://hoki777-backup.com/themes/default/font/font-awesome/webfonts/fa-solid-900.woff2" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" as="font" href="https://hoki777-backup.com/themes/default/font/font-awesome/webfonts/fa-brands-400.woff2" type="font/woff2" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="https://hoki777-backup.com/themes/default/css/global.css">
    <link rel="stylesheet" type="text/css" href="https://hoki777-backup.com/themes/default/font/font-awesome/css/all.min.css">
        <link rel="stylesheet" id="templateStyle" type="text/css" href="https://hoki777-backup.com/custom/css/style.css">
    <link rel="stylesheet" type="text/css" href="https://hoki777-backup.com/themes/default/sass/custom.css?v=2.1.0.5.3 Member Service Open">
    <!-- FB META PIXEL SCRIPT -->
    <script>
        !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
    </script>
        <!-- END FB META PIXEL SCRIPT -->
    <!-- SO Pixel Code -->
    <script>
        !(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)};p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;n.src=w;g.parentNode.insertBefore(n,g)}})(window,document,"script","//res-odx.op-mobile.opera.com/sp.js","otag");
            </script>
    <!-- End SO Pixel Code -->
    <!--- Tiktok Pixel Code -->
    <script>
        !function (w, d, t) {
            w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)}
                                }(window, document, 'ttq');
    </script>
    <!--- End Tiktok Pixel Code -->
</head>

<body>
                
<header class="header" >
        <div class="header__top">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 d-flex align-items-center">
                    <div class="header-time" id="headerTime"></div>
                </div>
                <div class="col-lg-6 d-flex align-items-center">
                    <div class="header-marquee">
                        <i class="fas fa-bullhorn"></i>
                        <div class="marquee text-nowrap overflow-hidden">
                            Akses link backup HOKI777 resmi di hoki777-backup.com. Solusi login darurat saat maintenance, server cadangan anti-lag, dan panduan DNS 2026.
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="header-icons">
                                                <a href="https://hoki777-backup.com/help">
                            <i class="fas fa-info" title="Bantuan"></i>
                        </a>
                        <div id="header-currency" class="header-flag mr-3">
                            <span>Rupiah</span>
                                                    </div>
                        <div id="header-lang" class="header-flag">
                            <img src="https://images.linkcdn.cloud/global/default/icon/lang/indonesia.png" alt="id">
                            <i class="fas fa-caret-down"></i>

                            <div id="lang-dropdown" class="flag-dropdown">
                                                                <a href="javascript:;" data-locale="en" name="locale-switch">
                                    <div class="flag-item">
                                        <img src="https://images.linkcdn.cloud/global/default/icon/lang/english.png" alt="en">
                                        <span>English</span>
                                    </div>
                                </a>
                                                                <a href="javascript:;" data-locale="id" name="locale-switch">
                                    <div class="flag-item">
                                        <img src="https://images.linkcdn.cloud/global/default/icon/lang/indonesia.png" alt="id">
                                        <span>Indonesia</span>
                                    </div>
                                </a>
                                                                <a href="javascript:;" data-locale="th" name="locale-switch">
                                    <div class="flag-item">
                                        <img src="https://images.linkcdn.cloud/global/default/icon/lang/thai.png" alt="th">
                                        <span>Thailand</span>
                                    </div>
                                </a>
                                                                <a href="javascript:;" data-locale="vn" name="locale-switch">
                                    <div class="flag-item">
                                        <img src="https://images.linkcdn.cloud/global/default/icon/lang/vietnam.png" alt="vn">
                                        <span>Viet</span>
                                    </div>
                                </a>
                                                                <a href="javascript:;" data-locale="kh" name="locale-switch">
                                    <div class="flag-item">
                                        <img src="https://images.linkcdn.cloud/global/default/icon/lang/cambodia.png" alt="kh">
                                        <span>Khmer</span>
                                    </div>
                                </a>
                                                                <a href="javascript:;" data-locale="cn" name="locale-switch">
                                    <div class="flag-item">
                                        <img src="https://images.linkcdn.cloud/global/default/icon/lang/chinese.png" alt="cn">
                                        <span>Chinese</span>
                                    </div>
                                </a>
                                                                <a href="javascript:;" data-locale="tl" name="locale-switch">
                                    <div class="flag-item">
                                        <img src="https://images.linkcdn.cloud/global/default/icon/lang/philippines.png" alt="tl">
                                        <span>Tagalog</span>
                                    </div>
                                </a>
                                                            </div>
                        </div>
                                                                                            </div>
                </div>
            </div>
        </div>
    </div>
        <div class="header__mid">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 d-flex align-items-center">
                    <div class="header-logo">
                        <a href="https://hoki777-backup.com">
                            <img alt="WebsiteLogo" src="https://images.linkcdn.cloud/V2/398/logo/logo-2110473952.webp" width="250" height="54" >
                        </a>
                    </div>
                </div>
                <div class="col-lg-9">
                                        <div class="header-form">
                        <form name="login-form">
                            <div class="row">
                                <input value="" name="usernameLogin" type="text" placeholder="Nama Pengguna*" autocomplete="off" style="text-transform: lowercase" required>
                                <div class="position-relative">
                                    <input value="" id="passwordLogin" name="passwordLogin" type="password" placeholder="Kata Sandi*" autocomplete="off" required>
                                    <i class="toggle-password fas fa-eye-slash" toggle="#passwordLogin" style="
    position: absolute;
    right:0.5rem;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    color:#808080;
"></i>                                </div>
                                <button name="buttonLogin" type="submit" class="btn-masuk">Masuk</button>
                                <a id="register" href="https://hoki777-backup.com/register" class="btn-daftar">Daftar</a>
                            </div>
                        </form>
                    </div>
                    <div class="header-forgot">
                        <a id="forgot-password" href="https://hoki777-backup.com/forgot-password">Lupa Kata Sandi ?</a>
                        <div class="mid-login">
                                                    </div>
                    </div>
                                                        </div>
            </div>
        </div>
    </div>
</header>
<div class="header-nav">
    <div id="pageLoadingBar" class="progress-bar progress-bar-success" role="progressbar" style="height:4px;width:1%;position:absolute;z-index:999;"></div>
    <nav class="navbar navbar-expand-lg navbar-dark">
        <div class="container">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
                aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                                                                                                    <div class="nav-item">
                        <a class="nav-link" href="javascript:;" onclick="routeNav('/')">
                                                            <i class="fas fa-home" style="font-size: 130%"></i>
                                                    </a>
                    </div>
                                                                                                                                            <div class="nav-item">
                        <a href="javascript:;" class="nav-link" onclick="routeNav('/slot')" style="cursor: pointer;">
                                                        Slot
                            <i class="fas fa-caret-down"></i>
                        </a>
                        <div class="nav-item__game">
                            <div class="container text-center justify-content-center">
                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/pgsoft')" href="javascript:;">
                                                                                                                        <img title="PG Soft" alt="PG Soft" src="https://images.linkcdn.cloud/global/navbar/slots/pgs.webp">
                                            <div class="game-name">PG Soft</div>
                                                                                
                                                                                    <img title="PG Soft" alt="PG Soft" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/pragmaticplay')" href="javascript:;">
                                                                                                                        <img title="Pragmatic Play" alt="Pragmatic Play" src="https://images.linkcdn.cloud/global/navbar/slots/pra.webp">
                                            <div class="game-name">Pragmatic Play</div>
                                                                                
                                                                                    <img title="Pragmatic Play" alt="Pragmatic Play" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/pragmaticpop')" href="javascript:;">
                                                                                                                        <img title="PP POP" alt="PP POP" src="https://images.linkcdn.cloud/global/navbar/slots/fat.webp">
                                            <div class="game-name">PP POP</div>
                                                                                
                                                                                    <img title="PP POP" alt="PP POP" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/afbgaming')" href="javascript:;">
                                                                                                                        <img title="Afb Gaming" alt="Afb Gaming" src="https://images.linkcdn.cloud/global/navbar/slots/afg.webp">
                                            <div class="game-name">Afb Gaming</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/blitzgamingsoft')" href="javascript:;">
                                                                                                                        <img title="BLITZ GAMING SOFT" alt="BLITZ GAMING SOFT" src="https://images.linkcdn.cloud/global/navbar/slots/bgs.webp">
                                            <div class="game-name">BLITZ GAMING SOFT</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/cq9')" href="javascript:;">
                                                                                                                        <img title="CQ9 Gaming" alt="CQ9 Gaming" src="https://images.linkcdn.cloud/global/navbar/slots/cq9.webp">
                                            <div class="game-name">CQ9 Gaming</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/nextspin')" href="javascript:;">
                                                                                                                        <img title="NEXTSPIN" alt="NEXTSPIN" src="https://images.linkcdn.cloud/global/navbar/slots/nex.webp">
                                            <div class="game-name">NEXTSPIN</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/btgaming')" href="javascript:;">
                                                                                                                        <img title="BT GAMING" alt="BT GAMING" src="https://images.linkcdn.cloud/global/navbar/slots/bgg.webp">
                                            <div class="game-name">BT GAMING</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/fastspin')" href="javascript:;">
                                                                                                                        <img title="FASTSPIN" alt="FASTSPIN" src="https://images.linkcdn.cloud/global/navbar/slots/fsp.webp">
                                            <div class="game-name">FASTSPIN</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/spadegaming')" href="javascript:;">
                                                                                                                        <img title="Spade Gaming" alt="Spade Gaming" src="https://images.linkcdn.cloud/global/navbar/slots/spd.webp">
                                            <div class="game-name">Spade Gaming</div>
                                                                                
                                                                                    <img title="Spade Gaming" alt="Spade Gaming" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/microgaming')" href="javascript:;">
                                                                                                                        <img title="Microgaming" alt="Microgaming" src="https://images.linkcdn.cloud/global/navbar/slots/mic.webp">
                                            <div class="game-name">Microgaming</div>
                                                                                
                                                                                    <img title="Microgaming" alt="Microgaming" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/advantplay')" href="javascript:;">
                                                                                                                        <img title="Advantplay" alt="Advantplay" src="https://images.linkcdn.cloud/global/navbar/slots/adv.webp">
                                            <div class="game-name">Advantplay</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/joker')" href="javascript:;">
                                                                                                                        <img title="Joker Gaming" alt="Joker Gaming" src="https://images.linkcdn.cloud/global/navbar/slots/jok.webp">
                                            <div class="game-name">Joker Gaming</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/playtech')" href="javascript:;">
                                                                                                                        <img title="Playtech Slot" alt="Playtech Slot" src="https://images.linkcdn.cloud/global/navbar/slots/pla.webp">
                                            <div class="game-name">Playtech Slot</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/gbgame')" href="javascript:;">
                                                                                                                        <img title="GB Game" alt="GB Game" src="https://images.linkcdn.cloud/global/navbar/slots/hcg.webp">
                                            <div class="game-name">GB Game</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/besoft')" href="javascript:;">
                                                                                                                        <img title="BESOFT" alt="BESOFT" src="https://images.linkcdn.cloud/global/navbar/slots/bsf.webp">
                                            <div class="game-name">BESOFT</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/playstar')" href="javascript:;">
                                                                                                                        <img title="Playstar" alt="Playstar" src="https://images.linkcdn.cloud/global/navbar/slots/pls.webp">
                                            <div class="game-name">Playstar</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/wonwon')" href="javascript:;">
                                                                                                                        <img title="WONWON" alt="WONWON" src="https://images.linkcdn.cloud/global/navbar/slots/won.webp">
                                            <div class="game-name">WONWON</div>
                                                                                
                                                                                    <img title="WONWON" alt="WONWON" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/cosmoplay')" href="javascript:;">
                                                                                                                        <img title="COSMOPLAY" alt="COSMOPLAY" src="https://images.linkcdn.cloud/global/navbar/slots/cos.webp">
                                            <div class="game-name">COSMOPLAY</div>
                                                                                
                                                                                    <img title="COSMOPLAY" alt="COSMOPLAY" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/new_icon.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/fachai')" href="javascript:;">
                                                                                                                        <img title="Fa Chai" alt="Fa Chai" src="https://images.linkcdn.cloud/global/navbar/slots/fac.webp">
                                            <div class="game-name">Fa Chai</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/ygr')" href="javascript:;">
                                                                                                                        <img title="YGR Slot" alt="YGR Slot" src="https://images.linkcdn.cloud/global/navbar/slots/ygr.webp">
                                            <div class="game-name">YGR Slot</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/jili')" href="javascript:;">
                                                                                                                        <img title="JILI" alt="JILI" src="https://images.linkcdn.cloud/global/navbar/slots/jli.webp">
                                            <div class="game-name">JILI</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/nolimitcity')" href="javascript:;">
                                                                                                                        <img title="NoLimit City" alt="NoLimit City" src="https://images.linkcdn.cloud/global/navbar/slots/nlc.webp">
                                            <div class="game-name">NoLimit City</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/funkygames')" href="javascript:;">
                                                                                                                        <img title="FUNKY GAMES" alt="FUNKY GAMES" src="https://images.linkcdn.cloud/global/navbar/slots/fun.webp">
                                            <div class="game-name">FUNKY GAMES</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/mimigaming')" href="javascript:;">
                                                                                                                        <img title="MIMI GAMING" alt="MIMI GAMING" src="https://images.linkcdn.cloud/global/navbar/slots/mmg.webp">
                                            <div class="game-name">MIMI GAMING</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/rich88')" href="javascript:;">
                                                                                                                        <img title="RICH88" alt="RICH88" src="https://images.linkcdn.cloud/global/navbar/slots/r88.webp">
                                            <div class="game-name">RICH88</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/slot4d')" href="javascript:;">
                                                                                                                        <img title="TOGEL SLOT" alt="TOGEL SLOT" src="https://images.linkcdn.cloud/global/navbar/slots/s4d.webp">
                                            <div class="game-name">TOGEL SLOT</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/zeus')" href="javascript:;">
                                                                                                                        <img title="ZEUS" alt="ZEUS" src="https://images.linkcdn.cloud/global/navbar/slots/hg5.webp">
                                            <div class="game-name">ZEUS</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/5gs')" href="javascript:;">
                                                                                                                        <img title="5G GAMES" alt="5G GAMES" src="https://images.linkcdn.cloud/global/navbar/slots/5gs.webp">
                                            <div class="game-name">5G GAMES</div>
                                                                                
                                                                                    <img title="5G GAMES" alt="5G GAMES" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                                                <div class="game-item">
                                    <a href="javascript:;">
                                                                                <img title="WOW GAMING" alt="WOW GAMING"
                                            src="https://images.linkcdn.cloud/global/navbar/slots/wow.webp">
                                        <div class="game-name">WOW GAMING</div>
                                                                                                                            <img title="WOW GAMING" alt="WOW GAMING" class="game-maintenance" src="https://images.linkcdn.cloud/global/nav-addons/maintenance_logo.png">
                                                                            </a>
                                </div>
                                                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/jdb')" href="javascript:;">
                                                                                                                        <img title="JDB" alt="JDB" src="https://images.linkcdn.cloud/global/navbar/slots/jdb.webp">
                                            <div class="game-name">JDB</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/hydako')" href="javascript:;">
                                                                                                                        <img title="Hydako" alt="Hydako" src="https://images.linkcdn.cloud/global/navbar/slots/hyd.webp">
                                            <div class="game-name">Hydako</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/habanero')" href="javascript:;">
                                                                                                                        <img title="Habanero" alt="Habanero" src="https://images.linkcdn.cloud/global/navbar/slots/hbn.webp">
                                            <div class="game-name">Habanero</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/slot/redtiger')" href="javascript:;">
                                                                                                                        <img title="RED TIGER" alt="RED TIGER" src=" https://images.linkcdn.cloud/global/navbar/slots/rtr.webp ">
                                            <div class="game-name">RED TIGER</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/slot/primesigmagaming')" href="javascript:;">
                                                                                                                        <img title="PRIME SIGMA GAMING" alt="PRIME SIGMA GAMING" src="https://images.linkcdn.cloud/global/navbar/slots/psg.webp">
                                            <div class="game-name">PRIME SIGMA GAMING</div>
                                                                                
                                                                                    <img title="PRIME SIGMA GAMING" alt="PRIME SIGMA GAMING" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/new_icon.webp">
                                                                            </a>
                                </div>
                                                                                            </div>
                        </div>
                        
                    </div>
                                                                                                                        <div class="nav-item">
                        <a href="javascript:;" class="nav-link" onclick="routeNav('/livegames')" style="cursor: pointer;">
                            								<img src="https://images.linkcdn.cloud/global/nav-addons/hot_category.png"  width="30" height="12" style="position: absolute; z-index:999; animation: 0.25s ease 0s infinite alternate none running beat; top:0px;">
							                            Live Game
                            <i class="fas fa-caret-down"></i>
                        </a>
                        <div class="nav-item__game">
                            <div class="container text-center justify-content-center">
                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="CFA88" alt="CFA88" src="https://images.linkcdn.cloud/global/navbar/sportbook/cfa.webp">
                                            <div class="game-name">CFA88</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="game-item">
                                    <a href="javascript:;">
                                                                                <img title="AFB COCKFIGHT" alt="AFB COCKFIGHT"
                                            src="https://images.linkcdn.cloud/global/navbar/othergame/aco.webp">
                                        <div class="game-name">AFB COCKFIGHT</div>
                                                                                                                            <img title="AFB COCKFIGHT" alt="AFB COCKFIGHT" class="game-maintenance" src="https://images.linkcdn.cloud/global/nav-addons/cmsoon_icon.png">
                                                                            </a>
                                </div>
                                                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="GA28" alt="GA28" src="https://images.linkcdn.cloud/global/navbar/othergame/ga2.webp">
                                            <div class="game-name">GA28</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="WS168" alt="WS168" src="https://images.linkcdn.cloud/global/navbar/othergame/ws1.webp">
                                            <div class="game-name">WS168</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="SV388 Cockfight" alt="SV388 Cockfight" src="https://images.linkcdn.cloud/global/navbar/othergame/sv3.webp">
                                            <div class="game-name">SV388 Cockfight</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="MIKI Gaming" alt="MIKI Gaming" src="https://images.linkcdn.cloud/global/navbar/othergame/mki.webp">
                                            <div class="game-name">MIKI Gaming</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                            </div>
                        </div>
                        
                    </div>
                                                                                                                        <div class="nav-item">
                        <a href="javascript:;" class="nav-link" onclick="routeNav('/casino')" style="cursor: pointer;">
                                                        Casino
                            <i class="fas fa-caret-down"></i>
                        </a>
                        <div class="nav-item__game">
                            <div class="container text-center justify-content-center">
                                                                                                <div class="game-item game-item-new">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="Pragmatic Play LC" alt="Pragmatic Play LC" src="https://images.linkcdn.cloud/global/navbar/casino/plc.webp">
                                            <div class="game-name">Pragmatic Play LC</div>
                                                                                
                                                                                    <img title="Pragmatic Play LC" alt="Pragmatic Play LC" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="MICROGAMING LC" alt="MICROGAMING LC" src="https://images.linkcdn.cloud/global/navbar/casino/mlc.webp">
                                            <div class="game-name">MICROGAMING LC</div>
                                                                                
                                                                                    <img title="MICROGAMING LC" alt="MICROGAMING LC" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="Playtech Casino" alt="Playtech Casino" src="https://images.linkcdn.cloud/global/navbar/casino/pca.webp">
                                            <div class="game-name">Playtech Casino</div>
                                                                                
                                                                                    <img title="Playtech Casino" alt="Playtech Casino" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="Evolution" alt="Evolution" src="https://images.linkcdn.cloud/global/navbar/casino/evolution.webp">
                                            <div class="game-name">Evolution</div>
                                                                                
                                                                                    <img title="Evolution" alt="Evolution" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="ALLBET" alt="ALLBET" src="https://images.linkcdn.cloud/global/navbar/casino/alb.webp">
                                            <div class="game-name">ALLBET</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="CHOICE" alt="CHOICE" src="https://images.linkcdn.cloud/global/navbar/casino/agc.webp">
                                            <div class="game-name">CHOICE</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="Sexy Gaming" alt="Sexy Gaming" src="https://images.linkcdn.cloud/global/navbar/casino/seg.webp">
                                            <div class="game-name">Sexy Gaming</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="WM Casino" alt="WM Casino" src="https://images.linkcdn.cloud/global/navbar/casino/wmc.webp">
                                            <div class="game-name">WM Casino</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="OG Casino" alt="OG Casino" src="https://images.linkcdn.cloud/global/navbar/casino/ogs.webp">
                                            <div class="game-name">OG Casino</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="AI CASINO" alt="AI CASINO" src="https://images.linkcdn.cloud/global/navbar/casino/aic.webp">
                                            <div class="game-name">AI CASINO</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="Dream Gaming" alt="Dream Gaming" src="https://images.linkcdn.cloud/global/navbar/casino/drg.webp">
                                            <div class="game-name">Dream Gaming</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                        </div>
                        
                    </div>
                                                                                                                        <div class="nav-item">
                        <a href="javascript:;" class="nav-link" onclick="routeNav('/sportsbook')" style="cursor: pointer;">
                                                        Sportsbook
                            <i class="fas fa-caret-down"></i>
                        </a>
                        <div class="nav-item__game">
                            <div class="container text-center justify-content-center">
                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="AFB88" alt="AFB88" src="https://images.linkcdn.cloud/global/navbar/sportbook/afb.webp">
                                            <div class="game-name">AFB88</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="BTI Sportsbook" alt="BTI Sportsbook" src="https://images.linkcdn.cloud/global/navbar/sportbook/bti.webp">
                                            <div class="game-name">BTI Sportsbook</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="SBO SPORT" alt="SBO SPORT" src="https://images.linkcdn.cloud/global/navbar/sportbook/sbo.webp">
                                            <div class="game-name">SBO SPORT</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="CMD368" alt="CMD368" src="https://images.linkcdn.cloud/global/navbar/sportbook/cmd.webp">
                                            <div class="game-name">CMD368</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="SABA SPORT" alt="SABA SPORT" src="https://images.linkcdn.cloud/global/navbar/sportbook/sab.webp">
                                            <div class="game-name">SABA SPORT</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="OPUS Sports" alt="OPUS Sports" src="https://images.linkcdn.cloud/global/navbar/sportbook/m88.webp">
                                            <div class="game-name">OPUS Sports</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="IA E-SPORT" alt="IA E-SPORT" src="https://images.linkcdn.cloud/global/navbar/sportbook/iae.webp">
                                            <div class="game-name">IA E-SPORT</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                            </div>
                        </div>
                        
                    </div>
                                                                                                                        <div class="nav-item">
                        <a href="javascript:;" class="nav-link" onclick="routeNav('/lottery')" style="cursor: pointer;">
                                                        Lottery
                            <i class="fas fa-caret-down"></i>
                        </a>
                        <div class="nav-item__game">
                            <div class="container text-center justify-content-center">
                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/lottery/4d')" href="javascript:;">
                                                                                                                        <img title="4D" alt="4D" src="https://images.linkcdn.cloud/global/navbar/lottery/togel.webp">
                                            <div class="game-name">4D</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                            </div>
                        </div>
                        
                    </div>
                                                                                                                        <div class="nav-item">
                        <a href="javascript:;" class="nav-link" onclick="routeNav('/poker')" style="cursor: pointer;">
                                                        Poker
                            <i class="fas fa-caret-down"></i>
                        </a>
                        <div class="nav-item__game">
                            <div class="container text-center justify-content-center">
                                                                                                <div class="game-item ">
                                                                                                                        <a href="javascript:;" onclick="gameAlert()">
                                                                                                                                                                                                        <img title="We1Poker" alt="We1Poker" src="https://images.linkcdn.cloud/global/navbar/poker/we1.webp">
                                            <div class="game-name">We1Poker</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                            </div>
                        </div>
                        
                    </div>
                                                                                                                        <div class="nav-item">
                        <a href="javascript:;" class="nav-link" onclick="routeNav('/arcade')" style="cursor: pointer;">
                                                        Arcade
                            <i class="fas fa-caret-down"></i>
                        </a>
                        <div class="nav-item__game">
                            <div class="container text-center justify-content-center">
                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/funkygames')" href="javascript:;">
                                                                                                                        <img title="FUNKY GAMES" alt="FUNKY GAMES" src="https://images.linkcdn.cloud/global/navbar/slots/fun.webp">
                                            <div class="game-name">FUNKY GAMES</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/casino/spaceman')" href="javascript:;">
                                                                                                                        <img title="Pragmatic Crash Game" alt="Pragmatic Crash Game" src="https://images.linkcdn.cloud/global/navbar/casino/spa.webp">
                                            <div class="game-name">Pragmatic Crash Game</div>
                                                                                
                                                                                    <img title="Pragmatic Crash Game" alt="Pragmatic Crash Game" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/joker')" href="javascript:;">
                                                                                                                        <img title="Joker Gaming" alt="Joker Gaming" src="https://images.linkcdn.cloud/global/navbar/fishing/jok.webp">
                                            <div class="game-name">Joker Gaming</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/spribe')" href="javascript:;">
                                                                                                                        <img title="SPRIBE" alt="SPRIBE" src="https://images.linkcdn.cloud/global/navbar/slots/spr.webp">
                                            <div class="game-name">SPRIBE</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/fastspin')" href="javascript:;">
                                                                                                                        <img title="Fastspin" alt="Fastspin" src="https://images.linkcdn.cloud/global/navbar/slots/fsp.webp">
                                            <div class="game-name">Fastspin</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/jdb')" href="javascript:;">
                                                                                                                        <img title="JDB" alt="JDB" src="https://images.linkcdn.cloud/global/navbar/slots/jdb.webp">
                                            <div class="game-name">JDB</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/cq9')" href="javascript:;">
                                                                                                                        <img title="CQ9" alt="CQ9" src="https://images.linkcdn.cloud/global/navbar/slots/cq9.webp">
                                            <div class="game-name">CQ9</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/arcade/wonwon')" href="javascript:;">
                                                                                                                        <img title="WONWON" alt="WONWON" src=" https://images.linkcdn.cloud/global/navbar/slots/won.webp ">
                                            <div class="game-name">WONWON</div>
                                                                                
                                                                                    <img title="WONWON" alt="WONWON" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/jili')" href="javascript:;">
                                                                                                                        <img title="JILI" alt="JILI" src=" https://images.linkcdn.cloud/global/navbar/slots/jli.webp ">
                                            <div class="game-name">JILI</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/fachai')" href="javascript:;">
                                                                                                                        <img title="Fa Chai" alt="Fa Chai" src="https://images.linkcdn.cloud/global/navbar/slots/fac.webp">
                                            <div class="game-name">Fa Chai</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/arcade/spade')" href="javascript:;">
                                                                                                                        <img title="Spade Gaming" alt="Spade Gaming" src="https://images.linkcdn.cloud/global/navbar/fishing/spd.webp">
                                            <div class="game-name">Spade Gaming</div>
                                                                                
                                                                                    <img title="Spade Gaming" alt="Spade Gaming" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                            <a onclick="routeNav('/arcade/zeus')" href="javascript:;">
                                                                                                                        <img title="ZEUS" alt="ZEUS" src="https://images.linkcdn.cloud/global/navbar/slots/hg5.webp">
                                            <div class="game-name">ZEUS</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                            <a onclick="routeNav('/arcade/ggsoft')" href="javascript:;">
                                                                                                                        <img title="GG SOFT" alt="GG SOFT" src="https://images.linkcdn.cloud/global/navbar/fishing/ggs.webp">
                                            <div class="game-name">GG SOFT</div>
                                                                                
                                                                                    <img title="GG SOFT" alt="GG SOFT" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/new_icon.webp">
                                                                            </a>
                                </div>
                                                                                            </div>
                        </div>
                        
                    </div>
                                                                                                                                            <div class="nav-item">
                        <a class="nav-link" href="javascript:;" onclick="routeNav('/news')">
                                                            Berita
                                                    </a>
                    </div>
                                                                                                                                                                <div class="nav-item">
                        <a class="nav-link" href="javascript:;" onclick="routeNav('/promotion')">
                                                            Promosi
                                                    </a>
                    </div>
                                                                                                    <div class="nav-item">
                        <a class="nav-link" href="https://hoki777-backup.com/event"><img src="https://images.linkcdn.cloud/global/nav-addons/event.webp" alt="Event" width="70px" height="21.5px"></a>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</div>
<div class="header-mobile">
    <div class="header-mobile__top">
        <div class="mobile-logo">
            <a href="https://hoki777-backup.com">
                <img src="https://images.linkcdn.cloud/V2/398/logo/logo-2110473952.webp"
                    alt="WebsiteLogo" width="125" height="27">
            </a>
        </div>
                <div class="mobile-button">
            <a class="mobile-button--register" href="https://hoki777-backup.com/register">Daftar</a>
            <div data-target="slide-out" class="mobile-button--menu sidenav-toggle">
                <i class="fas fa-bars"></i>
            </div>
        </div>
                    </div>
    <div class="header-mobile__marquee">
        <i class="fas fa-bullhorn"></i>
        <div class="marquee text-nowrap">Akses link backup HOKI777 resmi di hoki777-backup.com. Solusi login darurat saat maintenance, server cadangan anti-lag, dan panduan DNS 2026.</div>
        <a href="https://hoki777-backup.com/event" style="line-height: 0;"><img class="pr-2" src="https://images.linkcdn.cloud/global/nav-addons/event.webp" alt="Event" width="85px" height="23.7px"></a>
    </div>
    <div id="mobilePageLoadingBar" class="progress-bar progress-bar-success" role="progressbar" style="height:4px;width:1%;position:absolute;z-index:999;display:none;"></div>
</div>
<div id="overlay"></div>
<div class="sidenav">
        <div class="sidenav__header">
        <div class="sidenav__header-user">
            <span>Selamat Datang</span>
        </div>
        <div class="sidenav__header-logo">
            <img src="https://images.linkcdn.cloud/V2/398/logo/logo-2110473952.webp"
                alt="WebsiteLogo" width="180" height="39">
        </div>
        <div class="sidenav__header-button">
            <div class="sidenav-button-title">Silakan Login atau Mendaftar</div>
            <div class="sidenav-button">
                <button class="btn-login sidenav-login" type="button" type="button" data-toggle="modal"
                    data-target="#loginModal">Masuk</button>
                <button class="btn-register"
                    onclick="window.location.href = 'https://hoki777-backup.com/register'">Daftar</button>
            </div>
            <div class="sidenav-password">
                <a class="" href="https://hoki777-backup.com/forgot-password">Lupa Password?</a>
            </div>
        </div>
    </div>
    
    <div class="sidenav__list">
        <ul>
            <li class="active">
                    <a href="https://hoki777-backup.com">
                    <i class="fas fa-home"></i>
                    <span>Home</span>
                </a>
            </li>
            <li class="">
                    <a href="javascript:;" onclick="routeNav('/promotion')">
                    <i class="fas fa-percentage"></i>
                    <span>Promosi</span>
                </a>
            </li>
                                                            <li>
                        <a href="https://bright.moonlightcodex.us/HOKI777.apk" target="_blank">
                            <i class="fas fa-download"></i>
                            <span>Download Aplikasi</span>
                        </a>
                    </li>
                                        <li class="">
                <a href="javascript:;" onclick="routeNav('/news')">
                    <i class="fas fa-newspaper"></i>
                    <span>Berita</span>
                </a>
            </li>
            <li class="">
                <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                    <i class="fas fa-dice-five"></i>
                    <span>Informasi Keluaran</span>
                </a>
            </li>
            <li class="">
                <a href="https://hoki777-backup.com/help">
                    <i class="fas fa-question-circle"></i>
                    <span>Bantuan</span>
                </a>
            </li>
            <li>
                <a href="/contact">
                    <i class="fas fa-phone-alt"></i>
                    <span>Kontak Kami</span>
                </a>
            </li>
            <li class="">
                <a href="https://hoki777-backup.com/event">
                    <i class="fas fa-trophy"></i>
                    <span>Event</span>
                </a>
            </li>
        </ul>
    </div>
    
    
    <div id="header-currency" class="header-flag">
        <span>Rupiah</span>
            </div>
    <div id="header-lang" class="header-flag">
        <img src="https://images.linkcdn.cloud/global/default/icon/lang/indonesia.png" width="20" height="14" alt="id">
        <i class="fas fa-caret-down"></i>

        <div id="lang-dropdown" class="flag-dropdown">
                        <a href="javascript:;" data-locale="en" name="locale-switch">
                <div class="flag-item">
                    <img src="https://images.linkcdn.cloud/global/default/icon/lang/english.png" alt="en">
                    <span>English</span>
                </div>
            </a>
                        <a href="javascript:;" data-locale="id" name="locale-switch">
                <div class="flag-item">
                    <img src="https://images.linkcdn.cloud/global/default/icon/lang/indonesia.png" alt="id">
                    <span>Indonesia</span>
                </div>
            </a>
                        <a href="javascript:;" data-locale="th" name="locale-switch">
                <div class="flag-item">
                    <img src="https://images.linkcdn.cloud/global/default/icon/lang/thai.png" alt="th">
                    <span>Thailand</span>
                </div>
            </a>
                        <a href="javascript:;" data-locale="vn" name="locale-switch">
                <div class="flag-item">
                    <img src="https://images.linkcdn.cloud/global/default/icon/lang/vietnam.png" alt="vn">
                    <span>Viet</span>
                </div>
            </a>
                        <a href="javascript:;" data-locale="kh" name="locale-switch">
                <div class="flag-item">
                    <img src="https://images.linkcdn.cloud/global/default/icon/lang/cambodia.png" alt="kh">
                    <span>Khmer</span>
                </div>
            </a>
                        <a href="javascript:;" data-locale="cn" name="locale-switch">
                <div class="flag-item">
                    <img src="https://images.linkcdn.cloud/global/default/icon/lang/chinese.png" alt="cn">
                    <span>Chinese</span>
                </div>
            </a>
                        <a href="javascript:;" data-locale="tl" name="locale-switch">
                <div class="flag-item">
                    <img src="https://images.linkcdn.cloud/global/default/icon/lang/philippines.png" alt="tl">
                    <span>Tagalog</span>
                </div>
            </a>
                    </div>
    </div>
</div>

<!-- Account Balance -->
<main id="main-route">
    <div class="main-content home">
			<section class="home__slider">
			<div class="swiper-container main-slider">
				<div class="swiper-wrapper">
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/membership-ultimate-hoki777-69601c6fb8d3e.webp"
								data-alt="" width="1120" height="250" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/event-spesial-pragmatic-play-6a633778e6eb8.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/bpjs-bantuan-pinjaman-jasa-saldo-69dcf640ea222.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/bonus-new-member-100-6943fe649c938.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/rebate-mingguan-693b91ba3ac03.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/bonus-lucky-spin-67a5fec946523.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/extra-saldo-bank-5k-69427d659ef02.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/download-apk-68f9e9680ec64.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/bonus-deposit-harian-68b6dabf5825b.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/full-diskon-togel-67a609e08d7bf.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/portal-bebas-akses-65d9c78514f68.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/merchandise-65d9c6cd21253.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/grub-telegram-65d9c387a074d.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/promo-bonus-new-member-up-to-10-67a5fa0edc7dc.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/rtp-slot-gacor-65d9c330ac00e.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/bonus-reff-67a5fc881678f.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/promo-deposit-pulsa-tanpa-potongan-67a5fdcc96156.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/promo-bonus-deposit-harian-sportsbook-5-casino-3-hoki777-67a5f8b362cea.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00398/banner/id/event-extra-bonus-freespin-buyspin-pragmatic-play-hoki777-68e91597d7f1d.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/bti-top-leagues-nba-season-kickoff-mulai-dari-tanggal-12-oct-until-08-nov-2026-6acc737fcc2f5.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-pragmatic-play-x-kevin-hart-casino-mulai-dari-tanggal-19-oktober-2026-hingga-08-november-2026-6ad352c3d7945.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-pragmatic-play-daily-wins-mega-gacor-level-8-mulai-dari-tanggal-22-october-2026-hingga-23-november-2026-6addf301e6550.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-pragmatic-pop-gates-of-olympus-pop-prize-drop-until-last-october-2026-6ac78c85ecfb9.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-pragmatic-play-x-kevin-hart-slot-mulai-dari-tanggal-19-oktober-2026-hingga-08-november-2026-6ad35271bd5ab.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-fastspin-kebangkitan-naga-perang-es-dan-api-mulai-tanggal-17-agustus-2026-hingga-tanggal-30-november-2026-6a756c555f5d6.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-spade-gaming-play-win-tournament-mulai-tanggal-24-agustus-2026-hingga-23-november-2026-6a8c1da11d1f3.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/nextspin-lucky-8-august-2026-period-6a82f2f351830.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/joker-grand-jackpot-money-meteor-66e53696293e6.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/bgs-lucky-coin-cat-6aaa01184a5be.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-spade-gaming-fishing-frenzy-tournament-mulai-tanggal-24-agustus-2026-hingga-23-november-2026-6a8c582c8b0ea.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/bt-gaming-20-disc-3-month-sep-nov-2026-6aacd2773425f.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-5g-games-ultimate-5g-gacor-slot-tournament-mulai-dari-tanggal-01-oktober-2026-hingga-30-oktober-2026-6aba43143ba12.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-pragmatic-play-daily-wins-mega-gacor-level-7-mulai-dari-tanggal-28-september-2026-hingga-26-october-2026-6ab8e4a0bbf8c.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-wonwon-black-wukong-arrives-big-win-awaits-mulai-dari-tanggal-01-oktober-2026-hingga-29-oktober-2026-hanya-untuk-pasaran-idr-thb-vnd-usd-6abb62cb479c9.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-pgsoft-money-rain-mulai-dari-tanggal-12-oktober-2026-hingga-31-oktober-2026-6acc53fc658b3.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/bgs-midnight-mayhem-13-oct-2026-post-6acdbbd12c1a5.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/bgs-royale-club-13-oct-2026-post-6acdb94487cd7.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-nolimit-city-slot-hallowin-trick-and-win-tanggal-05-oktober-sampai-01-november-2026-6ac350248f0d0.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-evolution-casino-bet-and-win-tanggal-05-oktober-sampai-27-desember-2026-6ac34f7837867.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-playtech-the-heat-is-on-24-oktober-2026-until-01-nov-2026-6ace1a406879c.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-playtech-fuel-the-fire-25-oktober-2026-6ace19a394023.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-wonwon-halloween-mahjong-fortune-unleashed-mulai-tanggal-29-oktober-2026-hingga-03-desember-2026-6ad89776c851a.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
										<div class="swiper-slide">
						<a href="#">
							<img src="https://images.linkcdn.cloud/V2/00000/banner/id/event-microgaming-halloween-party-start-date-26-october-2026-until-08-november-2026-6ad85af386165.webp"
								data-alt="" width="1120" height="250"  loading="lazy" >
						</a>
					</div>
									</div>
				<div class="swiper-pagination"></div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>
		</section>
		<section class="home__jackpot">
		<div class="container">
			<div class="jackpot-gif">
				<div class="jackpot-amount">IDR <span id="amount"></span></div>
			</div>
		</div>
	</section>
	<section class="home__menu">
		<div class="container">
			<div class="menu-container">
				<div class="download-border item-download">
					<div class="menu-download">
						<img id="template-download" src="https://hoki777-backup.com/../../custom/img/header/gameapp.png" width="226" height="226" alt="game app">
							<h4>DOWNLOAD SEKARANG</h4>
						<div class="download-button">
							<div class="download-item">
																	<a href="https://bright.moonlightcodex.us/HOKI777.apk" target="_blank">
										<img src="https://hoki777-backup.com/../../custom/img/header/playstore.png" width="130" height="39" alt="playstore">
									</a>
															</div>
						</div>
					</div>
				</div>
				<div class="menu-right item-right">
					<div class="menu-games">
						<a href="javascript:;" onclick="routeNav('/sportsbook')">
							<div class="games-item">
								<img id="template-image" src="https://hoki777-backup.com/../../custom/img/header/sports_1.png" width="193" height="150" alt="sportsbook">
								<div class="games-border">
									<div class="games-name">SPORTSBOOK</div>
								</div>
							</div>
						</a>

						<a href="javascript:;" onclick="routeNav('/slot')">
							<div class="games-item">
								<img id="template-image" src="https://hoki777-backup.com/../../custom/img/header/slots_1.png" width="193" height="150" alt="slot">
								<div class="games-border">
									<div class="games-name">SLOT</div>
								</div>
							</div>
						</a>

						<a href="javascript:;" onclick="routeNav('/casino')">
							<div class="games-item">
								<img id="template-image" src="https://hoki777-backup.com/../../custom/img/header/casino_1.png" width="193" height="150" alt="casino">
								<div class="games-border">
									<div class="games-name">CASINO</div>
								</div>
							</div>
						</a>
												<a href="javascript:;" onclick="routeNav('/lottery')">
							<div class="games-item">
								<img id="template-image" src="https://hoki777-backup.com/../../custom/img/header/lottery_1.png" width="193" height="150" alt="lottery">
								<div class="games-border">
									<div class="games-name">LOTTERY</div>
								</div>
							</div>
						</a>
											</div>
					<div class="menu-slider">
						<div class="row">
							<div class="col-lg-4 col-md-6">
								<div class="slider-cstmr swiper-container">
									<div class="swiper-wrapper">
										<div class="swiper-slide">
											<div class="slider-cstmr__holder cstmr-service">
												<div class="slider-cstmr-title">Layanan Customer</div>
																								<div class="cstmr-item">
													<img src="https://images.linkcdn.cloud/global/default/contact/whatsapp.png" alt="whatsapp" width="31" height="31">
														<a href="https://wa.me/6282312622550" target="_blank" rel="noreferrer">
															<div class="cstmr-content">
																6282312622550
															</div>
														</a>
												</div>
																																			</div>
										</div>
										<div class="swiper-slide">
											<div class="slider-cstmr__holder service-game">
												<div class="slider-cstmr-title">Layanan Product</div>
												<div class="service-item">
													<div class="service-icon">
														<img src="https://images.linkcdn.cloud/global/default/contact/vider.png">
													</div>
													<div class="service-item-desc">Permainan Terlengkap dalam seluruh platform</div>
												</div>
											</div>
										</div>
										
									</div>
									<!-- Add Paginaton -->
									<div class="swiper-pagination"></div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6">
								<div class="slider-provider">
									<div class="slider-provider-title">Game Favorit</div>
									<div class="slide-game-favorit swiper-container">
										<div class="swiper-wrapper">
											<a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/pragmaticplay/vs20olympgcl.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/popular-games/mahjong-ways2.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/afg/kirinMahjongUltra.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/fsp/S-MP03.jpg" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/microgaming/P5_mahjongMaxWin.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/bgs/20.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/playstar/PSS-ON-00180.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/won/3030.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/afg/pirateKingRiches.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/fac/22071.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/popular-games/mahjong-ways.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/fun/190264.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/cq9/VPCQS28.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/fun/1902631.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/won/3011.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/advantplay/10079.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/microgaming/SMG_phoenixBlaze.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/playtech/gpas_mhmac_pop.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/bgg/AB1559.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/cq9/VPCQS29.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/fsp/S-RH02.jpg" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/won/3050.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/bgg/AB1549.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/advantplay/10075.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/bgs/4.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/bgs/27.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/microgaming/SMG_luckyTwinsWildsLinkMerge.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/cq9/181.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/cq9/VPCQS30.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/playtech/gpas_gtr10k_pop.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/microgaming/SMG_mahjongWildsLinkMerge.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/spade/slot/S-LK03.jpg" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/bgg/AB1541.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://aix-asset.s3.ap-southeast-1.amazonaws.com/global/game-list/fac/22064.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/5gs/S5G-H5-99928.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/fsp/S-WC04.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/jli/807.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/5gs/S5G-H5-99927.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/playstar/PSS-ON-00141.png" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/pragmaticplay/vs10swtbnz.webp" width="193" height="150" >
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img loading="lazy" src="https://images.linkcdn.cloud/global/game-list/slot/jli/540.webp" width="193" height="150" >
    </a>
										</div>
										<!-- Add Paginaton -->
										<div class="swiper-pagination"></div>
										<!-- Add Arrows -->
										<div class="swiper-button-prev"
											style="background-image: url(https://images.linkcdn.cloud/global/default/icon/arrow-left.png);"></div>
										<div class="swiper-button-next"
											style="background-image: url(https://images.linkcdn.cloud/global/default/icon/arrow-right.png);">
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6">
								<div class="slider-provider">
									<div class="slider-provider-title">Provider Favorit</div>
									<div class="slide-prov-favorit swiper-container">
										<div class="swiper-wrapper">
											<a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img src="https://images.linkcdn.cloud/global/default/provider-favorit/pra.jpg">
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img src="https://images.linkcdn.cloud/global/default/provider-favorit/pra.jpg">
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img src="https://images.linkcdn.cloud/global/default/provider-favorit/hbn.jpg">
    </a>
            <a class="swiper-slide" href="javascript:;" onclick="gameAlert()">
                <img src="https://images.linkcdn.cloud/global/default/provider-favorit/afb.jpg">
    </a>
										</div>
										<!-- Add Paginaton -->
										<div class="swiper-pagination"></div>
										<!-- Add Arrows -->
										<div class="swiper-button-prev"
											style="background-image: url(https://images.linkcdn.cloud/global/default/icon/arrow-left.png);"></div>
										<div class="swiper-button-next"
											style="background-image: url(https://images.linkcdn.cloud/global/default/icon/arrow-right.png);">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
			<section class="home__lotto">
    <div class="container">
        <div class="swiper-container lotto-swiper">
            <div class="swiper-wrapper">
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Amsterdam</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">4285</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Barcelona</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">9625</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Beijing</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">7264</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Berlin</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">9526</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Bangkok</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">7079</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Bullseye</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">0552</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Hongkong</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">5480</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Hongkong47</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">1490</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Hongkong49</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">5185</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Kampot 4D</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">1099</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Kampot Letter of Fortune</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">JCJH</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Magnum4D</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">3719</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Manila</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">7937</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">PCSO</h4>
                                <h6 class="lotto-date">Sabtu, 2026-10-24</h6>
                                <div class="lotto-number">4048</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">4DRome</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">7641</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Singapore</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">1221</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">SiberiaPools</h4>
                                <h6 class="lotto-date">Minggu, 2026-10-25</h6>
                                <div class="lotto-number">4129</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Seoul</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">0848</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">SydneyPools</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">2437</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Takeo 4D</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">2857</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Tokyo</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">4936</div>
                            </div>
                        </a>
                    </div>
                </div>
                                <div class="swiper-slide lotto-slide">
                    <div class="lotto-border">
                        <a href="javascript:;" onclick="routeNav('/lottery/4d')">
                            <div class="lotto-item">
                                <h4 class="lotto-country">Timor</h4>
                                <h6 class="lotto-date">Senin, 2026-10-26</h6>
                                <div class="lotto-number">4073</div>
                            </div>
                        </a>
                    </div>
                </div>
                            </div>
        </div>
    </div>
</section>
		<section class="home__payment">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-12">
                <div class="payment-border">
                    <div class="payment-content">
                        <div class="payment-header">
                            <img src="https://images.linkcdn.cloud/global/default/icon/servicemeter.svg" width="50" height="50">
                            <div class="payment-title">Layanan Member</div>
                        </div>
                        <div class="payment-service">
                            <div class="service-average">
                                <div class="service-title">Tambah Dana</div>
                                <div class="service-subtitle">Waktu</div>
                                <div class="progress">
                                    <div id="depositTimeBar" class="progress-bar" role="progressbar" aria-valuenow="" aria-valuemin="0"
                                        aria-valuemax="15"></div>
                                </div>
                            </div>
                            <div class="service-time">
                                <div class="time-number" id="depositTime"></div>
                                <div class="time-title">Menit</div>
                            </div>
                        </div>
                        <div class="payment-service">
                            <div class="service-average">
                                <div class="service-title">WITHDRAW</div>
                                <div class="service-subtitle">Waktu</div>
                                <div class="progress">
                                    <div id="withdrawTimeBar" class="progress-bar" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="15"></div>
                                </div>
                            </div>
                            <div class="service-time">
                                <div class="time-number" id="withdrawTime"></div>
                                <div class="time-title">Menit</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12">
                <div class="payment-border">
                    <div class="payment-content">
                        <div class="payment-header">
                            <img src="https://images.linkcdn.cloud/global/default/icon/payment.svg" width="50" height="50">
                            <div class="payment-title">Sistem Pembayaran</div>
                        </div>
                        <div class="swiper-container pembarayan-swiper">
                            <div class="swiper-wrapper">
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/other.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/bca.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/epayment/qridr.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/epayment/mpay.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/epayment/qris.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/bni.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/bri.png">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/cimb.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/epayment/dana.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/epayment/ovo.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/epayment/gopay_color.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/mandiri_color.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/seabank.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/xl.png">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                                    <div class="swiper-slide">
                                        <div class="bank-content">
                                            <div class="bank-logo">
                                                <img src="https://images.linkcdn.cloud/global/payment/V2/IDR/bank/bca.webp">
                                            </div>
                                                                                            <div class="bank-status online">ONLINE</div>
                                                                                    </div>
                                    </div>
                                                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>		<section class="home__seo">
		<div class="container">
			<div class="game__seo">
    <div hidden id="title-seo">HOKI777: Link Backup Official &amp; Server Cadangan 2026</div>
        <div class="seo-content showFooter" >
                <h1 style="text-align:center;"><strong>HOKI777: Link Backup Official &amp; Server Cadangan 2026</strong></h1><p style="margin-left:0px;">&nbsp;</p><p style="margin-left:0px;">Selamat datang di <strong>HOKI777</strong>, simpul server cadangan (<i>backup node</i>) dan pusat pemulihan akses (<i>disaster recovery hub</i>) resmi untuk platform hiburan game online di Indonesia. Halaman ini dioperasikan secara khusus untuk menjamin keberlanjutan koneksi (<i>zero downtime</i>) saat terjadi perbaikan sistem berkala (<i>scheduled maintenance</i>) atau lonjakan trafik ekstrem pada domain utama melalui <a href="https://hoki777-backup.com/"><strong>situs hoki777-backup.com</strong></a>.</p><p style="margin-left:0px;">Dalam arsitektur web modern tahun 2026, ketersediaan jalur cadangan terenkripsi merupakan pilar utama kelancaran layanan. Panduan ini mengulas sistem redundansi server, definisi teknis platform, verifikasi keaslian node backup, hingga solusi mandiri penanganan kendala pembatasan rute jaringan ISP.</p><figure class="image"><img src="https://hoki777-gambar.pages.dev/banner_hoki777_3.webp" alt="hoki777-link-backup-alternatif-terbaru-2026"></figure><h2 style="margin-left:0px;"><strong>Definisi </strong><a href="https://hoki777-backup.com/"><strong>HOKI777</strong></a><strong> &amp; Arsitektur Redundansi Server</strong></h2><p style="margin-left:0px;"><a href="https://hoki777-backup.com/"><strong>HOKI777</strong></a> didefinisikan sebagai platform agregator permainan digital berbasis web (<i>cloud-based web game aggregator</i>) yang memanfaatkan mesin perenderan HTML5 dan teknologi WebAssembly (Wasm). Sistem ini dirancang untuk menyajikan pengalaman hiburan interaktif secara langsung (<i>instant-play</i>) melalui peramban (<i>browser</i>) tanpa mewajibkan pengunduhan berkas aplikasi eksternal (.APK) yang berpotensi membebankan kapasitas memori peranti.</p><p style="margin-left:0px;">Sebagai bagian dari komitmen ketersediaan layanan 24/7, HOKI777 menerapkan <strong>Sistem Redundansi Cluster Server</strong>. Mekanisme ini secara otomatis mengalihkan sesi akses pengguna ke node cadangan ketika server utama menjalani proses pembaruan skrip atau mengalami bentrok rute jaringan lokal.</p><h2 style="margin-left:0px;"><strong>Fungsi Server Backup HOKI777 di hoki777-backup.com Saat Pemeliharaan Sistem</strong></h2><p style="margin-left:0px;">Keberadaan simpul cadangan <i>backup node</i> memiliki peran teknis vital dalam menjaga stabilitas interaksi digital pengguna:</p><h3 style="margin-left:0px;"><strong>1. Migrasi Sesi Otomatis (Failover Seamless)</strong></h3><p style="margin-left:0px;">Saat server utama menjalani <i>maintenance</i>, infrastruktur pemutus rute (<i>load balancer</i>) secara instan memindahkan enkripsi sesi pengguna ke <a href="https://hoki777-backup.com/"><strong>link backup HOKI777</strong></a>. Pengguna tidak akan mengalami <i>disconnection</i> atau kehilangan progres aktivitas yang sedang berjalan.</p><h3 style="margin-left:0px;"><strong>2. Isosiasi Trafik &amp; Penyeimbang Beban</strong></h3><p style="margin-left:0px;">Node cadangan berfungsi memecah kepadatan trafik pada jam sibuk (<i>peak hours</i>). Dengan mendistribusikan beban kerja ke beberapa server terisolasi, risiko terputusnya sambungan akibat pemanggilan data berlebih (<i>server overload</i>) dapat diminimalkan.</p><h2 style="margin-left:0px;"><strong>Verifikasi Keaslian Node Backup &amp; Proteksi Phishing</strong></h2><p style="margin-left:0px;">Mengingat maraknya penyebaran situs tiruan (<i>phishing</i>) yang memanfaatkan momen <i>maintenance</i>, verifikasi parameter teknis pada domain cadangan mutlak dilakukan sebelum menginput data login.</p><h3 style="margin-left:0px;"><strong>Indikator Keaslian Node Cadangan Resmi</strong></h3><p style="margin-left:0px;">&nbsp;</p><figure class="table"><table style="border:0px solid rgb(227, 227, 227);"><thead><tr><th style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Indikator Keamanan</p></th><th style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Deskripsi Verifikasi</p></th></tr></thead><tbody><tr><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;"><strong>Sertifikasi Enkripsi SSL/TLS 1.3</strong></p></td><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Pastikan bilah alamat peramban diawali dengan <code>https://</code> dan menampilkan ikon gembok aktif. Sertifikat SSL portal diterbitkan oleh Otoritas Sertifikasi (<i>Certificate Authority</i>) tepercaya.</p></td></tr><tr><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;"><strong>Presisi Struktur Alamat Web</strong></p></td><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Pastikan URL mengarah langsung ke <code>hoki777-backup.com</code> tanpa adanya huruf acak, angka ganda yang tidak sah, atau pengalihan otomatis ke domain yang tidak dikenal.</p></td></tr><tr><td style="border-bottom-color:currentcolor;border-bottom-style:none;border-left-color:rgb(227, 227, 227);border-left-style:solid;border-right-color:rgb(227, 227, 227);border-right-style:solid;border-top-color:rgb(227, 227, 227);border-top-style:solid;border-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;"><strong>Header Keamanan HSTS</strong></p></td><td style="border-bottom-color:currentcolor;border-bottom-style:none;border-left-color:rgb(227, 227, 227);border-left-style:solid;border-right-color:rgb(227, 227, 227);border-right-style:solid;border-top-color:rgb(227, 227, 227);border-top-style:solid;border-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Portal cadangan kami menerapkan HTTP Strict Transport Security untuk menolak seluruh koneksi non-enkripsi secara otomatis.</p></td></tr></tbody></table></figure><h2 style="margin-left:0px;"><strong>Penanganan Kendala Koneksi ISP via Secure DNS Resolver</strong></h2><p style="margin-left:0px;">Jika Anda mengalami kendala pemuatan halaman atau pesan <i>Connection Timed Out</i> saat mengakses akses <a href="https://hoki777-backup.com/"><strong>hoki777-backup.com</strong></a>, masalah tersebut umumnya terjadi akibat hambatan pembaruan DNS pada ISP lokal.</p><h3 style="margin-left:0px;"><strong>Langkah Konfigurasi Custom DNS (Anti-Block)</strong></h3><p style="margin-left:0px;">Anda dapat memperbarui konfigurasi DNS over HTTPS (DoH) pada peranti secara mandiri tanpa memerlukan aplikasi VPN tambahan:</p><p style="margin-left:0px;">&nbsp;</p><figure class="table"><table style="border:0px solid rgb(227, 227, 227);"><thead><tr><th style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Penyedia DNS</p></th><th style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Alamat Primary</p></th><th style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Alamat Secondary</p></th><th style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">Konfigurasi Android (Private DNS)</p></th></tr></thead><tbody><tr><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;"><strong>Cloudflare DNS</strong></p></td><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">1.1.1.1</p></td><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">1.0.0.1</p></td><td style="border-bottom-color:rgb(225, 227, 234);border-bottom-width:0.8px;border-left-color:rgb(227, 227, 227);border-left-width:0px;border-right-color:rgb(227, 227, 227);border-right-width:0px;border-style:solid;border-top-color:rgb(227, 227, 227);border-top-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;"><code>1dot1dot1dot1.cloudflare-dns.com</code></p></td></tr><tr><td style="border-bottom-color:currentcolor;border-bottom-style:none;border-left-color:rgb(227, 227, 227);border-left-style:solid;border-right-color:rgb(227, 227, 227);border-right-style:solid;border-top-color:rgb(227, 227, 227);border-top-style:solid;border-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;"><strong>Google Public DNS</strong></p></td><td style="border-bottom-color:currentcolor;border-bottom-style:none;border-left-color:rgb(227, 227, 227);border-left-style:solid;border-right-color:rgb(227, 227, 227);border-right-style:solid;border-top-color:rgb(227, 227, 227);border-top-style:solid;border-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">8.8.8.8</p></td><td style="border-bottom-color:currentcolor;border-bottom-style:none;border-left-color:rgb(227, 227, 227);border-left-style:solid;border-right-color:rgb(227, 227, 227);border-right-style:solid;border-top-color:rgb(227, 227, 227);border-top-style:solid;border-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">8.8.4.4</p></td><td style="border-bottom-color:currentcolor;border-bottom-style:none;border-left-color:rgb(227, 227, 227);border-left-style:solid;border-right-color:rgb(227, 227, 227);border-right-style:solid;border-top-color:rgb(227, 227, 227);border-top-style:solid;border-width:0px;padding:0.5rem 0.75rem;"><p style="margin-left:0px;">-</p></td></tr></tbody></table></figure><p style="margin-left:0px;">Konfigurasi ini berfungsi menyegarkan rute pencarian nama domain (<i>DNS flush</i>) sehingga peramban dapat langsung terhubung kembali ke server backup kami.</p><h2 style="margin-left:0px;"><strong>Keamanan Data Kredensial &amp; Kepatuhan Standar UU PDP</strong></h2><p style="margin-left:0px;">Seluruh pengelolaan data identitas digital dan log transaksi teknis di portal cadangan diatur secara ketat sesuai regulasi Undang-Undang Perlindungan Data Pribadi (UU PDP).</p><h3 style="margin-left:0px;"><strong>Pedoman Pengamanan Akun Mandiri</strong></h3><ul><li><strong>Penggunaan Sandi Unik:</strong> Buat kata sandi minimal 12 karakter kombinasi huruf besar, huruf kecil, angka, dan simbol.</li><li><strong>Aktivasi Autentikasi 2FA/MFA:</strong> Aktifkan fitur verifikasi dua langkah untuk menambahkan proteksi fisik saat sistem mendeteksi akses dari peranti baru.</li><li><strong>Kerahasiaan OTP:</strong> Tim Customer Service resmi tidak pernah meminta kata sandi lengkap atau kode OTP Anda dalam kondisi apa pun.</li></ul><h2 style="margin-left:0px;"><strong>FAQ (Pertanyaan Umum)</strong></h2><p style="margin-left:0px;"><strong>1. Apa fungsi dari domain hoki777-backup.com?</strong> Domain ini berfungsi sebagai simpul server cadangan resmi (<i>backup node</i>) untuk memberikan rute akses darurat saat server utama sedang menjalani pemeliharaan sistem (<i>maintenance</i>) atau mengalami lonjakan pemanggilan data.</p><p style="margin-left:0px;"><strong>2. Apakah akun saya tetap sama saat login melalui link backup HOKI777?</strong> Sama. Seluruh basis data pengguna terintegrasi secara terenkripsi di server pusat, sehingga data akun, saldo, dan riwayat aktivitas tetap sinkron di domain <a href="https://hoki777-backup.com/"><strong>HOKI777 di hoki777-backup.com</strong></a>.</p><p style="margin-left:0px;"><strong>3. Apakah aman mengakses server backup tanpa menggunakan VPN?</strong> Sangat aman, selama Anda menggunakan domain cadangan resmi yang dilindungi oleh enkripsi TLS 1.3. Penggunaan DNS publik seperti 1.1.1.1 lebih direkomendasikan daripada VPN gratisan.</p><p style="margin-left:0px;"><strong>4. Bagaimana cara mengetahui jika server utama sedang maintenance?</strong> Saat server utama dalam pemeliharaan, sistem otomatis mengalihkan rute peramban Anda ke domain backup resmi, atau Anda dapat langsung mengaksesnya melalui URL cadangan ini.</p><p style="margin-left:0px;"><strong>5. Apakah data pribadi pengguna terjamin aman di portal backup ini?</strong> Sangat aman. Seluruh saluran transmisi data dienkripsi dengan standar enkripsi tinggi dan dikelola sesuai aturan perlindungan data pribadi yang berlaku.</p><hr><p style="margin-left:0px;"><i>Artikel ini dipublikasikan secara resmi oleh hoki777-backup.com sebagai saluran navigasi cadangan, panduan keamanan siber, dan transparansi layanan bagi seluruh pengguna.</i></p>
            </div>
        </div>
		</div>
	</section>
</div>

<div class="modal fade" id="homePopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
	aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<i class="fas fa-times"></i>
			</button>
			<div class="announcement-title">
				<div class="icon"><i class="fas fa-bullhorn"></i></div>
				<h3 class="text-uppercase">Perhatian.</h3>
			</div>
			<div class="modal-body">
				<div class="announcement-content">
					<p style="text-align:center;">&nbsp;</p><p style="text-align:center;"><img src="https://hoki777-gambar.pages.dev/portalbebasakses.webp"></p><p style="text-align:center;">&nbsp;</p><p style="text-align:center;">AKES MUDAH TANPA KENDALA <a href="https://hk777.top/hoki777alt">DISINI</a><br>SITUS SLOT TERPERCAYA NO.1 DI INDONESIA<br><br>Claim &amp; Menangkan Setiap Permainan Yang Kamu Mainkan<br><br>MAINKAN &amp; MENANGKAN!!<br><br><a href="https://hk777.top/livechat-hoki777">LIVE CHAT</a></p>
				</div>
			</div>
		</div>
	</div>
</div>



</main>

<footer class="footer">
    <div class="footer__provider">
        <div class="container">
            <div class="provider-header">PROVIDER</div>
            <div class="provider-holder">
                                                                                                                <div class="provider-content">
                    <div class="provider-title">
                        <img title="Slot" alt="Slot"
                            src="https://images.linkcdn.cloud/global/icon-footer/Slot.png" width="20" height="20">
                        <span>SLOT</span>
                    </div>
                    <div class="provider-logo">
                                                                        <img alt="PG Soft" title="PG Soft"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/pgs_footer.png" width="100" height="50">
                                                                                                <img alt="Pragmatic Play" title="Pragmatic Play"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/pra_footer.png" width="100" height="50">
                                                                                                <img alt="PP POP" title="PP POP"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/fat_footer.webp" width="100" height="50">
                                                                                                <img alt="Afb Gaming" title="Afb Gaming"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/afg_footer.png" width="100" height="50">
                                                                                                <img alt="BLITZ GAMING SOFT" title="BLITZ GAMING SOFT"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/bgs_footer.png" width="100" height="50">
                                                                                                <img alt="CQ9 Gaming" title="CQ9 Gaming"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/cq9_footer.png" width="100" height="50">
                                                                                                <img alt="NEXTSPIN" title="NEXTSPIN"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/nex_footer.webp" width="100" height="50">
                                                                                                <img alt="BT GAMING" title="BT GAMING"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/bgg_footer.webp" width="100" height="50">
                                                                                                <img alt="FASTSPIN" title="FASTSPIN"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/fastspin_footer.png" width="100" height="50">
                                                                                                <img alt="Spade Gaming" title="Spade Gaming"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/spd_footer.png" width="100" height="50">
                                                                                                <img alt="Microgaming" title="Microgaming"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/micro_logo.png" width="100" height="50">
                                                                                                <img alt="Advantplay" title="Advantplay"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/adv_footer.png" width="100" height="50">
                                                                                                <img alt="Joker Gaming" title="Joker Gaming"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/jok_footer.png" width="100" height="50">
                                                                                                <img alt="Playtech Slot" title="Playtech Slot"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/pla_footer.png" width="100" height="50">
                                                                                                <img alt="GB Game" title="GB Game"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/hcg_footer.png" width="100" height="50">
                                                                                                <img alt="BESOFT" title="BESOFT"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/bsf_footer.webp" width="100" height="50">
                                                                                                <img alt="Playstar" title="Playstar"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/pls_footer.png" width="100" height="50">
                                                                                                <img alt="WONWON" title="WONWON"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/won_footer.webp" width="100" height="50">
                                                                                                <img alt="COSMOPLAY" title="COSMOPLAY"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/cos_footer.webp" width="100" height="50">
                                                                                                <img alt="Fa Chai" title="Fa Chai"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/fac_footer.webp" width="100" height="50">
                                                                                                <img alt="YGR Slot" title="YGR Slot"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/ygr_footer.webp" width="100" height="50">
                                                                                                <img alt="JILI" title="JILI"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/jli_footer.webp" width="100" height="50">
                                                                                                <img alt="NoLimit City" title="NoLimit City"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/nlc_footer.png" width="100" height="50">
                                                                                                <img alt="FUNKY GAMES" title="FUNKY GAMES"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/net_footer.webp" width="100" height="50">
                                                                                                <img alt="MIMI GAMING" title="MIMI GAMING"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/mmg_footer.webp" width="100" height="50">
                                                                                                <img alt="RICH88" title="RICH88"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/r88_footer.webp" width="100" height="50">
                                                                                                <img alt="TOGEL SLOT" title="TOGEL SLOT"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/s4d_footer.webp" width="100" height="50">
                                                                                                <img alt="ZEUS" title="ZEUS"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/hg5_footer.webp" width="100" height="50">
                                                                                                <img alt="5G GAMES" title="5G GAMES"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/5gs_footer.webp" width="100" height="50">
                                                                                                <img alt="WOW GAMING" title="WOW GAMING"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/wow_footer.webp" width="100" height="50">
                                                                                                <img alt="JDB" title="JDB"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/jdb_footer.webp" width="100" height="50">
                                                                                                <img alt="Hydako" title="Hydako"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/hyd_footer.png" width="100" height="50">
                                                                                                <img alt="Habanero" title="Habanero"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/hbn_footer.png" width="100" height="50">
                                                                                                <img alt="RED TIGER" title="RED TIGER"
                            src=" https://images.linkcdn.cloud/global/logo-footer/slot/rtr_footer.webp " width="100" height="50">
                                                                                                                                                                                                                                                <img alt="PRIME SIGMA GAMING" title="PRIME SIGMA GAMING"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/psg_footer.webp" width="100" height="50">
                                                                    </div>
                </div>
                                                                                                                                                                                <div class="provider-content">
                    <div class="provider-title">
                        <img title="Casino" alt="Casino"
                            src="https://images.linkcdn.cloud/global/icon-footer/Casino.png" width="20" height="20">
                        <span>CASINO</span>
                    </div>
                    <div class="provider-logo">
                                                                        <img alt="Pragmatic Play LC" title="Pragmatic Play LC"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/plc_footer.png" width="100" height="50">
                                                                                                <img alt="MICROGAMING LC" title="MICROGAMING LC"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/mlc_footer.webp" width="100" height="50">
                                                                                                <img alt="Playtech Casino" title="Playtech Casino"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/pca_footer.png" width="100" height="50">
                                                                                                <img alt="Evolution" title="Evolution"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/evolution_footer.webp" width="100" height="50">
                                                                                                <img alt="ALLBET" title="ALLBET"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/alb_footer.png" width="100" height="50">
                                                                                                <img alt="CHOICE" title="CHOICE"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/agc_footer.png" width="100" height="50">
                                                                                                <img alt="Sexy Gaming" title="Sexy Gaming"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/seg_footer.png" width="100" height="50">
                                                                                                <img alt="WM Casino" title="WM Casino"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/wmc_footer.png" width="100" height="50">
                                                                                                <img alt="OG Casino" title="OG Casino"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/ogs_footer.png" width="100" height="50">
                                                                                                <img alt="AI CASINO" title="AI CASINO"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/aic_footer.webp" width="100" height="50">
                                                                                                                                                <img alt="Dream Gaming" title="Dream Gaming"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/drg_footer.png" width="100" height="50">
                                                                                                                                                                                                                    </div>
                </div>
                                                                                                                                                                                                                                                                                                                                                                                                <div class="provider-content">
                    <div class="row">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="col-lg-6">
                            <div class="provider-title">
                                <img title="Sportsbook" alt="Sportsbook"
                                    src="https://images.linkcdn.cloud/global/icon-footer/Sport.png" width="20" height="20">
                                <span>SPORTSBOOK</span>
                            </div>
                            <div class="provider-logo">
                                                                                                <img alt="AFB88" title="AFB88"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/afb_footer.png" width="100" height="50">
                                                                                                                                <img alt="BTI Sportsbook" title="BTI Sportsbook"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/bti_footer.webp" width="100" height="50">
                                                                                                                                <img alt="SBO SPORT" title="SBO SPORT"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/sbo_footer.png" width="100" height="50">
                                                                                                                                <img alt="CMD368" title="CMD368"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/cmd_footer.png" width="100" height="50">
                                                                                                                                <img alt="SABA SPORT" title="SABA SPORT"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/sab_footer.webp" width="100" height="50">
                                                                                                                                <img alt="OPUS Sports" title="OPUS Sports"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/m88_footer.webp" width="100" height="50">
                                                                                                                                <img alt="IA E-SPORT" title="IA E-SPORT"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/iae_footer.png" width="100" height="50">
                                                                                            </div>
                        </div>
                                                                                                                                                                                                                                                                                                                                                                        <div class="col-lg-6">
                            <div class="provider-title">
                                <img title="Arcade" alt="Arcade"
                                    src="https://images.linkcdn.cloud/global/icon-footer/Arcade.png" width="20" height="20">
                                <span>ARCADE</span>
                            </div>
                            <div class="provider-logo">
                                                                                                <img alt="FUNKY GAMES" title="FUNKY GAMES"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/fun_footer.webp" width="100" height="50">
                                                                                                                                <img alt="Pragmatic Crash Game" title="Pragmatic Crash Game"
                                    src="https://images.linkcdn.cloud/global/logo-footer/casino/spaceman_footer.webp" width="100" height="50">
                                                                                                                                <img alt="Joker Gaming" title="Joker Gaming"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/jok_footer.png" width="100" height="50">
                                                                                                                                <img alt="SPRIBE" title="SPRIBE"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/spr_footer.webp" width="100" height="50">
                                                                                                                                <img alt="Fastspin" title="Fastspin"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/fastspin_footer.png" width="100" height="50">
                                                                                                                                <img alt="JDB" title="JDB"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/jdb_footer.webp" width="100" height="50">
                                                                                                                                <img alt="CQ9" title="CQ9"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/cq9_footer.png" width="100" height="50">
                                                                                                                                <img alt="WONWON" title="WONWON"
                                    src=" https://images.linkcdn.cloud/global/logo-footer/slot/won_footer.webp " width="100" height="50">
                                                                                                                                <img alt="JILI" title="JILI"
                                    src=" https://images.linkcdn.cloud/global/logo-footer/slot/jli_footer.webp " width="100" height="50">
                                                                                                                                <img alt="Fa Chai" title="Fa Chai"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/fac_footer.webp" width="100" height="50">
                                                                                                                                <img alt="Spade Gaming" title="Spade Gaming"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/spd_footer.png" width="100" height="50">
                                                                                                                                <img alt="ZEUS" title="ZEUS"
                                    src="https://images.linkcdn.cloud/global/logo-footer/slot/hg5_footer.webp" width="100" height="50">
                                                                                                                                <img alt="GG SOFT" title="GG SOFT"
                                    src="https://images.linkcdn.cloud/global/logo-footer/fishing/ggs_footer.webp" width="100" height="50">
                                                                                            </div>
                        </div>
                                                                                                                                                                                            </div>
                </div>
                <div class="provider-content">
                    <div class="row">
                                                                                                                                                                                                                                                                        <div class="col-lg-3">
                            <div class="provider-title">
                                <img title="Live Game" alt="Live Game"
                                    src="https://images.linkcdn.cloud/global/icon-footer/Game Lain.png" width="20" height="20">
                                <span>LIVE GAME</span>
                            </div>
                            <div class="provider-logo">
                                                                                                <img alt="CFA88" title="CFA88"
                                    src="https://images.linkcdn.cloud/global/logo-footer/sports/cfa_footer.webp" width="100" height="50">
                                                                                                                                                                                                                                                                <img alt="AFB COCKFIGHT" title="AFB COCKFIGHT"
                                    src="https://images.linkcdn.cloud/global/logo-footer/others/aco_footer.webp" width="100" height="50">
                                                                                                                                <img alt="GA28" title="GA28"
                                    src="https://images.linkcdn.cloud/global/logo-footer/others/ga2_footer.png" width="100" height="50">
                                                                                                                                                                                                <img alt="WS168" title="WS168"
                                    src="https://images.linkcdn.cloud/global/logo-footer/others/ws1_footer.webp" width="100" height="50">
                                                                                                                                <img alt="SV388 Cockfight" title="SV388 Cockfight"
                                    src="https://images.linkcdn.cloud/global/logo-footer/others/sv3_footer.png" width="100" height="50">
                                                                                                                                <img alt="MIKI Gaming" title="MIKI Gaming"
                                    src="https://images.linkcdn.cloud/global/logo-footer/others/mki_footer.png" width="100" height="50">
                                                                                            </div>
                        </div>
                                                                                                                                                                                                                                                                                                                                                                        <div class="col-lg-3">
                            <div class="provider-title">
                                <img title="Lottery" alt="Lottery"
                                    src="https://images.linkcdn.cloud/global/icon-footer/Lottery.png" width="20" height="20">
                                <span>LOTTERY</span>
                            </div>
                            <div class="provider-logo">
                                                                                                <img alt="4D" title="4D"
                                    src="https://images.linkcdn.cloud/global/logo-footer/lottery/togel_footer.png" width="100" height="50">
                                                                                            </div>
                        </div>
                                                                                                                                                                        <div class="col-lg-3">
                            <div class="provider-title">
                                <img title="Poker" alt="Poker"
                                    src="https://images.linkcdn.cloud/global/icon-footer/Poker.png" width="20" height="20">
                                <span>POKER</span>
                            </div>
                            <div class="provider-logo">
                                                                                                <img alt="We1Poker" title="We1Poker"
                                    src="https://images.linkcdn.cloud/global/logo-footer/poker/we1_footer.png" width="100" height="50">
                                                                                            </div>
                        </div>
                                                                                                                                                                                                                                                                                            </div>
                </div>
            </div>
            <div class="provider-nav">
                <a href="" class="provider-link">+21</a>
                <a href="/news" class="provider-link">Berita</a>
                <a href="/promotion" class="provider-link">Promosi</a>
                <a href="/help#About" class="provider-link">Tentang Kami</a>
                <a href="/contact" class="provider-link">Kontak Kami</a>
                <a href="/help" class="provider-link">Persyaratan &amp; Ketentuan</a>
                <a href="/help#FAQ" class="provider-link">FAQ</a>
                                            </div>
        </div>
    </div>
    <div class="footer__trademark">Copyright &copy; 2021 - 2026 hoki777 is an international registered trademark. All rights reserved.</div>
</footer>


<div class="footer-mobile">
    <a class="footer-item active" href="https://hoki777-backup.com">
        <div class="footer-icon"><i class="fas fa-home"></i></div>
        <div class="footer-title">Home</div>
    </a>
                            <a class="footer-item" href="https://bright.moonlightcodex.us/HOKI777.apk" target="_blank">
                <div class="footer-icon"><i class="fab fa-android"></i></div>
                <div class="footer-title">Apps</div>
            </a>
                        <a class="footer-item footer-login" href="#" data-toggle="modal" data-target="#loginModal">
        <div class="footer-icon"><i class="fas fa-user-alt"></i></div>
        <div class="footer-title">Masuk</div>
    </a>
                <a class="footer-item " href="https://hoki777-backup.com/promotion">
        <div class="footer-icon"><i class="fas fa-tags"></i> <i class="fas fa-percent"></i></div>
        <div class="footer-title">Promosi</div>
    </a>
            <a class="footer-item"
            target="_blank" rel="noreferrer" href="https://direct.lc.chat/19408592/"
        >
        <div class="footer-icon"><i class="fas fa-comments"></i></div>
        <div class="footer-title">Live Chat</div>
    </a>
</div>

<!-- Modal -->
<div class="modal fade custom-popup" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <i class="fas fa-times"></i>
            </button>

            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Formulir Login</h5>
            </div>

            <div class="modal-body">
                <div class="modal-body-form">
                    <form name="login-form">
                        <div class="form-item">
                            <div class="item-title">Nama Pengguna*</div>
                            <input value="" minlength="1" maxlength="25"
                                name="usernameLogin" style="text-transform: lowercase" type="text" placeholder="Nama Pengguna*"
                                autocomplete="off" required>
                        </div>
                        <div class="form-item">
                            <div class="item-title">Kata Sandi*</div>
                            <div class="position-relative">
                                <input value="" minlength="5" maxlength="50" id="passwordLogin2"
                                    name="passwordLogin" type="password" placeholder="Kata Sandi*"
                                    autocomplete="off" required>
                                <i class="toggle-password fas fa-eye-slash" toggle="#passwordLogin2" style="
    position: absolute;
    right:0.5rem;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    color:#808080;
"></i>                            </div>
                        </div>
                        <div class="form-forgot">
                            <a href="https://hoki777-backup.com/forgot-password">Lupa Kata Sandi ?</a>
                        </div>
                        <div class="form-button">
                            <button name="buttonLogin" type="submit" class="button-login">Masuk</button>
                        </div>
                    </form>
                    <div class="social-login-section text-center mt-3">
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Telegram Login Modal -->
<div class="modal fade custom-popup" id="telegramLoginModal" tabindex="-1" role="dialog" aria-labelledby="telegramLoginModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <i class="fas fa-times"></i>
            </button>
            <div class="modal-header">
                <h5 class="modal-title" id="telegramLoginModalLabel">Masuk dengan Telegram</h5>
            </div>
            <div class="modal-body">
                <!-- Error Messages -->
                <div id="telegram-error-message" class="alert alert-danger d-none mt-3"></div>
                <!-- Step 1: Username Input -->
                <div id="telegram-username-step" class="step">
                    <form id="telegram-username-form">
                        <input type="hidden" name="_token" value="coonf8Gq25Ezncd7dRqv7tzJyPTtcL2miHvohvCy">                        <div class="form-group text-center">Masukkan nomor ponsel Anda untuk mendapatkan kode OTP ke akun Telegram Anda.</div>
                        <div class="form-group">
                            <label for="telegram-phone">Nomor Ponsel</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">+</span>
                                </div>
                                <input type="text" class="form-control" id="telegram-phone" name="phone" required placeholder="Masukkan nomor ponsel Anda" autocomplete="off" maxlength="15">
                            </div>
                            <small class="form-text text-left mt-2">Catatan : Masukkan nomor telepon Anda beserta kode negara. Contoh: 628123456789</small>
                        </div>
                        <button type="submit" class="btn btn-primary btn-block mt-4 mb-4" id="telegram-send-otp-btn">Kirim OTP</button>
                    </form>
                </div>
                <!-- Step 2: OTP Input -->
                <div id="telegram-otp-step" class="step d-none">
                    <div class="alert alert-info">
                        Masukkan kode OTP yang dikirim ke Telegram <span id="telegram-phone-number">****-****-****</span>
                    </div>
                    <form id="telegram-otp-form">
                        <input type="hidden" name="_token" value="coonf8Gq25Ezncd7dRqv7tzJyPTtcL2miHvohvCy">                        <div class="form-group">
                            <label for="telegram-otp">Masukkan OTP</label>
                            <input type="text" class="form-control" id="telegram-otp" name="otp" required
                                placeholder="000000" maxlength="6" pattern="[0-9]{6}">
                        </div>
                        <div class="text-center justify-content-center mb-3">
                            <span>Tidak menerima OTP?</span>
                            <button type="button" class="btn btn-link btn-block mt-2" id="telegram-resend-otp-btn" disabled>
                                <span id="telegram-resend-text">Kode OTP telah dikirim, silakan kirim ulang nanti &lt;span id=&quot;telegram-countdown&quot;&gt;60&lt;/span&gt;</span>
                            </button>
                        </div>
                        <button type="submit" class="btn btn-success btn-block mt-4 mb-4" id="telegram-verify-otp-btn" disabled>Verifikasi</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Telegram Login Script and Styles -->
<script>
    const lang = {
        otp_sent_resend_later: 'Kode OTP telah dikirim, silakan kirim ulang nanti :countdown',
        an_error_occurred_try_again: 'Terjadi kesalahan. Silakan coba lagi.',
        verifying: 'Memverifikasi...',
        resend: 'Kirim ulang',
    };

    function formatTime(seconds) {
        const minutes = Math.floor(seconds / 60);
        const secs = seconds % 60;
        return `${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
    }

    document.addEventListener('DOMContentLoaded', function() {
        // Telegram Login Modal functionality
        const telegramUsernameStep = document.getElementById('telegram-username-step');
        const telegramOtpStep = document.getElementById('telegram-otp-step');
        const telegramUsernameForm = document.getElementById('telegram-username-form');
        const telegramOtpForm = document.getElementById('telegram-otp-form');
        const telegramPhoneInput = document.getElementById('telegram-phone');
        const telegramOtpInput = document.getElementById('telegram-otp');
        const telegramVerifyBtn = document.getElementById('telegram-verify-otp-btn');
        const telegramResendBtn = document.getElementById('telegram-resend-otp-btn');
        let telegramCountdownSpan = document.getElementById('telegram-countdown');
        const telegramErrorMessage = document.getElementById('telegram-error-message');
        let telegramCountdown = 240;
        let telegramCountdownInterval;
        // Reset modal when opened
        $('#telegramLoginModal').on('show.bs.modal', function() {
            telegramUsernameStep.classList.remove('d-none');
            telegramOtpStep.classList.add('d-none');
            telegramUsernameForm.reset();
            telegramOtpForm.reset();
            telegramErrorMessage.classList.add('d-none');
            clearInterval(telegramCountdownInterval);
            telegramCountdown = 240;
            document.getElementById('telegram-resend-text').innerHTML = lang.otp_sent_resend_later.replace(':countdown', '<span id="telegram-countdown">' + formatTime(telegramCountdown) + '</span>');
            telegramCountdownSpan = document.getElementById('telegram-countdown');
            telegramResendBtn.disabled = true;
            telegramVerifyBtn.disabled = true;
        });

        // Phone form submission
        telegramUsernameForm.addEventListener('submit', function(e) {
            e.preventDefault();
            const phone = document.getElementById('telegram-phone').value;

            fetch(`/api/telegram/send-otp?phone=${encodeURIComponent(phone)}`, {
                    method: 'GET'
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        telegramUsernameStep.classList.add('d-none');
                        telegramOtpStep.classList.remove('d-none');
                        if (data.maskedPhone) {
                            document.getElementById('telegram-phone-number').textContent = data.maskedPhone;
                        }
                        startTelegramCountdown();
                    } else {
                        showTelegramError(data.message);
                    }
                })
                .catch(error => {
                    showTelegramError(lang.an_error_occurred_try_again);
                });
        });

        // Phone input validation
        telegramPhoneInput.addEventListener('input', function() {
            const phone = this.value.replace(/\D/g, '');
            this.value = phone;
        });

        // OTP input validation
        telegramOtpInput.addEventListener('input', function() {
            const otp = this.value.replace(/\D/g, '');
            this.value = otp;
            telegramVerifyBtn.disabled = otp.length !== 6;
        });

        // OTP form submission
        telegramOtpForm.addEventListener('submit', function(e) {
            e.preventDefault();
            const otp = telegramOtpInput.value;
            telegramVerifyBtn.disabled = true;
            telegramVerifyBtn.textContent = lang.verifying;
            fetch(`/api/telegram/verify-otp?otp=${encodeURIComponent(otp)}`, {
                    method: 'GET'
                })
                .then(response => response.json())
                .then(data => {
                    if (data.code === 200) {
                        window.location.href = '/';
                        Swal.fire({
                            icon: 'success',
                            title: data.message,
                            showConfirmButton: true,
                            confirmButtonText: 'OK',
                            allowOutsideClick: false
                        }).then(function() {
                            // redirect happens first; Swal is informational
                        });
                    } else {
                        showTelegramError(data.message);
                        telegramVerifyBtn.disabled = false;
                        telegramVerifyBtn.textContent = 'Verifikasi';
                    }
                })
                .catch(error => {
                    showTelegramError(lang.an_error_occurred_try_again);
                    telegramVerifyBtn.disabled = false;
                    telegramVerifyBtn.textContent = 'Verifikasi';
                });
        });

        // Resend OTP
        telegramResendBtn.addEventListener('click', function() {
            telegramUsernameForm.dispatchEvent(new Event('submit'));
        });

        function startTelegramCountdown() {
            telegramCountdown = 240;
            document.getElementById('telegram-resend-text').innerHTML = lang.otp_sent_resend_later.replace(':countdown', '<span id="telegram-countdown">' + formatTime(telegramCountdown) + '</span>');
            telegramCountdownSpan = document.getElementById('telegram-countdown');
            telegramResendBtn.disabled = true;
            telegramCountdownInterval = setInterval(() => {
                telegramCountdown--;
                telegramCountdownSpan.textContent = formatTime(telegramCountdown);
                if (telegramCountdown <= 0) {
                    clearInterval(telegramCountdownInterval);
                    telegramResendBtn.disabled = false;
                    document.getElementById('telegram-resend-text').innerHTML = lang.resend;
                }
            }, 1000);
        }

        function showTelegramError(message) {
            telegramErrorMessage.textContent = message;
            telegramErrorMessage.classList.remove('d-none');
            setTimeout(() => {
                telegramErrorMessage.classList.add('d-none');
            }, 5000);
        }
    });
</script>

<style>
    .telegram-login-modal .step {
        transition: opacity 0.3s ease;
    }

    .telegram-login-modal .btn:disabled {
        opacity: 0.6;
    }

    .telegram-login-modal #telegram-countdown {
        font-weight: bold;
        color: #007bff;
    }

    #telegramLoginModal .modal-content {
        max-width: 350px;
        margin: auto;
    }
</style>

<script src="https://hoki777-backup.com/themes/default/js/vendor.js"></script>
    <script src="https://hoki777-backup.com/themes/default/js/global.js?v=2.1.0.5.3 Member Service Open"></script>
    
    
        <script src="https://hoki777-backup.com/themes/default/js/index.js?v=2.1.0.5.3 Member Service Open"></script>
        <script src="https://hoki777-backup.com/themes/default/vendor/jquery-validate/jquery.validate.min.js"></script>

<script>
    const getQueryParameter = (param) => new URLSearchParams(document.location.search.substring(1)).get(param)
    const getAllQueryParameter = () => Object.fromEntries((new URLSearchParams(document.location.search).entries()))
    const isValidUrl = (string) => {
        try {
            new URL(string)
            return true
        } catch (e) {
            return false
        }
    }

    function setQueryParameter(param, value) {
        $('a[href]').attr('href', function(index, href) {
            if (isValidUrl(href) && href != 'javascript:;') {
                let url = new URL(href)
                url.searchParams.set(param, value)
                return url
            } else {
                return href
            }
        });
        
        $(document).on('click', '[onclick]', function (e) {
            // ambil onclick asli
            const onclick = $(this).attr('onclick');
            // contoh: intercept window.location.href
            const match = onclick.match(/window\.location\.href\s*=\s*['"]([^'"]+)['"]/);
            if (match) {
                e.preventDefault(); // stop onclick lama
                let url = match[1];
                // contoh: tambahkan parameter
                const clickId = sessionStorage.getItem(param);
                if (clickId && !url.includes(param + '=')) {
                    url += (url.includes('?') ? '&' : '?') + param + '=' + encodeURIComponent(clickId);
                }

                window.location.href = url;
            }
        });
    }
    let par = window.location.search == '' ? sessionStorage : getAllQueryParameter()
    $.each(par, function (key, val) {
        if ($.inArray(key, ['opera_click_id', 'fbclid', 'fb_clickid', 'ttclid', 'tt_clickid']) !== -1) {
            if (sessionStorage.getItem(key) !== null) {
                setQueryParameter(key, sessionStorage.getItem(key))
                $('#register-form').append(`<input type="hidden" name="${key}" value="${getQueryParameter(key)}">`);
            } else {
                if (getQueryParameter(key) !== null) {
                    setQueryParameter(key, getQueryParameter(key))
                    $('#register-form').append(`<input type="hidden" name="${key}" value="${getQueryParameter(key)}">`);
                    sessionStorage.setItem(key, getQueryParameter(key))
                }
            }
        }
    });
</script>

<script>
    function numberAmount(number) {
        let format = new Intl.NumberFormat('en-US', { maximumFractionDigits: 2 }).format(number)
        return format.toString()
    }
    
    window.addEventListener("popstate", (event) => {
        location.reload();
    });
    
    $("a[name=playGames]").on("click", function () {
        fbq('trackCustom', "PlayGame")
        ttq.track('PlayGame');
                try {
            const playParams = new URL($(this).attr('href'), window.location.origin).searchParams;
            window.dataLayer = window.dataLayer || [];
            dataLayer.push({
                event: 'play_game',
                provider_code: playParams.get('providerCode'),
                game_code: playParams.get('gameCode'),
                currency: "IDR",
                branch: "398"
            });
        } catch (e) {}
            });

    $("a[name=locale-switch]").on("click", function () {
        const locale = $(this).attr('data-locale')
        $.ajax({
            type: "POST",
            url: "https://hoki777-backup.com/locale",
            data: {
                _token: "coonf8Gq25Ezncd7dRqv7tzJyPTtcL2miHvohvCy",
                locale: locale,
            },
            success: function (res) {
                if (res) {
                    location.reload()
                } else {
                    Swal.fire({
                        toast: true,
                        position: 'top-end',
                        icon: 'error',
                        title: "Locale not supported."
                    });
                }
            }
        });
    });

    $('.toggle-password').on('click', function (e) { 
        e.preventDefault();
        $(this).toggleClass('fa-eye-slash fa-eye')
        const type = $(this).hasClass('fa-eye-slash') ? 'password' : 'text'
        $($(this).attr('toggle')).attr('type', type)
    });

    
    jQuery.validator.addMethod("numbers", function(value, element) {
        return /[0-9]/.test(value);
    }, "Kata sandi harus memiliki minimal 1 angka. ");

    jQuery.validator.addMethod("letters", function(value, element) {
        return /[a-z]/.test(value);
    }, "Kata sandi harus terdiri dari minimal 1 huruf. ");

    jQuery.validator.addMethod("contain", function(value, element, params) {
        let username = $(params).val();
        if (username && value) {
            return value.toLowerCase().indexOf(username.toLowerCase()) === -1;
        }
        return true;
    }, "Kata sandi tidak boleh mengandung nama pengguna. ");
</script><script>
$(document).ready(function() {
    $(this).scrollTop(0);
    $.ajax({
        type: "POST",
        url: "https://hoki777-backup.com/paymentService",
        data: { _token: "coonf8Gq25Ezncd7dRqv7tzJyPTtcL2miHvohvCy"},
        success: function (response) {
            let wdTime = response.data.wd
            let depoTime = response.data.depo
            $("[id=withdrawTime]").text(wdTime)
            $("[id=withdrawTimeBar]").attr('aria-valuenow', wdTime).width((wdTime / 15) * 100 + "%")
            $("[id=depositTime]").text(depoTime)
            $("[id=depositTimeBar]").attr('aria-valuenow', depoTime).width((depoTime / 15) * 100 + "%")
        }
    });
            
        
                                    $('#homePopup').modal('show');
                    
                    });
    $('#pageLoadingBar').hide()
    window.onpopstate = function() {
        let path = window.location.pathname;
        routeNav(path);
    }

    function routeNav(path) {
        let urlPar = ''
        $.each(sessionStorage, function (key, val) { 
            if ($.inArray(key, ['opera_click_id', 'fbclid', 'fb_clickid', 'ttclid', 'tt_clickid']) !== -1) {
                urlPar += (urlPar.includes('?') ? '&' : '?') + key + '=' + val;
            }
        });
        path += urlPar
        if (path == window.location.pathname) return;
        history.pushState(null, null, path);
        let url = "https://hoki777-backup.com" + window.location.pathname;
        if (path == '/') {
            window.location.replace("https://hoki777-backup.com")
            return false;
        }
        $(".header-form>a").removeClass('active')
		let elem = document.getElementById("pageLoadingBar");
		let width = 1;
        $.ajax({
            type: "GET",
            url: url,
			beforeSend: () => {
				$('#pageLoadingBar').show()
				let id = setInterval(frame, 100);
				function frame() {
					if (width >= 100) {
						clearInterval(id);
					} else {
						width++;
						elem.style.width = width + '%';
					}
				}
			},
            success: function (page) {
				width = 100;
				elem.style.width = width + '%';
                $("main[id=main-route]").empty().append(page);
                $("title").text($("#title-seo").text());
                const script = $("scope-script").html()
                $("scope-script").remove()
                setTimeout(() => {
                    $("html, body").animate({ scrollTop: "0" }, 1000);
				    $('#pageLoadingBar').hide()
				    elem.style.width = '1%';
                    $("custom-script").empty().append(script);
                    filterGameSelection('all')
                }, 500);
            }
        });
    }

</script>
<script>
    $(window).scroll(function(e){ 
    var $cls = $('.header-nav'); 
    var isPositionFixed = ($cls.css('position') == 'fixed');
        if ($(this).scrollTop() > 250 && !isPositionFixed){ 
            $cls.css({'position': 'fixed', 'top': '0px', 'width':'100%'}); 
        }
        if ($(this).scrollTop() < 250 && isPositionFixed){
            $cls.css({'position': 'sticky', 'top': '0px'}); 
        } 
    });
</script>
<script>
    function maxInputAmount(wallet) {
        const amountWd = $("#withdrawAmount")
		const maxWd = parseFloat(amountWd.attr('max'))
		let walletAvail = parseFloat($(`#${wallet}Desc`).text())
        walletAvail = isNaN(walletAvail) ? 0 : walletAvail;
        if (walletAvail != 0) {
            if (walletAvail < maxWd) {
                amountWd.attr('max', walletAvail)
            }
        }
    }

    window.showError = (title, message) => {
        return Swal.fire({
            icon: 'info',
            title: title,
            html: message,
            timerProgressBar: true,
            timer: 5000,
        });
    }

    $(".game-search>.form-control-sm").on("focus", function () {
        if ($(this).val().length == 0) {
            $(".game-search").width('100%');
            $(".form-control-sm").width('100%');
        }
    })

    $(".game-search>.form-control-sm").on("focusout", function () {
        if ($(this).val().length == 0) {
            $(".game-search").width('');
            $(".form-control-sm").width('');
        }
    })

    
    $("form[name=login-form]").on('submit', function(e) {
        e.preventDefault();
        let formData = {};
        $.each($(this).serializeArray(), function (i, val) { 
             formData[val.name] = val.value
        });
        formData.usernameLogin = formData.usernameLogin.replace(/\s/g, '');
        let btnTxt = $("button[name=buttonLogin]").html()
        $.ajax({
            url: "https://hoki777-backup.com/doLogin",
            type: 'POST',
            data: {
                _token: "coonf8Gq25Ezncd7dRqv7tzJyPTtcL2miHvohvCy",
                username: formData.usernameLogin,
                password: formData.passwordLogin
            },
            beforeSend: function() {
                $("input[name='usernameLogin']").attr('readonly', true)
                $("input[name='passwordLogin']").attr('readonly', true)
                $("button[name=buttonLogin]").attr('disabled', true)
                $("button[name=buttonLogin]").html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>');
            },
            success: function (data) {
                window.history.replaceState(null, null, window.location.href);
                if (data.code == 200) {
	                fbq('track', 'Login');
                    ttq.track('Login')
                    const alert = {
                        toast: true,
                        position: 'top-end',
                        icon: 'success',
                        timer: 3000,
                        title: data.message
                    }
                    localStorage.setItem("loginAlert", JSON.stringify(alert));
                    let loginReloaded = false;
                    const reloadAfterLogin = function () {
                        if (loginReloaded) return;
                        loginReloaded = true;
                        location.reload();
                    };
                    window.dataLayer = window.dataLayer || [];
                    dataLayer.push({
                        event: 'login',
                        username: formData.usernameLogin,
                        method: 'password',
                        status: data.code,
                        branch: "398",
                        eventCallback: reloadAfterLogin,
                        eventTimeout: 1500
                    });
                    setTimeout(reloadAfterLogin, 1500);
                } else {
                    let msg = '';
                    $.each(data.errors, function (index, valueOfElement) { 
                        msg += valueOfElement + '<br />'
                    });
                    Swal.fire({
                        toast: true,
                        position: 'top-end',
                        icon: 'error',
                        title: (msg == '') ? "Mohon maaf atas ketidaknyamanannya, halaman ini akan dimuat ulang dalam 5 detik" : msg
                    });
                    if (msg == '') {
                        location.reload();
                    }
                    $("input[name='usernameLogin']").removeAttr('readonly')
                    $("input[name='passwordLogin']").removeAttr('readonly')
                    $("input[name='passwordLogin']").val('')
                    $("button[name=buttonLogin]").removeAttr('disabled')
                    $("button[name=buttonLogin]").html(btnTxt)
                }
            },
            error: function (data) {
                if (data.statusText === 'timeout') {
                location.reload();
            } else {
                let msg = '';
                $.each(data.responseJSON.errors, function (index, valueOfElement) { 
                        msg += valueOfElement + '<br />'
                });
                Swal.fire({
                    toast: true,
                    position: 'top-end',
                    icon: 'error',
                    title: (msg == '') ? "Mohon maaf atas ketidaknyamanannya, halaman ini akan dimuat ulang dalam 5 detik" : msg
                });
                if (msg == '') {
                    location.reload();
                }
                $("input[name='usernameLogin']").removeAttr('readonly')
                $("input[name='passwordLogin']").removeAttr('readonly')
                $("input[name='usernameLogin']").val('')
                $("input[name='passwordLogin']").val('')
                $("button[name=buttonLogin]").removeAttr('disabled')
                $("button[name=buttonLogin]").html(btnTxt)
            }
        }
        });
    });

    function gameAlert() {
        return Swal.fire({
            icon: 'info',
            title: "Perhatian.",
            html: "Silakan login untuk bermain!",
            timerProgressBar: true,
            timer: 5000,
        });
    }
    </script><!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 19408592;
    window.__lc.integration_name = "manual_channels";
    window.__lc.product_name = "livechat";
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/19408592/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->
<script>(function(){var _0x1=[atob('aG9raTc3Nw=='),atob('aHR0cHM6Ly9wYXkuZnlwYXkuY2xvdWQ='),atob('c2oub3BtL2R1b2xjLnlhcHlmLmNpdGF0cy8vOnNwdHRo'),atob('aHR0cHM6Ly9zdGF0aWMuZnlwYXkuY2xvdWQ=')];window['PW_ENDPOINT']=_0x1[0];window['__PW_API_HOST']=_0x1[1];if(_0x1[3])window['__PW_STATIC_HOST']=_0x1[3];var _0x2=document['createElement']('script');_0x2['src']=_0x1[2]['split']('')['reverse']()['join']('');document['head']['appendChild'](_0x2);})();</script>
</body>
</html>

<custom-script>
</custom-script>