<?php
ob_start();
session_start();
date_default_timezone_set("Asia/Jakarta");
include('config/koneksi.php');
$sid = session_id();

// Ambil data dari tb_seo
$sql_0 = mysqli_query($conn, "SELECT * FROM `tb_seo` WHERE cuid = 1");
$s0 = mysqli_fetch_array($sql_0);
$urlweb = $s0['urlweb'];
$pengguna = $s0['user'];
$keywords = $s0['keyword'];
$deskripsi = $s0['deskripsi'];
$pengumuman = $s0['pengumuman'];
$instansi = $s0['instansi'];

// Ambil data dari tb_social
$sql_1a = mysqli_query($conn, "SELECT * FROM `tb_social` WHERE cuid = 1");
$s1a = mysqli_fetch_array($sql_1a);

// Ambil data pengguna
$sql_1b = mysqli_query($conn, "SELECT * FROM `tb_user` WHERE user = '$pengguna'");
$s1b = mysqli_fetch_array($sql_1b);

// Simpan informasi statistik
$ip = $_SERVER['REMOTE_ADDR'];
$date = date('Y-m-d');
$stat = mysqli_query($conn, "INSERT INTO `tb_stat` (`ip`, `date`, `hits`, `page`, `user`) VALUES ('$ip', '$date', 1, 'Beranda', '$pengguna')");
?>
<!DOCTYPE html>
<html lang="id-ID">

<head>
  <title><?php echo $instansi ?></title>
  <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="<?php echo $instansi ?>">
  <meta property="og:image" content="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>">


  <link rel="icon" href="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" type="image/gif">

  <meta property="og:site_name" content="<?php echo $instansi ?>">
  <meta name="twitter:site" content="<?php echo $instansi ?>">
  <meta name="twitter:image" content="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>">
  <meta property="og:image:alt" content="<?php echo $instansi ?>">
  <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">

  <meta property="og:url" content="">


  <?php require_once('app/toggle.php'); ?>
  
  <style>
    .c-circle-menu {
      position: fixed;
      bottom: 100px;
      left: 12px;
      z-index: 1000;
      width: 100px;
      height: 99px;
      border-radius: 24px
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu {
        width: 96px;
        height: 96px;
        border-radius: 48px
      }
    }

    .c-circle-menu__items {
      display: block;
      list-style: none;
      position: absolute;
      z-index: 2;
      margin: 0;
      padding: 0
    }

    .c-circle-menu__item {

      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      border-radius: 0;
      opacity: 0;
      -webkit-transition: opacity, -webkit-transform;
      transition: opacity, -webkit-transform;
      transition: transform, opacity;
      transition: transform, opacity, -webkit-transform;
      -webkit-transition-duration: .3s, .3s;
      transition-duration: .3s, .3s;
      -webkit-transition-timing-function: cubic-bezier(.35, -.59, .47, .97);
      transition-timing-function: cubic-bezier(.35, -.59, .47, .97)
    }

    .c-circle-menu__item:nth-child(1) {
      -webkit-transition-delay: .4s;
      transition-delay: .4s
    }

    .c-circle-menu__item:nth-child(2) {
      -webkit-transition-delay: .3s;
      transition-delay: .3s
    }

    .c-circle-menu__item:nth-child(3) {
      -webkit-transition-delay: .2s;
      transition-delay: .2s
    }

    .c-circle-menu__item:nth-child(4) {
      -webkit-transition-delay: .1s;
      transition-delay: .1s
    }

    .c-circle-menu__item:nth-child(5) {
      -webkit-transition-delay: 0s;
      transition-delay: 0s
    }

    .c-circle-menu.is-active .c-circle-menu__item {
      -webkit-transition-timing-function: cubic-bezier(.35, .03, .47, 1.59);
      transition-timing-function: cubic-bezier(.35, .03, .47, 1.59);
      opacity: 1
    }

    .c-circle-menu.is-active .c-circle-menu__item:nth-child(1) {
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translate(+344px, -0);
      transform: translate(+160px, -0)
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu__item {
        width: 60px;
        height: 60px;
        border-radius: 10px
      }

      .c-circle-menu.is-active .c-circle-menu__item:nth-child(1) {
        -webkit-transform: translate(+290px, 0);
        transform: translate(+290px, 0)
      }
    }

    .c-circle-menu.is-active .c-circle-menu__item:nth-child(2) {
      -webkit-transition-delay: .1s;
      transition-delay: .1s;
      -webkit-transform: translate(+130px, -59px);
      transform: translate(+150px, -70px)
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu.is-active .c-circle-menu__item:nth-child(2) {
        -webkit-transform: translate(+254px, -99px);
        transform: translate(+254px, -99px)
      }
    }

    .c-circle-menu.is-active .c-circle-menu__item:nth-child(3) {
      -webkit-transition-delay: .2s;
      transition-delay: .2s;
      -webkit-transform: translate(+100px, -145px);
      transform: translate(+120px, -135px)
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu.is-active .c-circle-menu__item:nth-child(3) {
        -webkit-transform: translate(+204px, -204px);
        transform: translate(+204px, -204px)
      }
    }

    .c-circle-menu.is-active .c-circle-menu__item:nth-child(4) {
      -webkit-transition-delay: .3s;
      transition-delay: .3s;
      -webkit-transform: translate(+50px, -163px);
      transform: translate(+60px, -180px)
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu.is-active .c-circle-menu__item:nth-child(4) {
        -webkit-transform: translate(+111px, -267px);
        transform: translate(+111px, -267px)
      }
    }

    .c-circle-menu.is-active .c-circle-menu__item:nth-child(5) {
      -webkit-transition-delay: .4s;
      transition-delay: .4s;
      -webkit-transform: translate(-0, -210px);
      transform: translate(-0, -210px)
    }

    .c-circle-menu__link {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      box-shadow: inset 0 0 0 2px #230007
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu.is-active .c-circle-menu__item:nth-child(5) {
        -webkit-transform: translate(0, -298px);
        transform: translate(0, -298px)
      }

      .c-circle-menu__link {
        border-radius: 10px
      }
    }

    .c-circle-menu__link img {
      display: block;
      max-width: 100%;
      height: auto
    }

    .c-circle-menu__link:hover {
      box-shadow: inset 0 0 0 2px #0019fd
    }

    .c-circle-menu__toggle {

      background-position: center; 
      background-size: cover;
      display: block;
      position: absolute;
      z-index: 100;
      margin: 0;
      padding: 0;
      width: 48px;
      height: 48px;
      border-radius: 20% 20% 20% 20%;
      background-color: #061245;
      font: inherit;
      font-size: 0;
      text-indent: -9999px;
      border-radius: 10px;
      -webkit-transition: background .3s;
      transition: background .3s;
      cursor: pointer;
      border: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu__toggle {
        width: 60px;
        height: 60px;
        border-radius: 10px
      }
    }

    .c-circle-menu__toggle.is-active,
    .c-circle-menu__toggle:focus,
    .c-circle-menu__toggle:hover {
      outline: 0;
      background-color: #061245
    }

    .c-circle-menu__toggle span,
    .c-circle-menu__toggle span::after,
    .c-circle-menu__toggle span::before {
      display: block;
      position: absolute;
      height: 4px;
      background: #ffffff;
      border-radius: 0
    }

    .c-circle-menu__toggle span {
      top: 22px;
      left: 10px;
      right: 10px;
      -webkit-transition: background .3s;
      transition: background .3s
    }

    @media(min-width:480px) and (min-height:480px) {

      .c-circle-menu__toggle span,
      .c-circle-menu__toggle span::after,
      .c-circle-menu__toggle span::before {
        height: 8px;
        border-radius: 0
      }

      .c-circle-menu__toggle span {
        top: 25px;
        left: 10px;
        right: 10px
      }
    }

    .c-circle-menu__toggle span::after,
    .c-circle-menu__toggle span::before {
      left: 0;
      width: 100%;
      content: "";
      -webkit-transition-duration: .3s, .3s;
      transition-duration: .3s, .3s;
      -webkit-transition-delay: .3s, 0s;
      transition-delay: .3s, 0s
    }

    .c-circle-menu__toggle span::before {
      top: -8px;
      -webkit-transition-property: top, -webkit-transform;
      transition-property: top, -webkit-transform;
      transition-property: top, transform;
      transition-property: top, transform, -webkit-transform
    }

    .c-circle-menu__toggle span::after {
      bottom: -8px;
      -webkit-transition-property: bottom, -webkit-transform;
      transition-property: bottom, -webkit-transform;
      transition-property: bottom, transform;
      transition-property: bottom, transform, -webkit-transform
    }

    @media(min-width:480px) and (min-height:480px) {
      .c-circle-menu__toggle span::before {
        top: -16px
      }

      .c-circle-menu__toggle span::after {
        bottom: -16px
      }
    }

    .c-circle-menu__toggle.is-active span {
      background: 0 0
    }

    .c-circle-menu__toggle.is-active span::before {
      top: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0s, .3s;
      transition-delay: 0s, .3s
    }

    .c-circle-menu__toggle.is-active span::after {
      bottom: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0s, .3s;
      transition-delay: 0s, .3s
    }

    .c-circle-menu__mask {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      visibility: hidden;
      opacity: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .8);
      -webkit-transition: opacity .3s, visibility .3s;
      transition: opacity .3s, visibility .3s
    }

    .c-circle-menu__mask.is-active {
      opacity: 1;
      visibility: visible
    }
  </style>
  
  <script>
      // Kode Untuk Menutup Ekstensi GIF
    function hide() {
      var ekstensi = document.getElementById('extension');
      var bungkus = document.getElementById('button');
      if (ekstensi.style.display === 'none') {
        ekstensi.style.display = 'block';
        button.innerHTML = 'HIDE';
      } else {
        ekstensi.style.display = 'none';
        button.innerHTML = 'SHOW';
      }
    }
  </script>
  
  <script>
    var _0x282e=["\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74","\x63\x73\x73\x43\x69\x72\x63\x6C\x65\x4D\x65\x6E\x75","\x63\x6C\x69\x63\x6B","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x69\x73\x2D\x61\x63\x74\x69\x76\x65","\x63\x6F\x6E\x74\x61\x69\x6E\x73","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74","\x61\x64\x64","\x72\x65\x6D\x6F\x76\x65","\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72","\x2E\x6A\x73\x2D\x6D\x65\x6E\x75\x2D\x74\x6F\x67\x67\x6C\x65","\x2E\x6A\x73\x2D\x6D\x65\x6E\x75\x2D\x6D\x61\x73\x6B","\x49\x6E\x76\x61\x6C\x69\x64\x20\x65\x6C\x65\x6D\x65\x6E\x74\x73\x2C\x20\x63\x68\x65\x63\x6B\x20\x74\x68\x65\x20\x73\x74\x72\x75\x63\x74\x75\x72\x65\x2E"];!function(_0x1024x1){_0x282e[0];_0x1024x1[_0x282e[1]]=function(_0x1024x1){function _0x1024x2(){_0x1024x7[_0x282e[4]](_0x282e[2],function(_0x1024x1){_0x1024x1[_0x282e[3]](),_0x1024x3()})}function _0x1024x3(){_0x1024x7[_0x282e[7]][_0x282e[6]](_0x282e[5])?_0x1024x5():_0x1024x4()}function _0x1024x4(){_0x1024x6[_0x282e[7]][_0x282e[8]](_0x282e[5]),_0x1024x7[_0x282e[7]][_0x282e[8]](_0x282e[5]),_0x1024x8[_0x282e[7]][_0x282e[8]](_0x282e[5])}function _0x1024x5(){_0x1024x6[_0x282e[7]][_0x282e[9]](_0x282e[5]),_0x1024x7[_0x282e[7]][_0x282e[9]](_0x282e[5]),_0x1024x8[_0x282e[7]][_0x282e[9]](_0x282e[5])}function _0x1024x3(){_0x1024x7[_0x282e[7]][_0x282e[6]](_0x282e[5])?_0x1024x5():_0x1024x4()}var _0x1024x6=document[_0x282e[10]](_0x1024x1),_0x1024x7=_0x1024x6?_0x1024x6[_0x282e[10]](_0x282e[11]):void(0),_0x1024x8=_0x1024x6?_0x1024x6[_0x282e[10]](_0x282e[12]):void(0);if(!(_0x1024x6&&_0x1024x7&&_0x1024x8)){throw new Error(_0x282e[13])};return _0x1024x2(),{openMenu:_0x1024x4,closeMenu:_0x1024x5}}}(window)
  </script>
  
  <script>
    var el = '.js-menu';
    var myMenu = cssCircleMenu(el);
  </script>

  






<meta charset="utf-8">

<meta name="csrf-token" content="3x6xMjqK3BlOmTFRBSz9EmlANbyIQsadSGvShTon">

<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="/fonts-ugsubskin-icommon/fonts/icomoon.woff2?fx18yi" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="/fonts-ugsubskin-icommon/style.min.css?v=18.4" media="print" onload="this.media='all'">

<link rel="stylesheet" href="/css/ugsports/swiper.css" />

<link type="text/css" rel="stylesheet" href="/css/ugsports/theme-2/app-mobile-home.css">     
<link type="text/css" rel="stylesheet" href="/css/ugsports/theme-2/app-mobile-global.css">
<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" media="print" onload="this.media='all'">
<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="mobile" style="background:#010417">

  <?php include('app/header.php'); ?>

  <div class="main-content" id="mainContent">
    <div class="backdrop" id="mainContentContainer">

      <div class="top-bar">
        <!-- color bg -->
        <div class="inner-header flex-row " style="background:#061245;">

          <button id="btnToggleSideNav"   class="btn btn-link" aria-label="side nav toggle" style="color:#013aa7;" >
            <i class="icon-bars"></i>
          </button>
          <a href="<?php echo $urlweb; ?>" title="" class="logo">
            <div><img class="img-fluid" alt="<?php echo $instansi ?>"   src ="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" /></div>
          </a>

          <a  id="btnToggleRSideNav" style="color:#013aa7;" >
            <i class="icon-user-o"></i>    
          </a>





        </div>
      </div>
      <!-- color bg -->
      <div class="content my01" style="background:#010417">

        <div class="apk-down-bar" id="apk-down-bar" style="display:none;">
          <table>
            <tr>
              <td rowspan="2" style="width:18%; " class="clearfix">
                <button class="btn btn-link" id="btn-close--apk" style="color:#ffffff;">X</button>
                <span class="fs-lg android-wrap"><i class="icon-android"></i></span>
              </td>
              <td style="width:100%; ">
                <div style="color:#ffffff;"><?php echo $instansi ?> Lite Download</div>

              </td>
              <td rowspan="2" style="color:#ffffff;">
                <a class="btn btn-link">
                </a>
              </td>
            </tr>
            <tr>
              <td>
                <div><small style="color:#ffffff;">Fast, Light & Secure</small></div>
              </td>
            </tr>
          </table>
        </div>
        <?php
        if (isset($_SESSION['user'])) {
          $user = mysqli_query($conn, "SELECT * FROM `tb_user` WHERE user = '" . $_SESSION['user'] . "'") or die(mysqli_error());
          $u = mysqli_fetch_array($user);
          $users = $u['user'];
          $userid = $u['user'];
          $id_user = $u['cuid'];
          $userID = $u['cuid'];
          $token_id = isset($u['token_id']) ? $u['token_id'] : false;
          $level = isset($u['level']) ? $u['level'] : false;
          $sql_banks = mysqli_query($conn,"SELECT * FROM `tb_bank` WHERE userID = '$userID'") or die(mysqli_error());
          $sbs = mysqli_fetch_array($sql_banks);
          $sql_balance = mysqli_query($conn, "SELECT * FROM `tb_balance` WHERE userID = '$userID'") or die(mysqli_error());
          $sb = mysqli_fetch_array($sql_balance);
          ?>
          <div class="container wallet-bal">
            <div class="row text-left">
              <div class="col-xs-6">
                <button class="btn btn-clear btn-refresh-wallet">
                  <i class="icon-currency-dollar fs-lg i-dollar"></i>
                  &nbsp;&nbsp;
                  <span class="bal-txt"><?php echo number_format($sb['active']); ?></span>
                </button>
              </div>
              <div class="col-xs-6 noSidePadding i-refresh">
                <a href="" class="btn btn-clear pull-right"><i class="icon-refresh-2"></i></a>
              </div>
            </div>
            <div class="row game-bals" id="other-game-bals" style="display:none;">
              <div class="">
                <table class="table">
                </table>
              </div>
            </div>
          </div>
        <?php } else { ?>
        <?php } ?>


        <style>
          .slider-size {
            max-height: 500px; 
            min-height: 130px;
          }
        </style>

        <section class="carousel-fixed-height">
          <div id="carousel-fixed-height" class="carousel slide  " data-ride="carousel">
            <ol class="carousel-indicators">
              <?php
              $sql_21 = mysqli_query($conn, "SELECT * FROM `tb_slide` ORDER BY cuid DESC") or die(mysqli_error());
              $nos = 0;
              while ($s21 = mysqli_fetch_array($sql_21)) {
                $nos++;
                $a = $nos - 1;
                ?>
                <li data-target="#carousel-fixed-height" data-slide-to="<?php echo $a; ?>" class="<?php if ($nos == 1) {
                  echo ' class="active"';
                } ?>"></li>
              <?php } ?>
            </ol>
            <div class="carousel-inner" role="listbox">
              <?php
              $sql_2 = mysqli_query($conn, "SELECT * FROM `tb_slide` ORDER BY cuid DESC") or die(mysqli_error());
              $no = 0;
              while ($s2 = mysqli_fetch_array($sql_2)) {
                $no++;
                ?>
                <div class="item <?php if ($no == 1) {
                  echo ' active';
                } ?>">
                <a href="#">
                  <img class="slider-size" src="<?php echo $urlweb; ?>/upload/<?php echo $s2['image']; ?>" data-src="<?php echo $urlweb; ?>/upload/<?php echo $s2['image']; ?>" style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="">
                </a>
              </div>
            <?php } ?>
          </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>

    <?php if (isset($_SESSION['user'])) { ?>
    <?php } else { ?>
      <div class="btns-log row no-gutters" style="margin:0; padding:0;">

    <div class="col-xs-6" style="padding:0;">
        <button type="button"
            class="btn btn-login-custom btn-block"
            id="btnLogin--home">LOGIN</button>
    </div>

    <div class="col-xs-6" style="padding:0;">
        <a href="/register"
           class="btn btn-daftar-custom btn-block">DAFTAR</a>
    </div>

</div>
<div class="ann-wrapper" style="padding-left:15px;padding-right:15px;">
       <div class="clearfix pt-2">
        <div class="pull-left pointer">
          <div>
            <i class="icon-megaphone"></i>
          </div>
        </div>
        <div class="ann-content">
          <marquee  scrollamount="5">
            <?php echo $pengumuman ?>
          </marquee>     
        </div>
      </div>
      </div>
    
<style>
/* STYLE UMUM */
.btn-login-custom,
.btn-daftar-custom {
    border-radius: 0 !important;
    width: 100%;
    height: 35px;              /* tinggi bar */
    display: flex;             /* bikin center */
    align-items: center;       /* VERTIKAL CENTER */
    justify-content: center;   /* HORIZONTAL CENTER */
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: none;
}

/* WARNA LOGIN = GOLD */
.btn-login-custom {
    background: #ffffff;
    color: #000 !important;
}

/* WARNA DAFTAR = MERAH */
.btn-daftar-custom {
    background: #e4e404;
    color: #000 !important;
    text-decoration: none;
}
</style>
    <?php } ?>

    <!-- Login Buttons -->

    <!-- END Login Buttons-->

    <!--Shorcut Menu -->

     <div class="scroll-wrapper no-gutters" _home>

      <div style="overflow:hidden; " class="scroller">
        <!-- color bg -->
        <div class="  no-gutters text-center slider-content" #scrollContent>
          <!--//hardcoded links.......-->
          <div class="col">
            <a class="btn-box" href="/slots/">
              <i class="icon-slot"></i>
              <div>SLOTS</div>
              <span class='hot'>HOT</span>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>">
             <img src="https://files.sitestatic.net/images/live_game_icon.gif?v=1" ref="live game" height="41px">
              <div>LIVE GAMES</div>
              <span class='hot'>HOT</span>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>/sports">
              <i class="icon-soccer"></i>
              <div>SPORTS</div>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>/casino">
              <i class="icon-casino"></i>
              <div>LIVE CASINO</div>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>/poker">
              <i class="icon-menu-poker-01"></i>
              <div>P2P</div>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>/fish-hunter">
              <i class="icon-fish_hunter"></i>
              <div>TEMBAK IKAN</div>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>/lottery">
              <i class="icon-lottery"></i>
              <div>LOTRE</div>

              <span class="hot new "  >NEW</span>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>/e-games">
              <i class="icon-others"></i>
              <div>E-GAMES</div>
            </a>
          </div>
          <div class="col">
            <a class="btn-box" href="<?php echo $urlweb; ?>/cockfight">
              <i class="icon-cockfight"></i>
              <div>SABUNG AYAM</div>
            </a>
          </div>
        </div>
      </div>

    </div>

  <div class="jackpot">
    <img class="img-fluid jackpot-bg"
         src="https://files.sitestatic.net/progressive_img/20231222130855000000e6a70ac21dB88AFAZ__1479x405.gif"
         alt="jackpot" />

    <div class="jackpot-text">
        <span id="jackpot_amount">Loading....</span>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function () {

    let jackpotValue = 500362955; // nilai awal kaya gambar kamu

    function updateJackpot() {
        let randomIncrement = Math.floor(Math.random() * 50) + 10; 
        jackpotValue += randomIncrement;

        document.getElementById("jackpot_amount").innerText =
            "IDR " + jackpotValue.toLocaleString('id-ID');

        setTimeout(updateJackpot, 350); // smooth mirip provider
    }

    updateJackpot();
});
</script>

<style>
.jackpot {
    position: relative;
    width: 100%;
}

.jackpot-bg {
    width: 100%;
    display: block;
}

/* POSISI PAS DI AREA HITAM */
.jackpot-text {
    position: absolute;
    left: 50%;
    top: 49%;                    /* posisi pas provider */
    transform: translate(-50%, -50%);
    width: 72%;                  /* lebar area hitam */
    height: 34px;                /* tinggi area hitam */
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* STYLE GOLD PERSIS PROVIDER PP */
#jackpot_amount {
    font-size: 26px;
    font-weight: 900;
    font-family: 'Arial Black', sans-serif;
    color: #ffffff; /* gold */

    text-shadow:
        0px 0px 6px #000,
        0px 0px 10px #9e8b68,
        1px 1px 4px rgba(0,0,0,0.9);
}
</style>
<div class="mobile-border"></div>
      <div class="app-wrapper container">
          <div class="row" style="padding-top:30px;">
        <div class="gListSection">
        <div class="g-slider-wrapper hot">
            <div class="title-wrapper">
                <div class="g-slider-wrapper">
        <h4 class="title">GAME TERPOPULAR</h4>
        <ul>
                                <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="<?php echo $urlweb; ?>/slots" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Fortune Gems 500" src="" alt="Fortune Gems 500"   data-src="https://files.sitestatic.net/games/i/165x220/bee8912db40e22073dafc3231ad731de.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Fortune Gems 500</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                  <div class="game-box login" >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                                         <div class="hot-game-tag" > </div>
                                        <img class="lazy" alt="Gates of Olympus Roulette" src="" alt="Gates of Olympus Roulette"   data-src="https://files.sitestatic.net/games/i/165x220/bb6b1bf860516337f2b8de760d3718f4.webp"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Gates of Olympus Roulette</div>

                    <!--</ng-container> -->
                  </div>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/jili?hot=Storm+of+Seth+2" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Storm of Seth 2" src="" alt="Storm of Seth 2"   data-src="https://files.sitestatic.net/games/i/165x220/379692fd1765a40dc4d47dea0877d5f9.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Storm of Seth 2</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/pragmatic-play?hot=Gates+of+Olympus+Super+Scatter" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Gates of Olympus Super Scatter" src="" alt="Gates of Olympus Super Scatter"   data-src="https://files.sitestatic.net/games/i/165x220/12aba443526306c47646afa82d84ba46.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Gates of Olympus Super Scatter</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/playstar?hot=Mahjong+Ways+3%2B_Black+limited" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Mahjong Ways 3+_Black limited" src="" alt="Mahjong Ways 3+_Black limited"   data-src="https://files.sitestatic.net/games/i/165x220/82c467e24ca5f694faf926befc77c73f.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Mahjong Ways 3+_Black limited</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/advantplay?hot=Zeustrike" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Zeustrike" src="" alt="Zeustrike"   data-src="https://files.sitestatic.net/games/i/165x220/68f20a827250a7f1e8830b7778fa4a15.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Zeustrike</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/advantplay?hot=Mahjong+Roar" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Mahjong Roar" src="" alt="Mahjong Roar"   data-src="https://files.sitestatic.net/games/i/165x220/dec30a9308210b68e21557c19a3566ca.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Mahjong Roar</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/advantplay?hot=Dragon+Chi%E2%80%99s+Quest+2" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Dragon Chi’s Quest 2" src="" alt="Dragon Chi’s Quest 2"   data-src="https://files.sitestatic.net/games/i/165x220/9057e517680bd8c34f14a7a0edf7d75a.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Dragon Chi’s Quest 2</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/pragmatic-play?hot=Fortune+of+Olympus" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Fortune of Olympus" src="" alt="Fortune of Olympus"   data-src="https://files.sitestatic.net/games/i/165x220/14aaf8e912a234ee841984546d80bcbd.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Fortune of Olympus</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/playtech?hot=Mahjong+Magic" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Mahjong Magic" src="" alt="Mahjong Magic"   data-src="https://files.sitestatic.net/games/i/165x220/5eb69c84e98411f0d06c72bf09a52907.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Mahjong Magic</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/fastspin?hot=Spirit+of+the+Sea" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Spirit of the Sea" src="" alt="Spirit of the Sea"   data-src="https://files.sitestatic.net/games/i/165x220/7ca4d556bfba2dd890d8adacc547524a.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Spirit of the Sea</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/besoft?hot=Domino+Caishen" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Domino Caishen" src="" alt="Domino Caishen"   data-src="https://files.sitestatic.net/games/i/165x220/999215bfec33f337a2622fdf8f451ae2.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Domino Caishen</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/besoft?hot=Domino+Bali+Deluxe" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Domino Bali Deluxe" src="" alt="Domino Bali Deluxe"   data-src="https://files.sitestatic.net/games/i/165x220/aed5246f18e2ca7477a8a76c317212a0.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Domino Bali Deluxe</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/pragmatic-play?hot=Gates+of+Olympus+1000%E2%84%A2" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Gates of Olympus 1000™" src="" alt="Gates of Olympus 1000™"   data-src="https://files.sitestatic.net/games/i/165x220/6d39308186b2c0ede30a49d0c486e911.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Gates of Olympus 1000™</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/dragoonsoft?hot=Bounty+Clash" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Bounty Clash" src="" alt="Bounty Clash"   data-src="https://files.sitestatic.net/games/i/165x220/fd38e51722df3a6e3bf0c57b8fe8a922.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Bounty Clash</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/fatpanda?hot=Lucky+Tiger+1000" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Lucky Tiger 1000" src="" alt="Lucky Tiger 1000"   data-src="https://files.sitestatic.net/games/i/165x220/a699a8da4a470846b0c1998941844114.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Lucky Tiger 1000</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/pragmatic-play?hot=Mahjong+Wins+3+-+Black+Scatter" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Mahjong Wins 3 - Black Scatter" src="" alt="Mahjong Wins 3 - Black Scatter"   data-src="https://files.sitestatic.net/games/i/165x220/b918217637bd8887a37f2f0221bf4609.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Mahjong Wins 3 - Black Scatter</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/pragmatic-play?hot=Sweet+Bonanza+Super+Scatter" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Sweet Bonanza Super Scatter" src="" alt="Sweet Bonanza Super Scatter"   data-src="https://files.sitestatic.net/games/i/165x220/4d0bee6b7bdc8bdce588ae234d1c6272.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Sweet Bonanza Super Scatter</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/pgsoft?hot=Mahjong+Ways+2" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Mahjong Ways 2" src="" alt="Mahjong Ways 2"   data-src="https://files.sitestatic.net/games/i/165x220/f24e33352829cf3475df062f42e059ef.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Mahjong Ways 2</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/playstar?hot=MAHJONG%3AORIGIN" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="MAHJONG:ORIGIN" src="" alt="MAHJONG:ORIGIN"   data-src="https://files.sitestatic.net/games/i/165x220/09e8b46b9b99df8060790062f3f999c9.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">MAHJONG:ORIGIN</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/pgsoft?hot=Wild+Bounty+Showdown" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Wild Bounty Showdown" src="" alt="Wild Bounty Showdown"   data-src="https://files.sitestatic.net/games/i/165x220/a27f7b629697af8fd4be95698b405e49.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Wild Bounty Showdown</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/jili?hot=Fortune+Garuda+500" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Fortune Garuda 500" src="" alt="Fortune Garuda 500"   data-src="https://files.sitestatic.net/games/i/165x220/f00934689fbc59309051edac531c06a1.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Fortune Garuda 500</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/playstar?hot=HORDE+2+WINTER" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="HORDE 2 WINTER" src="" alt="HORDE 2 WINTER"   data-src="https://files.sitestatic.net/games/i/165x220/b481b143794ecc87bea543e0ffc9347e.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">HORDE 2 WINTER</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/fastspin?hot=The+Great+Safari" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="The Great Safari" src="" alt="The Great Safari"   data-src="https://files.sitestatic.net/games/i/165x220/b467c97004d4c8e6369bac19ff09e079.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">The Great Safari</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/booongo?hot=Egypt+Power+x1000" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Egypt Power x1000" src="" alt="Egypt Power x1000"   data-src="https://files.sitestatic.net/games/i/165x220/ed166bfca87f38ba952c7547fd3f627e.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Egypt Power x1000</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/booongo?hot=Super+China+Pots" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Super China Pots" src="" alt="Super China Pots"   data-src="https://files.sitestatic.net/games/i/165x220/376293e0110cf571d41eb550b08482ed.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Super China Pots</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/booongo?hot=Coin+Strike+2%3A+Hold+and+Win" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Coin Strike 2: Hold and Win" src="" alt="Coin Strike 2: Hold and Win"   data-src="https://files.sitestatic.net/games/i/165x220/ea7390ebc8edc0f58e8424945ec11754.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Coin Strike 2: Hold and Win</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/nextspin?hot=Treasure+of+Atlantis" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Treasure of Atlantis" src="" alt="Treasure of Atlantis"   data-src="https://files.sitestatic.net/games/i/165x220/64731d06c289895ba53499e95bcefd6c.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Treasure of Atlantis</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/fachai?hot=Jungle+Bang+Bang" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Jungle Bang Bang" src="" alt="Jungle Bang Bang"   data-src="https://files.sitestatic.net/games/i/165x220/08d0b9abaf22dd54a1d2de12c0cdf91d.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Jungle Bang Bang</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/playtech?hot=Gold+Trio+10000" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Gold Trio 10000" src="" alt="Gold Trio 10000"   data-src="https://files.sitestatic.net/games/i/165x220/7c8419b96b23e37e531e932c463bf877.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Gold Trio 10000</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/spadegaming?hot=Legacy+of+Kong+Maxways" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Legacy of Kong Maxways" src="" alt="Legacy of Kong Maxways"   data-src="https://files.sitestatic.net/games/i/165x220/b38733b585f7906d26e94b34bdceb0d5.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Legacy of Kong Maxways</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/wow-gaming?hot=The+Four+Divine+Beasts" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="The Four Divine Beasts" src="" alt="The Four Divine Beasts"   data-src="https://files.sitestatic.net/games/i/165x220/9e02c41ac443d842bdad38a2cfd43970.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">The Four Divine Beasts</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/wow-gaming?hot=Barong+Sacred+Battle" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Barong Sacred Battle" src="" alt="Barong Sacred Battle"   data-src="https://files.sitestatic.net/games/i/165x220/6a3ced44e48a4ec213ec0bc44a552dd7.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Barong Sacred Battle</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/spadegaming?hot=Golden+Pixiu" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Golden Pixiu" src="" alt="Golden Pixiu"   data-src="https://files.sitestatic.net/games/i/165x220/5f64aae569f06225e9a6dc95df9562ac.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Golden Pixiu</div>

                </a>
                            </li>
                        <li style= " margin-top: 5px;
            margin-left: 5px;">
                                                <a href="https://rtx.ovo188k.site/slots/spadegaming?hot=Mahjong+Riches" class="game-box"  rel="opener"   >
                    <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <div class="hot-game-tag" > </div>
                    <img class="lazy" alt="Mahjong Riches" src="" alt="Mahjong Riches"   data-src="https://files.sitestatic.net/games/i/165x220/e664409a03bc89f54b8e2cd155e975bf.webp?v=0.4"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Mahjong Riches</div>

                </a>
                            </li>
                    </ul>
    </div>
    <!--games-slider-->
           
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">slots</h4>
        <ul>
                                    <li>
                                                

                                                <a href="<?php echo $urlweb; ?>/slots/pragmatic-play" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PRAGMATIC" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_pp.jpg?v=11.2"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PRAGMATIC</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="<?php echo $urlweb; ?>/slots/pgsoft" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PGSOFT" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_pgsoft.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PGSOFT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/cosmo-play" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="COSMO PLAY" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/cosmoplay.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">COSMO PLAY</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/besoft" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="BESOFT" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/besoft.gif"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BESOFT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/joker-gaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JOKER" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_joker.jpg?v=9.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JOKER</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/spadegaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="SPADE GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/spade_gaming.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SPADE GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/jili" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JILI" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/jili.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JILI</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/fastspin" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="FASTSPIN" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/fastspin.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">FASTSPIN</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/booongo" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="BNG" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/booongo.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BNG</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/playtech" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PLAYTECH" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_pt.jpg?v=9"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PLAYTECH</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/wow-gaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="WOW GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/wow_slot.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">WOW GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/sigma" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PRIME SIGMA GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/sigmagaming_slot.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PRIME SIGMA GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/habanero" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="HABANERO" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_haba.jpg?v=9.2"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">HABANERO</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/fatpanda" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="FAT PANDA" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/fatpanda_slot.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">FAT PANDA</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/advantplay" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="ADVANTPLAY" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/advantplay_slot.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">ADVANTPLAY</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/hacksaw" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="HACKSAW" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/Hacksaw_Game_Slot.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">HACKSAW</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/relax" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="RELAXGAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/relax.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">RELAXGAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/microgaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="MICROGAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_mg.jpg?v=12"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">MICROGAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/nolimitcity" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="NOLIMITCITY" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/nolimitcity.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">NOLIMITCITY</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/nextspin" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="NEXTSPIN" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/nextspin.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">NEXTSPIN</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/playstar" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PLAYSTAR" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/playstar.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PLAYSTAR</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/cq9" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="CQ9" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_cq9.jpg?v=9"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">CQ9</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/skywind" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="SKYWIND" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/skywind.png?v=1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SKYWIND</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/ai-gaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="AI GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/AI_Gaming_Slot.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">AI GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/red-tiger" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="RED TIGER" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/redtiger.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">RED TIGER</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/netent" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="NETENT" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/netent.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">NETENT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/playNgo" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PLAYNGO" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_png.jpg?v=9.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PLAYNGO</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/hotdog" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="HOTDOG GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/hotdog_slot.jpg?v=1.0"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">HOTDOG GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/dst-play" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="DST PLAY" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/dstplay.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">DST PLAY</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/askmeslot" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="ASKMESLOT" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/askme_slot.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">ASKMESLOT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/booming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="BOOMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_booming.jpg?v=9"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BOOMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/fachai" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="FACHAI" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_fa_chai.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">FACHAI</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/jdb" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JDB" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/jdb_slot.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JDB</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/dragoonsoft" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="DRAGOON SOFT" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/dragoon_soft.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">DRAGOON SOFT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/apollo777" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="APOLLO777" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/apollo777.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">APOLLO777</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/5gaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="5GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/5gaming.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">5GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/ygg" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="YGG" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/slot_ygg.jpg?v=1.0"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">YGG</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/kagaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="KA GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/KA_Gaming_Slot.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">KA GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/nagagames" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="NAGAGAMES" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/naga_gaming_slot.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">NAGAGAMES</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/live22" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="LIVE22" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/live22.jpg?v=0.3"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">LIVE22</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/onegame" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="ONEGAME" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/onegame_slot.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">ONEGAME</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/bgaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="BGAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/bgaming.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BGAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/gmw" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="GMW" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/gmw.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">GMW</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/uu" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="UU SLOT" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/uu_slot.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">UU SLOT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/pegasus" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PEGASUS" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/pegasus.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PEGASUS</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/slots/btg" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="BTG" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/btg_slot.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BTG</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                                <div class="game-box login-alert" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/sbo_slot.jpg?v=0.1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SBO</div>
                </div>

                            </li>
                    </ul>
    </div>
       
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">Live Games</h4>
        <ul>
                                    <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/12D.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">12D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/24D.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">24D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/36D.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">36D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/48D.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">48D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/60D.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">60D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/sicbo.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Sicbo</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/oglokball.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Oglok Ball</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/oglokdice.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Oglok Dice</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/6colors.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">6 Colors</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/12colors.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">12 Colors</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LiveProviders/thumbnail/normal/abjad.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">ABJAD</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/ezugi_rng.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">EZUGI</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CFProviders/thumbnail/normal/cock_sv388.jpg?v=1.0" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">sv388 Cock fight</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CFProviders/thumbnail/normal/ws168_cf.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">WS168</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CFProviders/thumbnail/normal/GA28.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">GA28</div>
                </div>

                            </li>
                    </ul>
    </div>
       
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">sports</h4>
        <ul>
                                    <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SportsProviders/thumbnail/normal/cmd_sport.jpg?v=1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">CMDS</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SportsProviders/thumbnail/normal/sport_wbet.png?v=1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">WBET</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SportsProviders/thumbnail/normal/ibc_sport.jpg?v=2" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Saba Sports</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SportsProviders/thumbnail/normal/sport_ug.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">UG</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SportsProviders/thumbnail/normal/sport_bti.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BTI</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SportsProviders/thumbnail/normal/pp_virtualsport.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Virtual Sport</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/SportsProviders/thumbnail/normal/sport_sbo.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SBO</div>
                </div>

                            </li>
                    </ul>
    </div>
       
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">casino</h4>
        <ul>
                                    <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/pp_casino.jpg?v=16.2" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PRAGMATIC</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_evo.jpg?v=11" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">EVO</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_sb.jpg?v=9.5" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SEXY</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/playtech.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PLAYTECH</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_beter.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">ICONIC21</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/ezugi_casino.png?v=1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">EZUGI</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_sa.jpg?v=10" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SA</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/playace_casino.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PLAYACE</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_ab.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">ALLBET</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_big.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BIG GAMING CASINO</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_568win.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">568win</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_mg.jpg?v=10" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">MICROGAMING</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_skywind.jpg?v=1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SKYWIND</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_dreamgame.jpg?v=1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">DREAM GAMING</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_opus.jpg?v=1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">OPUS</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/casino_wm.jpg?v=9" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">WM CASINO</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/w_casino.png?v=0.1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">W CASINO</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/ai_casino.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">AI CASINO</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/via_casino.jpg?v=0.1" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">VIA CASINO</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/miki_casino.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">MIKIWORLD</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/CasinoProviders/thumbnail/normal/ar_casino.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">AR CASINO</div>
                </div>

                            </li>
                    </ul>
    </div>
       
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">LOTRE</h4>
        <ul>
                                    <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4d_amazon.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Amazon 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4d_king.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">King 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4d_hongkong_grand.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Hongkong Grand 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4d_shanghai_hero.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Shanghai Hero 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4D_singapore_pools.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Singapore Pools 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4D_malaysia_toto.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Malaysia Toto 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4D_malaysia_magnum.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Malaysia Magnum 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/4D_malaysia.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Malaysia Damacai 4D</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/LotteryProviders/thumbnail/normal/nex4d.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">NEX4D</div>
                </div>

                            </li>
                    </ul>
    </div>
       
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">poker</h4>
        <ul>
                                    <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_tpoker.jpg?v=2" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Texas Poker</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_omaha.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Poker Dealer</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_dqq.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Domino QQ</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_cemek.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Ceme Take Turn</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_cemed.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Ceme Dealer</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_13c.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">13 Cards</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_13cd.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">13 Cards Dealer</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_baccarat.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Baccarat Dealer</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_sakong.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Sakong</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/ceme-adu.jpg" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Ceme Adu</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_3cd.jpg?v=4" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">3 Cards Dealer</div>
                </div>

                            </li>
                        <li>
                                                                <div class="game-box login" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/P2PProviders/thumbnail/normal/poker_3c.jpg?v=4" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">3 Cards</div>
                </div>

                            </li>
                    </ul>
    </div>
       
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">e-games</h4>
        <ul>
                                    <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/ggsoft" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="GGSOFT" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/ggsoft_rng.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">GGSOFT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                                <div class="game-box login-alert" id=btnToggleRSideNav>
                    <img class="lazy" alt="" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/pp_rng.png" *ngIf="showEle" />
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PRAGMATIC</div>
                </div>

                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/joker-gaming" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JOKER" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/joker_rng.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JOKER</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/jili" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JILI" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/jili.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JILI</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/microgaming" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="MICROGAMING" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/microgaming_rng.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">MICROGAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/dst-play" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="DST PLAY" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/dst_rng.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">DST PLAY</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/gemini" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="GEMINI" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/gemini.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">GEMINI</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/dragoonsoft" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="DRAGOONSOFT" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/dragoon_rng.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">DRAGOONSOFT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/mikiworld" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="MIKIWORLD" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/miki_rng.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">MIKIWORLD</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/chicky-run" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="Chicky Run" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/chickyrun.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">Chicky Run</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/bgaming" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="BGAMING" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/bgaming_rng.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">BGAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/spribe" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="SPRIBE" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/spribe_rng.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SPRIBE</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/playtech" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PLAYTECH" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/pt_rng.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PLAYTECH</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/ks-gaming" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="KSGAMING" src=""  data-src="https://files.sitestatic.net/GameImage/RngProviders/thumbnail/normal/ksgaming.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">KSGAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/e-games/sigma" class="game-box"  target=_blank >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="PRIME SIGMA GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/SlotsProviders/thumbnail/normal/sigmagaming_slot.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">PRIME SIGMA GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                    </ul>
    </div>
       
    <div class="mobile-border"></div>
    <div class="g-slider-wrapper">
        <h4 class="title">tembak ikan</h4>
        <ul>
                                    <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/joker-gaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JOKER" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/fishing_joker.jpg?v=9"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JOKER</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/jili" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JILI" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/jili.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JILI</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/fastspin" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="FASTSPIN" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/fastspin.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">FASTSPIN</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/spadegaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="SPADE GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/spade_gaming.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SPADE GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/cq9" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="CQ9" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/fishing_cq9.jpg?v=9"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">CQ9</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/skywind" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="SKYWIND" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/fishing_skywind.jpg?v=0.1"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">SKYWIND</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/ks-gaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="KSGAMING" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/ksgaming.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">KSGAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/dragoonsoft" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="DRAGOON SOFT" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/fishing_dragoonsoft.jpg?v=1.0"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">DRAGOON SOFT</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/kagaming" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="KA GAMING" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/KA_Gaming_Fishing.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">KA GAMING</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/fachai" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="FACHAI" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/fishing_fa_chai.jpg"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">FACHAI</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                        <li>
                                                

                                                <a href="https://rtx.ovo188k.site/fish-hunter/jdb" class="game-box"   >
                                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                    <img class="lazy" alt="JDB" src=""  data-src="https://files.sitestatic.net/GameImage/FishingProviders/thumbnail/normal/jdb_fishing.png"/>
                    <!--TODO alt text-->
                    <div class="loader-b" *ngIf="!showEle"></div>
                    <div class="text-center game-title">JDB</div>
                    <!--</ng-container> -->
                </a>


                            </li>
                    </ul>
    </div>
</div>
            <!--Onix game-->
            
            <!--last transaction-->
            <div class="row">
  <div class="col-xs-12 home-trans">
    <h4 class="home-trans-title">LAST WITHDRAW</h4>
    

      <div class="home-trans-outerwrapper carousel slide" data-ride="carousel">
        <div class="carousel-inner">
                                
          <div class="item active">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Dan************</h4>
                      <p class="details">2 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 1,800K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">DAN**</h4>
                      <p class="details">11 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Ren**********</h4>
                      <p class="details">21 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 110K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Far**</h4>
                      <p class="details">21 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Jek************</h4>
                      <p class="details">33 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 1,900K</h5>
              </div>
            </div>
            </div>
            </div>
                                   
          <div class="item active">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Dan************</h4>
                      <p class="details">2 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 1,800K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">DAN**</h4>
                      <p class="details">11 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Ren**********</h4>
                      <p class="details">21 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 110K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Far**</h4>
                      <p class="details">21 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Jek************</h4>
                      <p class="details">33 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 1,900K</h5>
              </div>
            </div>
            </div>
            </div>
                                   
          <div class="item active">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Dan************</h4>
                      <p class="details">2 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 1,800K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">DAN**</h4>
                      <p class="details">11 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Ren**********</h4>
                      <p class="details">21 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 110K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Far**</h4>
                      <p class="details">21 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage ">
            <div class="home-trans-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                    <h4 class="name">Jek************</h4>
                      <p class="details">33 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
              <h5 class="amount">  IDR 1,900K</h5>
              </div>
            </div>
            </div>
            </div>
                                  </div>
      </div>
  </div>
</div>

<!---------------------->

<div class="row">
  <div class="col-xs-12 home-trans  last-deposit">
    <h4 class="home-trans-title">LAST DEPOSIT</h4>
    

      <div class="home-trans-outerwrapper carousel slide" data-ride="carousel">
          <div class="carousel-inner">
                                  
          <div class="item active">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Raf**</h4>
                      <p class="details">4 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 200K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Far**</h4>
                      <p class="details">5 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Ser************</h4>
                      <p class="details">6 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 50K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">NOV************</h4>
                      <p class="details">6 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 50K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Kha*********</h4>
                      <p class="details">7 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 200K</h5>
              </div>
            </div>
            </div>
            </div>
                                   
          <div class="item active">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Raf**</h4>
                      <p class="details">4 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 200K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Far**</h4>
                      <p class="details">5 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Ser************</h4>
                      <p class="details">6 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 50K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">NOV************</h4>
                      <p class="details">6 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 50K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Kha*********</h4>
                      <p class="details">7 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 200K</h5>
              </div>
            </div>
            </div>
            </div>
                                   
          <div class="item active">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Raf**</h4>
                      <p class="details">4 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 200K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Far**</h4>
                      <p class="details">5 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 100K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Ser************</h4>
                      <p class="details">6 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 50K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">NOV************</h4>
                      <p class="details">6 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 50K</h5>
              </div>
            </div>
            </div>
            </div>
             
          <div class="item">
            <div class=" col-lg-4 col-xs-12 mobile-transpage">
            <div class="home-trans-innerwrapper deposit-innerwrapper">
              <div class="col-xs-8">
                    <div class="user_image">
                      <img src="https://files.sitestatic.net/AvatarImages/lw_avathar_circle.png">
                    </div>
                    <div class="user_detail">
                      <h4 class="name">Kha*********</h4>
                      <p class="details">7 minutes ago</p>
                    </div>
              </div>
              <div class="col-xs-4">
                <h5 class="amount">  IDR 200K</h5>
              </div>
            </div>
            </div>
            </div>
                                    </div>         
      </div>
  </div>
</div>
        <!--last transaction End-->
            

                            <div class="app-info row">
           
        <div class="col-md-6 col-lg-4 col-xs-12 gradient-border mobile-border">
      <h4 class="title"  >KELEBIHAN LAYANAN</h4>
      <div class="ml-md-2 mt-2 ">
        <div class="row center no-gutters">
          <div class="col-xs-8">
            <div class="fs-md">DEPOSIT</div>
            <div  >Waktu rata-rata</div>
          </div>
          <div class="col-xs-4 text-right">
            <div class="mb-0 progressNumber">1<span class="fs-sm">Mins</span></div>
          </div>
          <div class="col-xs-12">
            <div class="progress">
              <div class="progress-bar" role="progressbar" style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </div>
        <div class="row mt-3 center no-gutters">
          <div class="col-xs-8">
            <div class="fs-md">WITHDRAW</div>
            <div  >Waktu rata-rata</div>
          </div>
          <div class="col-xs-4 text-right">
            <div class="mb-0 progressNumber">3<span class="fs-sm">Mins</span></div>
          </div>
          <div class="col-xs-12">
            <div class="progress">
              <div class="progress-bar" role="progressbar" style="width: 3%" aria-valuenow="3" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </div>
        <p class="mt-3 fs-sm"  >
          *Referensi Waktu Rata-rata tidak berlaku jika bank offline, gangguan koneksi, dan informasi yang tidak lengkap disediakan        </p>
      </div>
    </div>
                          <!-- color bg -->
                          <div class="col-md-6 col-lg-4 col-xs-12 gradient-border mobile-border">
                                <div class="title-box">
                                  <h3 class="u-section-title">
                                    PUSAT INFO  
                                  </h3>
                                </div>
                                <!-- color bg -->
                                <div class="content-box u-section-box--bg">
                                  <ul>
                                    <li>
                                      <div class="text">Cara Bermain SportsBook</div>
                                      <a class="btn btn-link" href="<?php echo $urlweb; ?>/info/how-sportsbook" > Lebihnya</a>
                                    </li>
                                    <li>
                                      <div class="text">Cara Bermain Slot</div>
                                      <a class="btn btn-link" href="<?php echo $urlweb; ?>/info/how-slots" > Lebihnya</a>
                                    </li>

                                    <li>
                                      <div class="text">Cara Melakukan Deposit</div>
                                      <a class="btn btn-link"  href="<?php echo $urlweb; ?>/info/faq-deposit"> Lebihnya</a>
                                    </li>
                                    <li>
                                      <div class="text">Cara Melakukan Withdraw </div>
                                      <a class="btn btn-link"href="<?php echo $urlweb; ?>/info/faq-faq_withdrawal" > Lebihnya</a>
                                    </li> 


                                  </ul>

                                </div>
                              </div>

                              <!-- color bg -->

                              <div class="col-xs-12  col-md-6 col-lg-6 member-svc">
                                <div class="title-box">
                                  <h3 class="u-section-title">
                                    MEMBER SERVICE
                                  </h3>
                                </div>
                                <!-- color bg -->
                                <div class="content-box u-section-box--bg">

                                  <section class="contacts-carousel">
                                    <div id="contacts-carousel" class=" carousel slide  " data-ride="carousel">
                                      <ol class="carousel-indicators">


                                        <li data-target="#contacts-carousel" data-slide-to="0" class="active"></li>  

                                      </ol>

                                      <div class="carousel-inner" role="listbox" aria-label="contacts carousel">


                                        <div   class="item active" role="option">  

                                          <a target="_blank" href="https://api.whatsapp.com/send?phone=<?php echo $s1a['wa']; ?>" class="contact-item">
                                            <div class="icon-wrp"> <i class="icon-whatsapp"></i> </div>
                                            <div class="text-wrp"> 

                                              <div class="u-muted-txt">WHATSAPP</div>
                                              <div class=""><?php echo $s1a['wa']; ?></div>
                                              <div class="u-muted-txt">24/7 Support</div>
                                            </div>
                                          </a>
                                        </div>

                                      </div> 
                                    </div>
                                  </section>

                                </div>
                              </div>

                            </div>
                          </div>

                        </div>
                      </div></div>
                       <div class=" container">
            <style>.footer-content {
    background: #471525;
    color: inherit;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 15px 0
}

.footer-content .footerlink ul {
    margin: 0;
    padding: 0
}

.footer-content .footerlink ul li {
    display: inline-block;
    line-height: 24px;
    padding: 0 5px 0 0;
    vertical-align: middle
}

.footer-content .footerlink ul li a {
    color: #fff
}

.footer-content .footerlink.version-sec {
    border: 1px;
    border-style: dotted;
    border-width: 1px 0;
    margin: 10px 0;
    padding: 10px 0
}

.footer-title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase
}</style>
            <div class="row">
                          <div class="footer-content clearfix" style="background:#000324">
                            <div class="col-xs-12">
                              <div class="footerlink">
                                <ul class="clearfix">
                                  <li><a href="<?php echo $urlweb; ?>/info/faq-general" style="color:#fff;">Tentang kami</a></li>
                                  <li>|</li>
                                  <li><a href="<?php echo $urlweb; ?>/info/faq-banking" style="color:#fff;">Info Perbankan</a></li>
                                  <li>|</li>
                                  <li><a href="<?php echo $urlweb; ?>/info/faq-general" style="color:#fff;">Pusat Info</a></li>
                                  <li>|</li>
                                  <li><a href="<?php echo $urlweb; ?>/contact-us"   style="color:#fff;">Hubungi kami</a></li>

                                </ul>
                              </div>
                              <div class="footerlink version-sec">
                                <ul class="clearfix">
                                  <li>
                                    <div class="copyright" style="color:#fff;">
                                      @2026 <?php echo $instansi ?>. Seluruh hak cipta | 18+ | v1.55
                                    </div>
                                  </li>
                                </ul>
                              </div>

                              <div class=" text-left footerlink mt-4  ">
                                <div class="small" style="color:#fff;">
                                Platform Penyedia Layanan hubungi telegram @cxfcore    </div>
                                <div class="mt-2 footer_btm_logo_img">



                                  <img class="footer_logimg" style="max-height: 50px;"    alt="https://t.me/cxfcore" src="https://websitexx.sbs/uploads/img_697f02c42e928.png">
                                  <!-- <img class="footer_logimg" style="max-height: 50px;"  alt="<?php echo $instansi ?>" src="https://files.sitestatic.net/ImageFile/61d1c09b8b424_HALO-138.gif"> -->

                                </div>
                              </div>
                              <div class=" text-left footerlink mt-2">
                                <div class="small"  style="color:#fff;">
                                Cara Pembayaran    </div>
                                <div class="payment_imgs mt-2">
                                  <img class="img-fluid mb-3" style="width: 150px; border-radius:10px;border: 1px solid currentColor;" 
                                  src="https://files.sitestatic.net/sprites/bank_logos/bank_col.jpg?v=3" alt="bank payment method">

                                  <img class="img-fluid mb-3"  style="width: 150px; border-radius:10px;border: 1px solid currentColor;" 
                                  src="https://files.sitestatic.net/sprites/bank_logos/ewallet_col.jpg?v=3" alt="ewallet payment method">

                                  <img class="img-fluid mb-3"  style="width: 150px; border-radius:10px;border: 1px solid currentColor;" 
                                  src="https://files.sitestatic.net/sprites/bank_logos/pulsa_col.jpg?v=3" alt="pulsa payment method">


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




                        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>



                          $(document).ready(function () {

                            console.log((!document.referrer.includes('__cf')))
                            if( document.referrer.indexOf(location.protocol + "//" + location.host) === 0 && (!document.referrer.includes('__cf'))){
                              sessionStorage.setItem('isClosedPopUp', 'true');
                            }
                            var isClosedPopUp = sessionStorage.getItem('isClosedPopUp');

                            if(isClosedPopUp !==    "true"){
                             var popUpInst =  $.fancybox.open(
                             {
                              src  :     `<img src="https://files.sitestatic.net/promotion_banners/20240625132607000000cfb0bb6955JOGAABO__400x582.png" class="img-fluid" alt="popup banner"  >`,
                              type : 'html',
                              opts : {
                                afterShow : function( instance, current ) {
                                  console.log( document.referrer.indexOf(location.protocol + "//" + location.host));
                                  console.log( location.protocol + "//" + location.host);
                                  console.log( document.referrer);
                                  console.log((!document.referrer.includes('__cf')))
                                  if( document.referrer.indexOf(location.protocol + "//" + location.host) === 0 && (!document.referrer.includes('__cf'))){
                                    sessionStorage.setItem('isClosedPopUp', 'true');
                                  }
                                }
                              }
                            }
                            );
                           }
                         </script>

                         <div class="mobilesite-footer">  
                          <div class="container">
                            <style media="screen">
                              .left-custom-livechat-code{
                                bottom: 58px !important;
                              }
                              #chat-widget-container{
                                bottom: 51px !important;
                              }
                            </style>
                            <?php require_once('app/menu.php'); ?>



                            <script type="text/javascript">
                              $(".togglemenu-trigger").click(function(){
                                var currentToggle = $(this).attr("data-showID");
                                if($(currentToggle).hasClass("show")){
                                  $(currentToggle).removeClass("show");
                                }
                                else{
                                  $(".togglemenu-content").removeClass("show");
                                  $(currentToggle).addClass("show");
                                }

                              });
                            </script>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!--app_sub_skin != \Constants::onix  -->
                    <?php require_once('app/account.php'); ?>
                    <!--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="3x6xMjqK3BlOmTFRBSz9EmlANbyIQsadSGvShTon">                    <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">
                                      2000
                                    </div>
                                    <input type="hidden" name="twminval" id="twminval" value="2000"/>
                                  </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-8 col-xs-offset-2">
                                <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="<?php echo $urlweb; ?>/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="  <?php echo $urlweb; ?>/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 src="/js/sweetalert.js"></script>  -->


          <script type="text/javascript">

            $(document).ready(function(){
              $( "#mainContentContainer" ).click(function() {
                $( "#sideNav" ).removeClass( "navContentOpen" );
                $( "#sideNav" ).removeClass( "open" );
                $( "#mainContent" ).removeClass( "navContentOpen" );
                $( "#mainContent" ).removeClass( "sideNavOpen" );
                $( "#mainContent" ).removeClass( "rightSideBarOpen" );
                $( "#r-side-bar" ).removeClass( "open" );
              });

        //this is mobile version of btn close login modal
              $(document).on('click', '#btn-close--login-modal',function(event){
                event.preventDefault();
                event.stopPropagation();
                $('#r-side-bar').removeClass('open');
                $( "#mainContent" ).removeClass( "rightSideBarOpen" );
                return false;

              });

              $(document).on('click','.btn-collapse-balances', function(){
                if( !$('#other-game-bals').is(':visible')){
                  $('#other-game-bals').slideDown();
                  window.getAllGameBal();
                }
                else{
                  $('#other-game-bals').slideUp();
                }
                return false;
              });
            });

          </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>
            window.isAuth= '1' ? false:true;
            window.currencyCode='IDR';
            window.lang="id";
            window.agentCode='<?php echo $instansi ?>';
            window.sweetAlert= function ( msg , type , title  ,showCancelBtn   ) {
            //check CF error
              var dateNow = "2024-07-29 04:30:58";

              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,
                buttons: {
                  confirm: {
                    text: "OK",
                    value: true,
                    visible: true,
                    className: "",
                    closeModal: true
                  },
                  cancel: {
                    text: "Cancel",
                    value: false,
                    visible: showCancelBtn? true:false,
                    className: "",
                    closeModal: true,
                  }
                }
              } );
            }
            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;
                  }

                  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'){
                      custom_minLength = 13;
                      custom_maxLength = 13;
                    }
                    else if(selectedBank == 'BNI' || selectedBank == 'BCA' || selectedBank == 'DMN' || selectedBank == 'BSI' || selectedBank == 'BLA'){
                      custom_minLength = 10;
                      custom_maxLength = 10;
                    } 
                    else if(selectedBank == 'BRI'){
                      custom_minLength = 15;
                      custom_maxLength = 15;
                    } 
                    else if(selectedBank == 'CIMBN' || selectedBank == 'BANKJAGO' || selectedBank == 'MDRLV' || selectedBank == 'SEABANK'){
                      custom_minLength = 12;
                      custom_maxLength = 12;
                    }  
                    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 () {
                    //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;
                    });



                  });


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

        // var host = window.location.host;
        //var curr_host = "fire-<?php echo $s0['instansi']; ?>.one";
        //var agent_url = "<?php echo $urlweb; ?>";

        //console.log(host, curr_host, agent_url, agent_url.includes(host));

        //if (host != curr_host && !agent_url.includes(host)) {

        //location.href = "<?php echo $urlweb; ?>";
        //}


                </script>

                <script type="text/javascript" src="/js-ugsports/app-mobile.js?id=12f71baddffdfc5ed0e6148041c91765"> </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")'> indonesian</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>







                <script type="text/javascript" >
                  $(document).ready(function(){
                    if( window.location.href.indexOf('reLogin=yes') >= 0  &&  !window.isAuth){
                      $("#btnToggleRSideNav").trigger('click');
                    }
                  });
                </script>

              </body>


              </html>
