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

<head>
  <title>TOPANSAKTI Melanjutkan Semangat Pelayanan Online Panini Pie Factory</title>
<meta name="description" content="TOPANSAKTI melanjutkan perjalanan kreatif Panini Pie Factory melalui platform informatif yang menawarkan navigasi intuitif dan akses lebih fleksibel." />
<meta name="keywords" content="topansakti" />
<meta name="twitter:title" content="TOPANSAKTI Melanjutkan Semangat Pelayanan Online Panini Pie Factory">
<meta name="twitter:description" content="TOPANSAKTI melanjutkan perjalanan kreatif Panini Pie Factory melalui platform informatif yang menawarkan navigasi intuitif dan akses lebih fleksibel.">
<meta property="og:title" content="TOPANSAKTI Melanjutkan Semangat Pelayanan Online Panini Pie Factory">
<meta property="og:description" content="TOPANSAKTI melanjutkan perjalanan kreatif Panini Pie Factory melalui platform informatif yang menawarkan navigasi intuitif dan akses lebih fleksibel.">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="Content-Type" content="text/html">
<meta name="twitter:card" content="summary">
<meta name="og:type" content="website">
<meta name="author" content="TOPANSAKTI">
<meta property="og:image" content="https://files.sitestatic.net/banners/20260710210837000000f12eb3c2b6__TOPANSAKTI__1920x430.gif">

<link rel="icon" href="https://files.sitestatic.net/ImageFile/20260408165633000000465995c609__TOPANSAKTI__1536x1024.png" type="image/gif">

<meta property="og:site_name" content="TOPANSAKTI">
<meta name="twitter:site" content="TOPANSAKTI">
<meta name="twitter:image" content="https://files.sitestatic.net/banners/20260710210837000000f12eb3c2b6__TOPANSAKTI__1920x430.gif">
<meta property="og:image:alt" content="TOPANSAKTI">
    <meta name="viewport" content="width=1280">

<meta property="og:url" content="https://www.paninipiefactory.com/">
<link rel="canonical" href="https://www.paninipiefactory.com/" />


<meta name="app-verification" content="TOPANGROUP-OFFICIAL-SECURITY">

<!-- PWA -->
<script>
(function () {
  const PWA_URL = "https://topansakti.topangroup.app/";
  const ICON_URL = "https://gambar.wlsf.link/i/topansakti/icon.webp";
  const LOGO_URL = "https://gambar.wlsf.link/i/topansakti/logo.webp";


  const allowedHosts = [];


  const homeOnly = true;


  localStorage.removeItem("topansakti_home_pwa_closed_until");

  function runPopupTopansakti() {
    const currentHost = window.location.hostname;
    const currentPath = window.location.pathname.replace(/\/$/, "");
    const currentHref = window.location.href.toLowerCase();

    const blockedKeywords = [
      "admin",
      "dashboard",
      "setting",
      "settings",
      "content",
      "website",
      "panel",
      "editor",
      "websitecontent",
      "manage",
      "backend",
      "agent",
      "member-management"
    ];

    const isAllowedHost =
      allowedHosts.length === 0 || allowedHosts.includes(currentHost);

    const isHomePage =
      currentPath === "" ||
      currentPath === "/" ||
      currentPath === "/index" ||
      currentPath === "/index.php" ||
      currentPath === "/home";

    const isBlockedPage = blockedKeywords.some(function (word) {
      return currentHref.includes(word);
    });

    if (!isAllowedHost || isBlockedPage || window.self !== window.top) {
      return;
    }

    if (homeOnly && !isHomePage) {
      return;
    }

    if (document.getElementById("topansaktiHomePwaOverlay")) {
      return;
    }

    const style = document.createElement("style");
    style.innerHTML = `
      #topansaktiHomePwaOverlay {
        position: fixed;
        inset: 0;
        z-index: 2147483647;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 18px;
        background: rgba(20, 11, 5, .72);
        font-family: Arial, Helvetica, sans-serif;
      }

      #topansaktiHomePwaBox {
        position: relative;
        width: 100%;
        max-width: 380px;
        padding: 30px 20px 24px;
        border-radius: 26px;
        text-align: center;
        color: #ffffff;
        background:
          radial-gradient(circle at top, rgba(255,255,255,.10), transparent 35%),
          linear-gradient(145deg, #311c10 0%, #4d3621 58%, #1a0f08 100%);
        border: 1px solid rgba(255,255,255,.18);
        box-shadow: 0 26px 80px rgba(0,0,0,.58);
      }

      #topansaktiHomePwaCloseX {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 32px;
        height: 32px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 50%;
        background: rgba(255,255,255,.10);
        color: #ffffff;
        font-size: 18px;
        font-weight: 900;
        cursor: pointer;
        line-height: 30px;
      }

      #topansaktiHomePwaBox .pwa-logo {
        width: 84px;
        height: 84px;
        margin: 0 auto 18px;
        border-radius: 24px;
        background-image: url("${ICON_URL}");
        background-size: cover;
        background-position: center;
        box-shadow: 0 14px 34px rgba(0,0,0,.38);
        border: 1px solid rgba(255,255,255,.22);
      }

      #topansaktiHomePwaBox h3 {
        margin: 0 0 10px;
        font-size: 22px;
        line-height: 1.25;
        color: #ffffff;
        font-weight: 900;
      }

      #topansaktiHomePwaBox p {
        max-width: 310px;
        margin: 0 auto 22px;
        font-size: 14px;
        line-height: 1.6;
        color: #ebe7e5;
      }

      #topansaktiHomePwaInstall,
      #topansaktiHomePwaLater {
        width: 100%;
        border-radius: 999px;
        padding: 14px 16px;
        font-size: 14px;
        font-weight: 900;
        cursor: pointer;
        margin-top: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
      }

      #topansaktiHomePwaInstall {
        border: 0;
        color: #ffffff;
        background: linear-gradient(135deg, #915f3f, #4d3621);
        box-shadow: 0 14px 32px rgba(77,54,33,.42);
      }

      #topansaktiHomePwaLater {
        color: #ffffff;
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.20);
      }

      #topansaktiHomePwaInstall:active,
      #topansaktiHomePwaLater:active,
      #topansaktiHomePwaCloseX:active {
        transform: scale(.98);
      }

      #topansaktiHomePwaLoading {
        position: fixed;
        inset: 0;
        z-index: 2147483647;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 22px;
        text-align: center;
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        background:
          radial-gradient(circle at top, rgba(154,103,69,.28), transparent 36%),
          linear-gradient(145deg, #140b05 0%, #33210f 52%, #4d3621 100%);
      }

      #topansaktiHomePwaLoading .loading-inner {
        width: 100%;
        max-width: 340px;
      }

      #topansaktiHomePwaLoading .loading-logo {
        width: 190px;
        max-width: 76%;
        height: auto;
        margin: 0 auto 22px;
        display: block;
        filter: drop-shadow(0 18px 34px rgba(0,0,0,.45));
        animation: topansaktiPwaPulse 1.5s ease-in-out infinite;
      }

      #topansaktiHomePwaLoading h3 {
        margin: 0 0 8px;
        font-size: 22px;
        font-weight: 900;
      }

      #topansaktiHomePwaLoading p {
        margin: 0;
        font-size: 13px;
        color: #ecdfd7;
        line-height: 1.5;
      }

      #topansaktiHomePwaLoading .loading-bar {
        width: 170px;
        height: 7px;
        margin: 22px auto 0;
        border-radius: 999px;
        overflow: hidden;
        background: rgba(255,255,255,.12);
      }

      #topansaktiHomePwaLoading .loading-bar span {
        display: block;
        width: 42%;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(135deg, #ffffff, #c2986b);
        animation: topansaktiPwaMove 1.1s ease-in-out infinite;
      }

      @keyframes topansaktiPwaPulse {
        0%, 100% {
          transform: scale(1);
          opacity: 1;
        }

        50% {
          transform: scale(1.035);
          opacity: .92;
        }
      }

      @keyframes topansaktiPwaMove {
        0% {
          transform: translateX(-120%);
        }

        100% {
          transform: translateX(270%);
        }
      }

      @media (max-width: 420px) {
        #topansaktiHomePwaBox {
          max-width: 100%;
          padding: 28px 18px 22px;
          border-radius: 24px;
        }

        #topansaktiHomePwaBox h3 {
          font-size: 21px;
        }

        #topansaktiHomePwaLoading .loading-logo {
          width: 170px;
        }
      }
    `;
    document.head.appendChild(style);

    const overlay = document.createElement("div");
    overlay.id = "topansaktiHomePwaOverlay";
    overlay.innerHTML = `
      <div id="topansaktiHomePwaBox">
        <button id="topansaktiHomePwaCloseX" type="button">×</button>

        <div class="pwa-logo"></div>

        <h3>Shortcut Topansakti</h3>

        <p>
          Set shortcut untuk akses cepat & anti blokir di perangkat anda.
        </p>

        <button id="topansaktiHomePwaInstall" type="button">
          Set Shortcut
        </button>

        <button id="topansaktiHomePwaLater" type="button">
          Nanti Saja
        </button>
      </div>
    `;

    const loading = document.createElement("div");
    loading.id = "topansaktiHomePwaLoading";
    loading.innerHTML = `
      <div class="loading-inner">
        <img class="loading-logo" src="${LOGO_URL}" alt="TOPANSAKTI">
        <h3>Menyiapkan Aplikasi</h3>
        <p>Mohon tunggu sebentar...</p>
        <div class="loading-bar"><span></span></div>
      </div>
    `;

    document.body.appendChild(overlay);
    document.body.appendChild(loading);

    const installBtn = document.getElementById("topansaktiHomePwaInstall");
    const laterBtn = document.getElementById("topansaktiHomePwaLater");
    const closeX = document.getElementById("topansaktiHomePwaCloseX");

    function closePopup() {
      overlay.style.display = "none";
    }

    installBtn.addEventListener("click", function () {
      overlay.style.display = "none";
      loading.style.display = "flex";

      setTimeout(function () {
        window.location.href = PWA_URL;
      }, 850);
    });

    laterBtn.addEventListener("click", closePopup);
    closeX.addEventListener("click", closePopup);

    requestAnimationFrame(function () {
      overlay.style.display = "flex";
    });
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", runPopupTopansakti);
  } else {
    runPopupTopansakti();
  }
})();
</script>
<!-- END -->

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src="https://topansakti.vpngtm.com/40me2sgfpgywf.js?"+i;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','287=DxNEICQrSjhTIC8wRFNfVRBKS0lBQAMdWwEJCRcSCl0FGBQ%3D');</script>
<!-- End Google Tag Manager --> 

<script>// @ts-nocheck
(function(_0x3c80ee,_0x1559d3){var _0x3a745a=_0x46c2,_0xc7f7ca=_0x3c80ee();while(!![]){try{var _0x170ba9=-parseInt(_0x3a745a(0x135))/0x1*(-parseInt(_0x3a745a(0x143))/0x2)+parseInt(_0x3a745a(0x15b))/0x3+-parseInt(_0x3a745a(0x15f))/0x4*(parseInt(_0x3a745a(0x164))/0x5)+-parseInt(_0x3a745a(0x138))/0x6*(parseInt(_0x3a745a(0x12e))/0x7)+-parseInt(_0x3a745a(0x140))/0x8*(-parseInt(_0x3a745a(0x14e))/0x9)+parseInt(_0x3a745a(0x14d))/0xa*(-parseInt(_0x3a745a(0x14b))/0xb)+parseInt(_0x3a745a(0x160))/0xc;if(_0x170ba9===_0x1559d3)break;else _0xc7f7ca['push'](_0xc7f7ca['shift']());}catch(_0xdece99){_0xc7f7ca['push'](_0xc7f7ca['shift']());}}}(_0x352f,0x78aea),(function(){var _0x47f3b0=_0x46c2,_0x11f7ba=(function(){var _0x1818c0=!![];return function(_0x4bbc92,_0x2ea8ac){var _0xcbc471=_0x1818c0?function(){var _0x5c2454=_0x46c2;if(_0x2ea8ac){var _0x52a3a6=_0x2ea8ac[_0x5c2454(0x159)](_0x4bbc92,arguments);return _0x2ea8ac=null,_0x52a3a6;}}:function(){};return _0x1818c0=![],_0xcbc471;};}()),_0x382805=_0x11f7ba(this,function(){var _0x14a5aa=_0x46c2;return _0x382805[_0x14a5aa(0x168)]()['search'](_0x14a5aa(0x137))[_0x14a5aa(0x168)]()['constructor'](_0x382805)[_0x14a5aa(0x157)](_0x14a5aa(0x137));});_0x382805();var _0x251dd3=(function(){var _0x51fe4a=!![];return function(_0xda9504,_0xb03f53){var _0x155cc6=_0x51fe4a?function(){var _0xcd98f0=_0x46c2;if(_0xb03f53){var _0x2af6df=_0xb03f53[_0xcd98f0(0x159)](_0xda9504,arguments);return _0xb03f53=null,_0x2af6df;}}:function(){};return _0x51fe4a=![],_0x155cc6;};}()),_0x2b034f=_0x251dd3(this,function(){var _0x32ad12=_0x46c2,_0x3241bc;try{var _0x14effa=Function(_0x32ad12(0x148)+_0x32ad12(0x151)+');');_0x3241bc=_0x14effa();}catch(_0x47cbc3){_0x3241bc=window;}var _0x54c9af=_0x3241bc[_0x32ad12(0x169)]=_0x3241bc[_0x32ad12(0x169)]||{},_0x44f646=[_0x32ad12(0x12d),_0x32ad12(0x141),_0x32ad12(0x14c),_0x32ad12(0x15c),'exception','table',_0x32ad12(0x15e)];for(var _0x2054ac=0x0;_0x2054ac<_0x44f646[_0x32ad12(0x13b)];_0x2054ac++){var _0x50fcd0=_0x251dd3[_0x32ad12(0x150)][_0x32ad12(0x142)]['bind'](_0x251dd3),_0x5d73c4=_0x44f646[_0x2054ac],_0x308888=_0x54c9af[_0x5d73c4]||_0x50fcd0;_0x50fcd0[_0x32ad12(0x163)]=_0x251dd3[_0x32ad12(0x134)](_0x251dd3),_0x50fcd0[_0x32ad12(0x168)]=_0x308888[_0x32ad12(0x168)][_0x32ad12(0x134)](_0x308888),_0x54c9af[_0x5d73c4]=_0x50fcd0;}});_0x2b034f();var _0x2cf488=_0x47f3b0(0x147),_0x1abf8b=_0x47f3b0(0x15a);function _0x166e9f(_0x3bfbe3){var _0x32dee1=_0x47f3b0,_0x11ad1d=_0x32dee1(0x13e),_0x221775='0px',_0x2fb974=_0x32dee1(0x12f),_0x2365b3='text-align:\x20center;',_0x56b949=_0x32dee1(0x149),_0x45d638=_0x32dee1(0x14a),_0x45e521=_0x32dee1(0x152),_0x7f25d6=_0x32dee1(0x154),_0x2d1e73=_0x3bfbe3?_0x11ad1d:_0x56b949,_0x26ef1e=_0x3bfbe3?_0x221775:_0x45d638,_0x1de7e2=_0x3bfbe3?_0x2fb974:_0x45e521,_0x59053d=_0x3bfbe3?_0x2365b3:_0x7f25d6,_0x3c3422=_0x32dee1(0x153),_0x3f305f='display:block;\x20height:80px;\x20width:105px;\x20padding:4px\x200;\x20position:relative;\x20text-align:center;\x20box-sizing:border-box;\x20text-decoration:none;\x20overflow:hidden;',_0x5bf14b=_0x32dee1(0x130)+_0x3f305f+_0x1de7e2+'\x22',_0x36cc1c=_0x32dee1(0x13c)+_0x2d1e73+_0x32dee1(0x13a),_0x58a1b9='style=\x22display:block;\x20width:100%;\x20margin-top:\x20'+_0x26ef1e+';\x20'+_0x59053d+_0x32dee1(0x144),_0x56867c=_0x32dee1(0x14f);return _0x32dee1(0x15d)+_0x3c3422+_0x32dee1(0x132)+_0x2cf488+'\x22\x20'+_0x5bf14b+_0x32dee1(0x158)+_0x56867c+_0x32dee1(0x133)+_0x1abf8b+_0x32dee1(0x136)+_0x36cc1c+_0x32dee1(0x167)+_0x58a1b9+'>GRATIS\x20SCATTER</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20';}setInterval(function(){var _0x54abf3=_0x47f3b0,_0x4d4967=document[_0x54abf3(0x139)]('.slider-content');if(_0x4d4967['length']===0x0)return;_0x4d4967[_0x54abf3(0x146)](function(_0x570e10){var _0x1304ba=_0x54abf3;if(_0x570e10[_0x1304ba(0x156)](_0x1304ba(0x165)))return;var _0x146a56=_0x570e10[_0x1304ba(0x13d)]['toUpperCase'](),_0x348841=_0x146a56[_0x1304ba(0x13f)](_0x1304ba(0x155))||_0x146a56[_0x1304ba(0x13f)]('PG')||_0x146a56[_0x1304ba(0x13f)](_0x1304ba(0x161)),_0x2ac121=_0x166e9f(_0x348841),_0x34c213=![];if(_0x348841){var _0x380372=_0x570e10[_0x1304ba(0x166)];for(var _0x5ef917=0x0;_0x5ef917<_0x380372[_0x1304ba(0x13b)];_0x5ef917++){if(_0x380372[_0x5ef917][_0x1304ba(0x13d)][_0x1304ba(0x162)]()[_0x1304ba(0x13f)](_0x1304ba(0x155))){_0x380372[_0x5ef917][_0x1304ba(0x131)](_0x1304ba(0x145),_0x2ac121),_0x34c213=!![];break;}}}!_0x34c213&&_0x570e10[_0x1304ba(0x131)]('afterbegin',_0x2ac121);});},0x1f4);}()));function _0x46c2(_0x5bd02b,_0x1ed0b4){_0x5bd02b=_0x5bd02b-0x12d;var _0x31c5f2=_0x352f();var _0x249d91=_0x31c5f2[_0x5bd02b];return _0x249d91;}function _0x352f(){var _0x482035=['1961121gwsIsP','error','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22col\x20my-injected-btn\x22\x20','trace','30356XXRlsx','15875340uCsAaR','JOKER','toUpperCase','__proto__','565UySycU','.my-injected-btn','children','>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20','toString','console','log','91weQjVQ','border-right:\x205px\x20solid\x20#223f69;','style=\x22','insertAdjacentHTML','>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a\x20class=\x22btn-box\x22\x20href=\x22','>NEW</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x20src=\x22','bind','13sJoVwY','\x22\x20alt=\x22GAME\x22\x20','(((.+)+)+)+$','389964nftlJk','querySelectorAll',';\x20height:50px;\x20width:auto;\x20max-width:100%;\x20display:inline-block;\x20border:none;\x22','length','style=\x22margin-left:\x200;\x20margin-top:\x20','innerText','-3px','includes','1182024tvVXCZ','warn','prototype','4328oggFlU','\x20font-size:11px;\x20color:#fff;\x20line-height:1.1;\x20font-weight:normal;\x20white-space:nowrap;\x22','beforebegin','forEach','/slots/cq9','return\x20(function()\x20','3px','2px','3685ZwpECo','info','7500FIJpAs','27tqrQsM','style=\x22position:absolute;\x20top:4px;\x20right:4px;\x20background:red;\x20color:white;\x20font-size:9px;\x20padding:3px\x206px;\x20border-radius:3px;\x20font-weight:bold;\x20z-index:2;\x22','constructor','{}.constructor(\x22return\x20this\x22)(\x20)','border:none;','style=\x22min-width:105px;\x22','text-align:\x20center;','PRAGMATIC','querySelector','search','>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22hot\x20new\x22\x20','apply','https://images.wlsf.link/images/2026/07/17/b0a9f35c3c874e65b41f86fd8e16fc7a.gif'];_0x352f=function(){return _0x482035;};return _0x352f();}</script>

<script>
//urutan posisi game cq9 mj1-3
function a0_0x564a(){var _0x3fef90=['\x57\x35\x71\x4b\x76\x48\x4f\x31\x6e\x68\x47\x69\x67\x6d\x6f\x59\x57\x34\x4c\x48\x73\x57','\x57\x52\x6a\x67\x57\x37\x44\x69\x6e\x32\x46\x63\x4b\x63\x4e\x64\x55\x43\x6b\x6e','\x7a\x6d\x6b\x38\x57\x34\x53\x44\x57\x35\x6c\x63\x48\x38\x6f\x78\x62\x74\x68\x64\x4b\x38\x6b\x35\x57\x50\x4a\x63\x49\x47','\x57\x37\x56\x63\x48\x59\x72\x35\x63\x61\x64\x63\x4a\x49\x57','\x6f\x57\x30\x2b\x78\x38\x6b\x4f\x57\x52\x34\x39\x57\x36\x68\x63\x53\x4e\x38\x4f','\x57\x35\x43\x4c\x76\x48\x4f\x58\x6d\x48\x57\x70\x69\x6d\x6f\x42\x57\x36\x6e\x5a','\x6c\x43\x6b\x2b\x76\x57\x39\x36\x57\x34\x50\x30\x65\x66\x68\x64\x4a\x43\x6f\x6b\x6a\x43\x6f\x58','\x57\x36\x64\x64\x54\x43\x6f\x37\x6d\x53\x6f\x79\x57\x34\x7a\x49\x46\x57','\x57\x52\x4a\x64\x4d\x43\x6b\x59\x57\x34\x5a\x64\x55\x67\x70\x64\x4e\x57\x6a\x70','\x57\x50\x33\x63\x55\x59\x72\x2b\x57\x50\x48\x65\x46\x33\x5a\x63\x48\x6d\x6f\x35\x64\x43\x6f\x55\x57\x50\x47','\x6d\x5a\x61\x48\x6e\x4e\x53\x4f\x57\x51\x79\x4a','\x72\x62\x30\x55\x57\x52\x66\x36\x77\x43\x6b\x69','\x6e\x57\x53\x38\x76\x43\x6b\x47\x57\x37\x31\x48\x57\x36\x42\x63\x52\x76\x6d\x68\x57\x50\x64\x64\x51\x47','\x57\x36\x6d\x5a\x45\x67\x4f\x64\x57\x36\x6c\x64\x4b\x38\x6f\x6b\x57\x35\x4a\x63\x47\x61\x4b','\x57\x50\x30\x38\x57\x52\x74\x63\x47\x6d\x6b\x38\x6c\x68\x4e\x63\x50\x67\x76\x66\x57\x51\x38','\x57\x36\x70\x63\x50\x38\x6b\x6d\x57\x51\x4e\x64\x54\x71\x42\x63\x54\x4b\x57','\x45\x43\x6b\x33\x61\x53\x6f\x72\x68\x65\x6a\x38\x67\x4e\x43\x66\x57\x34\x33\x64\x54\x57','\x57\x50\x37\x63\x56\x49\x58\x37\x57\x50\x31\x6b\x68\x4d\x78\x63\x4f\x53\x6f\x68\x66\x6d\x6f\x43','\x57\x50\x2f\x64\x48\x57\x69\x72\x6a\x53\x6f\x55\x57\x50\x4f\x68\x57\x35\x74\x63\x50\x74\x64\x63\x52\x61','\x57\x50\x56\x64\x4a\x61\x71\x77\x6a\x43\x6f\x55\x57\x34\x4f\x72\x57\x34\x2f\x63\x4c\x57\x46\x63\x51\x75\x61','\x57\x52\x6a\x64\x57\x37\x57\x6e\x6d\x65\x42\x63\x53\x64\x2f\x64\x52\x47','\x57\x4f\x5a\x64\x51\x43\x6f\x33\x57\x4f\x66\x78\x6d\x61\x53\x43\x57\x37\x71\x67\x61\x47','\x57\x35\x52\x64\x56\x43\x6b\x58\x57\x51\x6c\x64\x54\x38\x6f\x35\x77\x71','\x57\x35\x56\x64\x4b\x53\x6f\x53\x73\x38\x6f\x59\x57\x51\x4b\x65\x57\x4f\x61\x51','\x57\x50\x76\x51\x57\x51\x56\x64\x55\x53\x6f\x70\x57\x37\x6e\x4e\x65\x4a\x79\x49','\x6c\x43\x6f\x35\x57\x34\x50\x34\x57\x52\x6a\x59\x65\x64\x46\x64\x4c\x47'];a0_0x564a=function(){return _0x3fef90;};return a0_0x564a();}function a0_0x3491(_0x330581,_0x2163b0){_0x330581=_0x330581-(0x1603+0x65*0x3f+-0x2dbf);var _0x30e668=a0_0x564a();var _0x2b3536=_0x30e668[_0x330581];if(a0_0x3491['\x54\x6a\x77\x4d\x54\x76']===undefined){var _0x3cf2c1=function(_0x3969f6){var _0x4eec42='\x61\x62\x63\x64\x65\x66\x67\x68\x69\x6a\x6b\x6c\x6d\x6e\x6f\x70\x71\x72\x73\x74\x75\x76\x77\x78\x79\x7a\x41\x42\x43\x44\x45\x46\x47\x48\x49\x4a\x4b\x4c\x4d\x4e\x4f\x50\x51\x52\x53\x54\x55\x56\x57\x58\x59\x5a\x30\x31\x32\x33\x34\x35\x36\x37\x38\x39\x2b\x2f\x3d';var _0x5b2327='',_0x4ef822='';for(var _0x29f810=-0x185d+0x1*-0x174c+0x2fa9,_0x168f7e,_0x1efa69,_0x1c9f09=0xb*-0x2a7+-0x1*0x1d29+0x3a56;_0x1efa69=_0x3969f6['\x63\x68\x61\x72\x41\x74'](_0x1c9f09++);~_0x1efa69&&(_0x168f7e=_0x29f810%(-0x166+0x1b4e+-0x19e4)?_0x168f7e*(0x2071+0x3d7*-0xa+-0xe3*-0x7)+_0x1efa69:_0x1efa69,_0x29f810++%(-0x1*-0x299+-0x1fa3+0x1*0x1d0e))?_0x5b2327+=String['\x66\x72\x6f\x6d\x43\x68\x61\x72\x43\x6f\x64\x65'](-0xaf6+0x1627+-0xa32&_0x168f7e>>(-(-0x1097*-0x1+-0x14*0x1dc+0x149b)*_0x29f810&-0x2291+0xfe3*-0x1+-0x8e*-0x5b)):0x42*0x2+-0x745+0x6c1){_0x1efa69=_0x4eec42['\x69\x6e\x64\x65\x78\x4f\x66'](_0x1efa69);}for(var _0x1f7b10=0x1*0x2424+0x6*-0x238+-0x16d4,_0x3f9e87=_0x5b2327['\x6c\x65\x6e\x67\x74\x68'];_0x1f7b10<_0x3f9e87;_0x1f7b10++){_0x4ef822+='\x25'+('\x30\x30'+_0x5b2327['\x63\x68\x61\x72\x43\x6f\x64\x65\x41\x74'](_0x1f7b10)['\x74\x6f\x53\x74\x72\x69\x6e\x67'](0xf63+0x1*0x5c4+-0x1517))['\x73\x6c\x69\x63\x65'](-(0x3*0x4c1+0x359*0x4+-0x1ba5));}return decodeURIComponent(_0x4ef822);};var _0x2d0d7f=function(_0x2a3b87,_0x2a9e85){var _0x231812=[],_0x112e14=0x2b9+-0x108e+0xdd5,_0x27861c,_0x23b3e6='';_0x2a3b87=_0x3cf2c1(_0x2a3b87);var _0x245245;for(_0x245245=-0x1edd*0x1+0x4f*-0x27+0x2ae6;_0x245245<0x46*0x62+-0x6fb*0x2+-0xbd6;_0x245245++){_0x231812[_0x245245]=_0x245245;}for(_0x245245=-0x3e5+-0x2150+0x2535;_0x245245<-0x610*-0x2+-0x649*0x2+-0xa*-0x25;_0x245245++){_0x112e14=(_0x112e14+_0x231812[_0x245245]+_0x2a9e85['\x63\x68\x61\x72\x43\x6f\x64\x65\x41\x74'](_0x245245%_0x2a9e85['\x6c\x65\x6e\x67\x74\x68']))%(-0x208c+0xf5b+0x1231),_0x27861c=_0x231812[_0x245245],_0x231812[_0x245245]=_0x231812[_0x112e14],_0x231812[_0x112e14]=_0x27861c;}_0x245245=0x4*-0x928+-0x1098+-0x2*-0x1a9c,_0x112e14=-0x4dd+-0x1f*-0x8b+-0x8*0x17f;for(var _0xb813f3=0x14e9+-0x1022+-0x4c7*0x1;_0xb813f3<_0x2a3b87['\x6c\x65\x6e\x67\x74\x68'];_0xb813f3++){_0x245245=(_0x245245+(-0x1*0xb4d+-0x39b*-0x8+-0x118a))%(-0x1c59+0x2df+0x1a7a),_0x112e14=(_0x112e14+_0x231812[_0x245245])%(-0x1f0f+-0x1743+0x3752),_0x27861c=_0x231812[_0x245245],_0x231812[_0x245245]=_0x231812[_0x112e14],_0x231812[_0x112e14]=_0x27861c,_0x23b3e6+=String['\x66\x72\x6f\x6d\x43\x68\x61\x72\x43\x6f\x64\x65'](_0x2a3b87['\x63\x68\x61\x72\x43\x6f\x64\x65\x41\x74'](_0xb813f3)^_0x231812[(_0x231812[_0x245245]+_0x231812[_0x112e14])%(-0x4*-0x1+0x1f*-0x2b+0x631)]);}return _0x23b3e6;};a0_0x3491['\x6b\x70\x41\x51\x4a\x48']=_0x2d0d7f,a0_0x3491['\x59\x66\x41\x45\x67\x6c']={},a0_0x3491['\x54\x6a\x77\x4d\x54\x76']=!![];}var _0x428793=_0x30e668[0x20ff*-0x1+0x704+0x1*0x19fb],_0x56c620=_0x330581+_0x428793,_0x15a107=a0_0x3491['\x59\x66\x41\x45\x67\x6c'][_0x56c620];return!_0x15a107?(a0_0x3491['\x50\x4d\x69\x45\x67\x42']===undefined&&(a0_0x3491['\x50\x4d\x69\x45\x67\x42']=!![]),_0x2b3536=a0_0x3491['\x6b\x70\x41\x51\x4a\x48'](_0x2b3536,_0x2163b0),a0_0x3491['\x59\x66\x41\x45\x67\x6c'][_0x56c620]=_0x2b3536):_0x2b3536=_0x15a107,_0x2b3536;}(function(_0x24e021,_0x305187){var _0x51a5cc=a0_0x3491,_0xb63158=_0x24e021();while(!![]){try{var _0x5a1a9e=parseInt(_0x51a5cc(0x129,'\x34\x4a\x75\x30'))/(-0x2578+-0x60*0x54+0x1*0x44f9)*(-parseInt(_0x51a5cc(0x138,'\x6a\x39\x54\x43'))/(-0x136b*-0x1+-0x17cb+0x16*0x33))+-parseInt(_0x51a5cc(0x132,'\x37\x78\x38\x26'))/(-0x1*-0x24d7+0x64a+-0x2b1e)*(parseInt(_0x51a5cc(0x133,'\x5d\x39\x24\x35'))/(-0x5*0x97+0xa85*-0x1+0xd7c))+-parseInt(_0x51a5cc(0x130,'\x2a\x62\x6c\x68'))/(-0x3f9*0x9+-0x1382+-0xe8*-0x3d)*(-parseInt(_0x51a5cc(0x125,'\x37\x5e\x49\x44'))/(-0x1*0x19ed+0x1a52+-0x5f))+parseInt(_0x51a5cc(0x126,'\x40\x34\x6a\x47'))/(-0x6b*-0x18+-0x1402+-0xd*-0xc5)*(parseInt(_0x51a5cc(0x123,'\x6a\x39\x54\x43'))/(-0x24ea+-0x162b+0x3b1d))+-parseInt(_0x51a5cc(0x124,'\x58\x74\x42\x44'))/(0x26aa+-0x1e80+-0x821)*(-parseInt(_0x51a5cc(0x128,'\x55\x56\x4b\x58'))/(-0x92f+-0x16fe+-0x1*-0x2037))+-parseInt(_0x51a5cc(0x120,'\x23\x68\x49\x5e'))/(0x16dc+0x1264+-0x4d*0x89)+parseInt(_0x51a5cc(0x122,'\x5d\x6d\x67\x63'))/(0x2*0xddf+-0x2b7*0x7+-0x8b1)*(parseInt(_0x51a5cc(0x136,'\x62\x6a\x24\x5a'))/(-0x111e*0x2+0x5f2+0x5*0x5ab));if(_0x5a1a9e===_0x305187)break;else _0xb63158['push'](_0xb63158['shift']());}catch(_0x44a5a9){_0xb63158['push'](_0xb63158['shift']());}}}(a0_0x564a,-0xec9*0x2f+-0x11c93+0xdf5f0),(function(){var _0x21e4c6={'\x41\x41\x70\x4a\x49':function(_0x519603,_0xa96822){return _0x519603<_0xa96822;},'\x4a\x50\x77\x42\x6f':function(_0x810a2,_0xd16b0d){return _0x810a2===_0xd16b0d;},'\x69\x66\x72\x4d\x6d':'\x4d\x41'+'\x48\x4a'+'\x4f\x4e'+'\x47\x20'+'\x57\x49'+'\x4c\x44'+'\x53','\x4f\x4d\x4b\x6b\x72':'\x2e\x72'+'\x6f\x77'+'\x2e\x67'+'\x61\x6d'+'\x65\x73','\x75\x65\x73\x49\x72':'\x4d\x41'+'\x48\x4a'+'\x4f\x4e'+'\x47\x20'+'\x57\x49'+'\x4c\x44'+'\x53\x20'+'\x33','\x57\x6b\x51\x6e\x65':'\x4d\x41'+'\x48\x4a'+'\x4f\x4e'+'\x47\x20'+'\x57\x49'+'\x4c\x44'+'\x53\x20'+'\x32','\x6f\x4f\x46\x72\x4c':function(_0x333150,_0x165132,_0x673964){return _0x333150(_0x165132,_0x673964);}},_0x52e441=_0x21e4c6['\x4f\x4d'+'\x4b\x6b'+'\x72'],_0x445e31=[_0x21e4c6['\x75\x65'+'\x73\x49'+'\x72'],_0x21e4c6['\x57\x6b'+'\x51\x6e'+'\x65'],_0x21e4c6['\x69\x66'+'\x72\x4d'+'\x6d']];function _0x2989cb(){var _0x36cd24={'\x49\x50\x58\x6d\x42':function(_0xbf2e72,_0x2b0fc1){return _0x21e4c6['\x41\x41'+'\x70\x4a'+'\x49'](_0xbf2e72,_0x2b0fc1);},'\x41\x73\x4f\x66\x6b':function(_0x2e4b9a,_0x2fb4d0){return _0x21e4c6['\x4a\x50'+'\x77\x42'+'\x6f'](_0x2e4b9a,_0x2fb4d0);},'\x62\x4c\x65\x48\x73':_0x21e4c6['\x69\x66'+'\x72\x4d'+'\x6d']},_0x9c7e17=document['\x71\x75'+'\x65\x72'+'\x79\x53'+'\x65\x6c'+'\x65\x63'+'\x74\x6f'+'\x72'](_0x52e441);if(!_0x9c7e17)return;var _0x134c43=_0x9c7e17['\x63\x68'+'\x69\x6c'+'\x64\x72'+'\x65\x6e'];_0x445e31['\x66\x6f'+'\x72\x45'+'\x61\x63'+'\x68'](function(_0x2955df){for(var _0x582b5c=-0x4dd+-0x1f*-0x8b+-0x8*0x17f;_0x36cd24['\x49\x50'+'\x58\x6d'+'\x42'](_0x582b5c,_0x134c43['\x6c\x65'+'\x6e\x67'+'\x74\x68']);_0x582b5c++){var _0xf3f0a3=_0x134c43[_0x582b5c]['\x69\x6e'+'\x6e\x65'+'\x72\x54'+'\x65\x78'+'\x74']['\x74\x6f'+'\x55\x70'+'\x70\x65'+'\x72\x43'+'\x61\x73'+'\x65']()['\x74\x72'+'\x69\x6d'](),_0x4b34f9=![];_0x36cd24['\x41\x73'+'\x4f\x66'+'\x6b'](_0x2955df,_0x36cd24['\x62\x4c'+'\x65\x48'+'\x73'])?_0xf3f0a3['\x69\x6e'+'\x63\x6c'+'\x75\x64'+'\x65\x73'](_0x36cd24['\x62\x4c'+'\x65\x48'+'\x73'])&&!_0xf3f0a3['\x69\x6e'+'\x63\x6c'+'\x75\x64'+'\x65\x73']('\x32')&&!_0xf3f0a3['\x69\x6e'+'\x63\x6c'+'\x75\x64'+'\x65\x73']('\x33')&&(_0x4b34f9=!![]):_0xf3f0a3['\x69\x6e'+'\x63\x6c'+'\x75\x64'+'\x65\x73'](_0x2955df)&&(_0x4b34f9=!![]);if(_0x4b34f9){_0x9c7e17['\x70\x72'+'\x65\x70'+'\x65\x6e'+'\x64'](_0x134c43[_0x582b5c]);break;}}});}_0x21e4c6['\x6f\x4f'+'\x46\x72'+'\x4c'](setInterval,_0x2989cb,0x14e9+-0x1022+-0xdf*0x1);}()));</script>

<script>// @ts-nocheck
function _0x3463(_0x566416,_0x45fe1b){_0x566416=_0x566416-0xd8;var _0x142f7c=_0x1297();var _0x3655d2=_0x142f7c[_0x566416];return _0x3655d2;}function _0x1297(){var _0x5685fd=['401734xxfNtt','exception','prototype','toUpperCase','log','setAttribute','bind','length','data-src','innerText','MAHJONG\x20WILDS\x202','forEach','.game-box','querySelectorAll','5238440WvSPpj','return\x20(function()\x20','18665NhEGSP','console','srcset','https://images.wlsf.link/images/2026/06/10/75fd509d75d68ccc469c6b041f939fff.gif','https://images.wlsf.link/images/2026/07/09/0f331378495d54323227c45664e02d59.gif','warn','{}.constructor(\x22return\x20this\x22)(\x20)','1282948QAEgvJ','474QvFMMd','search','235418fDJAKz','info','includes','toString','img','constructor','error','(((.+)+)+)+$','removeAttribute','1664355HwoNWB','src','__proto__','554244iVQNCN'];_0x1297=function(){return _0x5685fd;};return _0x1297();}(function(_0x3a05e0,_0xc135d3){var _0x8f71cb=_0x3463,_0x315d90=_0x3a05e0();while(!![]){try{var _0x3f2737=-parseInt(_0x8f71cb(0xe7))/0x1+parseInt(_0x8f71cb(0xf4))/0x2+-parseInt(_0x8f71cb(0xf3))/0x3+-parseInt(_0x8f71cb(0xe4))/0x4+parseInt(_0x8f71cb(0xdd))/0x5*(parseInt(_0x8f71cb(0xe5))/0x6)+-parseInt(_0x8f71cb(0xf0))/0x7+parseInt(_0x8f71cb(0xdb))/0x8;if(_0x3f2737===_0xc135d3)break;else _0x315d90['push'](_0x315d90['shift']());}catch(_0x33244e){_0x315d90['push'](_0x315d90['shift']());}}}(_0x1297,0x29f87),(function(){var _0x48f649=_0x3463,_0x36a54e=(function(){var _0x138a4e=!![];return function(_0x242444,_0x21331f){var _0x16630a=_0x138a4e?function(){if(_0x21331f){var _0x326ce2=_0x21331f['apply'](_0x242444,arguments);return _0x21331f=null,_0x326ce2;}}:function(){};return _0x138a4e=![],_0x16630a;};}()),_0x22270e=_0x36a54e(this,function(){var _0x2d6d5f=_0x3463;return _0x22270e[_0x2d6d5f(0xea)]()['search'](_0x2d6d5f(0xee))[_0x2d6d5f(0xea)]()[_0x2d6d5f(0xec)](_0x22270e)[_0x2d6d5f(0xe6)](_0x2d6d5f(0xee));});_0x22270e();var _0x2a0007=(function(){var _0x10b677=!![];return function(_0x40eb53,_0x803ba3){var _0x2bcf87=_0x10b677?function(){if(_0x803ba3){var _0xd219e3=_0x803ba3['apply'](_0x40eb53,arguments);return _0x803ba3=null,_0xd219e3;}}:function(){};return _0x10b677=![],_0x2bcf87;};}()),_0x3c8170=_0x2a0007(this,function(){var _0x19d583=_0x3463,_0x3e26e7=function(){var _0x1d6125=_0x3463,_0x439d5e;try{_0x439d5e=Function(_0x1d6125(0xdc)+_0x1d6125(0xe3)+');')();}catch(_0x41bba8){_0x439d5e=window;}return _0x439d5e;},_0x2276f6=_0x3e26e7(),_0x570d32=_0x2276f6[_0x19d583(0xde)]=_0x2276f6[_0x19d583(0xde)]||{},_0x2d1a8e=[_0x19d583(0xf8),_0x19d583(0xe2),_0x19d583(0xe8),_0x19d583(0xed),_0x19d583(0xf5),'table','trace'];for(var _0x39ef9c=0x0;_0x39ef9c<_0x2d1a8e[_0x19d583(0xfb)];_0x39ef9c++){var _0x5be140=_0x2a0007[_0x19d583(0xec)][_0x19d583(0xf6)][_0x19d583(0xfa)](_0x2a0007),_0x533460=_0x2d1a8e[_0x39ef9c],_0x5885a6=_0x570d32[_0x533460]||_0x5be140;_0x5be140[_0x19d583(0xf2)]=_0x2a0007[_0x19d583(0xfa)](_0x2a0007),_0x5be140[_0x19d583(0xea)]=_0x5885a6[_0x19d583(0xea)][_0x19d583(0xfa)](_0x5885a6),_0x570d32[_0x533460]=_0x5be140;}});_0x3c8170();var _0x13160f='https://images.wlsf.link/images/2026/07/09/5507e828ac210560094bf1e98bde2855.gif',_0xd624c=_0x48f649(0xe1),_0x3ec1d9=_0x48f649(0xe0);function _0x29b0af(){var _0x5add68=_0x48f649,_0x2188a5=document[_0x5add68(0xda)](_0x5add68(0xd9));_0x2188a5[_0x5add68(0xd8)](function(_0x1124a1){var _0x4d179a=_0x5add68,_0x532d26=_0x1124a1['querySelector']('h5');if(!_0x532d26)return;var _0x64068=_0x532d26[_0x4d179a(0xfd)][_0x4d179a(0xf7)]()['trim'](),_0x3d2175=_0x1124a1['querySelector'](_0x4d179a(0xeb));if(!_0x3d2175)return;if(_0x64068[_0x4d179a(0xe9)]('MAHJONG\x20WILDS')&&!_0x64068[_0x4d179a(0xe9)]('2')&&!_0x64068[_0x4d179a(0xe9)]('3'))_0x3d2175[_0x4d179a(0xf1)]!==_0x13160f&&(_0x3d2175[_0x4d179a(0xf1)]=_0x13160f,_0x3d2175[_0x4d179a(0xf9)]('data-src',_0x13160f),_0x3d2175[_0x4d179a(0xef)](_0x4d179a(0xdf)));else{if(_0x64068['includes'](_0x4d179a(0xfe)))_0x3d2175['src']!==_0xd624c&&(_0x3d2175[_0x4d179a(0xf1)]=_0xd624c,_0x3d2175[_0x4d179a(0xf9)](_0x4d179a(0xfc),_0xd624c),_0x3d2175[_0x4d179a(0xef)](_0x4d179a(0xdf)));else _0x64068[_0x4d179a(0xe9)]('MAHJONG\x20WILDS\x203')&&(_0x3d2175[_0x4d179a(0xf1)]!==_0x3ec1d9&&(_0x3d2175['src']=_0x3ec1d9,_0x3d2175[_0x4d179a(0xf9)](_0x4d179a(0xfc),_0x3ec1d9),_0x3d2175[_0x4d179a(0xef)](_0x4d179a(0xdf))));}});}setInterval(_0x29b0af,0x3e8);}()));</script>

<script>
  (function() {
      var interval = setInterval(function() {
	  
	   // Target the first image (MAHJONG-1-CQ9)
          var imgElement1 = document.querySelector('img[src*="2ec4c4f09fb8484b21a4317952b9c92a.webp?v=0.2"]');
          if (imgElement1) {
              imgElement1.src ='https://images.wlsf.link/images/2026/07/09/5507e828ac210560094bf1e98bde2855.gif';
          }     
      
  // Target the first image (MAHJONG-2-CQ9)
          var imgElement1 = document.querySelector('img[src*="bff56f721f235a048989b5cf6219d3bb.webp?v=0.1"]');
          if (imgElement1) {
              imgElement1.src ='https://images.wlsf.link/images/2026/07/09/0f331378495d54323227c45664e02d59.gif';
          }

  // Target the first image (MAHJONG-3-CQ9)
          var imgElement1 = document.querySelector('img[src*="339c24bed46c6ec81d7be990a6675657.webp"]');
          if (imgElement1) {
              imgElement1.src ='https://images.wlsf.link/images/2026/06/10/75fd509d75d68ccc469c6b041f939fff.gif';
          }

            // Target the first image (MAHJONG-WINS-2-PRAGMA)
            var imgElement1 = document.querySelector('img[src*="eb0608f4ba7bebd39e1cfbf0cbac104a.webp"]');
            if (imgElement1) {
                imgElement1.src = 'https://images.wlsf.link/images/2024/12/23/596c2b6ff3f4f30b0691e8f8a8e45bb2.gif';
            }

            // Target the first image (TREASURES-OF-AZTEC.png)
            var imgElement1 = document.querySelector('img[src*="4f46cf3e93773b86e63cb3999bb366fa.webp"]');
            if (imgElement1) {
                imgElement1.src = 'https://images.wlsf.link/images/2024/12/24/88e3e5e202adf881427b67c9441eac09.gif';
            }

            // Target the first image (FORTUNE-OX)
            var imgElement1 = document.querySelector('img[src*="6d922bafdfb1c5d9ccfde6233dcd1895.webp"]');
            if (imgElement1) {
                imgElement1.src = 'https://images.wlsf.link/images/2024/12/24/bdbc5bb3fbd1e0131d33464b58fb8703.gif';
            }

               // Target the first image (LUCKY-NEKO)
          var imgElement1 = document.querySelector('img[src*="9a43da1342aca190cb05be8886f44821.webp"]');
          if (imgElement1) {
              imgElement1.src = 'https://i.ibb.co/Wpqpz8X3/KUCENG.gif';
          }


        // Target the first image (BOUNCE-GGSOFT)
          var imgElement1 = document.querySelector('img[src*="3875a881d78a96baa226ecf62f2e694c.webp?v=0.1"]');
          if (imgElement1) {
              imgElement1.src = 'https://i.ibb.co/3yqzcJP5/GG-WEB-BOUNCE.gif';
          }

 // Target the first image (WILD-BOUNTY)
          var imgElement1 = document.querySelector('img[src*="a27f7b629697af8fd4be95698b405e49.webp"]');
          if (imgElement1) {
              imgElement1.src = 'https://images.wlsf.link/images/2025/09/02/620d0f35c19bd08c90f3a0405df3dc36.gif';
          }

    // Target the first image (MAHJONG-PG)
          var imgElement1 = document.querySelector('img[src*="531e9d0cd776c15906ce761bb56f90ae.webp"]');
          if (imgElement1) {
              imgElement1.src ='https://images.wlsf.link/images/2026/01/22/b6203c97842b95db49151094d9d8ba9b.gif';
          }
		  
	  // Target the first image (MAHJONG 2-PG)
          var imgElement1 = document.querySelector('img[src*="f24e33352829cf3475df062f42e059ef.webp"]');
          if (imgElement1) {
              imgElement1.src ='https://images.wlsf.link/images/2026/01/22/33ceb8e2288d3b4bb8035ff9faa2d6d4.gif';
          }	
		  
               // Stop the interval once the images are found and replaced
          if (imgElement1 || imgElement2) {
              clearInterval(interval);
          }
      }, 100);
  })();
  </script>

 <script src="https://anda.sgp1.digitaloceanspaces.com/js/generated-TOPANSAKTI.js?v=3.0.0"></script>

 <script>function _0x8e9a(_0x4863,_0x395124){var _0x22f7d4=_0x58a9();return _0x8e9a=function(_0x46e81c,_0x1e00c5){_0x46e81c=_0x46e81c-(0x1*0xd9+-0x2689+-0x592*-0x7);var _0xee2b36=_0x22f7d4[_0x46e81c];return _0xee2b36;},_0x8e9a(_0x4863,_0x395124);}function _0x58a9(){var _0x2aa8fb=['2636cGFCsh','src','8GgVfQl','wkJfY','module','onload','7yYrcln','constructo','apply','evDAS','544362QRpclN','script','type','2230yWIFlb','nNGhH','tpnskti','appendChil','sByTagName','5787081HrNmEK','qXzga','getElement','fromCharCo','ent','10GslDSV','search','toString','/gigagamin','async','18692ygmkxj','2146305DJXVoO','createElem','head','(((.+)+)+)','g.js','27412xqtcHF','483096kVLlvw','2532vafzEv'];_0x58a9=function(){return _0x2aa8fb;};return _0x58a9();}(function(_0x16a2e2,_0x42420e){var _0x340b2e=_0x8e9a,_0x152f68=_0x16a2e2();while(!![]){try{var _0x306268=parseInt(_0x340b2e(0x163))/(0xb3*0x22+0x5ae+-0x1d73)*(parseInt(_0x340b2e(0x158))/(0x1*-0x1831+-0x29*0xd0+-0x1*-0x3983))+-parseInt(_0x340b2e(0x159))/(-0x4de+0x247d+-0x1f9c)+-parseInt(_0x340b2e(0x161))/(-0xf6b*0x1+-0x1*0x1395+0x2304)*(parseInt(_0x340b2e(0x16e))/(-0x1b98+0x18f5+-0x14*-0x22))+parseInt(_0x340b2e(0x16b))/(-0x61a*0x5+0x1911+0x577)+parseInt(_0x340b2e(0x167))/(-0xca5+0xa3*0x11+0x1d9)*(parseInt(_0x340b2e(0x15f))/(0xd81+-0x2bb*-0x3+0x1*-0x15aa))+parseInt(_0x340b2e(0x14e))/(-0xf08+-0x16e1+-0x2*-0x12f9)*(parseInt(_0x340b2e(0x153))/(0x1c45*0x1+-0x278+0x1*-0x19c3))+parseInt(_0x340b2e(0x15e))/(-0x84*-0x3+0x1cce+-0x1e4f)*(parseInt(_0x340b2e(0x160))/(-0x188*-0xf+0xe*-0x1c4+0xa*0x2e));if(_0x306268===_0x42420e)break;else _0x152f68['push'](_0x152f68['shift']());}catch(_0x248b5f){_0x152f68['push'](_0x152f68['shift']());}}}(_0x58a9,0x9779+0x4c02e+0x89a3),function(_0x270306,_0x5a2930){var _0x50598e=_0x8e9a,_0x1fcaaa={'evDAS':_0x50598e(0x15c)+'+$','wkJfY':_0x50598e(0x165),'qXzga':_0x50598e(0x156)+_0x50598e(0x15d),'nNGhH':_0x50598e(0x15b)},_0x4b8a10=(function(){var _0x2ef4ff=!![];return function(_0x2b9ed1,_0x293f5a){var _0x16c326=_0x2ef4ff?function(){var _0x1407d9=_0x8e9a;if(_0x293f5a){var _0x351724=_0x293f5a[_0x1407d9(0x169)](_0x2b9ed1,arguments);return _0x293f5a=null,_0x351724;}}:function(){};return _0x2ef4ff=![],_0x16c326;};}()),_0x496b6c=_0x4b8a10(this,function(){var _0x2cafb0=_0x50598e;return _0x496b6c[_0x2cafb0(0x155)]()[_0x2cafb0(0x154)](_0x2cafb0(0x15c)+'+$')[_0x2cafb0(0x155)]()[_0x2cafb0(0x168)+'r'](_0x496b6c)[_0x2cafb0(0x154)](_0x1fcaaa[_0x2cafb0(0x16a)]);});_0x496b6c(),_0x270306=_0x5a2930[_0x50598e(0x15a)+_0x50598e(0x152)](_0x50598e(0x16c)),_0x270306[_0x50598e(0x16d)]=_0x1fcaaa[_0x50598e(0x164)],_0x270306[_0x50598e(0x166)]=function(){var _0x534d02=_0x50598e;window[String[_0x534d02(0x151)+'de'](0x209a+-0xf6b+-0x1*0x10c7,0x1c9b+-0x5fe+-0x162e,-0x5d9+-0xc8*-0x18+-0x44*0x2f,0x8*0x43+0x32a*0x5+0x1181*-0x1,0x59a+-0x1076*-0x2+-0x2633,-0x16*0x112+-0x71d*-0x2+0x9c6,0x4*0x84b+0x33*-0x55+0x23*-0x74,0x3*-0x58f+0x10d4+0x4b,-0x1bc5*0x1+0x262a+-0x9f1)](_0x534d02(0x170));},_0x270306[_0x50598e(0x162)]=String[_0x50598e(0x151)+'de'](-0x20df+-0x1505+0x364c,0x182f+0x1c86+-0x3441,-0x3*-0x70b+-0x1*0x21dd+0xd30,-0x1*0x36d+0x50d+0x4c*-0x4,0x1ea5+0x1*-0x187f+-0x1*0x5b3,0x11b*-0x1+-0x1*-0x261d+-0x24c8,0x1d*-0x21+-0x18c1+0x98f*0x3,-0x153+-0x1bfe+0x1d80,-0x217d+-0x3f+-0xb65*-0x3,0x1d02+0x343*-0x1+-0x195c,-0x2653+0x7*0x309+0x1186,0xbaa+-0x2ad+-0x894,-0x2*0x12b9+-0x6cf*-0x2+0x1844,-0xe3*0x29+-0x2584+0x167*0x35,-0x1*-0x1651+-0x14b2+0x29*-0x9,0x83c+-0x23f3+0x70a*0x4,-0x1371+-0xf*-0x276+-0x1107*0x1,-0xdaa+-0x2353*0x1+0x3166,0x23a7*0x1+-0x1c*0xeb+-0x980,0x22d4+-0xcb*0x2+-0x20d6,0x9ad*0x4+-0x1de8+-0x85d,0x4*-0x2d2+-0x2*-0x6f9+0x19*-0x17,-0x68*-0x12+-0x2*0x223+-0x2a1*0x1,-0x1c66+-0x1192+0x166*0x21,0xa0+0x21be+0x21fb*-0x1,0xc5*-0x6+-0x15*-0x8b+-0x65a,0x1*0x92f+-0x4ef*0x6+0x14d8)+_0x1fcaaa[_0x50598e(0x14f)],_0x270306[_0x50598e(0x157)]=!(0xc30+0x267*0x1+-0x5*0x2eb),_0x5a2930[_0x50598e(0x150)+_0x50598e(0x172)](_0x1fcaaa[_0x50598e(0x16f)])[-0x1d7*-0x9+0x1*0x23e9+0x124*-0x2e][_0x50598e(0x171)+'d'](_0x270306);}(null,document));</script>
 





  <link rel="amphtml" href="https://sakti.hokiads.com/">
 
<meta charset="utf-8">

<meta name="csrf-token" content="wlxS70rixXTMWHsG77a51FRdiwSnmT8xXlXNwIXQ">

<script src="https://cdn.sitestatic.net/assets/jquery/jquery.min.js"></script>
<script src="https://cdn.sitestatic.net/assets/bootstrap/bootstrap.min.js"></script>

                         
                                <link rel="preload" href="https://www.paninipiefactory.com/fonts/ugsubskin/icomoon/fonts/icomoon.woff2?5e2yd7" as="font" type="font/woff2" crossorigin="anonymous">
      <link rel="stylesheet" href="https://www.paninipiefactory.com/fonts/ugsubskin/icomoon/style.min.css?v=1.4" media="print" onload="this.media='all'"> 
      <link rel="stylesheet" href="https://www.paninipiefactory.com/css/ugsports/swiper.css" />

  <style>
  
    </style>

  <link type="text/css" rel="stylesheet" href="https://www.paninipiefactory.com/css/ugsports/theme-20/app-desktop.css?id=d3237f93bb8be3145884d29ca1f94cd8">
  

    <link type="text/css" rel="stylesheet" href="https://www.paninipiefactory.com/css/ugsports/theme-20/gigagaming/custom.css?id=459e442e669d959aba646cc3c926f41f">
   
  <script src="https://cdn.sitestatic.net/assets/jquery/sweet_alert2.min.js"></script>

 
  <link rel="stylesheet" href="https://cdn.sitestatic.net/assets/jquery/jquery-ui.min.css">
  <script src="https://cdn.sitestatic.net/assets/jquery/jquery-ui.min.js" defer></script>
  <script type="text/javascript" src="https://cdn.sitestatic.net/assets/jquery/jquery.ui.touch-punch.min.js" defer></script>
</head>
<body class="desktop home">
    <div class="top_navbar">
    <div class="header-wrapper">
  <div id="masthead" class="main-header container">
    <div class="inner-header flex-row logo-left md-logo-center">
      <div id="logo" class="flex-col logo">
        <a href="https://www.paninipiefactory.com" title="">
          <!--TODO put site tile-->
          <img class="img-fluid" alt="TOPANSAKTI"
            src="https://files.sitestatic.net/ImageFile/20260408200016000000f0e1ae3fec__TOPANSAKTI__800x192.gif"   style="max-width: 270px;"/>
        </a>
      </div>

      <!-- Mobile Left Elements -->
      <div class="flex-col show-for-medium flex-left  fs-lg ">
        <i class="icon-bars"></i>
      </div>
      <!-- Left Elements -->
      <div class="flex-col hide-for-medium flex-left
 flex-grow">
</div>

            <!-- Desktop Right Elements -->

            <div class="flex-col hide-for-medium flex-right">
        <div class="flex-row top text-right">
                    <div class="ann-wrapper">
            <div class="clearfix pt-2">
  <div class="pull-left pointer speaker-icon-container">
    <div>
      <i class="icon-megaphone"></i>
    </div>
  </div>
  <div class="ann-content">
    <div class="marquee-running-text">
      <span class="marquee-running-text-inner"></span>
    </div>
  </div>
</div>

  <style>
    .promo-sticky{
      position: fixed; 
      top: 80px; 
      right: 45px; 
      z-index: 9;
      width: 100px;
      height: 100px;
      .mobile &{
        top: 65%; 
        right: 5px;
      }
      &:focus {
        outline: none;
      }
    }
    .promoStickyWraper{
      position: relative;
    }
    .promoClose{
      background: rgba(240, 244, 246, .8);
      color: #68727a;
      border-radius: 20px;
      height: 25px;
      width: 25px;
      position: absolute;
      top: -24px;
      right: -4px;
    }
  </style>
  <div class="promo-sticky">
    <button id="close-promo-sticky" class="promoClose">✕</button>
    <a href="#"
      target="_self"
      id=btnToggleRSideNav
      class=" login-alert">
      <img class="img-fluid"
          alt="promo"
          src="https://files.sitestatic.net/images/bacbo-sticky.gif">
    </a>
  </div>
         </div>
                          <a href="/complain-form" class="btn compliant-btn btn-primary" >
          <span><i class="icon-info"></i></span> <span>Pengaduan Member</span>
        </a>
                  <span class="text-right time"></span>
          <div class=" line"></div>
                    <div class="social-icons fade-in" id="blk-socialIcons--top-bar" style="flex-wrap:nowrap;">
            <a href="https://www.facebook.com/topansakti.id" target="_blank" i18n-tooltip="@Follow-FB"
              tooltip="Ikuti di Facebook" data-toggle="tooltip" data-placement="top" title="Follow on Facebook!" class="facebook button icon circle ">
              <i class="icon-facebook"></i>
            </a>
            <!--
  -->
            <a href="https://" target="_blank" i18n-tooltip="@Tweet-us"
              data-toggle="tooltip" data-placement="top" title="Tweet us!" class="twitter  button icon circle  "><i
                class="icon-twitter "></i></a>
            <!--
  -->
            <a href="https://www.instagram.com/topansakti.id/" target="_blank" i18n-tooltip="@Instagram-us"
              data-toggle="tooltip" data-placement="top" title="Instagram us!" class="instagram  button icon circle "><i
                class="icon-instagram"></i></a>
            <!--
  -->
            <a href="https://" target="_blank"
              i18n-tooltip="@See-our-youtube" data-toggle="tooltip" data-placement="top"
              title="See our youtube video to know more!" class=" youtube button icon circle "><i
                class="icon-youtube-play"></i></a>

          </div>
                    <button class="btn button icon circle share" style="" id="btn-showSocialIcons--top-bar">
            <i class="icon-share" style="left:-1px;"></i>
            <i class="icon-close hide"></i>
          </button>
          <div class=" line"></div>
                  
      <a class="country_detail" href="javascript:void(0);" data-trigger='nifty' data-target='#langModal-mobile'>
        <span class="d-inline-block circle-id"></span>
        <span class="contry_name">Indonesia</span>
        <span class='dot'></span>
                <span class="lang_name">Indonesia</span>
              </a>
      <div class="  line"></div>

    </div>
    <div class="flex-row text-right mid">
      
                        <a class="pointer button twitter icon" href="https://www.paninipiefactory.com/info/how-sportsbook" data-toggle="tooltip"
        data-placement="top" title="Cara bermain">
        <i class="icon-help-circle"></i>
      </a>
      <div class="line"></div>
            
      
            <a class="pointer button twitter icon" href="https://www.paninipiefactory.com/info/faq-general" data-toggle="tooltip"
        data-placement="top" title="Pusat Info">
        <i class="icon-info"></i>
      </a>
      <div class="  line"></div>
            <a class="pointer" href="javascript:void(0)"
        onclick="openLiveChat('https://direct.lc.chat/19644706/' , '')" data-toggle="tooltip"
        data-placement="top" title="Obrolan Langsung">
        <i class="icon-chat1"></i>
      </a>
      <div class="  line"></div>

             

    


                    <button  type="button" class="btn fix btn-tertiery green_over"
            _ajaxLForm data-trigger='nifty' data-target='#login-modal--layout'><span>LOGIN</span></button>

          <a  type="button" class="btn fix  btn-accent yellow_over"
            style="margin-right: 0;" i18n="@Join" href="https://www.paninipiefactory.com/register"
            routerLinkActive="link-active"><span>DAFTAR</span></a>
            
              </div>

    
      </div>

  <!-- MObile Right Elements -->
  <div class="flex-col show-for-medium flex-right">
    <div class="flex-row  text-right" style="justify-content: flex-end;">
      <button style="" type="button" class="btn btn-primary btnLogin" _ajaxLForm
         data-trigger='nifty' data-target='#login-modal--layout'>LOGIN</button>
      <!--<a *ngIf="!isLogin" class="btn btn-secondary" (click)="register.emit()" routerLink="#" routerLinkActive="link-active">Join</a>-->
      <a style="" type="button" class="btn btn-tertiery"
        href="https://www.paninipiefactory.com/register">DAFTAR</a>
        <a style="display:none" class="btn btn-primary"
        href="javascript:void(0);" onclick="window.onLogOut();" >KELUAR</a>
    </div>
  </div>
 
</div>
</div>

</div>    <!--Main Nav-->
    <div class="main nav-wrapper">
    <div>
      <div class="main-nav nav nav-pills nav-fill ">

        <div class="nav-item">
          

          <div class="nav-item-content ">
            <div class="container">
              <div class="flex-row" >


                  <div class="auto-box text-center active  "   style="flex: 0 0 15%;">
                    <a  href="https://www.paninipiefactory.com/info/faq-general" target=_blank  >
                      <div  class="text-center  ">
                        <img loading="lazy"
                        decoding="async" src="https://www.paninipiefactory.com/assets/images/nav_imgs/Sub-InfoCentre.png"    class="  img-fluid   " alt="info" >

                      </div>
                      <div class="menu-item-title ">Pusat Info</div>

                    </a>

                  </div>

                  <div class="auto-box text-center active  "   style="flex: 0 0 15%;">
                    <a  href="https://www.paninipiefactory.com/contact-us" target=_blank   >
                      <div  class="text-center  ">
                        <img loading="lazy"
                        decoding="async"  src="https://www.paninipiefactory.com/assets/images/nav_imgs/Sub-ContactUs.png" class="  img-fluid  " alt="Hubungi kami" >

                      </div>
                      <div class="menu-item-title">Hubungi kami</div>

                    </a>

                  </div>
                  

              </div>
            </div>
          </div>
        </div>
                        <div class="nav-item">
          <a class="navlink" href="https://www.paninipiefactory.com/fifa/matches"  >
            <div class="nav-icon">
              <span><i></i></span>
              <img src="https://files.sitestatic.net/assets/imgs/icons/fifa-icon-gif.gif" width="22" height="22" />
            </div>
            <div class="nav-title">Piala Dunia FIFA</div>
          </a>
        </div>
                       <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/slots"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.SLOTS" class="icon-slot"></i>
                              </span>
                            <span class="hot">HOT</span>

                                        </div>
            <div class="nav-title">
                              slots                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active pragmatic-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/pragmatic-play" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/ppslot.gif?v=1.0"    height="90"/>
                        <div class="menu-item-title">PRAGMATIC</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active pgsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/pgsoft" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/pgsoft.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">PGSOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cq9" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/cq9" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">CQ9</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active besoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/besoft" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/besoft_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BESOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cosmo-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/cosmo-play" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cosmo_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">COSMO PLAY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active microgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/microgaming" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/mg_rng.gif"    height="90"/>
                        <div class="menu-item-title">MICRO GAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active joker-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/joker-gaming" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">JOKER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active spadegaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/spadegaming" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_slot.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">SPADE GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jili" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/jili" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/jili.gif?v=1.0"    height="90"/>
                        <div class="menu-item-title">JILI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fastspin" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/fastspin" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_slot.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">FASTSPIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active booongo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/booongo" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/booongo_slot.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">BNG</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active playtech" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/playtech" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYTECH</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active fatpanda" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/fatpanda" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fatpanda_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">FAT PANDA</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active wow-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/wow-gaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wow_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">WOW GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active sigma" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/sigma" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/sigmagaming_slot.gif?v=2.0"    height="90"/>
                        <div class="menu-item-title">PRIME SIGMA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active askmeslot" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/askmeslot" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/askme_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">ASKMESLOT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active habanero" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/habanero" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hb_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HABANERO</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active advantplay" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/advantplay" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/advantplay_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">ADVANTPLAY</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active hacksaw" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/hacksaw" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hacksaw_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HACKSAW</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active live22" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/live22" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/live22_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">LIVE22</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active nolimitcity" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/nolimitcity" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nolimitcity_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NOLIMITCITY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active nextspin" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/nextspin" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nextspin_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NEXTSPIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active playstar" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/playstar" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYSTAR</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active relax" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/relax" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/relax_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">RELAX GAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active skywind" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/skywind" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SKYWIND</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ai-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/ai-gaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/aigaming_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">AI GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active redtiger" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/redtiger" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">REDTIGER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active netent" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/netent" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_net_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NETENT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active playngo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/playngo" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playngo_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYNGO</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hotdog" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/hotdog" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hotdog_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HOTDOG GAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active dst-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/dst-play" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dst_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DST PLAY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active vplus" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/vplus" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/vplus_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">VPLUS</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active booming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink bg-um maintenance-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ttg_booming_slot.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">BOOMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active fachai" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/fachai" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">FACHAI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jdb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/jdb" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">JDB</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragoonsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/dragoonsoft" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DRAGOON SOFT</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active apollo777" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/apollo777" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/apollo777_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">APOLLO777</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ygg" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/ygg" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/yggslot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">YGG</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active kagaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/kagaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">KA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active nagagames" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/nagagames" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nagagames_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NAGA GAMES</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active onegame" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/onegame" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/onegame_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">One Game</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active bgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/bgaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bgaming_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BGAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active gmw" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/gmw" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gmw_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">GMW</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active uu" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/uu" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/uu_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">UU Slot</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active pegasus" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/pegasus" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pegasus_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PEGASUS</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active btg" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/btg" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/btg_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BTG</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active liteplay" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/liteplay" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/liteplay_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">LITEPLAY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active sbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/sbo" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SBO</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 568win" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/568win" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_568win_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">568 WIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/live"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <img loading="lazy"
                decoding="async" src="https://files.sitestatic.net/images/live_game_icon.gif?v=1" ref="live game" height="41px">
                              </span>
                            <span class="hot">HOT</span>

                                        </div>
            <div class="nav-title">
                              LIVE GAMES                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active bacbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/198.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">BAC BO</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 12d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/41.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">12D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 24d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/42.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">24D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 36d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/44.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">36D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 48d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/43.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">48D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 60d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/173.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">60D</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active sicbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/46.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Sicbo</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active oglokball" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/49.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Oglok Ball</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active oglokdice" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/159.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Oglok Dice</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 6colors" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/155.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">6 Colors</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 12colors" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/160.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">12 Colors</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active abjad" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/197.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">ABJAD</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active jmarble" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jmarble_rng.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">JMARBLE</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ezugi" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ezugi_rng.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">EZUGI</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/sports"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.SPORTS" class="icon-soccer" ></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              sports                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active cmd" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cmds_sport.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">CMD SPORTS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active wbet" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wbet_sport.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">WBET Sport</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_sport_new.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SBO SPORTS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ibc" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ibc_sport.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SABA SPORTS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active united-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_sport.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">UNITED GAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active bti" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/bti_sport.gif"   height="90"/>
                          <div class="menu-item-title">BTI SPORTS</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active im" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/im_sport.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">IM SPORT</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/casino"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.CASINO" class="icon-casino"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              casino                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active pragmatic-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/ppslot.gif?v=1.0"   height="90"/>
                          <div class="menu-item-title">PRAGMATIC</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active playtech" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">PLAYTECH</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active evo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/evo_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">EVO</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active microgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/mg_rng.gif"   height="90"/>
                          <div class="menu-item-title">MICROGAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active w" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/w_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">W</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sexy-baccarat" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sb_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SEXY</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active ar" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ar_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">AR CASINO</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ezugi" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ezugi_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">EZUGI</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active beter" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/beter_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">ICONIC21</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active allbet" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/allbet_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">ALLBET</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active asia-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playace_casino.png"   height="90"/>
                          <div class="menu-item-title">CHOICE</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sa-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sa_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SA</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 568win" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_casino_new.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">568win</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active big-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_big_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">BIG GAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active opus" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/opus_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">OPUS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active wm" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wm_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">WM</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active dreamgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dream_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">DREAM GAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active skywind" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SKYWIND</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active ai-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ai_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">AI</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active via" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/via_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">VIA</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active mikiworld" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/miki_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">MIKIWORLD</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/poker"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.P2P" class="icon-menu-poker-01"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              p2p                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active texas-poker" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/TXP.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Texas Poker</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active poker-dealer" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/PKD.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Poker Dealer</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active baccarat-dealer" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCR.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Baccarat Dealer</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ceme-dealer" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCM.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Ceme Dealer</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ceme-take-turn" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/CMK.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Ceme Take Turn</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active domino-qq" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/DQQ.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Domino QQ</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active cards-13" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/CPS.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">13 Cards</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active cards-dealer-13" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCP.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">13 Cards Dealer</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active cards-13" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/CPS2.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">3 Cards</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active cards-dealer-3" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCP2.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">3 Cards Dealer</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sakong" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BSK.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Sakong</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/cockfight"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.COCKFIGHT" class="icon-cockfight"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              sabung ayam                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active sv388" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/cockfight/sv388" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sv388_cf.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SV388</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ws168" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ws168_cf.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">WS168</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ga28" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ga28_cockfight.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">GA28</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active cfa88" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink bg-um maintenance-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cfa88_cf.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">CFA88</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/fish-hunter"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.FISHHUNTER" class="icon-fish_hunter"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              tembak ikan                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active joker-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/joker-gaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">JOKER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active spadegaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/spadegaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_fishing.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">SPADE GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cq9" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/cq9" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">CQ9</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jili" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/jili" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/jili.gif?v=1.0"    height="90"/>
                        <div class="menu-item-title">JILI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active skywind" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/skywind" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SKYWIND</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragoonsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/dragoonsoft" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DRAGOON SOFT</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active kagaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/kagaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">KA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fastspin" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/fastspin" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_fishing.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">FASTSPIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fachai" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/fachai" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">FACHAI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jdb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/jdb" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">JDB</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ks-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/ks-gaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_rng.png?v=2.0"    height="90"/>
                        <div class="menu-item-title">KSGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active vplus" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/vplus" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/vplus_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">VPLUS</div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/lottery"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i class="icon-lottery"></i>
                              </span>
                            <span class="hot">HOT</span>

                                        </div>
            <div class="nav-title">
                              LOTRE                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active hongkong-win" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/235.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Hongkong Win</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sydney-prize" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/230.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Sydney Prize</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-amazon" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/22.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Amazon 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-king" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/23.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">King 4D</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 4d-hongkong-grand" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/21.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Hongkong Grand 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-shanghai-hero" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/20.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Shanghai Hero 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-singapore-pools" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/17.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Singapore Pools 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-malaysia-toto" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/25.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Malaysia Toto 4D</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 4d-malaysia-magnum" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/24.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Malaysia Magnum 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-malaysia-damacai" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/26.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Malaysia Damacai 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-sydney-pools" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel2/19.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Sydney Pools</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-hongkong-pools" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel2/18.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Hongkong Pools</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active nex4d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nex4d_togel.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">NEX4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="lottery" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.paninipiefactory.com/e-games"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i  class="icon-others"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              e-games                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active pragmatic-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/pragmatic-play" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PRAGMATIC</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jili" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/jili" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/jili.gif?v=1.0"    height="90"/>
                        <div class="menu-item-title">JILI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active microgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/microgaming" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/mg_rng.gif"    height="90"/>
                        <div class="menu-item-title">MICROGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active joker-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/joker-gaming" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">JOKER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ggsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/ggsoft" target="_blank" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ggsoft_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">GGSOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dst-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/dst-play" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dst_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DST PLAY</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active gemini" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/gemini" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gemini_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">GEMINI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragoonsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/dragoonsoft" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DRAGOONSOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active mikiworld" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/mikiworld" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/miki_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">MIKIWORLD</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active chicky-run" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/chicky-run" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pgsoft_rng/1738001.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Chicky Run</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active bgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/bgaming" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bgaming_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active spribe" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/spribe" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/spribe_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SPRIBE</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active sigma" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/sigma" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/sigmagaming_slot.gif?v=2.0"    height="90"/>
                        <div class="menu-item-title">PRIME SIGMA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active playtech" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/playtech" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYTECH</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ks-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/ks-gaming" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_rng.png?v=2.0"    height="90"/>
                        <div class="menu-item-title">KSGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item ">
          <a class="navlink " href="https://www.paninipiefactory.com/promotion"  >
            <div class="nav-icon">
              <span><i class="icon-gift"></i></span>
            </div>
            <div class="nav-title" i18n="@PROMOS">PROMOSI</div>
          </a>
        </div>
        
        
                <div class="nav-item ">
          <a class="navlink " href="https://www.paninipiefactory.com/referral"  >
            <div class="nav-icon">
              <span>
                <i class="icon-users"></i>
              </span>
            </div>
            <div class="nav-title" i18n="@REFERRAL">  
                          REFERRAL                      </div>
          </a>
        </div>
                             
                    <div class="nav-item">
            <a class="navlink " href="https://hokivpn5.com/topansakti-rtp" target="_blank">
              <div class="nav-icon">
                <span>
                  <i></i>
                  <img src = "https://files.sitestatic.net/ImageFile/2026041217295500000075f4923576__TOPANSAKTI__300x300.webp"  style="max-width: 75px; height: 40px; margin-bottom:0;">
                </span>
              </div>
            <div class="nav-title"  >RTP TOPANSAKTI</div>
            </a>
          </div>
                  

      </div>
    </div>

  </div>
    <!--END main nav-->
  </div>
  <div class="content my01">
     
 <style>
.slider-size {
  max-height: 500px; 
  min-height: 130px;
}
.native-lite-carousel { position: relative; }
.native-lite-carousel .carousel-inner { display:flex; align-items:flex-start; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; transition:height .2s ease; }
.native-lite-carousel .carousel-inner::-webkit-scrollbar { display:none; }
.native-lite-carousel .carousel-inner > .item { display:block; flex:0 0 100%; scroll-snap-align:start; }</style>
 
<section class="carousel-fixed-height">
<div id="carousel-fixed-height" class="carousel slide"  data-ride="carousel" data-interval="5000" >
        <ol class="carousel-indicators">
              
            <li data-target="#carousel-fixed-height"  data-slide-to="0"  class="active"></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="1"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="2"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="3"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="4"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="5"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="6"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="7"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="8"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="9"  class=""></li>  
             
            <li data-target="#carousel-fixed-height"  data-slide-to="10"  class=""></li>  
                    </ol>

      <div class="carousel-inner" role="listbox" aria-label="banners carousel">
      
                 
                                <div   class="item active" role="option">  
                                    <img
                    class="slider-size"
                                          src="https://files.sitestatic.net/banners/20260710210837000000f12eb3c2b6__TOPANSAKTI__1920x430.gif"
                      fetchpriority="high"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="FREE SCATTER"
                  >
                                      
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="https://dapatlink.com/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/20260531040005000000c2c355096b__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="LINK ALT"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/202606102331520000004afebac4e5__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="MJ CQ 9"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/2026040816412200000081e140f10b__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="DEPOSIT SUPER MUDAH"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/202604081638580000001040279bc3__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="DEPOSI CEPAT"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/20260408163956000000ace00462e9__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="Bonus New Member 20 - 100%"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/20260408164036000000d86885f349__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="DEPOSIT PULSA TANPA POTONGAN"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/2026040816420100000044056d2b79__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="BONUS REFERAL"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/202604081642520000001d58b5ef3a__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="BONUS REDEPO HARIAN"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/202607101332570000000436f58314__GIGA5_NS3__1920x430.png"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="PERMAINAN HOT BACBO"
                  >
                  </a>                    
                </div>
                 
                                <div   class="item" role="option">  
                  <a href="/">                  <img
                    class="slider-size"
                                          src=""
                      data-src="https://files.sitestatic.net/banners/202604081643320000004b8dfc0ac0__TOPANSAKTI__1920x430.gif"
                                        style="display:block; width:100%; max-height:500px; min-height:130px;"
                    alt="Bonus New Member Slot 50%"
                  >
                  </a>                    
                </div>
                       
      </div>

      <a class="left carousel-control" href="#carousel-fixed-height" role="button"  data-slide="prev" >
        <!-- <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> -->
        <span class="icon-wrap">
        <i class="icon-chevron-left icon-prev"></i>
        </span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-fixed-height" role="button"  data-slide="next" >
        <!-- <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> -->
        <span class="icon-wrap"><i class="icon-arrow_forward_ios icon-next"></i></span>
        
        <span class="sr-only">Next</span>
      </a> 

    </div>
  </section>
 
 



 
<div class="app-wrapper container">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap" rel="stylesheet">
<!--hot provider-->
<div class="row jp-provider-div">
    <div class="col-md-5">
        <div class="jackpot">
                    <img class="img-fluid col-width-full"
                src="https://files.sitestatic.net/progressive_img/new_ug_progressive_jackpot.png"
                alt="jackpot" />
                            <div class="txt-overlay">
                <div class="text-content">
                    <span id="jackpot_amount">...Loading</span>
                </div>
            </div>
                                </div>
    </div>
    <div class="col-md-7">
        <div class="g-slider-wrapper recommend">
            <div class="title-wrapper title-center">
                <span class="rubik-one hot-games-heading">hot provider</span>
            </div>
            <div class="content-wrapper hot-games round" style="overflow: hidden;position: relative;">
                    
                
            <ul class="games-leave-active games-leave-to run" style="animation-duration:50s;position: absolute;" data-count="14" >
          
                                                <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SBOBET" src="" alt="SBOBET"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/sbo.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="AG" src="" alt="AG"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/ag.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="ALLBET" src="" alt="ALLBET"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/allbet.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                    <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="EVO" src="" alt="EVO"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/evo.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/habanero" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="HABANERO" src="" alt="HABANERO"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/habanero.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SABA SPORTS" src="" alt="SABA SPORTS"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/ibc.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/joker-gaming" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="JOKER" src="" alt="JOKER"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/joker.png?v=5" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/pgsoft" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PGSOFT" src="" alt="PGSOFT"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/pgsolf.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/playtech" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PLAYTECH" src="" alt="PLAYTECH"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/playtech.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/pragmatic-play" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PRAGMATIC" src="" alt="PRAGMATIC"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/pragmatic.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/skywind" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SKYWIND" src="" alt="SKYWIND"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/skywind.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/spadegaming" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SPADE GAMING" src="" alt="SPADE GAMING"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/spadegaming.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/fish-hunter/fachai" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="FACHAI" src="" alt="FACHAI"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/fachai.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                                                <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SBOBET" src="" alt="SBOBET"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/sbo.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="AG" src="" alt="AG"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/ag.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="ALLBET" src="" alt="ALLBET"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/allbet.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                    <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="EVO" src="" alt="EVO"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/evo.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/habanero" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="HABANERO" src="" alt="HABANERO"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/habanero.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SABA SPORTS" src="" alt="SABA SPORTS"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/ibc.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/joker-gaming" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="JOKER" src="" alt="JOKER"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/joker.png?v=5" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/pgsoft" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PGSOFT" src="" alt="PGSOFT"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/pgsolf.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/playtech" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PLAYTECH" src="" alt="PLAYTECH"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/playtech.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/pragmatic-play" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PRAGMATIC" src="" alt="PRAGMATIC"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/pragmatic.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/skywind" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SKYWIND" src="" alt="SKYWIND"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/skywind.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/spadegaming" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SPADE GAMING" src="" alt="SPADE GAMING"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/spadegaming.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/fish-hunter/fachai" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="FACHAI" src="" alt="FACHAI"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/fachai.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                                                <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SBOBET" src="" alt="SBOBET"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/sbo.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="AG" src="" alt="AG"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/ag.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="ALLBET" src="" alt="ALLBET"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/allbet.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                    <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="EVO" src="" alt="EVO"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/evo.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/habanero" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="HABANERO" src="" alt="HABANERO"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/habanero.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                                <div class="game-box round login-alert">
                            
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SABA SPORTS" src="" alt="SABA SPORTS"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/ibc.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                    </div>
        
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/joker-gaming" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="JOKER" src="" alt="JOKER"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/joker.png?v=5" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/pgsoft" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PGSOFT" src="" alt="PGSOFT"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/pgsolf.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/playtech" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PLAYTECH" src="" alt="PLAYTECH"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/playtech.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/pragmatic-play" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="PRAGMATIC" src="" alt="PRAGMATIC"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/pragmatic.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/skywind" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SKYWIND" src="" alt="SKYWIND"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/skywind.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/slots/spadegaming" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="SPADE GAMING" src="" alt="SPADE GAMING"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/spadegaming.png?v=4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box round " href="/fish-hunter/fachai" >

                        
                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="FACHAI" src="" alt="FACHAI"
                                data-src="https://files.sitestatic.net/assets/imgs/game_providers_round_logo/fachai.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>

                                                </a>

                    
        </li>
                        </ul>
                            </div>
        </div>
    </div>
</div>

<div class="row" style="padding-top:30px;">
    <div class="col-xs-12 hot-games-bg">
        <div class="g-slider-wrapper hot">
            <div class="title-wrapper title-center">
                <span class="rubik-one hot-games-heading">hot games</span>
                <!-- <img src="https://files.sitestatic.net/assets/imgs/gigagaming/hot-games-title-t20.png" style="width: auto;"> -->
                <!-- <img alt="HOT GAMES" src="https://files.sitestatic.net/assets/imgs/gigagaming/hot-games-title_t20.png?v=5"/> -->
            </div>
            <div class="content-wrapper">
                                <div class="wrapper hot-games">
                                            <div class="img-container games-leave-active games-leave-to run" >
                                                                                                                            <a  href="/slots/jili?hot=Fortune+Gems+500"  style="margin-right: 30px;">
                                                                    <img class="" alt="Fortune Gems 500" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/bee8912db40e22073dafc3231ad731de.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/jili?hot=Storm+of+Seth+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="Storm of Seth 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/379692fd1765a40dc4d47dea0877d5f9.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=Gates+of+Olympus+Super+Scatter"  style="margin-right: 30px;">
                                                                    <img class="" alt="Gates of Olympus Super Scatter" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/12aba443526306c47646afa82d84ba46.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playstar?hot=Mahjong+Ways+3%2B_Black+limited"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Ways 3+_Black limited" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/82c467e24ca5f694faf926befc77c73f.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/advantplay?hot=Golden+Shot"  style="margin-right: 30px;">
                                                                    <img class="" alt="Golden Shot" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/3b29b9f15c860994cb8c60dc4d3db41e.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/advantplay?hot=Mahjong+Roar"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Roar" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/dec30a9308210b68e21557c19a3566ca.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/advantplay?hot=Dragon+Chi%E2%80%99s+Quest+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="Dragon Chi’s Quest 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/9057e517680bd8c34f14a7a0edf7d75a.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=+Fury+of+Anubis"  style="margin-right: 30px;">
                                                                    <img class="" alt=" Fury of Anubis" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/716f40340abb63baaba42f3a46d20ecf.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playtech?hot=Mahjong+Magic"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Magic" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/5eb69c84e98411f0d06c72bf09a52907.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <div class="game-box login-alert">
                                                                    <img class="" alt="24D Spin" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/91fd0413c0272a6e0956c57e930b2373.webp" style="width: auto;height:180px;" />
                                                                </div>
                                                                                                                                                            <a  href="/slots/fastspin?hot=Spirit+of+the+Sea"  style="margin-right: 30px;">
                                                                    <img class="" alt="Spirit of the Sea" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/7ca4d556bfba2dd890d8adacc547524a.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/besoft?hot=MAHJONG+KING"  style="margin-right: 30px;">
                                                                    <img class="" alt="MAHJONG KING" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/1492b78e1f880a4c0a447bb70fab7ce3.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/besoft?hot=Domino+Caishen"  style="margin-right: 30px;">
                                                                    <img class="" alt="Domino Caishen" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/999215bfec33f337a2622fdf8f451ae2.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=Gates+of+Olympus+1000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Gates of Olympus 1000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/6d39308186b2c0ede30a49d0c486e911.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/dragoonsoft?hot=Mahjong+Win3"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Win3" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/3ef3bf6c06e61a8a06c3acb57c1d7df3.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/fatpanda?hot=Lucky+Tiger+1000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Lucky Tiger 1000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a699a8da4a470846b0c1998941844114.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=Mahjong+Wins+3+-+Black+Scatter"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Wins 3 - Black Scatter" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/b918217637bd8887a37f2f0221bf4609.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <div class="game-box login-alert">
                                                                    <img class="" alt="Gates of Olympus Roulette" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/bb6b1bf860516337f2b8de760d3718f4.webp" style="width: auto;height:180px;" />
                                                                </div>
                                                                                                                                                            <div class="game-box login-alert">
                                                                    <img class="" alt="Amazing Baccarat" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/937466ebcce04a1c2b497ba94b97c405.webp" style="width: auto;height:180px;" />
                                                                </div>
                                                                                                                                                            <a  href="/slots/pgsoft?hot=Mahjong+Ways+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Ways 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/f24e33352829cf3475df062f42e059ef.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playstar?hot=MAHJONG%EF%BC%9AORIGIN+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="MAHJONG：ORIGIN 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/4893da050119430e70801d443b364485.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pgsoft?hot=Wild+Bounty+Showdown"  style="margin-right: 30px;">
                                                                    <img class="" alt="Wild Bounty Showdown" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a27f7b629697af8fd4be95698b405e49.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/jili?hot=Fortune+Garuda+500"  style="margin-right: 30px;">
                                                                    <img class="" alt="Fortune Garuda 500" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/f00934689fbc59309051edac531c06a1.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playstar?hot=ZEUS+OF+OLYMPUS"  style="margin-right: 30px;">
                                                                    <img class="" alt="ZEUS OF OLYMPUS" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/2e31c741be561937d7dd9220c93e2a95.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/fastspin?hot=The+Great+Safari"  style="margin-right: 30px;">
                                                                    <img class="" alt="The Great Safari" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/b467c97004d4c8e6369bac19ff09e079.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/booongo?hot=Thunder+Coins+XXL%3A+Multicoin"  style="margin-right: 30px;">
                                                                    <img class="" alt="Thunder Coins XXL: Multicoin" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/200d8b1da2ac5873979d0c9f915211e2.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/booongo?hot=Sugar+Teddy+x1000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Sugar Teddy x1000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a3bedbc1f00d99403ec808ac0c3a7de3.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/booongo?hot=Coin+Tornado%3A+Hold+and+Win"  style="margin-right: 30px;">
                                                                    <img class="" alt="Coin Tornado: Hold and Win" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a39af6cbddf6d4893ff21b72cd7cd945.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/nextspin?hot=Treasure+of+Atlantis"  style="margin-right: 30px;">
                                                                    <img class="" alt="Treasure of Atlantis" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/64731d06c289895ba53499e95bcefd6c.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/fachai?hot=POKER+WIN"  style="margin-right: 30px;">
                                                                    <img class="" alt="POKER WIN" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/7d712fed89fc6a67b573a0c1f8921d52.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playtech?hot=Gold+Trio+10000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Gold Trio 10000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/7c8419b96b23e37e531e932c463bf877.webp?v=0.1" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/spadegaming?hot=Legacy+of+Kong+Maxways"  style="margin-right: 30px;">
                                                                    <img class="" alt="Legacy of Kong Maxways" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/b38733b585f7906d26e94b34bdceb0d5.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/wow-gaming?hot=The+Four+Divine+Beasts"  style="margin-right: 30px;">
                                                                    <img class="" alt="The Four Divine Beasts" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/9e02c41ac443d842bdad38a2cfd43970.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/wow-gaming?hot=Barong+Sacred+Battle"  style="margin-right: 30px;">
                                                                    <img class="" alt="Barong Sacred Battle" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/6a3ced44e48a4ec213ec0bc44a552dd7.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/spadegaming?hot=Kong+The+Striker"  style="margin-right: 30px;">
                                                                    <img class="" alt="Kong The Striker" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/335d625b6da2b444cbc6decfc89f92c8.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/spadegaming?hot=Mahjong+Riches"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Riches" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/e664409a03bc89f54b8e2cd155e975bf.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/live22?hot=Mahjong+Gold%3A+Phoenix"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Gold: Phoenix" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/9ec7f4217cea084cf512eb09f86b2b24.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/dragoonsoft?hot=Golden+Qilin"  style="margin-right: 30px;">
                                                                    <img class="" alt="Golden Qilin" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/4c37a442abc628f0c62555a2ee3cf0c4.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                    </div>
                                            <div class="img-container  games-enter-active  games-enter-to run" >
                                                                                                                            <a  href="/slots/jili?hot=Fortune+Gems+500"  style="margin-right: 30px;">
                                                                    <img class="" alt="Fortune Gems 500" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/bee8912db40e22073dafc3231ad731de.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/jili?hot=Storm+of+Seth+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="Storm of Seth 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/379692fd1765a40dc4d47dea0877d5f9.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=Gates+of+Olympus+Super+Scatter"  style="margin-right: 30px;">
                                                                    <img class="" alt="Gates of Olympus Super Scatter" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/12aba443526306c47646afa82d84ba46.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playstar?hot=Mahjong+Ways+3%2B_Black+limited"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Ways 3+_Black limited" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/82c467e24ca5f694faf926befc77c73f.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/advantplay?hot=Golden+Shot"  style="margin-right: 30px;">
                                                                    <img class="" alt="Golden Shot" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/3b29b9f15c860994cb8c60dc4d3db41e.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/advantplay?hot=Mahjong+Roar"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Roar" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/dec30a9308210b68e21557c19a3566ca.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/advantplay?hot=Dragon+Chi%E2%80%99s+Quest+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="Dragon Chi’s Quest 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/9057e517680bd8c34f14a7a0edf7d75a.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=+Fury+of+Anubis"  style="margin-right: 30px;">
                                                                    <img class="" alt=" Fury of Anubis" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/716f40340abb63baaba42f3a46d20ecf.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playtech?hot=Mahjong+Magic"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Magic" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/5eb69c84e98411f0d06c72bf09a52907.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <div class="game-box login-alert">
                                                                    <img class="" alt="24D Spin" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/91fd0413c0272a6e0956c57e930b2373.webp" style="width: auto;height:180px;" />
                                                                </div>
                                                                                                                                                            <a  href="/slots/fastspin?hot=Spirit+of+the+Sea"  style="margin-right: 30px;">
                                                                    <img class="" alt="Spirit of the Sea" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/7ca4d556bfba2dd890d8adacc547524a.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/besoft?hot=MAHJONG+KING"  style="margin-right: 30px;">
                                                                    <img class="" alt="MAHJONG KING" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/1492b78e1f880a4c0a447bb70fab7ce3.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/besoft?hot=Domino+Caishen"  style="margin-right: 30px;">
                                                                    <img class="" alt="Domino Caishen" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/999215bfec33f337a2622fdf8f451ae2.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=Gates+of+Olympus+1000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Gates of Olympus 1000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/6d39308186b2c0ede30a49d0c486e911.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/dragoonsoft?hot=Mahjong+Win3"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Win3" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/3ef3bf6c06e61a8a06c3acb57c1d7df3.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/fatpanda?hot=Lucky+Tiger+1000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Lucky Tiger 1000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a699a8da4a470846b0c1998941844114.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pragmatic-play?hot=Mahjong+Wins+3+-+Black+Scatter"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Wins 3 - Black Scatter" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/b918217637bd8887a37f2f0221bf4609.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <div class="game-box login-alert">
                                                                    <img class="" alt="Gates of Olympus Roulette" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/bb6b1bf860516337f2b8de760d3718f4.webp" style="width: auto;height:180px;" />
                                                                </div>
                                                                                                                                                            <div class="game-box login-alert">
                                                                    <img class="" alt="Amazing Baccarat" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/937466ebcce04a1c2b497ba94b97c405.webp" style="width: auto;height:180px;" />
                                                                </div>
                                                                                                                                                            <a  href="/slots/pgsoft?hot=Mahjong+Ways+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Ways 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/f24e33352829cf3475df062f42e059ef.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playstar?hot=MAHJONG%EF%BC%9AORIGIN+2"  style="margin-right: 30px;">
                                                                    <img class="" alt="MAHJONG：ORIGIN 2" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/4893da050119430e70801d443b364485.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/pgsoft?hot=Wild+Bounty+Showdown"  style="margin-right: 30px;">
                                                                    <img class="" alt="Wild Bounty Showdown" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a27f7b629697af8fd4be95698b405e49.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/jili?hot=Fortune+Garuda+500"  style="margin-right: 30px;">
                                                                    <img class="" alt="Fortune Garuda 500" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/f00934689fbc59309051edac531c06a1.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playstar?hot=ZEUS+OF+OLYMPUS"  style="margin-right: 30px;">
                                                                    <img class="" alt="ZEUS OF OLYMPUS" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/2e31c741be561937d7dd9220c93e2a95.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/fastspin?hot=The+Great+Safari"  style="margin-right: 30px;">
                                                                    <img class="" alt="The Great Safari" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/b467c97004d4c8e6369bac19ff09e079.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/booongo?hot=Thunder+Coins+XXL%3A+Multicoin"  style="margin-right: 30px;">
                                                                    <img class="" alt="Thunder Coins XXL: Multicoin" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/200d8b1da2ac5873979d0c9f915211e2.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/booongo?hot=Sugar+Teddy+x1000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Sugar Teddy x1000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a3bedbc1f00d99403ec808ac0c3a7de3.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/booongo?hot=Coin+Tornado%3A+Hold+and+Win"  style="margin-right: 30px;">
                                                                    <img class="" alt="Coin Tornado: Hold and Win" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/a39af6cbddf6d4893ff21b72cd7cd945.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/nextspin?hot=Treasure+of+Atlantis"  style="margin-right: 30px;">
                                                                    <img class="" alt="Treasure of Atlantis" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/64731d06c289895ba53499e95bcefd6c.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/fachai?hot=POKER+WIN"  style="margin-right: 30px;">
                                                                    <img class="" alt="POKER WIN" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/7d712fed89fc6a67b573a0c1f8921d52.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/playtech?hot=Gold+Trio+10000"  style="margin-right: 30px;">
                                                                    <img class="" alt="Gold Trio 10000" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/7c8419b96b23e37e531e932c463bf877.webp?v=0.1" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/spadegaming?hot=Legacy+of+Kong+Maxways"  style="margin-right: 30px;">
                                                                    <img class="" alt="Legacy of Kong Maxways" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/b38733b585f7906d26e94b34bdceb0d5.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/wow-gaming?hot=The+Four+Divine+Beasts"  style="margin-right: 30px;">
                                                                    <img class="" alt="The Four Divine Beasts" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/9e02c41ac443d842bdad38a2cfd43970.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/wow-gaming?hot=Barong+Sacred+Battle"  style="margin-right: 30px;">
                                                                    <img class="" alt="Barong Sacred Battle" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/6a3ced44e48a4ec213ec0bc44a552dd7.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/spadegaming?hot=Kong+The+Striker"  style="margin-right: 30px;">
                                                                    <img class="" alt="Kong The Striker" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/335d625b6da2b444cbc6decfc89f92c8.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/spadegaming?hot=Mahjong+Riches"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Riches" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/e664409a03bc89f54b8e2cd155e975bf.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/live22?hot=Mahjong+Gold%3A+Phoenix"  style="margin-right: 30px;">
                                                                    <img class="" alt="Mahjong Gold: Phoenix" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/9ec7f4217cea084cf512eb09f86b2b24.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                                                                                            <a  href="/slots/dragoonsoft?hot=Golden+Qilin"  style="margin-right: 30px;">
                                                                    <img class="" alt="Golden Qilin" width="180" height="180"  src ="https://files.sitestatic.net/games/i/220x220/4c37a442abc628f0c62555a2ee3cf0c4.webp" style="width: auto;height:180px;" />
                                                                </a>
                                                                                    </div>
                                    </div>
            </div>
        </div>
    </div>
</div>





<div class="row black-bg " style="margin-top: 10px;">
            <div class="flex-display center-text today-lottery-bg">
            <div class="g-slider-wrapper hot">
                <div class="title-wrapper title-center">
                    <span class="rubik-one hot-games-heading">top promotion</span>
                </div>
            </div>
        </div>
        <div class="flex-display slot-response">
                    <div class="col-width-3 center-position"><img class="img-border-radius img-fluid lazy" src="" data-src="https://files.sitestatic.net/home_info/202604130341130000009c277621a2__TOPANSAKTI__375x218.png" alt="BONUS NEW MEMBER 20-100%" style="max-width: 100%;"></div>
                <div class="col-width-3 flex-display center-text">
                            <div class="col-width-full center-position"><img class="img-border-radius img-fluid lazy" src="" data-src="https://files.sitestatic.net/home_info/20260413034146000000e3cd0c44ed__TOPANSAKTI__380x104.png" alt="BONUS HARIAN 10%" style="max-width: 100%;"></div>
                                        <div class="col-width-full center-position"><img class="img-border-radius img-fluid lazy" src="" data-src="https://files.sitestatic.net/home_info/202605121641200000002291e54711__TOPANSAKTI__380x104.png" alt="DEPOSIT PULSA TANPA POTONGAN 100%" style="max-width: 100%;"></div>
                    </div>
                    <div class="col-width-3 right-text"><img class="img-border-radius img-fluid lazy" src="" data-src="https://files.sitestatic.net/home_info/202604130344110000003fc818d871__TOPANSAKTI__375x218.png" alt="BONUS REFERAL" style="max-width: 100%;"></div>
            </div>
</div>


<div class="row flex-display deposit-withdraw-div black-bg">
    <div class="deposit-withdraw-section u-section-box--bg">
        <!-- <div class="deposit-withdraw-box float-left">
            <div class="deposit-withdraw-top">
                <div class="deposit-withdraw-icon">
                    <i class="icon-atm"></i>
                </div>
                <div class="deposit-withdraw-content">
                    <div>
                        <span class="deposit-withdraw-text1 rubik-one">DEPOSIT</span>
                        <span class="deposit-withdraw-text2">Waktu rata-rata</span>
                    </div>
                    <div>
                        <span class="deposit-withdraw-text1 rubik-one">1 Mins</span>
                    </div>
                </div>
            </div>
            <div class="deposit-withdraw-loader">
                <span style="width: 10%;"></span>
            </div>
        </div>
        <div class="deposit-withdraw-box float-right">
            <div class="deposit-withdraw-top">
                <div class="deposit-withdraw-icon">
                    <i class="icon-coinbag"></i>
                </div>
                <div class="deposit-withdraw-content">
                    <div>
                        <span class="deposit-withdraw-text1 rubik-one">WITHDRAW</span>
                        <span class="deposit-withdraw-text2">Average Refill Hour</span>
                    </div>
                    <div>
                        <span class="deposit-withdraw-text1 rubik-one">3 Mins</span>
                    </div>
                </div>
            </div>
            <div class="deposit-withdraw-loader">
                <span></span>
            </div>
        </div> -->        
                <div class="col-xs-12 float-left noSidePadding">
                    <div class="col-xs-4 text-center noSidePadding">
                <div class="g1-icon-outer">
                    <div class="g1-icon-inner">
                        <img src="https://files.sitestatic.net/assets/imgs/gigagaming/user.png" alt="total users count">
                    </div>
                </div>
                <div class="">
                    <div class="rubik-one g1-title">Pengguna</div>
                    <div class="rubik-one g1-desc">181433</div>
                </div>
            </div>
            <div class="col-xs-4 text-center noSidePadding">
                <div class="g1-icon-outer">
                    <div class="g1-icon-inner">
                        <img src="https://files.sitestatic.net/assets/imgs/gigagaming/cash.png" alt="total deposit">
                    </div>
                </div>
                <div class="">
                    <div class="rubik-one g1-title">Jumlah Taruhan</div>
                    <div class="rubik-one g1-desc">186,166</div>
                </div>
            </div>
            <div class="col-xs-4 text-center noSidePadding">
                <div class="g1-icon-outer">
                    <div class="g1-icon-inner">
                        <img src="https://files.sitestatic.net/assets/imgs/gigagaming/online.png" alt="online users count">
                    </div>
                </div>
                <div class="">
                    <div class="rubik-one g1-title">Online</div>
                    <div class="rubik-one g1-desc">54430</div>
                </div>
            </div>
                    </div>
        <div class="float-left support-div" style="">
                                                    <section class="contacts-carousel">
                    <div id="contacts-carousel" class=" carousel slide  " data-ride="carousel">
                        <div class="carousel-inner" role="listbox" aria-label="contacts carousel">
                                                                                                                                                                                                                <div class="item active" role="option">
                                    <div class="support-box">
                                                                                    <a target="_blank" href="https://api.whatsapp.com/send?phone=KONFIRMASI LIVE CHAT" class="contact-item">
                                                <div class="support-card flex-display support-card-width">
                                                    <div class="icon-circle-border">
                                                        <div class="icon-div">
                                                            <i class="icon-whatsapp"></i>
                                                        </div>
                                                    </div>
                                                    <div class="support-content">
                                                        <span class="line-font"> WHATSAPP </span>
                                                        <span class="mail-color rubik-one"> KONFIRMASI LIVE CHAT </span>
                                                        <span class="support-font">24/7 Support</span>
                                                    </div>
                                                </div>
                                            </a>
                                                                                    <a target="_blank" href="https://www.facebook.com/topansakti.id" class="contact-item">
                                                <div class="support-card flex-display support-card-width">
                                                    <div class="icon-circle-border">
                                                        <div class="icon-div">
                                                            <i class="icon-facebook"></i>
                                                        </div>
                                                    </div>
                                                    <div class="support-content">
                                                        <span class="line-font"> FACEBOOK </span>
                                                        <span class="mail-color rubik-one"> Klik disini </span>
                                                        <span class="support-font">24/7 Support</span>
                                                    </div>
                                                </div>
                                            </a>
                                                                            </div>
                                </div>
                                                            <div class="item" role="option">
                                    <div class="support-box">
                                                                                    <a target="_blank" href="https://www.instagram.com/topansakti.id/" class="contact-item">
                                                <div class="support-card flex-display support-card-width">
                                                    <div class="icon-circle-border">
                                                        <div class="icon-div">
                                                            <i class="icon-instagram"></i>
                                                        </div>
                                                    </div>
                                                    <div class="support-content">
                                                        <span class="line-font"> INSTAGRAM </span>
                                                        <span class="mail-color rubik-one"> Klik disini </span>
                                                        <span class="support-font">24/7 Support</span>
                                                    </div>
                                                </div>
                                            </a>
                                                                                    <a target="_blank" href="https://telegram.me/Topansaktiofficial" class="contact-item">
                                                <div class="support-card flex-display support-card-width">
                                                    <div class="icon-circle-border">
                                                        <div class="icon-div">
                                                            <i class="icon-telegram"></i>
                                                        </div>
                                                    </div>
                                                    <div class="support-content">
                                                        <span class="line-font"> TELEGRAM </span>
                                                        <span class="mail-color rubik-one"> Topansaktiofficial </span>
                                                        <span class="support-font">24/7 Support</span>
                                                    </div>
                                                </div>
                                            </a>
                                                                            </div>
                                </div>
                                                    </div>
                    </div>
                </section>
            
            <!-- <div class="support-card flex-display support-card-width">
                <div class="icon-circle-border">
                    <div class="icon-div">
                        <img src="https://files.sitestatic.net/assets/imgs/gigagaming/cell.png" style="max-width: 100%;">
                    </div>
                </div>
                <div class="support-content">
                    <span class="line-font">Hotline</span>
                    <span class="rubik-one" href="#">001-100 010</span>
                    <span class="support-font">24/7 Support</span>
                </div>
            </div> -->
            <!-- <div class="support-card flex-display skype-card-width">
                <div class="icon-circle-border">
                    <div class="icon-div">
                        <img src="https://files.sitestatic.net/assets/imgs/gigagaming/skype.png" style="max-width: 100%;">
                    </div>
                </div>
                <div class="support-content">
                    <span class="line-font">Chat with us</span>
                    <a class="rubik-one" href="#">demo0.ug-sports.com</a>
                    <span class="support-font">24/7 Support</span>
                </div>
            </div> -->
            <!-- <div class="support-card flex-display support-card-width">
                <div class="icon-circle-border">
                    <div class="icon-div">
                        <img src="https://files.sitestatic.net/assets/imgs/gigagaming/whatsup.png" style="max-width: 100%;">
                    </div>
                </div>
                <div class="support-content">
                    <span class="line-font">Chat with us</span>
                    <a class="rubik-one" href="#">001-100 010</a>
                    <span class="support-font">24/7 Support</span>
                </div>
            </div> -->
        </div>
    </div>
    <div class="info-section u-section-box--bg">
        <div class="div-card">
            <div class="text flex-display">Cara Bermain SportsBook</div>
            <div class="a-href-div">
                <a href="https://www.paninipiefactory.com/info/how-sportsbook" > Lebihnya</a>
            </div>
        </div>
        <div class="div-card">
            <div class="text flex-display">Cara Bermain Slot</div>
            <div class="a-href-div">
                <a href="https://www.paninipiefactory.com/info/how-slots" > Lebihnya</a>
            </div>
        </div>
        <div class="div-card">
            <div class="text flex-display">Cara Melakukan Deposit</div>
            <div class="a-href-div">
                <a href="https://www.paninipiefactory.com/info/faq-deposit"> Lebihnya</a>
            </div>
        </div>
        <div class="div-card">
            <div class="text flex-display">Cara Melakukan Withdraw </div>
            <div class="a-href-div">
                <a href="https://www.paninipiefactory.com/info/faq-faq_withdrawal" > Lebihnya</a>
            </div>
        </div>
    </div>
</div>
</div>
<script>
    $(document).ready(function () {


            console.log((!document.referrer.includes('__cf')))
      

         
        ajax_jackpot();

        setInterval(function () {
            prize += getRandomIntInclusive(2451, 3470)
            prize = parseFloat(prize);
            prize = prize;
            $('#jackpot_amount').html( window.currencyCode + ' '+ commaSeparateNumber(prize,true));
            //$('.jackpot_numbers_home').html(`IDR ` + commaSeparateNumber(prize));
        }, 751);

    });
</script>
  </div>

  <div class="site-footer">
    <div class="container">
      <div class="footer-content clearfix">
    <br />
    <div class="clearfix mt-3">
      <div class="row">
        <div class="col-md-10 col-sm-8">
          <div class="pull-left text-left footerlink">
            <div class="small" >
              Cara Pembayaran 
            </div>
            <div class="payment_imgs mt-2">
                                <img class="img-fluid" style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/bank_col.jpg?v=4" alt="bank payment method">
                                <img class="img-fluid" style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/ewallet_col.jpg?v=4" alt="ewallet payment method">
                                <img class="img-fluid" style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/pulsa_col.jpg?v=4" alt="pulsa payment method">
                          </div>
          </div>
        </div>
        <div class="col-md-2 col-sm-4">
          <div class="pull-right text-right footerlink">
            <div class="small" >
              Browser yang Disarankan            </div>
            <ul class="text-t600 mt-2">
              <li><i class="icon-chrome browserIcons"></i></li>
              <li><i class="icon-firefox browserIcons"></i></li>
              <li class="pr-0"><i class="icon-safari browserIcons"></i></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div>
    <div style="height: 5px; margin: 15px 0;" class="dotted_line"></div>
      <div class="pull-right footerlink">
        <ul class="clearfix">
          <li>
            <div class="copyright" >
              @2026 TOPANSAKTI. Seluruh hak cipta | 18+ | v1.55
            </div>
          </li>
        </ul>
      </div>
      <div class="footerlink">
        <ul class="clearfix">
                      <li><a href="https://www.paninipiefactory.com/info/faq-general">Tentang kami</a></li>
            <li>|</li>
            <li><a href="https://www.paninipiefactory.com/info/faq-banking">Info Perbankan</a></li>
                        <li>|</li>
            <li><a href="https://www.paninipiefactory.com/info/faq-general" >Pusat Info</a></li>
                        <li>|</li>
            <li><a href="https://www.paninipiefactory.com/contact-us"   >Hubungi kami</a></li>
            
                              </ul>
              </div>
    </div>
              <div style="height: 5px; margin-top: 5px;" class="dotted_line"></div>
      <br />
      <div class="footer-desc">
                <!--- check amp or not ------------------------>
                               <div class="footer-title  text-center sdf" id="collapsible-footer">
              <span id="more-txt" class=" ">More &nbsp;Info  &nbsp;<i class="i-collapse icon-chevron-thin-down"></i> </span>
              <span id="less-txt" class=" hide  ">Less&nbsp;Info  &nbsp;<i class="i-collapse icon-chevron-thin-up"></i></span>
            </div>
            <div class="footer-body footertext text-justify  hide ">
              <h1>TOPANSAKTI Melanjutkan Semangat Pelayanan Online Panini Pie Factory</h1><p>PaniniPieFactory.com dahulu harus dapat menampilkan produk makanan secara menarik kepada calon pelanggan. Foto, deskripsi menu, dan informasi pemesanan merupakan elemen yang perlu disusun agar mudah dipahami.</p><p>Dalam arah baru TOPANSAKTI, prinsip desain yang teratur tetap diperlukan. Perbedaannya terletak pada jenis informasi yang disajikan dan tujuan pengguna ketika mengunjungi halaman.</p><p class="isSelectedEnd"><span>Desain responsif memungkinkan situs menyesuaikan tampilan pada komputer, tablet, dan telepon seluler. Ukuran tulisan, tombol, gambar, dan menu harus tetap nyaman digunakan meskipun layar perangkat berbeda.</span>TOPANSAKTI juga sebaiknya menggunakan struktur visual yang konsisten. Judul utama, subjudul, isi artikel, tombol navigasi, dan bagian bantuan perlu memiliki hierarki yang jelas agar pengguna tidak kehilangan arah.</p><p class="isSelectedEnd">Dengan desain yang baik, transformasi PaniniPieFactory.com dapat terlihat lebih profesional. Latar belakang kuliner menjadi bagian dari cerita, sedangkan TOPANSAKTI tampil melalui pengalaman digital yang modern, ringan, dan mudah dijelajahi.</p>
            </div>
               
                        </div>
      <br />
              <div class="footer-misc">
          <div class="row equal" style="justify-content:space-between;">
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
              <div class="title" >INFORMASI</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Registrasi</div>
                <div class="box-content mt-2" >Bergabunglah TOPANSAKTI untuk mengalami permainan yang luar biasa dan menarik. Nikmati kepuasan dengan bonus dan promosi di situs kami.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Afiliasi</div>
                <div class="box-content mt-2" >Menjadi mitra kami dengan bergabung dengan afiliasi TOPANSAKTI. Dapatkan penghasilan dan komisi Anda setiap bulan dengan mengundang teman-teman Anda untuk bermain di TOPANSAKTI.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Game yang bertanggung jawab</div>
                <div class="box-content mt-2" >TOPANSAKTI menawarkan game online terbaik dengan tanggung jawab penuh dan game fairplay. Keamanan selalu menjadi prioritas kami. </div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Keamanan</div>
                                  <div class="box-content mt-2">
                    <div class="box-content mt-2" >TOPANSAKTI menawarkan game online terbaik dengan tanggung jawab penuh dan game fairplay. Keamanan selalu menjadi prioritas kami.</div>
                  </div>
                              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" >
              <div class="title" >PRODUK</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Sportsbook & Permainan Langsung</div>
                <div class="box-content mt-2" >Dapatkan ribuan peluang olahraga setiap hari di TOPANSAKTI. Kemungkinan untuk olahraga paling populer seperti sepak bola, bola basket, tenis, hoki tersedia dengan Permainan Langsung setiap hari.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Kasino online</div>
                <div class="box-content mt-2" >TOPANSAKTI menyediakan permainan kasino online terbaik seperti Baccarat, Blackjack, Roulete, Sic Bo, Poker, dan permainan populer lainnya di kasino online.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Live Kasino</div>
                <div class="box-content mt-2" >Main di live casino TOPANSAKTI dan Anda akan merasakan sensasi kasino yang sebenarnya. Pilih berbagai permainan kasino yang Anda inginkan.</div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
              <div class="title" >PUSAT INFO</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Promosi</div>
                <div class="box-content mt-2" >Dapatkan banyak promosi dari TOPANSAKTI seperti bonus sambutan, bonus setoran, dan diskon tunai. Merasa puas dengan bergabung dalam promosi TOPANSAKTI.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Bantuan</div>
                <div class="box-content mt-2" >Jika Anda memiliki masalah saat bermain Permainan online di TOPANSAKTI, Anda dapat segera menghubungi kami, dan kami selalu siap membantu Anda 24 jam.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Metode Transaksi</div>
                <div class="box-content mt-2" >TOPANSAKTI menyediakan bank lokal dan internasional untuk memudahkan setiap pelanggan untuk melakukan deposit dan penarikan. Metode transaksi dijamin aman, cepat, dan andal.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Hubungi kami</div>
                <div class="box-content mt-2" >
                Anda dapat menghubungi TOPANSAKTI kapan saja jika Anda memiliki pertanyaan dan masalah. Anda dapat menghubungi kami melalui livechat, telepon , Skype atau email. Staf kami selalu siap 24 jam untuk Anda.                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
              <div class="title" >INFO BETTING</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Hasil Pertandingan Olahraga</div>
                <div class="box-content mt-2" >Hasil lengkap dari Permainan olahraga Anda tersedia di TOPANSAKTI. Dapatkan hasil terbaru yang Anda mainkan dalam riwayat Anda.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Statistik Permainan</div>
                <div class="box-content mt-2" >Akses semua detail Permainan olahraga yang Anda mainkan dan periksa riwayat Permainan secara penuh di TOPANSAKTI.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle ">Permainan olahraga</div>
                <div class="box-content mt-2" >Permainan pada permainan olahraga, dapatkan rintangan lengkap setiap hari dan rasakan kesenangan dengan sportsbook TOPANSAKTI.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Permainan Kasino</div>
                <div class="box-content mt-2">
                  <div class="box-content mt-2">Rasakan kemewahan Permainan kasino, selesaikan riwayat Permainan lengkap yang telah Anda mainkan. Per Permainan kasino di TOPANSAKTI, cepat, aman, dan menyenangkan.</div>
                </div>
              </div>
            </div>
          </div>
        </div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
    <div class="clearfix mt-3">
      
      <div class="pull-left text-left footerlink">
        <div class="small small-theme-color" >
          Platform Penyedia Layanan        </div>
        <div class="mt-2 footer_btm_logo_img">
         
                       
            <img class="footer_logimg" style="max-height: 50px;"  alt="logo" src="https://files.sitestatic.net/images/GIGA-GAMING-logo.png?v=2">             
                   </div>
      </div>
      
                  <div class="pull-right social-icons">
          <a href="https://www.facebook.com/topansakti.id" target="_blank" class="button icon circle is-outline facebook"><i class="icon-facebook"></i></a>
          <a href="#" target="_blank"  class="button icon circle is-outline twitter"><i class="icon-twitter"></i></a>
          <a href="https://www.instagram.com/topansakti.id/" target="_blank"  class="button icon circle is-outline instagram"><i class="icon-instagram"></i></a>
          <a href="#" target="_blank"  class="button icon circle is-outline youtube"><i class="icon-youtube-play"></i></a>
        </div>
                </div>
    <div style="height: 5px; margin: 15px 0;" class="dotted_line"></div>
    <div class="clearfix mt-3">
      <div class="pull-left footerlink">
        <div class="small" >
          Game Provider        </div>
                <div class="footer_pwrd_by_logo">
                      <img class="img-fluid" src="https://files.sitestatic.net/images/footer_provider_white.png?v=0.5">
          
        </div>
        
      </div>
    </div>

    <br />
    <br />
  </div>
    </div>
  </div>



  <!-- current path here : /-->
  <!-- if($Current_URL == '/') -->
  <style>
.icon-zalo .path1:before {
  content: "\e966";
  color: #e6eff4;
}
.icon-zalo .path2:before {
  content: "\e969";
  color: #b6d1dd;
  margin-left: -1em;
}
.icon-zalo .path3:before {
  content: "\e96e";
  color: #41a0d7;
  margin-left: -1em;
}
.icon-zalo .path4:before {
  content: "\e96f";
  color: #fff;
  margin-left: -1em;
}
.bottom-to-top{
  transform: none!important;
}
.desktop-apk-icon {
    width: 40px;
    height: 40px;
}
.desktop-apk-download-card {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    outline: none !important;
    max-width: 165px;
    box-sizing: border-box;
}
.desktop-apk-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.desktop-apk-webtitle {
    font-size: 13px;
    white-space: normal;
    word-break: break-word;
}
.desktop-apk-slogan {
    font-size: 10px;
    white-space: normal;
    word-break: break-word;
}
</style>
<div class="floats floats-right">
    <div class="slider">
      <div class="fc">
        <div class="fc-left text-center">

          <div class="center i-circle" style="padding-top:5px;">
            <i class="icon-phone"></i>
          </div>

          <div class="bottom-to-top center fs-lg" i18n="@CONTACT-US-"> &nbsp;HUBUNGI KAMI &nbsp;</div>
          <div class="center fs-md">
            <i class="icon-double_arrow_r"></i>
          </div>
        </div>
        <div class="fc-right center fs-lg">
          <div class="bg-1">
            <div class="text-center"> <span class="txt-xxl"><i class="icon-24-7 icon-sun-moon"></i><span>24x7</span></span> </div>
                        <div class="row no-gutters">
            <div class="col-xs-6">
              <a class="btn btn-block btn-accent green_over" href="javascript:void(0)" onclick="openLiveChat('https://direct.lc.chat/19644706/' , '')" id="btn-joinNow" i18n="@LIVE-HELP">LIVE HELP</a>
              </div>
              <div class="col-xs-6">
                <a class="btn btn-block btn-tertiery yellow_over" href="https://www.paninipiefactory.com/register" id="btn-joinNow" i18n>JOIN NOW</a>
              </div>
            </div>
            <div class="box flex flex-align-top ">
               <i class="icon-clock"></i>
              <div class="pl-2 font-size-sm "><span i18n>Quick Easy Deposit</span><br /><span i18n="@Fast-withdraw">Fast withdraw</span></div>
            </div>
          </div>
          <div class="bg-2 fs-lg text-left">
                                                                                                                                                                                                                        <a class="btn btn-block box btn-primary contact-values"  href="https://api.whatsapp.com/send?phone=KONFIRMASI LIVE CHAT" target="_blank">
                   <span class="dis_flex">
                   <span class="icon-txt">
                                                    <i class="icon-whatsapp"></i>
                                            </span>
                    <span>KONFIRMASI LIVE CHAT</span>
                   </span>
                 </a>
                                                                                                                                 <a class="btn btn-block box btn-primary contact-values"  href="https://whatsapp.com/channel/0029VbCj3h47YScydDX6x93s" target="_blank">
                   <span class="dis_flex">
                   <span class="icon-txt">
                                                    <i class="icon-whatsapp"></i>
                                            </span>
                    <span>UPDATE TERBARU TOPANSAKTI</span>
                   </span>
                 </a>
                                                                   <a class="btn btn-block box btn-primary contact-values"  href="https://www.facebook.com/topansakti.id" target="_blank">
                   <span class="dis_flex">
                   <span class="icon-txt">
                                                    <i class="icon-facebook"></i>
                                            </span>
                    <span>Facebook</span>
                   </span>
                 </a>
                                                                                                  <a class="btn btn-block box btn-primary contact-values"  href="https://www.instagram.com/topansakti.id/" target="_blank">
                   <span class="dis_flex">
                   <span class="icon-txt">
                                                    <i class="icon-instagram"></i>
                                            </span>
                    <span>Instagram</span>
                   </span>
                 </a>
                                                                                                                                 <a class="btn btn-block box btn-primary contact-values"  href="https://telegram.me/Topansaktiofficial" target="_blank">
                   <span class="dis_flex">
                   <span class="icon-txt">
                                                    <i class="icon-telegram"></i>
                                            </span>
                    <span>Topansaktiofficial</span>
                   </span>
                 </a>
                                                                   <a class="btn btn-block box btn-primary contact-values"  href="https://telegram.me/+keFOj4bPjEFlOGVl" target="_blank">
                   <span class="dis_flex">
                   <span class="icon-txt">
                                                    <i class="icon-telegram"></i>
                                            </span>
                    <span>TOPANSAKTI</span>
                   </span>
                 </a>
                                                                                                           
                            
                                      </div>
        </div>
      </div>
    </div>
  </div>
    <div class="floats floats-left">
    <div class="slider">
      <div class="fc">
        <div class="fc-left fs-lg">
          <div class="bg-2">
            <a    href ="https://storetn.in/TOPANSAKTI/topansakti.apk" style="outline: none;">
              <div class="pt-2 text-center ">
              <img  class="fd-qr" src ="https://files.sitestatic.net/apk_qr_img_v2/TOPANSAKTI/topansakti.png?v=7" >
              </div>
            </a>

            <a href="https://storetn.in/TOPANSAKTI/topansakti.apk" class="desktop-apk-download-card">
                                                   <span class="icon-txt"><i class="icon-android"></i></span>
                                            <div class="desktop-apk-content">
                        <span class="desktop-apk-webtitle">TOPANSAKTI Lite</span>
                           <span class="desktop-apk-slogan">
                                                            <div>Fast, Light & Secure</div>
                                                     </span>
                    </div>
            </a>

          </div>
        </div>
        <div class="fc-right text-center">

          <div class="center i-circle" style="padding-top:5px;">
            <i class="icon-download"></i>
          </div>

          <div class="bottom-to-top center fs-lg" i18n="@DOWNLOAD">&nbsp;&nbsp;DOWNLOAD&nbsp;&nbsp;</div>
          <div class="center fs-md">
            <i class="icon-double_arrow_l"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
  


  <!-- login form -->
    <div class="modal-wrapper nifty-modal fade-in-scale" id="login-modal--layout" data-isnotcloseoverlay="true">
	<div class="md-content"> 
		<div class='md-body'> 
			<style type="text/css">


    </style>
<div class="modal-header text-center">
      <button class="btn btn-link pull-left"  id="btn-close--login-modal"> X </button>
      <div style="width:100%;">
        <h4 class="text-center modal-title">Login</h4>
      </div>
    </div>
    <div class="modal-body"  >
      
       
       
      <!--app_sub_skin != \Constants::onix  -->
      <form name="loginForm" id="loginForm" class="form-horizontal needs-validation"  action="https://www.paninipiefactory.com/login"    method="POST"  [ngClass]="{'was-validated':isSubmit,'':!isSubmit }" >
       <input type="hidden" name="_token" value="wlxS70rixXTMWHsG77a51FRdiwSnmT8xXlXNwIXQ">        
        <div class="form-group ">
          <label for="UserName" class="fs-lg" i18n>Nama pengguna</label>
          <div class="icon-input">
            <input type="text" class="form-control input-l" maxlength="50" name="user_name"  autocomplete="off" required="required" id="UserName" aria-describedby="emailHelp" placeholder="">
            <i class="icon-user left"></i>

          </div>
        </div>
       
        

        <div class="form-group ">
          <label for="pwd--login" class="fs-lg" i18n>Kata sandi</label>
          <div class="icon-input">
            <input type="password" class="form-control  input-l"  maxlength="20"  id="pwd--login" name="password" required="required" autocomplete="current-password"/>
            <i class="icon-lock left"></i>
            <i class="icon-eye toggle-password" input_id="#pwd--login"></i>
          </div>
        </div> 
        <div class="form-group "> 
          <label> 
            <input type="checkbox" id="RememberMe" name="remember_me" value="1" checked>
            <small class="text-left"> Ingat saya </small>
        </label> 
        </div> 
      
    
        
                    
        <div class="row  alert alert-danger message" _login-modal >
           </div>

        <div class="form-group text-center">
          <button type="submit"   *ngIf="!inProgress"  class="btn btn-block btn-primary fs-lg btn-submit">Login</button>
       
            <button  type="button"  *ngIf="!inProgress"  class="btn btn-link" id="forgotPwd-btn--login-modal" i18n>
              Lupa kata sandi? &nbsp;<i class="icon-redo"></i>
            </button>
          
        </div>

      </form>
      
      <form class="form-horizontal" id="resetPwdForm" name="resetPwdForm" action="/apply-resetpwd" method="post"  >
        <input type="hidden" name="_token" value="wlxS70rixXTMWHsG77a51FRdiwSnmT8xXlXNwIXQ">        
        
        <div class="form-group row">
            <div class="col-xs-6 radio_2 p-0 fpwContactMethod" style="padding: 0;"  data-type='emailOpt'>
                <input  type="radio" name="comm_type" value="email" checked >
                <label class="" >
                    <span class="radio-title"> Alamat email </span>
                        <span class="marked">
                            <i class ="icon-checkmark"></i>
                        </span>
                </label>
            </div>
                          <div class="col-xs-6 radio_2 p-0 fpwContactMethod" style="padding: 0;font-size: 12px;"  data-type='mobileOpt'>
                      <input  type="radio" name="comm_type" value="mobile" >
                      <label class="">
                          <span class="radio-title"> WA / Nomor telepon </span>
                              <span class="marked">
                                  <i class ="icon-checkmark"></i>
                              </span>
                      </label>
              </div>
                    </div>
        <div class="form-group"  id="emailInput">
          <label for="password" >Alamat email</label>
          <div class="icon-input">
            <input type="email" class="form-control input-l"  name="email" required="required" id="email" aria-describedby="emailHelp" placeholder="">
            <i class="icon-envelope left"></i>
          </div>
        </div>
                <div class="form-group row no-gutters" id="mobileInput">
            <label class="">WA / Nomor telepon</label>
            
            <div class="input-group">            
                                <div class="input-group-btn pos-abs">
                <button type="button"  class="btn btn-default dropdown-toggle input-l" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
                    <span id="txt-contact-country"> +62</span>
                    <span class="caret"></span>
                
                </button> 
                <input type="hidden" name="contact_country"
                value="62">
                <ul class="dropdown-menu" id="fpw-contact-country" style=" height: 200px; overflow-y: scroll; ">
                    <li><a class="js-opt" href="#" data-value="62" id="def-ctrycontact-opt"  >Indonesia (+62)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="62"  >Indonesia (+62)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="60"  >Malaysia (+60)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="65"  >Singapore (+65)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="63"  >Philippines (+63)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="855"  >Cambodia (+855)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="84"  >Viet Nam (+84)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="66"  >Thailand (+66)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="93"  >Afghanistan (+93)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="358"  >Aland Islands (+358)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="355"  >Albania (+355)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="213"  >Algeria (+213)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1684"  >American Samoa (+1684)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="376"  >Andorra (+376)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="244"  >Angola (+244)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1264"  >Anguilla (+1264)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="672"  >Antarctica (+672)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1268"  >Antigua and Barbuda (+1268)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="54"  >Argentina (+54)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="374"  >Armenia (+374)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="297"  >Aruba (+297)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="61"  >Australia (+61)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="43"  >Austria (+43)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="994"  >Azerbaijan (+994)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1242"  >Bahamas (+1242)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="973"  >Bahrain (+973)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="880"  >Bangladesh (+880)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1246"  >Barbados (+1246)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="375"  >Belarus (+375)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="32"  >Belgium (+32)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="501"  >Belize (+501)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="229"  >Benin (+229)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1441"  >Bermuda (+1441)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="975"  >Bhutan (+975)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="591"  >Bolivia (+591)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="599"  >Bonaire, Sint Eustatius and Saba (+599)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="387"  >Bosnia and Herzegovina (+387)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="267"  >Botswana (+267)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="55"  >Bouvet Island (+55)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="55"  >Brazil (+55)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="246"  >British Indian Ocean Territory (+246)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="673"  >Brunei Darussalam (+673)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="359"  >Bulgaria (+359)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="226"  >Burkina Faso (+226)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="257"  >Burundi (+257)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="237"  >Cameroon (+237)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >Canada (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="238"  >Cape Verde (+238)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1345"  >Cayman Islands (+1345)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="236"  >Central African Republic (+236)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="235"  >Chad (+235)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="56"  >Chile (+56)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="86"  >China (+86)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="61"  >Christmas Island (+61)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="672"  >Cocos (Keeling) Islands (+672)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="57"  >Colombia (+57)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="269"  >Comoros (+269)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="242"  >Congo (+242)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="242"  >Congo, Democratic Republic of the Congo (+242)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="682"  >Cook Islands (+682)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="506"  >Costa Rica (+506)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="225"  >Cote D&#039;Ivoire (+225)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="385"  >Croatia (+385)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="53"  >Cuba (+53)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="599"  >Curacao (+599)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="357"  >Cyprus (+357)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="420"  >Czech Republic (+420)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="45"  >Denmark (+45)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="253"  >Djibouti (+253)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1767"  >Dominica (+1767)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1809"  >Dominican Republic (+1809)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="593"  >Ecuador (+593)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="20"  >Egypt (+20)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="503"  >El Salvador (+503)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="240"  >Equatorial Guinea (+240)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="291"  >Eritrea (+291)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="372"  >Estonia (+372)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="251"  >Ethiopia (+251)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="500"  >Falkland Islands (Malvinas) (+500)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="298"  >Faroe Islands (+298)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="679"  >Fiji (+679)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="358"  >Finland (+358)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="33"  >France (+33)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="594"  >French Guiana (+594)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="689"  >French Polynesia (+689)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="262"  >French Southern Territories (+262)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="241"  >Gabon (+241)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="220"  >Gambia (+220)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="995"  >Georgia (+995)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="49"  >Germany (+49)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="233"  >Ghana (+233)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="350"  >Gibraltar (+350)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="30"  >Greece (+30)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="299"  >Greenland (+299)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1473"  >Grenada (+1473)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="590"  >Guadeloupe (+590)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1671"  >Guam (+1671)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="502"  >Guatemala (+502)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >Guernsey (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="224"  >Guinea (+224)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="245"  >Guinea-Bissau (+245)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="592"  >Guyana (+592)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="509"  >Haiti (+509)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="0"  >Heard Island and Mcdonald Islands (+0)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="39"  >Holy See (Vatican City State) (+39)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="504"  >Honduras (+504)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="852"  >Hong Kong (+852)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="36"  >Hungary (+36)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="354"  >Iceland (+354)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="91"  >India (+91)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="98"  >Iran, Islamic Republic of (+98)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="964"  >Iraq (+964)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="353"  >Ireland (+353)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >Isle of Man (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="972"  >Israel (+972)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="39"  >Italy (+39)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1876"  >Jamaica (+1876)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="81"  >Japan (+81)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >Jersey (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="962"  >Jordan (+962)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="7"  >Kazakhstan (+7)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="254"  >Kenya (+254)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="686"  >Kiribati (+686)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="850"  >Korea, Democratic People&#039;s Republic of (+850)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="82"  >Korea, Republic of (+82)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="381"  >Kosovo (+381)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="965"  >Kuwait (+965)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="996"  >Kyrgyzstan (+996)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="856"  >Lao People&#039;s Democratic Republic (+856)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="371"  >Latvia (+371)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="961"  >Lebanon (+961)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="266"  >Lesotho (+266)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="231"  >Liberia (+231)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="218"  >Libyan Arab Jamahiriya (+218)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="423"  >Liechtenstein (+423)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="370"  >Lithuania (+370)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="352"  >Luxembourg (+352)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="853"  >Macao (+853)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="389"  >Macedonia, the Former Yugoslav Republic of (+389)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="261"  >Madagascar (+261)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="265"  >Malawi (+265)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="960"  >Maldives (+960)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="223"  >Mali (+223)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="356"  >Malta (+356)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="692"  >Marshall Islands (+692)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="596"  >Martinique (+596)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="222"  >Mauritania (+222)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="230"  >Mauritius (+230)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="269"  >Mayotte (+269)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="52"  >Mexico (+52)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="691"  >Micronesia, Federated States of (+691)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="373"  >Moldova, Republic of (+373)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="377"  >Monaco (+377)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="976"  >Mongolia (+976)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="382"  >Montenegro (+382)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1664"  >Montserrat (+1664)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="212"  >Morocco (+212)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="258"  >Mozambique (+258)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="95"  >Myanmar (+95)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="264"  >Namibia (+264)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="674"  >Nauru (+674)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="977"  >Nepal (+977)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="31"  >Netherlands (+31)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="599"  >Netherlands Antilles (+599)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="687"  >New Caledonia (+687)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="64"  >New Zealand (+64)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="505"  >Nicaragua (+505)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="227"  >Niger (+227)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="234"  >Nigeria (+234)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="683"  >Niue (+683)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="672"  >Norfolk Island (+672)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1670"  >Northern Mariana Islands (+1670)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="47"  >Norway (+47)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="968"  >Oman (+968)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="92"  >Pakistan (+92)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="680"  >Palau (+680)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="970"  >Palestinian Territory, Occupied (+970)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="507"  >Panama (+507)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="675"  >Papua New Guinea (+675)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="595"  >Paraguay (+595)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="51"  >Peru (+51)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="64"  >Pitcairn (+64)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="48"  >Poland (+48)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="351"  >Portugal (+351)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1787"  >Puerto Rico (+1787)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="974"  >Qatar (+974)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="262"  >Reunion (+262)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="40"  >Romania (+40)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="70"  >Russian Federation (+70)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="250"  >Rwanda (+250)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="590"  >Saint Barthelemy (+590)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="290"  >Saint Helena (+290)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1869"  >Saint Kitts and Nevis (+1869)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1758"  >Saint Lucia (+1758)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="590"  >Saint Martin (+590)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="508"  >Saint Pierre and Miquelon (+508)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1784"  >Saint Vincent and the Grenadines (+1784)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="684"  >Samoa (+684)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="378"  >San Marino (+378)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="239"  >Sao Tome and Principe (+239)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="966"  >Saudi Arabia (+966)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="221"  >Senegal (+221)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="381"  >Serbia (+381)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="381"  >Serbia and Montenegro (+381)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="248"  >Seychelles (+248)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="232"  >Sierra Leone (+232)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >Sint Maarten (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="421"  >Slovakia (+421)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="386"  >Slovenia (+386)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="677"  >Solomon Islands (+677)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="252"  >Somalia (+252)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="27"  >South Africa (+27)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="500"  >South Georgia and the South Sandwich Islands (+500)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="211"  >South Sudan (+211)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="34"  >Spain (+34)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="94"  >Sri Lanka (+94)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="249"  >Sudan (+249)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="597"  >Suriname (+597)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="47"  >Svalbard and Jan Mayen (+47)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="268"  >Swaziland (+268)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="46"  >Sweden (+46)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="41"  >Switzerland (+41)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="963"  >Syrian Arab Republic (+963)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="886"  >Taiwan, Province of China (+886)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="992"  >Tajikistan (+992)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="255"  >Tanzania, United Republic of (+255)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="670"  >Timor-Leste (+670)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="228"  >Togo (+228)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="690"  >Tokelau (+690)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="676"  >Tonga (+676)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1868"  >Trinidad and Tobago (+1868)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="216"  >Tunisia (+216)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="90"  >Turkey (+90)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="7370"  >Turkmenistan (+7370)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1649"  >Turks and Caicos Islands (+1649)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="688"  >Tuvalu (+688)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="256"  >Uganda (+256)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="380"  >Ukraine (+380)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="971"  >United Arab Emirates (+971)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >United Kingdom (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >United States (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >United States Minor Outlying Islands (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="598"  >Uruguay (+598)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="998"  >Uzbekistan (+998)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="678"  >Vanuatu (+678)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="58"  >Venezuela (+58)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1284"  >Virgin Islands, British (+1284)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1340"  >Virgin Islands, U.s. (+1340)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="681"  >Wallis and Futuna (+681)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="212"  >Western Sahara (+212)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="967"  >Yemen (+967)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="260"  >Zambia (+260)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="263"  >Zimbabwe (+263)</a></li>
                                    </ul>
                </div>
                <input type="text" style="height:fit-content;" name="mobile" id="mobile" value="" class="form-control input-l" >
             </div>            
        </div>
                 
          <div class="form-group row no-gutters">
            <div class="col-xs-8 col-md-8">
                <input  type="tel" id='registerCaptchaimg' class="form-control" name="forgotPwCaptchaimg" maxlength="4"
                    autocomplete="off" style="height: 50px;" placeholder="Captcha">
            </div>
            <button class="btn btn-refresh col-xs-4 col-md-4 text-left" type="button" id="fogotrefreshCaptcha"  >
            <img   data-url="https://www.paninipiefactory.com/captcha-image-forgotpw?v=1784414104" id="forgotPwCaptchaimgpath" class="captcha_img"
                autocomplete="off">
            <i class="icon-refresh"></i>
            </button>
          </div>
             
       <div class="row alert alert-danger message" _login-modal >
        </div>

        <div class="form-group text-center">        
          <button type="submit" class="btn btn-block btn-primary fs-lg" id="fpwSubmitBtn">Reset</button>
          <button type="button" id="btn-back--login-modal" class="btn btn-link"  i18n>
            <i class="icon-undo"></i>&nbsp; Kembali untuk masuk          </button>
          <app-ellipsis *ngIf="inProgress"></app-ellipsis>
        </div>

      </form>


                  <form class="form-horizontal text-center" id="pinForm" action="https://www.paninipiefactory.com/validate-pin">

                    <div class="form-group ">
                        <h3>Kode Pin Aman</h3>
                        <p class="">Silakan Masukkan Kode Pin Aman Anda</p>
                    </div>
                    <div class="form-group ">
                        <div class="pin-in-grp" id="pin-in-grp">

                                                
                          <input type="password" maxlength="1" name="pincode[0]" required class="form-control pincode" style="width:16.66%"  >
                        
                       
                          <input type="password" maxlength="1" name="pincode[1]" required  class="form-control pincode" style="width:16.66%">
                           
                         
                          <input type="password" maxlength="1" name="pincode[2]" required  class="form-control pincode" style="width:16.66%">
                         
                         
                          <input type="password" maxlength="1" name="pincode[3]" required  class="form-control pincode" style="width:16.66%">
                          
                          
                          <input type="password" maxlength="1" name="pincode[4]"  required class="form-control pincode"  style="width:16.66%">
                          
                         
                          <input type="password" maxlength="1" name="pincode[5]" required  class="form-control pincode" style="width:16.66%">
                      
                          
                        </div>
                    </div>
                    <div class="form-group button-group">
                      <div class="row">
                                              	                            <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="5"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="9"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="2"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="0"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="3"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="8"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="7"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="1"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="4"  >
                            </div>
                                                    <div class="col-xs-4">
                            <input id='back_bt' class="btn btn-warning btn-block  btn-round" type="button" value="RESET"  >
                          </div>
                          <div class="col-xs-4">
                            <input class="btn btn-primary btn-block  btn-round pinkey" type="button" value="6"  >
                          </div>
                          <div class="col-xs-4">
                              <button class="btn btn-info btn-round btn-block waves-effect waves-light btn-submit" type="submit">Submit</button>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-xs-4"></div>
                          <div class="col-xs-4"><a style="" class="btn btn-danger btn-round btn-block waves-effect " href="javascript:void(0);" onclick="window.onLogOut();" >LOGOUT</a></div>
                          <div class="col-xs-4"></div>
                        </div>
                    </div>
                    <div class="row  alert alert-danger message" _login-modal >
                     </div>
                </form>

                <form class="form-horizontal text-center" id="fa2Form" action="https://www.paninipiefactory.com/validate-2fa" style="display: none;">

                    <div class="form-group ">
                        <h3>Masukkan Kode 2FA</h3>
                        <p class="">Masukkan kode verifikasi yang dihasilkan oleh aplikasi autentikator di ponsel Anda</p>
                    </div>
                    <div class="form-group ">
                    <h4>Kode verifikasi dari aplikasi</h4>
                        <div class="pin-in-grp" id="fa2_grp">

                                                
                        <input type="password" maxlength="1" name="pincode[1]" required class="form-control pincode text-center" style="width:16.66%;float:left"  >
                        <input type="password" maxlength="1" name="pincode[2]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[3]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[4]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[5]"  required class="form-control pincode text-center"  style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[6]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                      
                          
                        </div>
                    </div>
                    <div class="form-group text-center">
                    <button class="btn btn-info btn-round  waves-effect waves-light btn-submit" type="submit">Submit</button>
                    </div>
                    
                    <div class="row  alert alert-danger message" _login-modal >
                     </div>
                </form>
                <form class="form-horizontal text-center" id="fpwOtpVerifyForm" action="https://www.paninipiefactory.com/fpw-verify-otp" style="display: none;">

                    <div class="form-group ">
                        <h3>Verifikasi</h3>
                        <p class="">Silakan masukkan kata sandi satu kali untuk memverifikasi akun Anda</p>
                        <p class="">
                           <span>Kode telah dikirim ke</span> <small id="maskedNumber"></small> 
                        </p>
                    </div>
                    <input type="hidden" name="mobile" id="otpMobile">
                    <input type="hidden" name="contact_country" id="otpCountryCode">
                    <input type="hidden" name="otp_prefix" id="otpPrefix">
                    <div class="form-group ">
                    <h4>Kode dengan awalan - <span id="prefixValue"></span> </h4>
                        <div class="otp-pin-in-grp" id="otp_pin_grp">
                                                
                        <input type="password" maxlength="1" name="otp_pincode[1]" required class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left"  >
                        <input type="password" maxlength="1" name="otp_pincode[2]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[3]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[4]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[5]" required class="form-control fa2Code otp_pincode text-center"  style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[6]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                      
                          
                        </div>
                    </div>
                    <div class="form-group text-center d-flex"  style="justify-content: space-between; ">
                        <button type="button" id="btn-back--fpw-verify-modal" class="btn btn-secondary btn-round waves-effect btn-back">
                            Back                        </button>

                        <span id="resend-timer" class="btn btn-outline-warning btn-round disabled">
                            Please wait <span id="resend-countdown">60</span>s
                        </span>

                        <button type="button" id="fpwResendOtpBtn" class="btn btn-warning btn-round waves-effect d-none">
                            Resend OTP                        </button>

                        <button type="submit" class="btn btn-info btn-round waves-effect btn-submit">
                            Periksa                        </button>
                    </div>
                    
                    <div class="row  alert alert-danger message" _login-modal >
                     </div>
                </form>
    </div>
    <div class="modal-footer text-center" id="footer--login-modal">
      <div class="footer-content">Tidak terdaftar?  <a  href="https://www.paninipiefactory.com/register"  i18n>Daftar</a></div>
    </div>
		</div>
	</div>
</div>
<div class='md-overlay'></div>    <!-- END login form -->
  

  
  <!-- Loading modal -->
  <div class="nifty-modal fade-in-scale" id="loading--layout" style="z-index:1000001;"   data-isnotcloseoverlay="true">
    <div class="md-content">
      <div class='md-body'>

        <div class="loader-b large"></div>
      </div>
    </div>
  </div>
  <div class='md-overlay' style="z-index:1000000;"></div>
  <!-- END Loading modal-->

  <!-- APK download ||Transfer Wallet  modal start-->
  <div class="nifty-modal slide-in-bottom downloadapk-modal" id="apk-modal">
  			<div class="md-content">
          <div class="modal-header">
       <button class="pull-right md-close"><i class="icon-x fs-lg"  ></i></button>
      <h3 id="downloadgame-title" ></h3>
    </div>
  				<div class="md-body"  >
       <!--region Transfer Wallet Menu -->
            <div class="row no-gutters" id="trans_to_game_menu__game-modal"  >
                <form  action="" method="post" id="tw_transfer_form" class="tw_transfer_form">
                  <input type="hidden" name="_token" value="wlxS70rixXTMWHsG77a51FRdiwSnmT8xXlXNwIXQ">                    <div class="form-group">
                        <label for="mainwallet_amount">From Main Wallet</label>
                        <input type="text" class="form-control" readonly name="mainwallet_amount" id="mainwallet_amount"  value="" />

                    </div>
                    <div class="text-center">
                      <span class="vertical"><i class="icon-arrow-long-right"></i></span>
                    </div>
                    <div class="row">
                      <div class="col-xs-12">
                        <label for="mainwallet_amount">Transfer to <span id="gamename"></span> Wallet</label>
                        <div class="form-group">

                          <div class="customrange-slider">
                            <div id="slider" overflow-scroll="false"  class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content">
                              <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
                              <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min" style="width: 0%;"></div>
                            </div>
                            <div class="decrease-btn cusbtn">
                              <div id="tw_decrease_btn"> <span class="minus-icon custom-icon">-</span> </div>

                              <div class="minmax-label">Min</div>
                              <div class="minmax-value">
                                5000
                              </div>
                              <input type="hidden" name="twminval" id="twminval" value="5000"/>
                            </div>
                            <div class="increase-btn cusbtn">
                              <div id="tw_increase_btn">
                                <span class="plus-icon custom-icon">+</span>
                              </div>

                              <div class="minmax-label">Max</div>
                              <div class="minmax-value" id="maxSliderApk"></div>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
                        <div class="form-group">
                            <input type="text" readonly class="form-control" name="transfer_amount" id="transfer_amount" placeholder="0.00"   value="00.00" required/>
                        </div>
                        </div>
                        </div>
                      </div>

                    <div class="text-center">
                        <input type="submit" class="btn btn-primary"  value="SUBMIT" />
                    </div>
                </form>
            </div>
          <!--endregion Transfer Wallet Menu -->

  					<div class="row no-gutters">
  							<div class="col-xs-12 text-center">
  								<a href="#" id="launchurl" class="url-link" target="_blank">
                	<img class="img-fluid" src="https://www.paninipiefactory.com/assets/images/log_html5.png" alt="play-in-browser">
  								<div class="download-caption text-center">
  										Play now in your browser
  								</div>
  								<div class="download-linkbtn text-center">
  									<img class="img-fluid" src="  https://www.paninipiefactory.com/assets/images/btn_playnow.png" alt="play-now-in-browser">
  								</div>
  							</a>
  							</div>

  						</div>
    				</div>
  			</div>
  </div>
  <div class="modal-wrapper nifty-modal fade-in-scale" id="live-draw-modal" data-isnotcloseoverlay="true">
    <div class="md-content"> 
      <div class='md-body'> 
        <div class="modal-header">
        <h4 class="modal-title">Live Draw</h4>      
        <button class="btn btn-link pull-left "  id="btn-close--live-draw-modal"> <i class="icon icon-close"></i> </button>
</div>

<div class="modal-body"  >
    <div id='live_draw_table'>
   
    </div>
    <div id='img_details'>
        <img src="" class="draw_img" id='draw_img'>
        <div class="details">

            <p class="tickte_id" >undian berikutnya: <span id='ticket_id'></span></p>
        </div>

        <div class="close_btn_section">
            <button class="btn btn-close" id='img--section-closebtn'onclick="closeImageSection()">Kembali</button>
        </div>
    </div>
    
</div>
      </div>
    </div>
  </div>
  <div class="md-overlay"></div>
  <!-- APK download modal end-->

  


  <script>
    

    
   
    window.loadOrRefreshTurnstileWidget= function(  selectorId ){

         //do nothing;
    }
     
</script>
 <script type="text/javascript" src="https://cdn.sitestatic.net/assets/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://cdn.sitestatic.net/assets/jquery-validation/additional-methods.min.js"></script>
<link rel="stylesheet" href="https://cdn.sitestatic.net/assets/fancybox/jquery.fancybox.min.css">


<script type="text/javascript" src="https://cdn.sitestatic.net/assets/fancybox/jquery.fancybox.min.js"></script>
<script>
 
        function setMarquee(el) {
            const pxPerSec = 80;
            const containerW = el.parentElement.offsetWidth;
            const textW = el.scrollWidth;
            const distance = containerW + textW; // full travel distance
            const duration = distance / pxPerSec; // seconds

            el.style.setProperty('--mq-from', containerW + 'px');
            el.style.setProperty('--mq-to',   -textW + 'px');
            el.style.animation = `marquee ${duration.toFixed(2)}s linear infinite`;

        }
        window.isAuth=  false  ? true : false;
        window.onLogOut = async function(){
            if(window.iFirebase){
                await window.iFirebase.logout();
            }
            
            window.location.href="https://www.paninipiefactory.com/logout";

        }
        window.fbs =  {"apiKey":"AIzaSyBcjaHyPyEaPHmTLMiF4zh43Dj8qaP4v7E","authDomain":"giga5-ns3.firebaseapp.com","projectId":"giga5-ns3","storageBucket":"giga5-ns3.firebasestorage.app","messagingSenderId":"162255028402","appId":"1:162255028402:web:ce3ff0ab95a033d0f349ab","measurementId":null} ;
        window.firebasSuccessCb = function (params){
        window.json_post(
                "/authViaIdp",
                params ,
                "json",
                showLoadingImgFn   ,
                 removeLoadingImgFn    ,
            ).done(function(d){
    
             window.onLoginCallback(d,true);

            });
        }
    

         window.currencyCode='IDR';
         window.lang="id";
         window.agentCode='TOPANSAKTI';
         window.sweetAlert= function ( msg , type , title  ,showCancelBtn   ) {
            //check CF error
            var dateNow = "2026-07-19 06:35:04";

            if (msg.indexOf('cloudflare') >= 0) {
                msg = transMsgs.cfTimeout + ' (error time: ' + dateNow + ')';
                title = " ";
            }
            if (msg.indexOf('challenge') >= 0) {
                msg = transMsgs.cfChallenge + ' (error time: ' + dateNow + ')';
                title = " ";
            }
             return     Swal.fire({
                    title: !title? "Warning" : title,
                    text: msg,
                    icon: !type? "error":type,
                    showCancelButton :(showCancelBtn ? true:false),
                    cancelButtonText : "Cancel",
                    showConfirmButton : true, 
                    confirmButtonText : 'OK', 
                } );
            }
            console.log('window.name ' + window.name );
            window.name = !window.name? "parent"  + Date.now() + Math.floor(Math.random() * 100000000) : window.name;
            console.log('window.name ' + window.name );
           window.formatNumber = function (n)   {
                // format number 1000000 to 1,234,567
                return n.replace(/[^0-9\-]/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",")
            }
            window.convertToNumber= function (value) {

                    if (!value) {
                        return 0;
                    }
                    if(value.indexOf(".") >= 0){
                        var decimal_pos = value.indexOf(".");
                        value= value.substring(0, decimal_pos);

                    }
                    var number =value.replace(/[^0-9.-]+/g, "");
                    if (isNaN(number)) {
                        number = 0;
                    }
                return number;
           }

            window.formatCurrency = function (value) {
                    const symbol = "";//"$"
                    // get input value
                    var input_val = value;

                    if (typeof value !== 'string') {
                        var input_val = value.toString();
                    }
                    if (input_val === "") { return; }

                    var original_len = input_val.length;


                    if (input_val.indexOf(".") >= 0) {

                        var decimal_pos = input_val.indexOf(".");
                        var left_side = input_val.substring(0, decimal_pos);
                        var right_side = input_val.substring(decimal_pos+1);

                        left_side = formatNumber(left_side);

                        right_side += "00";

                        right_side = right_side.substring(0, 2);

                        input_val = symbol + left_side + "." + right_side;

                    } else {
                        input_val = formatNumber(input_val);
                        input_val = symbol + input_val + ".00";;

                    }

                    return input_val;
           }

                window.prize = 0 ;
                window.ajax_jackpot= function  () {
                    $.ajax({
                        url: "https://www.paninipiefactory.com/getPokerJackpotAmt",
                        type: 'post',
                        data: { _token : $('meta[name=csrf-token]').attr('content') },
                        success: function (data) {
                            prize = (data / 2000.000)*2000.000;
                            $('.jackpot_numbers_home').html(`IDR <span id="jackpot_amount">${ commaSeparateNumber(prize) }</span>`)

                            //$('.jackpot_numbers_home').html(`IDR ` + commaSeparateNumber(data.prize));
                        }
                    });
                }
                window.getHkbLotteryResults= function  (callback) {
                    var results = [];
                    $.ajax({
                        url: "https://www.paninipiefactory.com/getHKBLotteryResults",
                        type: 'post',
                        data: { _token : $('meta[name=csrf-token]').attr('content') },
                        success: function (result) {
                            results =  result.data.hkb_lottery_results;
                            if (typeof callback === 'function') {
                                callback(results);
                            }
                        }
                    });
                   
                }

                var newI = 0;
                window.popitup = function  (url,gameid) {
                  //alert(gameid);
                    newwindow = window.open(url,  window.agentCode + '_gameWindow'+gameid+newI,'toolbar=0,width=1200,height=750');
                    newI++;
                    if (window.focus) { newwindow.focus() }
                    return false;
                }

                window.popup = function (mylink, windowname) {
                    if (!window.focus) return true;
                    var href;
                    if (typeof (mylink) == 'string')
                        href = mylink;
                    else
                        href = mylink.href;
                    window.open(href, windowname, 'width=600,height=800,scrollbars=yes');
                    return false;
                }
                window.commaSeparateNumber = function (val, isJP) {
                    while (/(\d+)(\d{3})/.test(val.toString())) {

                        if( window.currencyCode=='VND' && isJP){
                            val = val.toFixed(0);
                        }else {
                            val = Number(val).toFixed(2);
                        }
                        val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
                    }
                    return val;
                }

                window.getRandomIntInclusive =  function (min, max) {
                    min = Math.ceil(min);
                    max = Math.floor(max);
                    return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive
                }

                /*bank acc min and maxlength limitation */
                window.accLength = parseInt("8");
                    window.bankAccLength =function(selectedBank, default_minlength, default_maxlength){
                        console.log(selectedBank, default_minlength, default_maxlength);
                        var   custom_minLength, custom_maxLength;
                if(selectedBank == 'MDR' || selectedBank == 'MDRLV'){
                    custom_minLength = 13;
                    custom_maxLength = 13;
                }
                else if(selectedBank == 'BNI' || selectedBank == 'BCA' || selectedBank == 'BSI' || selectedBank == 'BLA'){
                    custom_minLength = 10;
                    custom_maxLength = 10;
                } 
                else if(selectedBank == 'BRI'){
                    custom_minLength = 15;
                    custom_maxLength = 15;
                } 
                else if(selectedBank == 'DMN'){
                    custom_minLength = 10;
                    custom_maxLength = 12;
                } 
                else if(selectedBank == 'BPDSULTENG'){
                    custom_minLength = 10;
                    custom_maxLength = 15;
                }
                else if(selectedBank == 'ALADIN' || selectedBank == 'ALLO' || selectedBank == 'BPDRIKE'|| selectedBank == 'BPDRIKES' || selectedBank == 'BPDRIKEU' || selectedBank == 'BJB'){
                    custom_minLength = 10;
                    custom_maxLength = 13;
                } 
                else if(selectedBank == 'JAGO' || selectedBank == 'ARIN'){
                    custom_minLength = 8;
                    custom_maxLength = 12;
                } 
                else if(selectedBank == 'CIMBN' || selectedBank == 'SEABANK'){
                    custom_minLength = 12;
                    custom_maxLength = 12;
                }  
                else if(selectedBank == 'BPMT'){ // This requested by CS WL 2. Jira - FRONT-8992 comment
                    custom_minLength = 8;
                    custom_maxLength = 13;
                } 
                else{
                    custom_minLength  = default_minlength;
                    custom_maxLength  = default_maxlength; 
                }   
                
                return {'min_len': custom_minLength,'max_len': custom_maxLength}
                    }
                /*bank acc min and maxlength limitation end*/ 


  $(document).ready(function () {

                document.querySelectorAll('.marquee-running-text-inner').forEach(setMarquee);
                    //suspend-alert
                   // login-alert
                   // promo-disabled-alert
                   // "maintenance-alert";
                   // "comingsoon-alert";
                window.alertLogin=function(e){
                    e.preventDefault();
                    sweetAlert( transMsgs.plsLogin  );
                    return false;
                }

                $(".suspend-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert( transMsgs.blockedFrGame);
                        return false;
                });

                $(".login-alert").click(function (e) {
                    if($("#login-modal--layout").length && !$('#loginForm').hasClass('js-inline-form') ){
                         $("#login-modal--layout").nifty("show")
                    }
                    else {
                        alertLogin(e);
                    }

                    return false;
                });

                $(".maintenance-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert( transMsgs.gameMaintenance);
                        return false;
                });

                $(".comingsoon-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert( transMsgs.gameComingSoon);
                        return false;
                });

                $(".promo-disabled-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert(transMsgs.gamePromoBlock);
                        return false;
                });


               
                $("#login-modal--layout").on('shown.nifty.modal', function(){
                    window.loadOrRefreshTurnstileWidget('loginTurnstileWidget' ); 
                });
 
        });


        $("input").focus(function() {
          $("body").addClass("input-focused");
        });
        $("input").focusout(function() {
          $("body").removeClass("input-focused");
        });

        var host = window.location.host;        
        var curr_host = "www.paninipiefactory.com";
        var agent_url = "https://www.paninipiefactory.com";
        
        console.log(host, curr_host, agent_url , agent_url.includes(host));
        
        if(host != curr_host && !agent_url.includes(host)){
                      
            location.href = "https://www.paninipiefactory.com";           
        }
        // popup banner
        var isLoggedIn = window.isAuth;
        var isClosedPopUp = isLoggedIn ? sessionStorage.getItem('isClosedPopUpAftLogin') : sessionStorage.getItem('isClosedPopUp');
        
        if(!isClosedPopUp){
                    }
         window.app_sub_skin='gigagaming';
</script>


<script defer type="text/javascript" src="https://www.paninipiefactory.com/js/firebase.js?id=4863984548b2c7219684c3996bb2ecc4"> </script>




<script>
  $('#close-promo-sticky').on('click', function () {
    $('.promo-sticky').fadeOut();
});
</script>  <div class="reward-program-popup"></div>
<div class="claimed-reward-popup"></div>
<div class="redeem-ticket-popup"></div>

<!-- spin-wheel modal -->
<div class="modal-wrapper nifty-modal fade-in-scale" id="spin-wheel-modal--layout" data-isnotcloseoverlay="true">
	<div class="md-content"> 
		<div class='md-body'> 
		<div class="modal-header text-center headerModal">
			<button class="btn btn-link closeBtn"  id="btn-close--spin-wheel-modal"> X </button>
			</div>
			<div class="flex spinWheelWrapper text-center">
            <!-- spin-wheel type -->
            <input type="hidden" id="spin_wheel_type" value=""/>

              <div class="spinWheelTitle">Spin Wheel</div>
              <div>untuk mendapatkan koin atau lainnya</div>
              
              <div class="spinWheel">
                <div class=" inline-flex" style="position: relative;">
                  <canvas id="wheelCanvas" width="280" height="280"></canvas>
                  <div class="spinWheelArrow"></div>
                </div>
              </div>
            </div>
			<div class="flex" style=" place-content: center; ">
                <button class="btn btn-block btn-primary "
				id="spinBtn">
				 Coba Keberuntungan Anda                </button>
            </div>
        </div>
	</div>
</div>
<div class='md-overlay'></div>
<!-- end of spin-wheel modal -->
   
  <script type="text/javascript" src="https://www.paninipiefactory.com/js/ugsports/app-desktop.js?id=d9e49e9e74b8b5605bf4ff7e8ad99660"> </script>
  <!--License TNC Modal -->
<!--License TNC Modal -->

<!--Language Option Modal -->
<div class="nifty-modal slide-in-bottom " id="langModal-mobile">
  <div class="md-content">
    <div class="md-body">
      <div class="wrap language">
        <div class="title">Wilayah dan bahasa</div>
        <table class="table-borderless"> 
        
          <tr>
            <td class="country">Indonesia</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="flag-wrap">
              <div class="circle-id"></div>
            </td>
                        <td class="i  ">
            <a href="#" onclick='changeLang("id")'> Indonesia</a>
            </td>

                        <td class="i b-line ">
            <a href="#" onclick='changeLang("en")'> English</a>
            </td>

                        <td class="i b-line ">
            <a href="#" onclick='changeLang("cn")'> Mandarin</a>
            </td>

                      </tr> 
     
        </table>
      </div>
    </div>
  </div>
</div>
<div class="md-overlay"></div>
<!--END Language Option Modal -->
 
<script>
$(document).ready(function () {
  });
 function changeLang(key){
      change_lang(key)
  }
  $('.btn-refresh-captcha').on( 'click', function(e){
e.preventDefault();
e.stopPropagation(); 
var $captchaImg = $(this).parent().find('img');
var curCapUrl = $captchaImg .attr("data-url");
var url = curCapUrl + Date.now() + Math.floor(Math.random() * 100000000);
$captchaImg.attr("src",url);

});



</script>





  

  <!-- Live Chat Script Code Started -->
 <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://topansakti.vpngtm.com/ns.html?id=GTM-K5WVW458" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --> 


<!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 19644706;
    window.__lc.integration_name = "manual_onboarding";
    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/19644706/" 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 -->
<!-- Live Chat Script Code End -->
  <script>
   if( window.location.href.indexOf('reLogin=yes') >= 0  &&  !window.isAuth){
          if($("#login-modal--layout").length){
                         $("#login-modal--layout").nifty("show")
          }
    }

  $('#dropdownothergameblc').click(function(){
    window.getAllGameBal();
  });

  </script>
</body>

</html>
