<!doctype html>
<html amp lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>

{amp.header}

<link rel="preload" fetchpriority="high" as="image" href="/common/images/tnm/202311/pm-03-640x300.webp" type="image/webp">
<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2" as="font" type="font/woff2" crossorigin>

<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

<style amp-custom>
body{font-family:Roboto,sans-serif;font-size:14px;color:#fff;margin:0;box-sizing:border-box;line-height:1.42857;}
ul{display:flex;list-style:none;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0;}
ul li{padding:0 8px;}
a{text-decoration:none;color:#fff;}
a:focus{outline:0;}
a:active{opacity:.2;}
input{font-family:Roboto,sans-serif;}
.nav{background-color:#171342;box-shadow:0 1px 0 rgba(0,0,0,.3);position:fixed;top:0;height:50px;width:100%;z-index:9998;display:flex;justify-content:space-between;align-items:center;}
.nav__menu,.nav__notification{cursor:pointer;padding:8px 10px;z-index:1;}
.nav__menu:active,.nav__notification:active{opacity:.2;}
.nav__logo{max-width:90px;}
.nav__logo img{max-width:100%;height:auto;}
.bottom-nav{background-color:#171342;position:fixed;bottom:-1px;height:60px;width:100%;z-index:999;}
.bottom-nav ul{width:100%;height:100%;display:flex;align-items:center;}
.bottom-nav ul li{flex:1;text-align:center;}
.bottom-nav ul li a{display:flex;flex-direction:column;font-size:10px;}
.menu{background-color:#fff;position:fixed;top:0;left:-280px;min-height:100vh;z-index:9999;max-width:17.5rem;width:280px;height:100%;overflow:auto;transition:all ease .3s;}
.menu ul{display:block;}
.menu ul li{padding:10px 16px;border-bottom:1px solid #ddd;display:grid;-webkit-box-align:center;}
.menu .fa-angle-down{margin-top:6px;}
.menu ul li a{display:flex;align-items:center;}
.menu ul li a img{width:21px;height:21px;margin-right:16px;}
.menu ul li a .sub-menu{width:32px;height:32px;margin-right:16px;-o-object-fit:contain;object-fit:contain;}
.menu ul li a span{color:#fff;font-size:16px;}
.box{padding:10px 15px;max-width:50rem;margin:0 auto;box-sizing:border-box;}
.hamburger{padding:8px 8px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;}
.hamburger:hover{opacity:.7;}
.hamburger-box{display:block;width:25px;height:16px;}
.hamburger-inner{display:block;top:50%;margin-top:-1px;}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:25px;height:2px;background-color:#fff;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease;}
.hamburger-inner::after,.hamburger-inner::before{content:"";display:block;}
.hamburger-inner::before{top:-7px;}
.hamburger-inner::after{bottom:-7px;}
.hamburger--squeeze .hamburger-inner{transition-duration:.1s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);}
.hamburger--squeeze .hamburger-inner::before{transition:top .1s .14s ease,opacity .1s ease;}
.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55, .055, .675, .19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55, .055, .675, .19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55, .055, .675, .19),-webkit-transform .1s cubic-bezier(.55, .055, .675, .19);}
.bottom-nav,.content,.nav{transition-duration:.3s;}
.nav__logo{max-width:none;}
.nav__logo a{display:inline-flex;}
.nav__logo img{max-width:none;height:41px;width:auto;}
.content{margin:50px 0 100px;}
.seo{padding:25px 15px;border-top:0 solid rgba(113,123,143,.2);color:#fff;}
body{background-color:#111;overflow-x:hidden;}
.nav{background-color:#005a2c;border-bottom:1px solid #04a351;}
.bottom-nav{background-color:#005a2c;}
.bottom-nav a{color:#101010;}
.menu{background-color:#080711;}
.menu ul li{border-color:#33112e;}
.nav:after,.nav:before{content:none;}
.bottom-nav a{color:#e4e4e4;}
.quick-btn{display:flex;}
.quick-btn a{flex:1;text-align:center;padding:10px 0;font-weight:700;letter-spacing:1px;background:#727478;background:#4e534e;}
.quick-btn a:last-child{background:#04a351;background:#06a351;}
.menu-2{display:flex;overflow:auto;background-color:#028843;border-color:#19b464;border-width:1px 0 1px 0;border-style:solid;}
.quick-btn+.menu-2{border-top:0;}
.menu-2 li{font-size:14px;padding:10px 12px 3px 12px;border-bottom:3px solid transparent;}
.menu-2 a{align-items:center;display:flex;flex-direction:column;}
.menu-2 a amp-img{width:50px;height:auto;}
.menu-2 span{white-space:nowrap;margin-top:5px;}
.games{padding:0 10px;}
.home-games{margin-top:20px;}
.home-games:first-child{margin-top:5px;}
.home-games:last-child{margin-bottom:20px;}
.home-games>.title{margin-bottom:8px;}
.home-games>.title .text-color{color:#2d942d;}
.home-games>.title span{color:#fff;font-weight:700;font-size:15px;align-self:center;}
.home-games .game-wrapper{overflow-x:auto;}
.home-games .game-items{display:flex;width:625px;gap:3px;}
.home-games .game-items>.box{cursor:pointer;text-align:center;color:#fff;width:calc(100%/6 - 5px);min-width:98px;border-radius:15px;padding:6px;background:rgb(2 28 5);border:1px solid #2d9436;}
.home-games .game-items>.box>span{padding-top:5px;display:block;color:#fff;text-transform:uppercase;font-size:9px;}
.home-games .game-items>.box>.box-item{overflow:hidden;border-radius:5px;}
.home-games .game-items>.box>.box-item img{max-width:100%;height:auto;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;}
.home-games .game-items>.box:hover>.box-item img{-webkit-transform:scale(1.25);transform:scale(1.25);}
.depo-withdraw{display:flex;gap:10px;padding:15px 10px;background:#005a2c;}
@media only screen and (max-width:370px){
.depo-withdraw{display:grid;}
}
.depo-withdraw .card{padding:16px 9px;background-color:#042f19;box-shadow:0 4px 24px 1px rgba(0,0,0,.15);border-radius:10px;width:calc(100%/1.04);}
.depo-withdraw .card .card-header{display:flex;gap:5px;align-items:center;text-align:left;}
.depo-withdraw .card .card-header .title{font-weight:600;font-size:16px;color:#04a351;}
.depo-withdraw .card .circle-wrp{padding:0;font-size:30px;vertical-align:middle;background:#444242;border-radius:100%;width:43px;height:31px;display:grid;align-items:center;justify-items:center;margin-right:4px;}
.depo-withdraw .card .text-wrp{width:100%;}
.depo-withdraw .card .text-wrp .text-row{display:flex;flex-direction:row;align-content:stretch;justify-content:space-between;align-items:center;}
.depo-withdraw .card .circle-wrp .ring{padding:0;background:#005a2c;width:27px;height:27px;border-radius:100%;display:grid;align-items:center;justify-items:center;}
.depo-withdraw .card .circle-wrp .ring .icon{width:100%;height:100%;}
.depo-withdraw .card .progress{background:#3b632e;border-radius:10px;height:6px;margin-top:6px;}
.depo-withdraw .card .progress-bar{background:#2d942d;border-radius:10px;height:6px;position:relative;}
.depo-withdraw .card .progress-bar::before{content:'';display:inline-block;width:12px;height:12px;border-radius:7.5px;background-color:#2d942d;position:absolute;right:-1px;top:-3px;}
.depo-withdraw .card .text-time-new{text-align:left;padding-bottom:0;font-size:18px;font-weight:800;}
.depo-withdraw .card .text-time-new span{font-size:38px;}
@media only screen and (max-width:700px){
.depo-withdraw .card .card-header .title{font-weight:600;font-size:12px;}
.depo-withdraw .card .card-header .description{font-weight:600;font-size:12px;}
.depo-withdraw .card .text-time-new{text-align:left;padding-bottom:0;font-size:12px;font-weight:800;}
.depo-withdraw .card .text-time-new span{font-size:12px;}
}
@media only screen and (max-width:450px){
.depo-withdraw .card .card-header .title{font-weight:600;font-size:8px;}
.depo-withdraw .card .card-header .description{font-weight:400;font-size:8px;}
}
.depo-withdraw>div{display:flex;flex-direction:column;gap:14px;align-items:center;flex:1;padding:7px;border-radius:10px;background:#141126;text-align:center;}
.supported-banks{padding:0 15px 15px;background-color:#005a2c;}
.supported-banks .list-wrapper{display:flex;gap:16px;}
.supported-banks .title{text-align:center;font-size:14px;font-weight:500;margin:0 0 10px;}
.supported-banks .title .text-color{color:#2d942d;}
@media only screen and (max-width:350px){
.supported-banks .list-wrapper{display:grid;}
}
.supported-banks .button-pay{display:flex;align-items:center;box-sizing:border-box;overflow:hidden;outline:0;cursor:inherit;width:100%;height:30px;opacity:1;background-color:#2d942d;border-radius:5px;box-shadow:rgba(3,3,3,.1) 0 0 10px;border:1px solid #2d942d;padding:0 0;gap:16px;justify-content:center;}
.supported-banks .button-pay .icon{width:22px;height:22px;}
.supported-banks .button-pay .text{text-align:left;line-height:4.3px;}
.supported-banks .button-pay .text .text-title{color:#fff;font-weight:700;white-space:nowrap;}
@media only screen and (max-width:700px){
.supported-banks .button-pay{height:30px;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;outline:0;cursor:inherit;width:100%;opacity:1;background-color:#2d942d;border-radius:5px;box-shadow:rgba(3,3,3,.1) 0 0 10px;border:1px solid #2d942d;padding:0 7px;gap:6px;justify-content:center;}
.supported-banks .button-pay .text .text-title{text-align:left;line-height:4.3px;font-size:10px;line-height:normal;}
.supported-banks .button-pay .text{text-align:left;line-height:4.3px;}
.supported-banks .button-pay .icon{width:22px;height:22px;}
}
.bottom-nav img{height:24px;width:auto;margin:5px auto;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.bottom-nav .wrap{height:24px;width:24px;margin:5px auto;border-radius:100%;background-color:#005a2c;-webkit-transform:scale(2.5) translateY(-5px);transform:scale(2.5) translateY(-5px);-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;}
.bottom-nav .wrap img{position:relative;top:-3px;height:20px;width:20px;}
.bottom-nav .live-chat{background:0 0;-webkit-animation:pulse 3s infinite;animation:pulse 3s infinite;}
.menu .games span{font-size:16px;}
.menu .games .all-games{margin-top:7px;}
.menu .games .all-games li{background-color:transparent;border-color:transparent;padding:7px 16px;}
.nav .nav__logo{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;}
.sidenav{background:#005a2c;padding:20px 25px;}
.sidenav .welcome{text-align:center;}
.sidenav .sidenav_logo{margin:10px 0;text-align:center;}
.sidenav .sidenav_logo img{width:150px;height:auto;}
.sidenav .sidenav_btn_title{text-align:center;color:#fff;font-size:13px;}
.sidenav .sidenav_btn_button{display:flex;align-items:center;justify-content:space-between;margin:8px 0;}
.sidenav .sidenav_btn_button button{outline:0;border:none;border-radius:5px;min-width:105px;font-size:16px;font-weight:500;padding:10px 0;box-shadow:0 1px 1px rgb(0 0 0 / 25%);color:#fff;cursor:pointer;}
.sidenav .sidenav_btn_button .sidenav-login{background:#4b4b45;margin-right:5px;}
.sidenav .sidenav_btn_button .sidenav-register{background:#06a351;}
.sidenav .sidenav_btn_forgetpw{text-align:right;font-size:13px;color:#fff;}
.sidenav-games{padding:10px 25px;}
.sidenav-games .games .fa-angle-down{font-size:14px;position:absolute;right:28px;}
.nav__notification.g8pop-ann{display:flex;align-items:center;}
@media only screen and (max-width:500px){
.supported-banks .button-pay .text .text-title{font-size:8px;white-space:nowrap;}
.supported-banks .button-pay{height:30px;}
.supported-banks .button-pay .icon{width:16px;height:16px;}
}
#popup_container{min-width:420px;max-width:800px;position:fixed;background:#000;border:3px solid #3fc14c;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;}
#popup_title{font-size:20px;color:#fff;padding:0 8px;margin:0;}
#popup_title:empty{display:none;}
#popup_content{padding:8px;}
#popup_message{padding-bottom:8px;color:#fff;max-height:90vh;overflow:auto;}
#popup_message::-webkit-scrollbar{width:5px;}
#popup_message::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;}
#popup_message::-webkit-scrollbar-thumb{background:#888;border-radius:10px;}
#popup_message::-webkit-scrollbar-thumb:hover{background:#555;}
#popup_panel{text-align:center;}
#popup_panel input#popup_ok{font-size:14px;border:0;padding:8px 30px;cursor:pointer;background-color:#04a351;font-weight:700;border-radius:3px;outline:0;color:#fff;}
@media (max-width :767px){
#popup_container{min-width:90%;max-width:90%;}
}
.menu{z-index:9999999999;}
.content{margin-bottom:70px;}
amp-accordion .sub-title{background-color:transparent;border:none;padding-right:0;}
.sidenav-games .games .fa-angle-down{right:0;margin-top:0;}
amp-lightbox{z-index:9999;}
amp-lightbox  > div{background:rgba(0,0,0,.8);}
@-webkit-keyframes pulse{0%{-webkit-filter:initial;filter:initial;}50%{-webkit-filter:brightness(40.5) drop-shadow(0 0 10px white);filter:brightness(40.5) drop-shadow(0 0 10px white);}}
@keyframes pulse{0%{-webkit-filter:initial;filter:initial;}50%{-webkit-filter:brightness(40.5) drop-shadow(0 0 10px white);filter:brightness(40.5) drop-shadow(0 0 10px white);}}
@media only screen and (min-width:665px) {
    .menu-2 {
        justify-content: center;
    }
    .home-games .game-items {
        justify-content: center;
        width: 100%;
        gap: 20px;
    }
    .home-games .game-items>.box {
        max-width: 150px;
        margin: 0;
    }
    .home-games>.title{
        text-align: center;
    }
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>

</head>

<body>
    <amp-sidebar id="sidebar" class="sidebar menu" layout="nodisplay" side="left">
        <div class="sidenav">
            <div class="welcome">Selamat Datang</div>
            <div class="sidenav_logo">
                <a href="https://{amp.redirect}/">
                    {cms.logo}
                </a>
            </div>
            <div class="sidenav_btn">
                <div class="sidenav_btn_title">Silahkan Login atau Daftar</div>
                <div class="sidenav_btn_button">
                    <button class="sidenav-login g8pop-login">
                        <a href="https://{amp.redirect}/#log">Masuk</a>
                    </button>
                    <button class="sidenav-register">
                        <a href="https://{amp.redirect}/register">Daftar</a>
                    </button>
                </div>
                <div class="sidenav_btn_forgetpw">
                    <a class="g8pop-forgot" href="https://{amp.redirect}/#fgp">Lupa Rincian Masuk?</a>
                </div>
            </div>
        </div>
        <div class="sidenav-games">
            <ul>
                <li class="games">
                    <amp-accordion>
                        <section>
                            <h4 class="sub-title">
                                <div style="flex-direction: row; display: flex; align-items: center;">
                                    <div style="display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 10px">
                                        <svg viewBox="0 0 24 24" style="width: 26px; height: 26px; overflow: visible; opacity: 1; z-index: 1; fill: rgb(255, 255, 255);">
                                            <path d="M0 0h24v24H0z" fill="none"></path>
                                            <path d="M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z"></path>
                                        </svg>
                                    </div>
                                    <span>Games</span>
                                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512" class="fa-angle-down" style="fill: #fff;">
                                        <path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/>
                                    </svg>
                                </div>
                            </h4>
                            <ul class="all-games">
                                <li>
                                    <a href="https://{amp.redirect}/sportsbook">
                                        <img src="/common/assets/images/icon/menu/v2/sportsbook-menu-sidebar.png" class="sub-menu" alt="sportsbook" loading="lazy">
                                        <span>Sportsbook</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://{amp.redirect}/slots-provider">
                                        <img src="/common/assets/images/icon/menu/v2/slots-menu-sidebar.png" class="sub-menu" alt="slot" loading="lazy">
                                        <span>Slots</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://{amp.redirect}/livecasino">
                                        <img src="/common/assets/images/icon/menu/v2/livecasino-menu-sidebar.png" class="sub-menu" alt="livecasino" loading="lazy">
                                        <span>Live Casino</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://{amp.redirect}/poker">
                                        <img src="/common/assets/images/icon/menu/v2/poker-menu-sidebar.png" class="sub-menu" alt="poker" loading="lazy">
                                        <span>Poker</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://{amp.redirect}/tangkas">
                                        <img src="/common/assets/images/icon/menu/v2/tangkas-menu-sidebar.png" class="sub-menu" alt="tangkas" loading="lazy">
                                        <span>Tangkas</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://{amp.redirect}/fish">
                                        <img src="/common/assets/images/icon/menu/v2/fish-menu-sidebar.png" class="sub-menu" alt="fish" loading="lazy">
                                        <span>Fish</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://{amp.redirect}/others">
                                        <img src="/common/assets/images/icon/menu/v2/others-menu-sidebar.png" class="sub-menu" alt="game" loading="lazy">
                                        <span>Others</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://{amp.redirect}/hot">
                                        <img src="/common/assets/images/icon/menu/v2/hot-menu-sidebar.png" class="sub-menu" alt="vip" loading="lazy">
                                        <span>Hot</span>
                                    </a>
                                </li>
                            </ul>
                        </section>
                    </amp-accordion>
                </li>
                <li>
                    <a href="https://{amp.redirect}/promotions">
                        <img src="/common/assets/images/icon/menu/v2/promotion-menu-sidebar.png" alt="promotion" loading="lazy">
                        <span>Promosi</span>
                    </a>
                </li>
                <li>
                    <a href="https://{amp.redirect}/mobile">
                        <img src="/common/assets/images/icon/menu/v2/download-menu-sidebar.png" alt="download" loading="lazy">
                        <span>Download</span>
                    </a>
                </li>
                <li>
                    <a href="https://{amp.redirect}/contact">
                        <img src="/common/assets/images/icon/menu/v2/contact-menu-sidebar.png" alt="affiliate" loading="lazy">
                        <span>Hubungi kami</span>
                    </a>
                </li>
            </ul>
        </div>
    </amp-sidebar>

    <nav class="nav">
        <div class="nav__menu g8mmenu">
            <button class="hamburger hamburger--squeeze" type="button" aria-label="menu" on="tap:sidebar">
                <span class="hamburger-box">
                    <span class="hamburger-inner"></span>
                </span>
            </button>
        </div>
        <div class="nav__logo">
            <a href="https://{amp.redirect}/">{cms.logo}</a>
        </div>
        <div class="nav__notification g8pop-ann">
            <a href="https://{amp.redirect}/" aria-label="notification">
                <svg xmlns="http://www.w3.org/2000/svg" height="21" width="19" viewBox="0 0 448 512" style="fill: #fff;">
                    <path d="M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v25.4c0 45.4-15.5 89.5-43.8 124.9L5.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S14.8 416 24 416H424c9.2 0 17.6-5.3 21.6-13.6s2.9-18.2-2.9-25.4l-14.9-18.6C399.5 322.9 384 278.8 384 233.4V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm0 96c61.9 0 112 50.1 112 112v25.4c0 47.9 13.9 94.6 39.7 134.6H72.3C98.1 328 112 281.3 112 233.4V208c0-61.9 50.1-112 112-112zm64 352H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"/>
                </svg>
            </a>
        </div>
    </nav>

    <div class="content">
        <amp-carousel class="carousel-container" layout="responsive" width="640" height="300" type="slides" autoplay delay="5000" loop>
            <amp-img src="/common/images/tnm/202311/pm-03-640x300.webp" width="640" height="300" alt="Banner 1" layout="responsive">
                <amp-img src="/common/images/tnm/202311/pm-03-640x300.jpg" width="640" height="300" alt="Banner 1" layout="responsive" fallback></amp-img>
            </amp-img>
            <amp-img src="/common/images/tnm/202311/pm-02-640x300.webp" width="640" height="300" alt="Banner 2" layout="responsive">
                <amp-img src="/common/images/tnm/202311/pm-02-640x300.jpg" width="640" height="300" alt="Banner 2" layout="responsive" fallback></amp-img>
            </amp-img>
            <amp-img src="/common/images/tnm/202308/mg-640x300.webp" width="640" height="300" alt="Banner 3" layout="responsive">
                <amp-img src="/common/images/tnm/202308/mg-640x300.jpg" width="640" height="300" alt="Banner 3" layout="responsive" fallback></amp-img>
            </amp-img>
            <amp-img src="/common/images/tnm/202309/jk-640x300.webp" width="640" height="300" alt="Banner 4" layout="responsive">
                <amp-img src="/common/images/tnm/202309/jk-640x300.jpg" width="640" height="300" alt="Banner 4" layout="responsive" fallback></amp-img>
            </amp-img>
        </amp-carousel>
        <section class="quick-btn">
            <a href="https://{amp.redirect}/#log" class="g8pop-login">Masuk</a>
            <a href="https://{amp.redirect}/register" class="g8pop-signup">Daftar</a>
        </section>
        <ul class="menu-2">
            <li>
                <a href="https://{amp.redirect}/sportsbook">
                    <amp-img src="/common/assets/images/icon/menu/v2/sportsbook-menu.webp" alt="ball" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/sportsbook-menu.png" alt="ball" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Sportsbook</span>
                </a>
            </li>
            <li>
                <a href="https://{amp.redirect}/slots-provider">
                    <amp-img src="/common/assets/images/icon/menu/v2/slot-menu.webp" alt="slot" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/slot-menu.png" alt="slot" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Slots</span>
                </a>
            </li>
            <li>
                <a href="https://{amp.redirect}/livecasino">
                    <amp-img src="/common/assets/images/icon/menu/v2/livecasino-menu.webp" alt="livecasino" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/livecasino-menu.png" alt="livecasino" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Live Casino</span>
                </a>
            </li>
            <li>
                <a href="https://{amp.redirect}/poker">
                    <amp-img src="/common/assets/images/icon/menu/v2/poker-menu.webp" alt="card" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/poker-menu.png" alt="card" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Poker</span>
                </a>
            </li>
            <li>
                <a href="https://{amp.redirect}/tangkas">
                    <amp-img src="/common/assets/images/icon/menu/v2/tangkas-menu.webp" alt="tangkas game" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/tangkas-menu.png" alt="tangkas game" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Tangkas</span>
                </a>
            </li>
            <li>
                <a href="https://{amp.redirect}/fish">
                    <amp-img src="/common/assets/images/icon/menu/v2/fish-menu.webp" alt="ikan" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/fish-menu.png" alt="ikan" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Fish</span>
                </a>
            </li>
            <li>
                <a href="https://{amp.redirect}/others">
                    <amp-img src="/common/assets/images/icon/menu/v2/others-menu.webp" alt="game" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/others-menu.png" alt="game" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Others</span>
                </a>
            </li>
            <li>
                <a href="https://{amp.redirect}/hot">
                    <amp-img src="/common/assets/images/icon/menu/v2/hot-menu.webp" alt="vip" width="100" height="100" layout="responsive">
                        <amp-img src="/common/assets/images/icon/menu/v2/hot-menu.png" alt="vip" width="100" height="100" layout="responsive" fallback></amp-img>
                    </amp-img>
                    <span>Hot</span>
                </a>
            </li>
        </ul>
        <section class="games">
            <div class="home-games">
                <div class="title">
                    <span><span class="text-white">HOT </span><span class="text-color">SLOT GAMES</span></span>
                </div>
                <div class="game-wrapper">
                    <div class="game-items">
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/slots/vs20olympgatesmall.webp" srcset="/common/assets/images/home/slots/vs20olympgatesmall.webp 500w, /common/assets/images/home/slots/vs20olympgate.webp 1000w" width="200" height="200" alt="Pintu Olympus" layout="responsive">
                                    <amp-img src="/common/assets/images/home/slots/vs20olympgatesmall.png" width="200" height="200" alt="Pintu Olympus" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>Gates of Olympus</span>
                        </div>
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/slots/qowsmall.webp" srcset="/common/assets/images/home/slots/qowsmall.webp 500w, /common/assets/images/home/slots/qow.webp 1000w" width="200" height="200" alt="Ratu Wands" layout="responsive">
                                    <amp-img src="/common/assets/images/home/slots/qowsmall.png" width="200" height="200" alt="Ratu Wands" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>Queen Of Wands</span>
                        </div>
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/slots/888small.webp" srcset="/common/assets/images/home/slots/888small.webp 500w, /common/assets/images/home/slots/888.webp 1000w" width="200" height="200" alt="Slots 888" layout="responsive">
                                    <amp-img src="/common/assets/images/home/slots/888small.png" width="200" height="200" alt="Slots 888" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>888</span>
                        </div>
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/slots/ersmall.webp" srcset="/common/assets/images/home/slots/ersmall.webp 500w, /common/assets/images/home/slots/er.webp 1000w" width="200" height="200" alt="Ektrim Rhino" layout="responsive">
                                    <amp-img src="/common/assets/images/home/slots/ersmall.png" width="200" height="200" alt="Ektrim Rhino" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>Extreme Rhino</span>
                        </div>
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/slots/zu-small.webp" srcset="/common/assets/images/home/slots/zu-small.webp 500w, /common/assets/images/home/slots/zu.webp 1000w" width="200" height="200" alt="Pak Zeus" layout="responsive">
                                    <amp-img src="/common/assets/images/home/slots/zu-small.png" width="200" height="200" alt="Pak Zeus" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>Zeus</span>
                        </div>
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/slots/jjewel.webp" width="200" height="200" alt="Slots Joker Jewels 88" layout="responsive">
                                    <amp-img src="/common/assets/images/home/slots/jjewel.png" width="200" height="200" alt="Slots Joker Jewels 88" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>Joker's Jewels 88</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-games">
                <div class="title">
                    <span><span class="text-white">POPULAR </span><span class="text-color">GAMES</span></span>
                </div>
                <div class="game-wrapper">
                    <div class="game-items">
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/popular/sb-wb-small.webp"srcset="/common/assets/images/home/slots/sb-wb-small.webp 500w, /common/assets/images/home/slots/sb-wb.webp 1000w" width="200" height="200" alt="Permainan WB Sport" layout="responsive">
                                    <amp-img src="/common/assets/images/home/popular/sb-wb-small.jpg" width="200" height="200" alt="Permainan WB Sport" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>WB Sport</span>
                        </div>
                        <div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/popular/lc-pm-small.webp"srcset="/common/assets/images/home/slots/lc-pm-small.webp 500w, /common/assets/images/home/slots/lc-pm.webp 1000w" width="200" height="200" alt="Permainan PP Suite" layout="responsive">
                                    <amp-img src="/common/assets/images/home/popular/lc-pm-small.jpg" width="200" height="200" alt="Permainan PP Suite" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>PP Suite</span>
                        </div>
                        <a class="box" href="https://{amp.redirect}/slots?sg=lv2">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/popular/sg-live22-small.webp"srcset="/common/assets/images/home/slots/sg-live22-small.webp 500w, /common/assets/images/home/slots/sg-live22.webp 1000w" width="200" height="200" alt="Permainan Live22" layout="responsive">
                                    <amp-img src="/common/assets/images/home/popular/sg-live22-small.jpg" width="200" height="200" alt="Permainan Live22" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>Live22</span>
                        </a>
                        <a class="box" href="https://{amp.redirect}/slots?sg=pm">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/popular/sg-pp-small.webp"srcset="/common/assets/images/home/slots/sg-pp-small.webp 500w, /common/assets/images/home/slots/sg-pp.webp 1000w" width="200" height="200" alt="Permainan PP Slot" layout="responsive">
                                    <amp-img src="/common/assets/images/home/popular/sg-pp-small.jpg" width="200" height="200" alt="Permainan PP Slot" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>PP Slot</span>
                        </a>
                        <a class="box" href="https://{amp.redirect}/slots?sg=vp">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/popular/sg-vp-small.webp"srcset="/common/assets/images/home/slots/sg-vp-small.webp 500w, /common/assets/images/home/slots/sg-vp.webp 1000w" width="200" height="200" alt="Permainan V Power" layout="responsive">
                                    <amp-img src="/common/assets/images/home/popular/sg-vp-small.jpg" width="200" height="200" alt="Permainan V Power" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>V Power</span>
                        </a>
                        <a class="box" href="https://{amp.redirect}/slots?sg=s88">
                            <div class="box-item">
                                <amp-img src="/common/assets/images/home/popular/sg-s88.webp" width="200" height="200" alt="Permainan Slot88" layout="responsive">
                                    <amp-img src="/common/assets/images/home/popular/sg-s88.jpg" width="200" height="200" alt="Permainan Slot88" layout="responsive" fallback></amp-img>
                                </amp-img>
                            </div>
                            <span>Slot88</span>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <section class="depo-withdraw">
            <div class="card">
                <div class="card-header">
                    <div class="circle-wrp">
                        <div class="ring">
                            <img src="/common/assets/images/v2/icon-deposit.png" alt="ico depo" class="icon" loading="lazy">
                        </div>
                    </div>
                    <div class="text-wrp">
                        <div class="text-row">
                            <div>
                                <div class="text-bg title">PROSES DEPOSIT</div>
                                <div class="text-bg description">Waktu rata-rata</div>
                            </div>
                            <div class="text-time-new"><span>1</span> mins</div>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" style="width: 20%;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <div class="circle-wrp">
                        <div class="ring">
                            <img src="/common/assets/images/v2/icon-withdraw.png" alt="ico wd" class="icon" loading="lazy">
                        </div>
                    </div>
                    <div class="text-wrp">
                        <div class="text-row">
                            <div>
                                <div class="text-bg title">PROSES WITHDRAW</div>
                                <div class="text-bg description">Waktu rata-rata</div>
                            </div>
                            <div class="text-time-new"><span>3</span> mins</div>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" style="width: 30%;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="supported-banks">
            <p class="title"><span class="text-white">METODE </span><span class="text-color">PEMBAYARAN</span></p>
            <div class="list-wrapper">
                <button class="button-pay">
                    <amp-img src="/common/assets/images/v2/icon-bank-transfer.webp" width="128" height="128" alt="kirim uang" class="icon" layout="responsive">
                        <amp-img src="/common/assets/images/v2/icon-bank-transfer.png" width="128" height="128" alt="kirim uang" class="icon" fallback></amp-img>
                    </amp-img>
                    <div class="text">
                        <p class="text-title">BANK TRANSFER</p>
                    </div>
                </button>
                <button class="button-pay">
                    <amp-img src="/common/assets/images/v2/icon-ewallet.webp" width="128" height="128" alt="dana" class="icon" layout="responsive">
                        <amp-img src="/common/assets/images/v2/icon-ewallet.png" width="128" height="128" alt="dana" class="icon" fallback></amp-img>
                    </amp-img>
                    <div class="text">
                        <p class="text-title">E - WALLET</p>
                    </div>
                </button>
                <button class="button-pay">
                    <amp-img src="/common/assets/images/v2/icon-pulsa.webp" width="128" height="128" alt="elektronik pulsa" class="icon" layout="responsive">
                        <amp-img src="/common/assets/images/v2/icon-pulsa.png" width="128" height="128" alt="elektronik pulsa" class="icon" fallback></amp-img>
                    </amp-img>
                    <div class="text">
                        <p class="text-title">PULSA</p>
                    </div>
                </button>
            </div>
        </section>
        <section class="seo">
            {amp.footer}
        </section>
        <nav class="bottom-nav">
            <ul>
                <li>
                    <a href="https://{amp.redirect}/">
                        <img src="/common/assets/images/icon/nav/home.svg" width="150" height="150" alt="Awalan"> Beranda
                    </a>
                </li>
                <li>
                    <a href="https://{amp.redirect}/mobile">
                        <img src="/common/assets/images/icon/nav/v2/download-menu.png" width="100" height="113" alt="Ambil"> Unduh
                    </a>
                </li>
                <li>
                    <a href="https://{amp.redirect}/#log" class="g8pop-login">
                        <div class="wrap">
                            <img src="/common/assets/images/icon/nav/v2/login-menu.png" width="50" height="50" alt="Log dalam">
                        </div>
                        Masuk
                    </a>
                </li>
                <li>
                    <a href="https://{amp.redirect}/promotions">
                        <img src="/common/assets/images/icon/nav/v2/promo-menu.png" width="50" height="50" alt="promo"> Promosi
                    </a>
                </li>
                <li>
                    <a href="https://{amp.redirect}/">
                        <img src="/common/assets/images/icon/nav/live-chat.svg" width="150" height="150" alt="Chat langsung" class="live-chat"> Live Chat
                    </a>
                </li>
            </ul>
        </nav>
    </div>

    <amp-lightbox id="my-bindable-lightbox" [open]="showLightbox" layout="nodisplay" on="lightboxClose:AMP.setState({showLightbox: false})">
        <div id="popup_container">
        <h4 id="popup_title">Alert</h4>
        <div id="popup_content">
            <div id="popup_message">Please login and register to enter the game</div>
            <div id="popup_panel">
            <input type="button" value="OK" id="popup_ok" role="button" tabindex="0" on="tap:my-bindable-lightbox.close">
            </div>
        </div>
        </div>
    </amp-lightbox>

</body>
</html>
