<?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'];
$logo = $s0['image'];

// 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 id="feProdAWS05" lang="id">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="description" content="<?php echo $deskripsi ?>">
    <meta name="keywords" content="<?php echo $keywords ?>">
    <link rel="canonical" href=<?php echo $urlweb ?>>
    <meta itemprop="name" content="<?php echo $pengumuman ?>" />
    <meta itemprop="description" content="<?php echo $deskripsi ?>" />
    <link rel="amphtml" href="<?php echo $urlweb; ?>" />
    <meta property="og:url" content=<?php echo $urlweb ?>>
    <meta property="og:type" content="website">
    <meta property="og:title" content="<?php echo $deskripsi ?>" />
    <meta property="og:description" content="<?php echo $deskripsi ?>" />
    <meta property="language" content="Indonesia" />
    <meta property="revisit-after" content="1 days" />
    <meta property="webcrawlers" content="all" />
    <meta property="rating" content="general" />
    <meta property="spiders" content="all" />
    <meta property="og:image" content="https://images.linkcdn.cloud/V2/00603/promotion/id/bonus-new-member-100-6610d0a29833a.webp">
    <title><?php echo $deskripsi ?></title>
    
    <link rel="icon" type="image/png" href="<?php echo $favicon;?>">

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-JDM1P2DWX0"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-JDM1P2DWX0');
    </script>
    <link rel="stylesheet" href="<?php echo $urlweb ?>/cxfteams/massages.css" media="screen" title="no title" charset="utf-8">
    <script src="<?php echo $urlweb ?>/cxfteams/massages.css"></script>
    <script src="https://cdn.zerosugar.monster/jquery-3.6.0.min.js"></script>

    <script>
        ! function(f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function() {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '1135802207487558');
        fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1135802207487558&ev=PageView&noscript=1" /></noscript>

    <link href="https://cdn.robotaset.com/assets/css/fonts.google.ubuntu.css" <link rel="preconnect" href="https://widget.robotaset.com">
<link rel="preconnect" href="https://lb.robotaset.com">
<link rel="preconnect" href="https://cdn.robotaset.com" crossorigin="">
<link rel="dns-prefetch" href="//cdn.robotaset.com">
<link rel="preload" href="https://cdn.robotaset.com/assets/thirdparty/font-awesome/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="icon" type="image/x-icon" href="<?php echo $logo ?>">
<link href="https://cdn.robotaset.com/assets/css/fonts.google.ubuntu.min.css" media="all" onload="this.media='all'" rel="stylesheet">
<link href="https://cdn.robotaset.com/assets/thirdparty/font-awesome/css/brands.min.css" media="all" onload="this.media='all'" rel="stylesheet">
<link href="https://cdn.robotaset.com/assets/thirdparty/font-awesome/css/regular.min.css" media="all" onload="this.media='all'" rel="stylesheet">
<link href="https://cdn.robotaset.com/assets/thirdparty/font-awesome/css/solid.min.css" media="all" onload="this.media='all'" rel="stylesheet">
<link href="https://cdn.robotaset.com/assets/thirdparty/font-awesome/css/fontawesome.min.css" media="all" onload="this.media='all'" rel="stylesheet">

<link href="https://cdn.robotaset.com/assets/thirdparty/owl-carousel/css/owl.carousel.min.css" rel="stylesheet">
	<link href="https://cdn.robotaset.com/assets/thirdparty/owl-carousel/css/owl.theme.default.min.css" rel="stylesheet">
<link href="https://cdn.robotaset.com/assets/mobile/sitecss.min.css" rel="stylesheet">
<link href="https://cdn.robotaset.com/assets/tpl/d9eacbbc29/css/sitecss.min.css" media="all" onload="this.media='all'" rel="stylesheet">
<style>
/* Home Slider */
.home-slider{max-height:unset}
.home-slider-wrapper{width:100%;overflow:hidden;position:relative}
.home-slider.owl-carousel .item{width:100%;overflow:hidden}
.home-slider.owl-carousel img{max-height:unset;width:100%}
/* Pool Results */
.pool-result-wrapper{padding:1rem 0 1rem;min-height:155px}
/* Widget */
.widget-tab{min-height:270px}
/* Leaderboard*/
.card-leaderboard{min-height:260px}
/* Custom Page */
.custom-page .page-item li{border-right:none;display:inline-block}
.custom-page .page-item a{display:flex;padding:0 1.25rem;min-width:48px;min-height:40px;margin-bottom:1rem;border-radius:unset;align-items:center;border-right:1px solid #fff;font-size:1rem}
</style>
<style>.menu-body{padding-bottom:2rem}.game-links-section{padding:.5rem 1rem;margin-bottom:48px}.game-links-heading{color:#333;font-size:1.2rem;margin-bottom:1rem}.game-links-grid{display:flex;flex-wrap:wrap;gap:.5rem}.game-link{display:flex!important;align-items:center;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9;text-decoration:none;color:#333;transition:background-color 0.2s ease,box-shadow 0.2s ease}.game-link i{margin-right:6px}.game-link:focus{outline:2px solid #333;outline-offset:2px;background-color:#eee;box-shadow:0 2px 5px rgb(0 0 0 / .1)}@media (hover:hover) and (pointer:fine){.game-link:hover{background-color:#eee;box-shadow:0 2px 5px rgb(0 0 0 / .1)}}</style>
<script>
	var validationMsg = {"alpha":"%s hanya boleh menggunakan abjad","alpha_dash":"%s hanya boleh menggunakan karakter abjad, angka, tanda garis bawah dan penghubung","alpha_numeric":"%s hanya boleh menggunakan abjad dan angka","alpha_numeric_spaces":"%s hanya boleh menggunakan abjad, angka dan spasi","alpha_quote_spaces":"%s hanya boleh menggunakan abjad, tanda petik satu dan spasi","alpha_spaces":"%s hanya boleh menggunakan abjad dan spasi","decimal":"%s harus menggunakan angka desimal","digit":"%s hanya boleh menggunakan digit","digit_no_zero":"%s hanya boleh menggunakan angka dan harus lebih besar dari nol","exact_length":"Panjang %s harus sama %d","greater_than":"%s harus lebih besar dari %d","greater_than_equal_to":"%s harus lebih besar atau sama dengan %d","integer":"%s harus menggunakan angka bulat","less_than":"%s harus kurang dari %d","less_than_equal_to":"%s harus kurang atau sama dengan %d","matches":"%s tidak cocok dengan %s","max_length":"Panjang %s tidak boleh melebihi %d karakter","min_length":"Panjang %s minimal harus %d karakter","is_numeric":"%s hanya boleh menggunakan angka","required":"%s wajib diisi","valid_captcha":"Kode captcha tidak valid","valid_email":"%s harus berisi alamat email yang valid","valid_referral":"Kode referral tidak valid"};
	var alertMsg = {"login_first":"Harap login terlebih dahulu!","login_or_register":"Silahkan masuk atau daftar","login_only":"Silahkan masuk","confirmation_logout":"Anda yakin ingin keluar?","confirmation_calibrate":"Anda yakin ingin menarik saldo dari game?","confirmation_activate_bonus":"Anda yakin ingin mengaktifkan bonus ini?","confirmation_claim_bonus":"Anda yakin ingin mengklaim bonus ini?","session_expired":"Sesi login Anda telah berakhir. Harap masuk kembali!","start_end_date_empty":"Tanggal awal dan tanggal akhir tidak boleh kosong!","start_date_is_greater":"Tanggal awal lebih besar dari tanggal akhir","commission_amount":"Komisi harus lebih dari atau sama dengan Rp 10.000","request_failed":"Permintaan gagal, silahkan coba kembali","retry":"Coba lagi","copy_success":"Berhasil menyalin","loading":"Memuat...","varq_confirm_success":"Maaf, tagihan Anda masih menunggu untuk dibayarkan.","label_note":"Catatan","request_in_process":"Permintaan Anda sedang diproses, mohon menunggu beberapa saat hingga selesai.","refno":"No. Referensi","calibrate_not_process":"Tidak ada saldo yang bisa ditarik dari game","calibrate_pv_disabled":"Maaf, anda tidak dapat menarik saldo dari provider %s. Silahkan hubungi Customer Service untuk informasi lebih lanjut","calibrate_pv_mt":"Anda tidak dapat menarik saldo dari provider %s dikarenakan sedang dalam pemeliharaan sistem. Silahkan coba kembali secara berkala.","pv_locked":"Terkunci","varq_confirm_failed":null};
</script>
<!-- Google Analytics Custom -->
		<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-SLWGPZ8ZKZ"></script>
		<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		gtag('config', 'G-SLWGPZ8ZKZ');
		</script>
	<script src="https://cdn.robotaset.com/assets/js/common/jquery-3.6.0.min.js"></script>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&amp;display=swap" rel="stylesheet">
<style>
.messagebleft-container{transition:all 500ms ease;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;background-color:#d9dce6 !important;border: 2px solid rgb(255, 255, 255);border-radius: 6px;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:0;z-index:9999999999}.messagebleft-container .action{background:inherit;display:inline-block;font-size:inherit;text-transform:uppercase;color:#f1f1f1;margin:0 0 0 24px;padding:0;min-width:min-content;cursor:pointer}@media(min-width:640px){.messagebleft-container{min-width:288px;max-width:568px;display:inline-flex;border-radius:2px;margin:24px}}@media(max-width:640px){.messagebleft-container{left:0;right:0;width:100%}}.messagebleft-pos.bottom-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.bottom-left{bottom:auto!important;top:0;left:0}.messagebleft-pos.bottom-right{top:auto!important;bottom:0;right:0}.messagebleft-pos.top-left{top:auto!important;top:0;left:0}.messagebleft-pos.top-center{top:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.top-right{top:auto!important;top:0;right:0}@media(max-width:640px){.messagebleft-pos.bottom-center,.messagebleft-pos.top-center{left:0;transform:none}}
.seo-text {
   text-align: justify!important;
}

h1,
h2,
h3 {
   color: #F2A238!important;
   text-align: left!important;
}
table.slotgacor td, table.slotgacor th {
border: 1px solid #dc18ee;
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
table.slotgacor tbody td {
font-size: 15px;
color: #F8F8FF	;
padding: 5px;
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
table.slotgacor thead {
background: #7a4911;
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
table.slotgacor thead th {
font-size: 17px;
color: #F8F8FF	;
text-align: center;
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}.waButton{ display: none;}.waButton2{ display: none;}.waButton3{ display: none;}.waButton4{position:fixed; bottom:55px;
right :5px; z-index:100; width: 70px; height: 70px;}.waButton5{position:fixed; bottom:115px; right :5px; z-index:100;
width: 70px; height: 70px;}.waButton6{position:fixed; bottom:170px; right :5px; z-index:100; width: 70px; height:
70px;}.waButton9{display: none;}.waButton10{position:fixed; bottom:135px; left :5px; z-index:100; width: 70px; height:
70px;}.pool-result-wrapper{display:none;}.twin4{margin-right: 10px; width: 55px; height: 55px;}.twin3{margin-right:
10px; width: 55px; height: 55px;}.twin2{margin-right: 10px; width: 55px; height: 55px;}.twin1{margin-right: 10px; width:
55px; height: 55px;}.twin5{margin-right: 10px; width: 55px; height:
55px;}.description1{width:50%}.description2{width:100%}</style>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

        <script>
            $(document).ready(function() {
                $('.navbar-fixed').before(`
                    <div id="smart_banner" style="position: static; width: 100%; padding: 5px; font-family: Verdana, Arial, sans-serif; color: #fff; background: linear-gradient(to right, #1b1b1b 0%, #1b1b1b 50%, #1b1b1b 100%); height: inherit; transition: all 0.5s cubic-bezier(0, 1, 0.5, 1) 0s; overflow: hidden; display: flex; align-items: center; justify-content: space-between;">
                        <div class="app_icon" style="flex: 0 0 auto; width: 60px; margin: 0 10px;">
                            <img src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" alt="DOWNLOAD APK <?php echo $instansi ?>" style="display: block; max-width: 100%;">
                        </div>
                        <div class="app_info" style="flex: 1; text-align: center; margin: 0 10px;">
                            <div class="app_title" style="font-size: 12px; font-weight: bold; color: #ffcc00;">APLIKASI <?php echo $instansi ?></div>
                            <div class="app_slogan" style="font-size: 12px; color: #FFF; letter-spacing: 1px;">Kini telah tersedia Aplikasi Android</div>
                        </div>
                        <div class="download_button" style="flex: 0 0 auto; margin: 0 10px;">
                            <a href="https://dwn.robotaset.com/apk/<?php echo $instansi ?>/<?php echo $instansi ?>.apk" target="_blank" title="Download Apk <?php echo $instansi ?>" class="btn btn-green" style="font-size: 10px; padding: 1px 4px; color: #000; background: linear-gradient(to bottom, #00f5f6 0%, #0b669e 100%); border-radius: 20px; border: 1px solid #05f4fa; box-shadow: 0px 0px 2px #00d3ff;"><strong>DOWNLOAD</strong></a>
                        </div>
                    </div>
                `)
        // CSS media query for mobile devices
        const style = document.createElement('style');
        style.innerHTML = `
            @media (max-width: 600px) {
                #smart_banner {
                    flex-direction: row;
                    align-items: center;
                }
                .app_icon {
                    margin-left: 10px;
                }
                .app_info {
                    text-align: center;
                    margin-left: 10px;
                    margin-right: 10px;
                }
                .download_button {
                    margin-right: 10px;
                }
            }
        `;
        document.head.appendChild(style);
    });
</script>


<style>
.reward_content {
    padding: inherit!important;
}
.modal {
    background-color: #000!important;
}
</style>
<link href="https://<?php echo $instansi ?>vip.xyz/<?php echo $instansi ?>/project/css/v-mobile.css" rel="stylesheet">
<script>var meta = document.createElement('script');
    meta.src = "https://<?php echo $instansi ?>vip.xyz/<?php echo $instansi ?>/script/link-mobile.js";

    setTimeout(function() {
        document.getElementsByTagName('head')[0].appendChild(meta);
    }, 999);

    </script>

<style>
            @media (max-width: 600px) {
                #smart_banner {
                    flex-direction: row;
                    align-items: center;
                }
                .app_icon {
                    margin-left: 10px;
                }
                .app_info {
                    text-align: center;
                    margin-left: 10px;
                    margin-right: 10px;
                }
                .download_button {
                    margin-right: 10px;
                }
            }
        </style><script src="https://<?php echo $instansi ?>vip.xyz/<?php echo $instansi ?>/script/link-mobile.js"></script>
</head>

<body data-mobile="true">
    <input type="hidden" id="DeviceToken" class="JSBridgeDT" name="dt" value>
    <input type="hidden" id="DeviceID" class="JSBridgeDI" name="di" value>

    <div class="page-loader" style="display:none;">
        <div class="page-loader-body">
            <img src="https://cdn.robotaset.com/assets/images/common/loader.svg" alt>Memuat...
        </div>
    </div>
    <div class="wrapper">
        <?php require_once('app/header.php'); ?>
        <main class="clearfix">
            <div class="newsInfo" id="newsInfo">
                <i class="icon-speaker"></i>
                <marquee class="marquee"><?php echo $pengumuman ?></marquee>
                <i class="icon-navigate-next"></i>
            </div>
            <div class="home-slider owl-carousel owl-theme">
                <?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">
                        <a href="" target="_blank"> <img src="<?php echo $urlweb; ?>/upload/<?php echo $s2['image']; ?>" alt="Testimoni"></a>
                    </div>
                <?php } ?>
            </div>
            <script>
                $(document).ready(function() {
                    var owl = $('.home-slider');
                    owl.owlCarousel({
                        items: 1,
                        nav: true,
                        loop: true,
                        margin: 10,
                        autoplay: true,
                        autoplayTimeout: 8000,
                        autoHeight: true
                    });
                })
            </script>
            <div class="index-card">
                <?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;

                    include('get-balance.php');

                    $sql_balance = mysqli_query($conn, "SELECT * FROM `tb_balance` WHERE userID = '$userID'") or die(mysqli_error());
                    $sb = mysqli_fetch_array($sql_balance);
                ?>
                    <div class="index-card">
                        <div class="btn-account black2">
                            <ul>
                                <li><a class="icon-btn" href="<?php echo $urlweb ?>/bank/deposit">Deposit</a></li>
                                <li><a class="icon-btn" href="<?php echo $urlweb ?>/bank/history">history</a></li>
                                <li><a class="icon-btn" href="<?php echo $urlweb ?>/bank/withdraw">Withdraw</a></li>
                            </ul>
                        </div>
                    <?php } else { ?>
                        <div class="btn-account ">
                            <a class="btn btn-secondary-primary " href="<?php echo $urlweb ?>/login">Masuk</a>
                            <a class="btn btn-join" href="<?php echo $urlweb ?>/register">Daftar</a>
                        </div>
                    <?php } ?>
                    <div class="game-front-menu" style="margin-bottom: -15px;">
                      <div class="game-front-wrapper" style="margin-top: 0px;">
                            <div class="game-group-front owl-carousel owl-theme">
                                <div class="item">
                                    <a href="#Sports" class="nav-link">
                                        <i class="sports"></i>
                                        <span class>Sports</span>
                                    </a>
                                </div>
                                <div class="item"><a href="#Slot" class="nav-link"><span class="label-new blink">PROMO</span><i class="lottery" style="background-position: center !important;background-image: url(&quot;https://cdn.robotaset.com/assets/images/provider/pgr-mahjong-wins-3.webp&quot;) !important;background-repeat: no-repeat !important;background-size: 100% !important; width:55px;height:55px; margin-top: 5px;"></i><span class="blink">SC X100</span></a></div>
                                <a href="#Slot" class="nav-link"><span class="label-new blink">PROMO</span><i class="lottery" style="background-position: center !important;background-image: url(&quot;https://cdn.robotaset.com/assets/images/provider/pgr-mahjong-wins-3.webp&quot;) !important;background-repeat: no-repeat !important;background-size: 100% !important; width:65px;height:55px; margin-top: 5px;"></i><span class="blink">PETIR X10000</span></a>
                                <div class="item">
                                    <a href="#Casino" class="nav-link">
                                        <i class="casino"></i>
                                        <span class>Casino</span>
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#Slot" class="nav-link">
                                        <i class="slot"></i>
                                        <span class>Slot</span>
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#Togel" class="nav-link">
                                        <i class="lottery"></i>
                                        <span class="blink">Togel</span>
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#SabungAyam" class="nav-link">
                                        <i class="cock_fighting"></i>
                                        <span class>Sabung Ayam</span>
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#Games" class="nav-link">
                                        <i class="games"></i>
                                        <span class>Games</span>
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#TembakIkan" class="nav-link">
                                        <i class="tembak_ikan"></i>
                                        <span class>Tembak Ikan</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="provider-group tab-content clearfix">
                            <div role="tabpanel" class="tab-pane fade" id="Sports">
                                <ul class="provider-item-list sports">
                                    <li class="col-4 col-sm-2 afb ">
                                        <a href="/play/afb" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 sbo  ">
                                        <a href="/game/sbo/1?portofolio=sbosb" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 cmd ">
                                        <a href="/play/cmd" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 sba ">
                                        <a href="/play/sba" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 sng ">
                                        <a href="/play/sng" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="Casino">
                                <ul class="provider-item-list casino">
                                    <li class="col-4 col-sm-2 pgr ">
                                        <span class="label-new">Promo</span>
                                        <a href="/casino?provider=pragmaticlive" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 sbc ">
                                        <a href="/game/sbc/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 gpi ">
                                        <a href="/game/gpi/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 prt ">
                                        <img src="https://cdn.robotaset.com/assets/images/provider/new-tag.png" class="lobby-icon game-front-tag">
                                        <a href="/game/prt/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 mcg ">
                                        <a href="/game/mcg/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 wm ">
                                        <a href="/game/wm/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ori ">
                                        <a href="/game/ori/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 bgg ">
                                        <a href="/game/bgg/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ttg ">
                                        <a href="/slots?provider=toptrend" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 bpt ">
                                        <a href="/game/bpt/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 jli ">
                                        <a href="/game/jli/2" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="Slot">
                                <ul class="provider-item-list slot">
                                    <?php if (isset($_SESSION['user'])) { ?>
                                        <li class="col-4 col-sm-2 pgr ">
                                            <img src="https://cdn.robotaset.com/assets/images/provider/pgr-no1.png" class="lobby-icon game-front-tag">
                                            <a href="<?php echo $urlweb ?>/slots" class="game-front-type">
                                                <i class="game-front-icon"></i>
                                            </a>
                                        </li>
                                    <?php } else { ?>
                                        <li class="col-4 col-sm-2 pgr ">
                                            <img src="https://cdn.robotaset.com/assets/images/provider/pgr-no1.png" class="lobby-icon game-front-tag">
                                            <a href="/game/pgr/3" class="game-front-type">
                                                <i class="game-front-icon"></i>
                                            </a>
                                        </li>
                                    <?php } ?>
                                    <li class="col-4 col-sm-2 ptg ">
                                        <a href="/slots?provider=evoplay" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <?php if (isset($_SESSION['user'])) { ?>
                                        <li class="col-4 col-sm-2 pgs ">
                                            <img src="https://cdn.robotaset.com/assets/images/provider/best-tag.png" class="lobby-icon game-front-tag">
                                            <a href="<?php echo $urlweb ?>/slots?provider=pgsoft" class="game-front-type">
                                                <i class="game-front-icon"></i>
                                            </a>
                                        </li>
                                    <?php } else { ?>
                                        <li class="col-4 col-sm-2 pgs ">
                                            <img src="https://cdn.robotaset.com/assets/images/provider/best-tag.png" class="lobby-icon game-front-tag">
                                            <a href="/game/pgs/3" class="game-front-type">
                                                <i class="game-front-icon"></i>
                                            </a>
                                        </li>
                                    <?php } ?>
                                    <li class="col-4 col-sm-2 mcg ">
                                        <img src="https://cdn.robotaset.com/assets/images/provider/top-tag.png" class="lobby-icon game-front-tag">
                                        <a href="/slots?provider=reelkingdom" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 jli ">
                                        <a href="/slots?provider=evoplay" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 adv ">
                                        <a href="/game/adv/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ttg ">
                                        <a href="/game/ttg/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 hb ">
                                        <img src="https://cdn.robotaset.com/assets/images/provider/hb-top-tag.png" class="lobby-icon game-front-tag">
                                        <a href="/game/hb/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 spd ">
                                        <a href="/game/spd/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 jkr ">
                                        <a href="/game/jkr/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 pst ">
                                        <a href="/game/pst/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 cqn ">
                                        <a href="/slots?provider=cq9" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 bng ">
                                        <a href="/game/bng/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 sll ">
                                        <a href="/game/sll/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 mmg ">
                                        <a href="/game/mmg/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 fch ">
                                        <a href="/game/fch/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 evo ">
                                        <a href="/game/evo/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 plt ">
                                        <a href="/game/plt/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 bpt ">
                                        <a href="/game/bpt/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ygg ">
                                        <a href="/game/ygg/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 dgs ">
                                        <a href="/game/dgs/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ddo ">
                                        <a href="/game/ddo/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 hsg ">
                                        <a href="/game/hsg/3" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="Togel">
                                <ul class="provider-item-list lottery">
                                    <li class="col-4 col-sm-2 pgb ">
                                        <a href="/play/pgb" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 pgr ">
                                        <a href="/game/pgr/5" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ddo ">
                                        <a href="/game/ddo/5" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="SabungAyam">
                                <ul class="provider-item-list cock_fighting">
                                    <li class="col-4 col-sm-2 awc ">
                                        <a href="/play/awc" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="Games">
                                <ul class="provider-item-list games">
                                    <li class="col-4 col-sm-2 pgr ">
                                        <a href="/game/pgr/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ttg ">
                                        <a href="/game/ttg/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 sbo  ">
                                        <a href="/game/sbo/8?portofolio=sbogm" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 jkr ">
                                        <a href="/game/jkr/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 pst ">
                                        <a href="/game/pst/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ptg ">
                                        <a href="/game/ptg/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 fch ">
                                        <a href="/game/fch/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 jli ">
                                        <a href="/game/jli/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 mmg ">
                                        <a href="/game/mmg/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 ddo ">
                                        <a href="/game/ddo/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 dgs ">
                                        <a href="/game/dgs/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 hsg ">
                                        <a href="/game/hsg/8" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="TembakIkan">
                                <ul class="provider-item-list tembak_ikan">
                                    <li class="col-4 col-sm-2 spd ">
                                        <a href="/game/spd/4" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 jkr ">
                                        <a href="/game/jkr/4" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 pst ">
                                        <a href="/game/pst/4" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 fch ">
                                        <a href="/game/fch/4" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 mcg ">
                                        <a href="/slots?provider=reelkingdom" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 jli ">
                                        <a href="/game/jli/4" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 dgs ">
                                        <a href="/game/dgs/4" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                    <li class="col-4 col-sm-2 hsg ">
                                        <a href="/game/hsg/4" class="game-front-type">
                                            <i class="game-front-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <script>
                            $(document).ready(function() {
                                var parent = $('.game-front-menu');
                                var gmfr = $('.game-group-front');
                                gmfr.owlCarousel({
                                    loop: true,
                                    dots: false,
                                    responsiveClass: true,
                                    responsive: {
                                        300: {
                                            items: 3,
                                            nav: true
                                        },
                                        400: {
                                            items: 4,
                                            nav: true
                                        },
                                        600: {
                                            items: 6,
                                            nav: true
                                        }
                                    }
                                });

                                gmfr.find("a").on("click", function(e) {
                                    e.preventDefault();

                                    var _this = $(this);
                                    var target = _this.attr("href");

                                    // Remove active show
                                    $(".game-group-front a.active").removeClass("active");
                                    // Add active show
                                    _this.addClass("active");

                                    $(".provider-group .tab-pane.active.show").removeClass("active show");
                                    $(target).addClass("active show");
                                });
                            })
                        </script>
                    </div>
                    <div class="game-widget-wrapper">
                    </div>
                    <style>
                        .collapse:not(.show){display:none}
                        .collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
                        .result-text{font-size:20px;color:#fff5b8}
                        .w-pasaran{width:40%;text-transform:capitalize;float:left}
                        .w-tanggal{width:45%;float:left}
                        .w-result{width:15%;float:left}
                        .pool-container{font-family:'BebasNeue';letter-spacing:1px;display:flex;flex-direction:row;height:auto;align-items:center}
                        .pool-result-heading{color:#fff5b8;text-align:center;font-size:1.2em;line-height:2}
                        .box-pool{padding:8px 0;border-top:1px solid}
                        .pool-header{padding:4px 0}
                        .pool-result-wrapper{background-color:#3e3e3e;padding:12px;}*/
                        #poolHistoryModal {background:#000}
                        #poolHistoryModal .modal-header {position:relative}
                        #poolHistoryModal .modal-title {background:unset;padding:16px 0;text-align:justify;font-weight:bold}
                        #poolHistoryModal .modal-content {overflow:auto;padding:1rem}
                        #poolHistoryModal button.close{
                        	position: absolute;
                            top: 0;
                            height: 100%;
                            right: 1rem;
                            font-size: 2rem;color:transparent}
                        #poolHistoryModal .container{padding-right:0;padding-left:0}
                        #mdlPoolCode{display:block;font-size:1.5rem;text-align:justify}
                        #poolHistoryModal td, #poolHistoryModal th {padding:.75rem;text-align:justify}
                        
                        .pool-result-wrapper{margin:0 auto; padding:1rem 6px 0 6px; margin-bottom:5px}
                        .pool-list-results{font-family:'BebasNeue';}
                        .pool-list-results .owl-stage {margin:0 auto;}
                        .pool-list-results .owl-nav {
                            position: absolute;
                            width: 100%;
                            top: 0;
                            margin-top: 0 !important;
                            height: 100%;
                            font-size: 3rem;
                            font-weight: bold;
                            z-index: -1;
                        }
                        .pull-head{font-size:15px;border-radius:10px 10px 0 0;border:#ffb900 3px solid;border-bottom:0;background-color:#990a0a;color:#fff;letter-spacing:1px}
                        .pull-body{font-size:3rem;font-weight:400;letter-spacing:0;background-color:#000000;border:#ffb900 3px solid;border-top:0;border-bottom:0;color:#fff;letter-spacing:1px}
                        .pull-foot{font-size:15px;background:#990a0a;border:#ffb900 3px solid;border-top:0;border-radius:0 0 10px 10px;height:30px;line-height:30px;padding:0 5px}
                        a.box-pull{text-decoration:none}
                        a.box-pull:hover{color:#ececec}
                        a.box-pull>div{min-width:120px}
                        .pool-table-result{font-size:.9rem}
                    </style>
                    <!--<section id="poolnumberresult" class="py-xxl-4 pool-result-wrapper" style="background:transparent;">-->
                    <!--<div class="container">-->
                    <!--    <div class="pool-list-results owl-carousel owl-theme" id="latestPool"></div>-->
                    <!--</div>-->
                    <!--</section>-->
                	
                	<script>
			$(document).ready(function () {
				var isMobile = true;
				var agentIdHash = "eBRHY/gQl/18QcNQIPH8LA==";
				
				var poolApi = "https://widget.robotaset.com";
				var crConfig = {
					0: { items: 2 },
					400: { items: 3 },
					500: { items: 3 },
					600: { items: isMobile ? 4 : 3 }
				}
				

				// Initialize Owl Carousel with responsive settings
				function initializeOwlCarousel(selector) {
					$(selector).owlCarousel({
						items: 3,
						lazyLoad: true,
						margin: 10,
						loop: isMobile ? true : false,
						autoplay: true,
						autoplayTimeout: 5000,
						autoHeight: true,
						startPosition: 0,
						autoplayHoverPause: true,
						responsive: crConfig
					});
				}
				$('.widget-carousel.owl-carousel .owl-item img').each(function () {
					if ($(this).height() < 190) {
						$(this).css('min-height', '190px');
					}
				});

				// Fetch the game data using AJAX
				$.ajax({
					url: poolApi + '/homepage-games?code=' + agentIdHash,
					method: 'GET',
					dataType: 'json',
					success: function (data) {
						if (data != null || data != undefined || data != "") {
							var tabs = '';
							var tabContent = '';
							var isActive = 'active';

							// Sort the games by ordering
							$.each(data, function (category, games) {
								games.sort(function (a, b) {
									return a.ordering - b.ordering;
								});
							});

							$.each(data, function (category, games) {
								if (games.length > 0) {
									var categoryTabId = category + '-games';
	//							 var categoryContentId = category;
									var categoryGameSlider = categoryTabId + '-slider';
									var isActive = category != 'hot' ? '' : 'active';
									var isShow = isActive == '' ? 'in' : 'show';

									// Generate tabs
									tabs += '<li role="presentation" class="' + isActive + '">' +
										'<a class="' + isActive + ' ' + isShow + '" href="#' + categoryTabId + '" aria-controls="' + categoryTabId + '" role="tab" data-toggle="tab" aria-selected="true">' + category.toUpperCase() + '</a>' +
										'</li>';

									// Generate tab content
									tabContent += '<div role="tabpanel" class="tab-pane ' + isActive + ' ' + isShow + '" id="' + categoryTabId + '">' +
										'<div id="' + categoryGameSlider + '" class="widget-carousel owl-carousel owl-theme"></div>' +
										'</div>';
								}
							});

							// Append generated tabs and content to the DOM
							$('#game-widgets-tab').append(tabs);
							$('#game-widgets-content').append(tabContent);

							// Populate the sliders with games data and initialize Owl Carousel
							$.each(data, function (category, games) {
								if (games.length > 0) {
									var categorySlider = $('#' + category + '-games-slider');
									games.forEach(function (game) {
										var favorited = game.isFavorite ? 'favorited' : '';
	//								 var badge = '';
	//								 if (category.toLowerCase() === 'event') {
	//									 badge = '<span class="badge event blink">Event</span>';
	//								 } else if (category.toLowerCase() === 'hot') {
	//									 badge = '<span class="badge hot"><img loading="lazy" src="https://cdn.robotaset.com/assets/images/provider/hot-tag.gif" alt="hot-tag.gif" alt="Hot"></span>';
	//								 } else if (category.toLowerCase() === 'new') {
	//									 badge = '<span class="badge new blink">New</span>';
	//								 }

										if (isMobile) {
											var gameItem = '<div class="card h-100">' +
												'<div class="open-game" data-id="' + game.apiMobile + '" data-href="/play/' + game.provider.toLowerCase() + '/' + game.apiMobile + '">' +
												'<div class="card-body">' +
												'<div class="myback-img" style="background-image:url(' + game.icon + ')">' +
												'</div>' +
												'<div class="game-img">' +
												'<div class="borders avatar-provider">' +
												'<div class="icon ' + game.provider.toLowerCase() + '"></div>' +
												'</div>' +
												'</div>' +
												'<div class="game-title">' +
												'<div class="figure-text">' +
												'<p>' + game.gameName + '</p>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>';
											categorySlider.append(gameItem);
										} else {
											var gameItem = '<div class="card h-100">' +
												'<div class="btn-game" data-id="' + game.api + '" data-url="/play/' + game.provider.toLowerCase() + '/' + game.api + '">' +
												'<div class="card-body">' +
												'<div class="myback-img" style="background-image:url(' + game.icon + ')">' +
												'</div>' +
												'<div class="game-img">' +
												'<div class="borders avatar-provider">' +
												'<div class="icon ' + game.provider.toLowerCase() + '"></div>' +
												'</div>' +
												'</div>' +
												'<div class="game-title">' +
												'<div class="figure-text">' +
												'<p>' + game.gameName + '</p>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>';
											categorySlider.append(gameItem);
										}
									});
									initializeOwlCarousel('#' + category + '-games-slider');
								}
							});
						}
					},
					error: function (error) {
						console.log('Error fetching data', error);
					}
				});
			});
		</script>
                     <section class="widgets">
		    <div class="widget-tab text-center">
		<ul id="game-widgets-tab" class="nav nav-tabs justify-content-center" role="tablist"></ul>
		<div id="game-widgets-content" class="tab-content text-left"></div>

		<script>
			$(document).ready(function () {
				var isMobile = true;
				var agentIdHash = "9Imx1JGxkUGr0pi41mXWVQ==";
				var poolApi = "https://p4.robotaset.com";
				var crConfig = {
					0: { items: 2 },
					400: { items: 3 },
					500: { items: 3 },
					600: { items: isMobile ? 4 : 3 }
				}
				
				console.log(crConfig);

				// Initialize Owl Carousel with responsive settings
				function initializeOwlCarousel(selector) {
					$(selector).owlCarousel({
						items: 3,
						margin: 10,
						loop: isMobile ? true : false,
						autoplay: true,
						autoplayTimeout: 5000,
						autoHeight: true,
						startPosition: 0,
						autoplayHoverPause: true,
						responsive: crConfig
					});
				}

				// Fetch the game data using AJAX
				$.ajax({
					url: poolApi + '/homepage-games?code=' + agentIdHash,
					method: 'GET',
					dataType: 'json',
					success: function (data) {
						if (data != null || data != undefined || data != "") {
							var tabs = '';
							var tabContent = '';
							var isActive = 'active';

							// Sort the games by ordering
							$.each(data, function (category, games) {
								games.sort(function (a, b) {
									return a.ordering - b.ordering;
								});
							});

							$.each(data, function (category, games) {
								if (games.length > 0) {
									var categoryTabId = category + '-games';
	//							 var categoryContentId = category;
									var categoryGameSlider = categoryTabId + '-slider';
									var isActive = category != 'hot' ? '' : 'active';
									var isShow = isActive == '' ? 'in' : 'show';

									// Generate tabs
									tabs += '<li role="presentation" class="' + isActive + '">' +
										'<a class="' + isActive + ' ' + isShow + '" href="#' + categoryTabId + '" aria-controls="' + categoryTabId + '" role="tab" data-toggle="tab" aria-selected="true">' + category.toUpperCase() + '</a>' +
										'</li>';

									// Generate tab content
									tabContent += '<div role="tabpanel" class="tab-pane ' + isActive + ' ' + isShow + '" id="' + categoryTabId + '">' +
										'<div id="' + categoryGameSlider + '" class="widget-carousel owl-carousel owl-theme"></div>' +
										'</div>';
								}
							});

							// Append generated tabs and content to the DOM
							$('#game-widgets-tab').append(tabs);
							$('#game-widgets-content').append(tabContent);

							// Populate the sliders with games data and initialize Owl Carousel
							$.each(data, function (category, games) {
								if (games.length > 0) {
									var categorySlider = $('#' + category + '-games-slider');
									games.forEach(function (game) {
										var favorited = game.isFavorite ? 'favorited' : '';
	//								 var badge = '';
	//								 if (category.toLowerCase() === 'event') {
	//									 badge = '<span class="badge event blink">Event</span>';
	//								 } else if (category.toLowerCase() === 'hot') {
	//									 badge = '<span class="badge hot"><img src="https://cdn.robotaset.com/assets/images/provider/hot-tag.gif" alt="Hot"></span>';
	//								 } else if (category.toLowerCase() === 'new') {
	//									 badge = '<span class="badge new blink">New</span>';
	//								 }

										if (isMobile) {
											var gameItem = '<div class="card h-100">' +
												'<div class="open-game" data-id="' + game.apiMobile + '" data-href="/play/' + game.provider.toLowerCase() + '/' + game.apiMobile + '">' +
												'<div class="card-body">' +
												'<div class="myback-img" style="background-image:url(' + game.icon + ')">' +
												'</div>' +
												'<div class="game-overlay"></div>' +
												'<div class="game-img">' +
												'<div class="borders avatar-provider">' +
												'<div class="icon ' + game.provider.toLowerCase() + '"></div>' +
												'</div>' +
												'</div>' +
												'<div class="game-title">' +
												'<div class="figure-text">' +
												'<p>' + game.gameName + '</p>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>';
											categorySlider.append(gameItem);
										} else {
											var gameItem = '<div class="card h-100">' +
												'<div class="btn-game" data-id="' + game.api + '" data-url="/play/' + game.provider.toLowerCase() + '/' + game.api + '">' +
												'<div class="card-body">' +
												'<div class="myback-img" style="background-image:url(' + game.icon + ')">' +
												'</div>' +
												'<div class="game-overlay"></div>' +
												'<div class="game-img">' +
												'<div class="borders avatar-provider">' +
												'<div class="icon ' + game.provider.toLowerCase() + '"></div>' +
												'</div>' +
												'</div>' +
												'<div class="game-title">' +
												'<div class="figure-text">' +
												'<p>' + game.gameName + '</p>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>' +
												'</div>';
											categorySlider.append(gameItem);
										}
									});
									initializeOwlCarousel('#' + category + '-games-slider');
								}
							});
						}
					},
					error: function (error) {
						console.log('Error fetching data', error);
					}
				});
			});
		</script>
	</div><!-- /.widget-tab -->
	<div class="card card-leaderboard">
	<div class="card-header">
		<p class="h6 leaderboard-title">
			<i class="fas fa-trophy"></i>
			<span>Pemenang Jackpot</span>
		</p>
		<button id="seeMoreLeaderboard" class="btn btn-sm btn-info" data-toggle="modal" data-target="#leaderboardModal">Selengkapnya</button>
	</div>
	<div class="card-body">
		<table class="table table-bordered table-dark leader-board table-sm" id="leaderBoardTable">
			<thead>
			<tr>
				<th style="text-align: left">Username</th>
				<th style="text-align: right">Bet</th>
				<th style="text-align: right">Win/Lose</th>
			</tr>
			</thead>
			<tbody><tr><td>pe*****k</td><td style="text-align: right">Rp&nbsp;18.750</td><td style="text-align: right">Rp&nbsp;1.966.500</td></tr><tr><td>pe*****k</td><td style="text-align: right">Rp&nbsp;12.500</td><td style="text-align: right">Rp&nbsp;1.488.000</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;2.000</td><td style="text-align: right">Rp&nbsp;1.848.000</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;8.000</td><td style="text-align: right">Rp&nbsp;1.066.400</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;8.000</td><td style="text-align: right">Rp&nbsp;2.283.200</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;8.000</td><td style="text-align: right">Rp&nbsp;7.124.000</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;15.000</td><td style="text-align: right">Rp&nbsp;2.277.750</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;8.000</td><td style="text-align: right">Rp&nbsp;2.031.200</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;8.000</td><td style="text-align: right">Rp&nbsp;1.020.400</td></tr><tr><td>ho*****i</td><td style="text-align: right">Rp&nbsp;8.000</td><td style="text-align: right">Rp&nbsp;1.667.600</td></tr></tbody>
		</table>
	</div>

	<script>
		$(function () {
			var isMobile = true;
			var code = "9Imx1JGxkUGr0pi41mXWVQ==";
			var poolApi = "https://lb.robotaset.com";
			var $leaderBoardTable = $(document).find('#leaderBoardTable');
			var $leaderBoardTableOnModal = $(document).find('#leaderBoardTableOnModal');
			var TR_EMPTY_ROW = $(".leaderboard-empty-row");
			var LEADERBOARD_URL = poolApi + "/leader_board?code=" + code + "&limit=10";
			var LEADERBOARD_DATA = [];

			renderSorting('leaderBoardTable');
			renderSorting('leaderBoardTableOnModal');

			callLeaderboard();

			$(document).on('click', '#callLeaderboard', function() {
				const emptyRow = $leaderBoardTable.find('.leaderboard-empty-row');
				if (emptyRow.length) {
					emptyRow.html('<i class="fas fa-sync-alt fa-spin h5"></i>');
				}
				callLeaderboard();
			});

			$('#leaderboardModal').on("show.bs.modal", function (event) {
 				var modal = $(this);
 				fetch(poolApi + "/leader_board?code=" + code + "&limit=100").then(res => res.json()).then(data => {
 					var leaderboardList = data['leaderboardList'];
//					var leaderboardList = LEADERBOARD_DATA;
					$leaderBoardTableOnModal.find('tbody').empty();
					var number = 1;
					$.each(leaderboardList, function (index, row) {
						$leaderBoardTableOnModal.find('tbody').append('<tr>' +
							'<td>' + row['username'] + '</td>' +
							'<td class="text-right">' + fmtAmount(row['stake']*1000) + '</td>' +
							'<td class="text-right">' + fmtAmount(row['winlost']*1000) + '</td>' +
							'<td class="pvname">' + row['pvname'] + '</td>' +
							'<td class="text-right">' + formatDate(row['endTime']) + '</td>' +
							'</tr>');
						number++;
					});

					// Datatable init
					// if (!$.fn.DataTable.isDataTable('#leaderBoardTableOnModal')) {
					//	 $leaderBoardTableOnModal.DataTable({
					//		 pageLength: 25,
					//		 responsive: true
					//	 });
					// }

					
					var customModalCss = {
						"background": "#000",
						"min-height": "10%",
						"top": "50%",
						"left": "50%",
						"right": "50%",
						"width": "100%",
						"max-width": "600px",
						"transform": "translate(-50%, -50%)",
						"z-index": "61"
					};
					modal.css(customModalCss);
					
 				}).catch(error => {
 					console.error(error)
 				});
			});

			function formatDate(timestamp) {
				// Convert the endTime to milliseconds and adjust for GMT+7 (subtract 7 hours)
				const adjustedTime = (timestamp - (7 * 60 * 60)) * 1000; // Subtracting 7 hours in seconds and converting to milliseconds

				// Create a Date object
				const date = new Date(adjustedTime);

				// Extract date components (day, month, year, hours, minutes)
				const day = String(date.getDate()).padStart(2, '0');		 // Pad day to 2 digits
				const month = capitalize(date.toLocaleString('en-GB', { month: 'short' }));
				const year = date.getFullYear();
				const hours = String(date.getHours()).padStart(2, '0');	  // Pad hours to 2 digits
				const minutes = String(date.getMinutes()).padStart(2, '0');  // Pad minutes to 2 digits

				// Return the formatted string in "DD-MM-YYYY HH:MM" format
				return day + '-' + month + '-' + year + ' ' + hours + ':' + minutes;
			}

			function fmtAmount(amount) {
				return new Intl.NumberFormat('id-ID', {
					style: 'currency',
					currency: 'IDR',
					minimumFractionDigits: 0,
					maximumFractionDigits: 0
				}).format(amount);
			}

			function formatNumber(num) {
				return num.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });
			}

			// Function to render sorting icons and handle sorting
			function renderSorting(divId) {
				const table = document.getElementById(divId);
				const headers = table.querySelectorAll('thead th');

				headers.forEach((th, index) => {
					// Add the sorting icon to the header
					th.innerHTML += '<span style="float: right;margin-left: 1rem"><i class="fas fa-sort"></i></span>';

					// Track current sort direction (Asc/Desc)
					let isAsc = true;

					// Add click event listener to each header
					th.addEventListener('click', function () {
						const rows = Array.from(table.querySelectorAll('tbody tr'));

						// Toggle sort direction on click
						isAsc = !isAsc;

						// Sort rows based on the clicked column index
						const sortedRows = rows.sort((rowA, rowB) => {
							const cellA = rowA.cells[index].innerText.toLowerCase();
							const cellB = rowB.cells[index].innerText.toLowerCase();

							if (cellA < cellB) return isAsc ? -1 : 1;
							if (cellA > cellB) return isAsc ? 1 : -1;
							return 0;
						});

						// Re-render the table with sorted rows
						const tbody = table.querySelector('tbody');
						tbody.innerHTML = ''; // Clear existing rows
						sortedRows.forEach(row => tbody.appendChild(row));

						// Update the sort icons
						headers.forEach(h => h.querySelector('i').className = 'fas fa-sort');  // Reset all icons
						this.querySelector('i').className = isAsc ? 'fas fa-sort-up' : 'fas fa-sort-down';  // Update current header icon
					});
				});
			}

			function callLeaderboard() {
				setTimeout(function() {
					fetch(LEADERBOARD_URL).then(res => res.json()).then(data => {
						if( data["leaderboardList"] ) {
							var leaderboardList = data['leaderboardList'];
							if( leaderboardList.length > 0 ) {
								LEADERBOARD_DATA = leaderboardList;
								$leaderBoardTable.find('tbody').empty();
								$.each(LEADERBOARD_DATA, function (index, row) {
									if( index < 10 ) {
										$leaderBoardTable.find('tbody').append('<tr>' +
											'<td>' + row['username'] + '</td>' +
											'<td style="text-align: right">' + fmtAmount(row['stake']*1000) + '</td>' +
											'<td style="text-align: right">' + fmtAmount(row['winlost']*1000) + '</td>' +
											'</tr>');
									}
								});
								$('#seeMoreLeaderboard').prop('disabled', false);
								$('#seeMoreLeaderboard').attr('data-toggle', 'modal');
								$('#seeMoreLeaderboard').attr('data-target', '#leaderboardModal');
							} else {
								$leaderBoardTable.find('tbody').html(
									'<tr>' +
									'<td colspan="3" class="leaderboard-empty-row">Data pemenang saat ini tidak tersedia.<br>Silahkan periksa secara berkala.</td>' +
									'</tr>'
								);
								$('#seeMoreLeaderboard').prop('disabled', true);
							}
						} else {
							console.error("There was an error while trying to process your request at " + LEADERBOARD_URL + ", caused by: " + data.error);
							errorLeaderboardHandling();
						}
					}).catch(error => {
						console.error("There was an error while trying to process your request at " + LEADERBOARD_URL + ", caused by: " + error);
						errorLeaderboardHandling();
					});
				}, 1000);
			}

			function errorLeaderboardHandling() {
				// Update the content of the leaderboard-empty-row
				const emptyRow = $leaderBoardTable.find('.leaderboard-empty-row');
				if (emptyRow.length) {
					emptyRow.html('<span>Saat ini, sistem kami mengalami gangguan. <br><span class="text-bold text-underline" id="callLeaderboard">Klik di sini</span> untuk mencoba kembali secara berkala.</span>');
				} else {
					// If the empty row does not exist, you might want to create it
					$leaderBoardTable.find('tbody').html(
						'<tr>' +
						'<td colspan="3" class="leaderboard-empty-row"><span>Saat ini, sistem kami mengalami gangguan. <br><span class="text-bold text-underline" id="callLeaderboard">Klik di sini</span> untuk mencoba kembali secara berkala.</span></td>' +
						'</tr>'
					);
				}
			}

			
			$("#leaderboardModal").on("hidden.bs.modal", function (event) {
				var modal = $(this);
				modal.css(
					{
						"min-height": "",
						"top": "",
						"left": "",
						"right": "",
						"width": "",
						"max-width": "",
						"transform": "",
						"z-index": ""
					}
				);
			});
			
		});
	</script>
</div>

	</section>
                   <div class="progressive-jackpot" style="margin-bottom:2px;">
                        <h2>Progressive Jackpot</h2>
                        <div class="jackpot-wrapper">
                            <span id="jackpot" data-value="17212071426.76"><b>17.212.071.426,76</b></span>
                            <img src="https://cdn.robotaset.com/assets/tpl/d9eacbbc29/images/progressive-jackpot-small.gif">
                        </div>
                    </div>

                    

                    <?php require_once('app/bank-online.php'); ?>
                    <div class="seo-footer">
			<div class="text-center infini-logo">
					<img loading="lazy" src="https://cdn.robotaset.com/assets/images/common/infini88.png" alt="Logo Infini">
				</div>
			<script type="text/javascript">
  
    // Menambahkan Element Sosmed HTML
  const centericon= document.createElement('center');
  
  // Memberi Nama Class
  centericon.className = "centericon";
  
  // Menampilan Element HTML ke Browser
  var centericon1= document.querySelector('.game-front-menu');
  centericon1.appendChild(centericon);
  
  </script>
  <script type="text/javascript">
    // Menambahkan Element HTML
  const teks2= document.createElement('p');
  
  // Menampilan Element HTML ke Browser
  var content12 = document.querySelector('.centericon');
  content12.appendChild(teks2);
  teks2.innerText = "OFFICIAL SOCIAL MEDIA";
  // Memberi Nama Class
  teks2.className = "teks2";
  
  // Menampilan Element HTML ke Browser
  var content12 = document.querySelector('.teks2');
  
  </script>
  
  <script type="text/javascript">
    // Menambahkan Element HTML
  const linktwin1= document.createElement('a');
  
  // Memberi isi kontent
  linktwin1.setAttribute("href","<?php echo $s1a['facebook']; ?>");
  // Memberi Nama Class
  linktwin1.className = "linktwin1";
  
  // Menampilan Element HTML ke Browser
  var linktwinA= document.querySelector('.centericon');
  linktwinA.appendChild(linktwin1);
  
    // Menambahkan Element HTML
  const twinbanner2= document.createElement('img');
  
  // Memberi isi kontent
  twinbanner2.setAttribute("src","https://imagedelivery.net/AbA-1fTEp0RFl42XYTCXlQ/e8de5618-3335-4677-7729-d8a458e8f200/default");
  // Memberi Nama Class
  twinbanner2.className = "twin1";
  
  // Menampilan Element HTML ke Browser
  var twinbannerB = document.querySelector('.linktwin1');
  twinbannerB.appendChild(twinbanner2);
  </script>
  
  
  <script type="text/javascript">
  
    // Menambahkan Element Sosmed HTML
  const linktwin2= document.createElement('a');
  
  // Memberi isi kontent
  linktwin2.setAttribute("href","https://wa.me/<?php echo $s1a['wa']; ?>");
  // Memberi Nama Class
  linktwin2.className = "linktwin2";
  
  // Menampilan Element HTML ke Browser
  var linktwinB = document.querySelector('.centericon');
  linktwinB.appendChild(linktwin2);
  
  
    // Menambahkan Element HTML
  const twinbanner1= document.createElement('img');
  
  // Memberi isi kontent
  twinbanner1.setAttribute("src","https://imagedelivery.net/AbA-1fTEp0RFl42XYTCXlQ/1a43e055-5d11-4ae6-76fc-474f1e269300/default");
  // Memberi Nama Class
  twinbanner1.className = "twin2";
  
  // Menampilan Element HTML ke Browser
  var twinbannerA = document.querySelector('.linktwin2');
  twinbannerA.appendChild(twinbanner1);
  </script>
  
  
  <script type="text/javascript">
  
    // Menambahkan Element Sosmed HTML
  const linktwin3= document.createElement('a');
  
  // Memberi isi kontent
  linktwin3.setAttribute("href","<?php echo $s1a['telegram']; ?>");
  // Memberi Nama Class
  linktwin3.className = "linktwin3";
  
  // Menampilan Element HTML ke Browser
  var linktwinC = document.querySelector('.centericon');
  linktwinC.appendChild(linktwin3);
  
  
    // Menambahkan Element HTML
  const twinbanner3= document.createElement('img');
  
  // Memberi isi kontent
  twinbanner3.setAttribute("src","https://iili.io/JABLAjn.md.gif");
  // Memberi Nama Class
  twinbanner3.className = "twin3";
  
  // Menampilan Element HTML ke Browser
  var twinbannerC = document.querySelector('.linktwin3');
  twinbannerC.appendChild(twinbanner3);
  </script>
  
  
  <script type="text/javascript">
  
    // Menambahkan Element Sosmed HTML
  const linktwin4= document.createElement('a');
  
  // Memberi isi kontent
  linktwin4.setAttribute("href","../rtp/index.html");
  // Memberi Nama Class
  linktwin4.className = "linktwin4";
  
  // Menampilan Element HTML ke Browser
  var linktwinD = document.querySelector('.centericon');
  linktwinD.appendChild(linktwin4);
  
  
    // Menambahkan Element HTML
  const twinbanner4= document.createElement('img');
  
  // Memberi isi kontent
  twinbanner4.setAttribute("src","https://imagedelivery.net/AbA-1fTEp0RFl42XYTCXlQ/ca8abd67-7393-4116-9435-525d83df8700/default");
  // Memberi Nama Class
  twinbanner4.className = "twin4";
  
  // Menampilan Element HTML ke Browser
  var twinbannerD = document.querySelector('.linktwin4');
  twinbannerD.appendChild(twinbanner4);
  </script>
  
  
  <script>
  // Menambahkan Element HTML
  const aelement2= document.createElement('a');
  
  // Memberi isi kontent
   aelement2.setAttribute("href","https://t.ly/viologin2");
  // Memberi Nama Class
  aelement2.className = "aelement2";
  
  // Menampilan Element HTML ke Browser
  var content15 = document.querySelector('.progressive-jackpot');
  content15.appendChild(aelement2);
  
  
  // Menambahkan Element HTML
  const elementBaru2 = document.createElement('img');
  var url = "/game/pgr/3";
  
  // Memberi isi kontent
  elementBaru2.innerText = "";
   elementBaru2.setAttribute("src","");
  
  // Memberi Nama Class
  elementBaru2.className = "description2";
   
  // Menampilan Element HTML ke Browser
  var content2 = document.querySelector('.aelement2');
  content2.appendChild(elementBaru2);
  </script>
  

  <a href="https://t.ly/FB-spy" target="_blank"><img src="https://imagedelivery.net/AbA-1fTEp0RFl42XYTCXlQ/e8de5618-3335-4677-7729-d8a458e8f200/default" class="waButton" alt="facebook"></a>
  <a href="https://t.ly/WA-spy" target="_blank"><img src="https://imagedelivery.net/AbA-1fTEp0RFl42XYTCXlQ/1a43e055-5d11-4ae6-76fc-474f1e269300/default" class="waButton2" alt="whatsapp"></a>
  <a href="https://cutt.ly/khususspy" target="_blank"><img src="https://imagedelivery.net/AbA-1fTEp0RFl42XYTCXlQ/ca8abd67-7393-4116-9435-525d83df8700/default" class="waButton3" alt="rtp slot"></a>
  <a href="https://t.ly/viologin2" target="_blank"><img src="https://imagedelivery.net/AbA-1fTEp0RFl42XYTCXlQ/3e5cb7b3-9478-41f6-079a-aa0d2fac5c00/default" class="waButton9" alt="vio77"></a>
  
  
  
  <div class="_seo_footer "><div class="_seo_footer">
    <style>
           .reward_pop
             {
    background-color: transparent;
    }
         .sub_color{
    background-color: transparent;
    }
    
          .tutorial-play>img {
            margin-top: 20px
          }
      
          .tutorial-play a {
            display: inline-block;
            padding: 5px 30px;
            border-radius: 25px;
            font-size: 15px;
            background-color: #f7cd55;
            color: #f67500;
            font-family: fantasy;
            letter-spacing: 0.5px;
            margin-top: 10px;
            text-align: center
          }
      
          .popular-game-title-container {
            display: flex;
            align-items: center;
            padding: 10px;
            margin-top: 20px;
            color: #fff;
          }
      
          .popular-game-title-container .title {
            text-transform: uppercase;
            text-indent: 0;
            letter-spacing: 1px;
            color: #fff;
            margin-bottom: 0;
            padding: 0;
            border-bottom: none;
          }
      
          .popular-game-title-container .title i[data-icon] {
            background-image: var(--image-src);
          }
      
          .popular-game-title-container>i {
            border-bottom: 2px solid #451e58;
            border-top: 2px solid #0d0d0d;
            flex-grow: 1;
            margin: 0 15px;
          }
      
          .popular-game-title-container>i {
            border-bottom-color: #2b2b2b;
            border-top-color: #0d0d0d;
          }
      
          .popular-game-title-container a {
            display: inline-block;
            padding: 5px 30px;
            border-radius: 25px;
            font-size: 15px;
            background-color: #f7cd55;
            color: #f67500;
            font-family: inherit;
            font-weight: 800;
            letter-spacing: 0.5px
          }
      
          .popular-slots-outer-container>.game-list {
            border: 2px solid transparent;
            background-color: transparent;
            padding: 10px;
            border-radius: 30px;
            margin-top: 20px;
            display: flex;
            flex-wrap: wrap;
          }
      
          .popular-slots-outer-container>.game-list:hover {
            background-color: transparent;
          }
      
          .popular-game-title-container+.game-list {
            margin-top: 5px;
          }
      
          .popular-slots-outer-container>.game-list .wrapper-container {
            position: relative;
            padding-top: 100%;
            border-radius: 25px;
            overflow: hidden;
          }
      
          .popular-slots-outer-container>.game-list .wrapper-container:hover {
            background: #000;
          }
      
          .popular-slots-outer-container>.game-list .game-item {
            padding: 5px;
            background-color: #1e1a31;
            background-image: linear-gradient(to bottom, #1e1a31 0%, #171429 100%);
            border-radius: 25px;
          }
      
          .popular-slots-outer-container>.game-list .game-item {
            background-color: #1f1f1f;
            background-image: none;
            overflow: hidden;
          }
      
          .popular-slots-outer-container>.game-list img {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            transition: transform .2s;
            transform-origin: center;
          }
      
          .popular-slots-outer-container>.game-list .link-container {
            background-color: rgba(6, 0, 15, .85);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }
      
          .popular-slots-outer-container>.game-list .wrapper-container:not(:hover) .link-container {
            display: none;
          }
      
          .popular-slots-outer-container>.game-list .wrapper-container:hover img {
            transform: scale(1.25);
          }
      
          .popular-slots-outer-container>.game-list .link-container a {
            margin: 10px;
            width: 70%;
            padding: 10px 15px;
          }
      
          .popular-slots-outer-container>.game-list .game-name {
            font-size: 14px;
            padding: 4px 10px 8px;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
          }
      
          .popular-slots-outer-container>.game-list .game-name {
            color: #fff;
          }
      
          .play-now,
          .free-play {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            white-space: nowrap;
            font-size: 14px;
            border-radius: 18px;
            padding: 3px 15px;
            margin: 5px 0;
            text-decoration: none;
          }
      
          .play-now:hover,
          .free-play:hover {
            text-decoration: none;
          }
      
          .play-now {
            color: #fff;
            background: linear-gradient(to right, #ffeb00 0%, #c39c0e 100%);
            font-family: 'latobold';
          }
      
          .play-now:hover {
            color: #fff;
            background: #b40586;
            background: linear-gradient(to right, #cec124 0%, #d9dc27 100%)
          }
      
          .fa-gem {
            color: #ff00ff;
            font-size: 1.2em;
          }
      
          .fa-dice {
            color: lime;
            font-size: 1.5em;
          }
      
          .detail-web {
            color: white;
            margin-top: 30px;
          }
      
          .detail-web h1,
          .detail-web h2,
          .detail-web h3,
          .detail-web h4,
          .detail-web h5 {
            letter-spacing: 0.5px;
            color: #f9fd19;
            text-align: center !important;
            font-size: 18px;
            font-weight: bold;
          }
      
          .detail-web p {
            font-size: 13px;
            margin-bottom: 1rem;
          }
      
          .detail-web mark,
          #tutorial-play-modal mark {
            color: #ff8d24;
            background-color: transparent;
          }
      
          #tutorial-play-modal .modal-content {
            background-color: #564f46;
            color: white;
          }
      
          #tutorial-play-modal .modal-content .btn-secondary {
            background-color: #f7cd55;
            color: #f67500;
          }
      
          #tutorial-play-modal .modal-body {
            font-size: 14px;
          }
      
          .side-nav a.btn {
            color: #fff;
          }
      
          .game-group-front .owl-next>span,
          .game-group-front .owl-prev>span {
            color: #1e1a03;
          }
      
          .info_wrap mark {
            color: #ff8d24;
            background-color: red;
            font-weight: 800;
          }
      
          @media screen and (max-width: 577px) {
            .game-item {
              width: 50%;
            }
          }
      
          @media screen and (max-width: 990px) {
            .detail-web img {
              width: 30%;
            }
          }
      
          @media screen and (max-width: 768px) {
            .player-counter-container>h2 {
              font-size: 3vw !important;
              max-width: 240px !important;
            }
      
            .detail-web img {
              width: 50%;
            }
          }
    
      .linkalte { text-decoration: none; color: #FFFFFF; font-family: arial; font-weight: bold; }
      #fl_menu { position:fixed; top:111px; right:0px; z-index:9999; width:180px; height:42px; display: block; overflow: visible; -webkit-transition: height 0.5s; }
      #fl_menu:hover { height: 190px; }
      .menuaa { width: 185px; background: rgba(0,0,0,0.6);}
      .menu_item{display:block;background: #119ac52e;color: #003300;border-top:0px; border-color: #d9aa0c; padding:8px 20px;font-family:Arial,Helvetica,sans-serif;font-size:15px;text-decoration:none; width: 179px; border-bottom: 1px #f03434 solid; padding: 10px;}
      .menu_item:hover{background:rgba(0, 40, 65, 0.5);text-decoration: none; color: #ffffff;}@media only screen and (max-width: 1024px) {#fl_menu{display:none;}}
    
    .menuaa table, .menuaa table tbody tr td { border: 0px; 
    }
    
          @media screen and (max-width: 386px) {
            .popular-game-title-container .title {
              letter-spacing: 0;
              font-size: 11px;
            }
          }
      
          .player-counter-container>h2 {
            display: inline-block;
            outline: none;
            box-sizing: border-box;
            border-radius: .3em;
            text-transform: uppercase;
            box-shadow: inset 0 -2px 5px 1px rgb(251 255 0), inset 0 -1px 1px 3px rgb(255 238 32);
            background-image: linear-gradient(160deg, #e3e615, #d7f729, #ffcc13, #fff70b, #f1ff1b);
            border: 1px solid #000000;
            color: #ff6b02;
            text-shadow: 0 2px 2px rgb(0 0 0);
            transition: all .2s ease-in-out;
            background-size: 100% 100%;
            background-position: center;
            top: -2px;
            max-width: 500px;
            z-index: 5;
            letter-spacing: 0;
            font-size: 2vw;
            font-weight: bold;
            margin: 0 auto;
            line-height: inherit;
            text-align: center;
          }
      
          .player-counter-wrapper {
            display: flex;
            vertical-align: middle;
            align-items: center;
          }
      
          .player-counter-wrapper>span {
            position: absolute;
            font-size: 6.5vw;
            z-index: 1;
            color: yellow;
            left: 40%;
            font-weight: bold;
          }
      
          .player-counter-wrapper>img {
            width: 100%;
          }
        </style>
    <div class="home-inner-container">
    <div class="popular-slots-outer-container">
    <div class="popular-game-title-container">
    <div class="title">
    <i class="fas fa-gem"></i> Game Baru
    </div>
    <i></i>
    <a href="/game/pgr/3">Game Lainnya <i class="fas fa-arrow-circle-right"></i>
    </a>
    </div>
    <div class="game-list">
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Bomb Bonanza">
    <div class="wrapper-container"><span class="game-favorite " data-id="5014" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Bomb Bonanza <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/pgr/square/vs25bomb.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="Bomb Bonanza" href="/play/pgr/vs25bomb">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Bomb Bonanza</div>
    </div>
    <div class="game-item  col-sm-4 col-md-2 col-lg-2" data-game="Legend Of Perseus">
    <div class="wrapper-container"><span class="game-favorite " data-id="4998" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Legend Of Perseus <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/pgs/square/128.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="Legend Of Perseus" href="/play/pgs/128">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Legend Of Perseus</div>
    </div>
    <div class="game-item  col-sm-4 col-md-2 col-lg-2" data-game="Divine Riches Helios">
    <div class="wrapper-container"><span class="game-favorite " data-id="4987" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Divine Riches Helios <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/mcg/square/SMG_divineRichesHelios.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="Divine Riches Helios" href="/play/mcg/SMG_divineRichesHelios">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Divine Riches Helios</div>
    </div>
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Golden Unicorn Deluxe">
    <div class="wrapper-container"><span class="game-favorite " data-id="4993" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Golden Unicorn Deluxe <?php echo $instansi ?>" src="https://cdn.robotaset.com/media/hb/square/SGGoldenUnicornDeluxe.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="Golden Unicorn Deluxe" href="/play/hb/SGGoldenUnicornDeluxe">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Golden Unicorn Deluxe</div>
    </div>
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Naughtygirl">
    <div class="wrapper-container"><span class="game-favorite " data-id="2946" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Naughtygirl" src="https://cdn.rbtasset.com/media/sll/square/32.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="Naughtygirl" href="/play/sll/32">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Naughtygirl</div>
    </div>
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Mahjong Panda">
    <div class="wrapper-container"><span class="game-favorite " data-id="5013" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Mahjong Panda <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/pgr/square/vs1024mahjpanda.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="Mahjong Panda" href="/play/pgr/vs1024mahjpanda">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Mahjong Panda</div>
    </div>
    </div>
    </div>
    <div class="popular-slots-outer-container">
    <div class="popular-game-title-container">
    <div class="title"><i class="fas fa-dice"></i>&nbsp;Game Populer</div><i></i>&nbsp;<a href="/game/pgr/3">Game Lainnya <i class="fas fa-arrow-circle-right"></i></a>
    </div>
    <div class="game-list">
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Mahjong Ways">
    <div class="wrapper-container"><span class="game-favorite " data-id="1869" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Mahjong Ways <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/pgs/square/65.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="Mahjong Ways" href="/play/pgs/65">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Mahjong Ways</div>
    </div>
    <div class="game-item  col-sm-4 col-md-2 col-lg-2" data-game="Gates Of Olympus">
    <div class="wrapper-container"><span class="game-favorite " data-id="1752" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Gates Of Olympus <?php echo $instansi ?>" src="https://cdn.robotaset.com/media/pgr/square/vs20olympgate.png" style="margin: 0 auto 0 0; text-align: left; display: block; "><img width="100%" class="game-icon-frame" src="https://cdn.rbtasset.com/assets/images/common/frame.png">
    <div class="link-container"><a class="play-now" data-game="Gates Of Olympus" href="/play/pgr/vs20olympgate">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Gate Of Olympus</div>
    </div>
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Pyramid Bonanza">
    <div class="wrapper-container"><span class="game-favorite " data-id="2851" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Pyramid Bonanza <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/pgr/square/vs20pbonanza.png" style="margin: 0 auto 0 0; text-align: left; display: block; "><img width="100%" class="game-icon-frame" src="https://cdn.rbtasset.com/assets/images/common/frame.png">
    <div class="link-container"><a class="play-now" data-game="Pyramid Bonanza" href="/play/pgr/vs20pbonanza">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Pyramid Bonanza</div>
    </div>
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Sweet Bonanza">
    <div class="wrapper-container"><span class="game-favorite " data-id="32" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Sweet Bonanza <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/pgr/square/vs20fruitsw.png" style="margin: 0 auto 0 0; text-align: left; display: block; "><img width="100%" class="game-icon-frame" src="https://cdn.rbtasset.com/assets/images/common/frame.png">
    <div class="link-container"><a class="play-now" data-game="Sweet Bonanza" href="/play/pgr/vs20fruitsw">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Sweet Bonanza</div>
    </div>
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="Power Of Thor Megaways">
    <div class="wrapper-container"><span class="game-favorite " data-id="1903" style="left: -5px"><i class="fas fa-star"></i></span><img alt="Power Of Thor Megaways <?php echo $instansi ?>" src="https://cdn.robotaset.com/media/pgr/square/vswayshammthor.png" style="margin: 0 auto 0 0; text-align: left; display: block; "><img width="100%" class="game-icon-frame" src="https://cdn.robotaset.com/assets/images/common/frame.png">
    <div class="link-container"><a class="play-now" data-game="Power Of Thor Megaways" href="/play/pgr/vs10firestrike">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">Power Of Thor Megaways</div>
    </div>
    <div class="game-item col-sm-4 col-md-2 col-lg-2" data-game="The Great Icescape">
    <div class="wrapper-container"><span class="game-favorite " data-id="1859" style="left: -5px"><i class="fas fa-star"></i></span><img alt="The Great Icescape <?php echo $instansi ?>" src="https://cdn.rbtasset.com/media/pgs/square/53.png" style="margin: 0 auto 0 0; text-align: left; display: block; ">
    <div class="link-container"><a class="play-now" data-game="The Great Icescape" href="/play/pgs/53">&nbsp;MAIN&nbsp;</a></div>
    </div>
    <div class="game-name">The Great Icescape</div>
    </div>
    </div>
    </div>
    <div class="container" style="text-align:justify;">
    <div class="detail-web">
    <div class="text-center">
    <h2 style="text-align: center;">&nbsp;<?php echo $instansi ?> - Situs Judi Slot Online Terpercaya dan Terlengkap 2022</h2>
    <div>
    <strong>
    <br>
    </strong>
    </div>
    <p>
    <strong><?php echo $instansi ?> - merupakan Agen Judi Terpercaya yang menyediakan ratusan permainan slot maupun casino. Dengan permainan mesin slot online yang sudah populer di kalangan masyarakat Indonesia. Terkenal nya perminan slot online ini sudah ada sejak permainan slot online di casino nyata. Tetapi dengan perkembangan zaman dan waktu Permainan mesin mesin slot tersebut dapat di nikmati dan dimainkan dengan mudah melalui Smartphone anda dimana pun dan kapanpun.</strong>
    </p>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <p>
    <strong>Maka dari itu <?php echo $instansi ?> telah menyediakan situs maupun aplikasi slot online yang telah berlisensi resmi Dunia. <?php echo $instansi ?> juga menyediakan deposit murah via bank BCA, MANDIRI, BNI, BRI Dan BSI, serta <?php echo $instansi ?> juga menyediakan berbagai deposit murah menggunakan E-walet seperti Dana, Gopay, Linkaja, Ovo maupun pulsa dengan potongan terbaik. Sehingga anda bisa memainkan permainan slot online di rumah, kantor maupun tempat nongkrong lainnya. <?php echo $instansi ?> juga memberikan fasilitas pendukung yaitu Whatsapp dan Livechat yang di operasikan oleh Customer Service Profesional dan handal 24 Jam Nonstop Sehingga <?php echo $instansi ?> sudah di kategorikan sebagai Agen Judi Slot dan Casino Online Terpercaya dan Terlengkap di Indonesia.</strong>
    </p>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <h3 style="text-align: center;">Awal Sejarah Situs Judi Slot di Indonesia - <?php echo $instansi ?></h3>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <p>
    <strong>Saat ini di Indonesia juga sudah banyak mengumpulkan berbagai Agen Slot Online terpercaya. Di tahun 2022, Permainan slot online menjadi sangat terkenal popularitas nya di Indonesia dan selalu menjadi pilihan no.1 permainan yang paling banyak di minati di Indonesia.&nbsp;</strong>
    </p>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <h3 style="text-align: center;">5 Permainan Judi Online terbaik dan Terpopuler di Indonesia</h3>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <p>
    <strong>Di tahun 2022 ini, pastinya membuat kalian bimbang dalam memilih agen judi online terbaik di Indonesia. Banyak sekali berdatangan situs-situs tidak jelas dan tidak memberikan keuntungan bagi para member serta yang tidak kalah penting situs tersebut tidak memiliki sertifikat dari badan dunia. Maka dari itu kami <?php echo $instansi ?> akan selalu memberikan keuntungan bagi para calon bettor dengan memberikan Trik Pola Gacor untuk permainan slot 2022. Dan berikut adalah 5 Permainan Judi Online yang di minati beberapa kalangan masyarakat Indonesia yang kami sediakan:</strong>
    </p>
    <p>
    <strong>1. Permainan Slot Online,</strong>
    </p>
    <p>
    <strong>2. Permainan Live Casino,</strong>
    </p>
    <p>
    <strong>3. Permainan Sportsbook,</strong>
    </p>
    <p>
    <strong>4. Permainan Sabung Ayam</strong>
    </p>
    <p>
    <strong>5. Permainan Tembak Ikan.</strong>
    </p>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <h3 style="text-align: center;">5 Kumpulan Permainan Live Casino Online yang populer di Indonesia</h3>
    <p style="text-align: center;">
    <strong>
    <br>
    </strong>
    </p>
    <p>
    <strong><?php echo $instansi ?> Sebagai salah satu Agen Judi Online tentunya anda tidak hanya kami manjakan dengan permainan slot online. Tetapi kami juga menyediakan banyak permainan Live Casino yang sudah di minati banyak masyarakat indonesia yang selalu bisa di mainkan di manapun dan kapanpun melalui Smartphone anda sehingga bisa menyalurkan hobi anda di manapun dan kapanpun anda berada dan tidak perlu menghabiskan biaya untuk bermain di luar negri, Berikut 5 permainan Live Casino yang <?php echo $instansi ?> sediakan, antara lain :</strong>
    </p>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <p>
    <strong>1. Agen Judi Baccarat</strong>
    </p>
    <p>
    <strong>2. Agen Judi Sic-Bo</strong>
    </p>
    <p>
    <strong>3. Agen Judi Dragon Tiger</strong>
    </p>
    <p>
    <strong>4. Agen Judi Roullete</strong>
    </p>
    <p>
    <strong>5. Agen Judi BlackJack</strong>
    </p>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <h3 style="text-align: center;">Berikut informasi Penting Seputaran Agen Judi Slot Online Terpercaya <?php echo $instansi ?></h3>
    <p style="text-align: center;">
    <strong>
    <br>
    </strong>
    </p>
    <p>
    <strong>Setiap Agen Judi Slot Online pasti selalu menyediakan beberapa informasi penting untuk member atau calon bettor yang akan bermain. Tidak Semua Situs Judi Slot Online Memberikan informasi kepada bettor maupun calon bettor. Berikut akan kami berikan seputar informasi penting mengenai <?php echo $instansi ?> Agen Judi Slot dan Casino Terpercaya 2022 :</strong>
    </p><strong>
  
        <p>Minimal Deposit Sebesar Rp 20.000,-</p>
        <p>Minimal Withdraw Sebesar Rp 50.000,-</p>
        <p>Metode Pembayaran bisa melalui Bank Lokal Indonesia, E-Wallet Dan Pulsa</p>
        <p>Bocoran Slot Gacor : Gates Of Olympus, Starlight Princess, Sweet Bonanza</p>
  
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <h3 style="text-align: center;">Daftar Akun Slot Dan Casino di <?php echo $instansi ?></h3>
    <p>
    <br>
    </p>
    <p>
    <strong>Jika kamu adalah orang yang suka mencoba keberuntungan dan ingin mendaftar di Situs <?php echo $instansi ?> tentu sangat mudah. Untuk pendaftaran resmi di situs <?php echo $instansi ?>, anda hanya perlu mengunjungi situs resmi kami di google dengan mencari kata kunci <?php echo $instansi ?>.</strong>
    </p>
    <p>
    <strong>
    <br>
    </strong>
    </p>
    <p>
    <strong>Setelah Itu anda bisa melihat dan klik menu Daftar ataupun Register pada tampilan awal halaman kami <?php echo $instansi ?>. dan anda cukup mengisi data2 bank dan username yang anda inginkan. Dan apabila kamu mengalami kesulitan dalam melakukan pendaftaran, kamu juga bisa menghubungi Customer kami / admin kami Livechat , Whatsapp Maupun Telegram <?php echo $instansi ?> yang sudah siap memabantu kamu 24 Jam Setiap harinya. Tunggu apalagi dan dapatkan jackpot permainan anda bersama <a href="https://t.ly/spylogin2" title="<?php echo $instansi ?>" target="https://t.ly/spylogin2"><?php echo $instansi ?></a></strong>
    </p>
    </strong></div><strong>
    </strong></div><strong>
    </strong></div><strong>
    <p style="text-align: center;"><a href="https://t.ly/spylogin2"><?php echo $instansi ?></a></p>
  <div class="asf-logo" role="img"></div><div class="container">
	<p class="copyright">Hak Cipta © 2025 &nbsp;<span class="brand-name"><?php echo $instansi ?></span>. Semua hak dilindungi.</p>
</div>
</strong></div><strong>
	</strong></div><strong>
</strong></div></div>
                    
                    </div>
        </main>
        

        <script>
            function closeModalAndGoBack() {
                document.getElementById('closed').style.display = 'none';
                window.history.back();
            }
        </script>
        <style>
            .c-circle-menu{
	position:fixed;
	bottom:50px;
	left:12px;
	z-index:1000;
	width:600px;
	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:0px;
	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 rgb(201 0 255);
}
@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{
	display:block;
	position:absolute;
	z-index:100;
	margin:0;
	padding:0;
	width:48px;
	height:48px;
	background-image: url(https://legit77-assets.pics/menu/assets/legit77.gif);
	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;
	box-shadow: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:#9e2000
}
.c-circle-menu__toggle span,.c-circle-menu__toggle span::after,.c-circle-menu__toggle span::before{
	display:block;
	position:absolute;
	height:4px;
	background:rgb(230 0 255);
	border-radius:0px
}
.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:0px
}
	.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>
       <nav class="c-circle-menu js-menu">
<button class="c-circle-menu__toggle js-menu-toggle">
<span>Toggle</span>
</button>
<ul class="c-circle-menu__items">

<li class="c-circle-menu__item">
<a href="https://heylink.me/legit77_official/" class="c-circle-menu__link">
<img src="https://legit77-assets.pics/icon/legit77-fb.gif" alt="">
</a>
</li>

<li class="c-circle-menu__item">
<a href="https://t.me/legit77official" class="c-circle-menu__link">
<img src="https://legit77-assets.pics/icon/legit77-tele.gif" alt="">
</a>
</li>

<li class="c-circle-menu__item">
<a href="https://heylink.me/legit77_official/" class="c-circle-menu__link">
<img src="https://legit77-assets.pics/icon/legit77-wa.gif" alt="">
</a>
</li>

<li class="c-circle-menu__item">
<a href="https://dwn.robotaset.com/apk/legit77/Legit77.apk" class="c-circle-menu__link">
<img src="https://legit77-assets.pics/icon/legit77-apk.gif" alt="">
</a>
</li>

<li class="c-circle-menu__item">
<a href="https://cutt.ly/legit77-rtp" class="c-circle-menu__link">
<img src="https://legit77-assets.pics/icon/legit77-rtp.gif" alt="">
</a>
</li>

</ul>
<div class="c-circle-menu__mask js-menu-mask"></div>
</nav>
<script src="https://legit77-assets.pics/menu/js/legit77-menu.js"></script>
<script>
		var el = '.js-menu';
		var myMenu = cssCircleMenu(el);
	  </script>

        <div class="bottom-nav-bar" id="bottom-nav-bar">
            <ul>
                <li><a onclick="window.history.go(-1); return false;"><i class="fas fa-angle-left"></i>Kembali</a></li>
                <li><a href="<?php if (isset($_SESSION['user'])) { ?><?php echo $urlweb ?>/account/profile <?php } else { ?><?php echo $urlweb ?>/login <?php } ?>" id="Financial"><i class="icon-Financial"></i>Akun Saya</a></li>
                <li><a href="<?php echo $urlweb ?>/promotion" id="Promotions"><i class="icon-promos"></i>Promosi</a></li>
                <li><a href="<?php echo $s1a['livechat']; ?>" target="_blank" id="Contact"><i class="icon-live-chet"></i>Live Chat</a></li>
                <li><a href="/" id="Home" class="active"><i class="icon-home"></i>Beranda</a></li>
            </ul>
        </div>
    </div>
    <div class="pageTop-element" id="pagetop" style="display: none;">
        <i class="icon-angle-up"></i>
        <span>Atas</span>
    </div>
    <script>
        const ard = document.querySelector('.ard-sosmed');
        const attention_whore = document.querySelector('.attention.whore');

        function ardFunction() {
            ard.classList.toggle("open");
            attention_whore.classList.remove("whore");
        }
    </script>
    <script src="https://cdn.robotaset.com/assets/js/common/axios.min.js"></script>
    <script src="https://cdn.robotaset.com/assets/mobile/basejs.js"></script>
    <script src="https://cdn.robotaset.com/assets/thirdparty/owl-carousel/owl.carousel.js"></script>
    <script src="https://cdn.robotaset.com/assets/js/common/bootstrap.min.js" type="text/javascript"></script>
    <script src="https://cdn.robotaset.com/assets/js/common/ajaxcall.js"></script>
    <script src="https://cdn.robotaset.com/assets/js/common/format-number.js"></script>
    <script src="https://cdn.robotaset.com/assets/js/common/240715_app.js"></script>
    <script src="https://cdn.robotaset.com/assets/mobile/jsbridge.js"></script>
    <!--<script src="https://usglobalasset.com/assets/salju.js"></script>-->
    <script>
        var jpEl = $("#jackpot");
        if (jpEl.length == 1) {
            setInterval(function() {
                var newJp = new Date().getTime() / 100;
                jpEl.attr("data-value", newJp);
                jpEl.html("<b>" + formatCurrency(newJp, null, 2) + "</b>");
            }, 600);
        }
    </script>
    <script>
        function getIconEventTag(gmsbevent) {
            var stylingTag = ""; //"right:-150%";
            var eventTag = "";
            if (gmsbevent === 1) {
                eventTag = '<img alt="hot" width="100%" class="game-icon-frame" style="' + stylingTag + '" src="' + assets +
                    '/images/provider/pp-hot-tag-w-frame.png">';
            } else if (gmsbevent === 2) {
                eventTag = '<img alt="new" width="100%" class="game-icon-frame" style="' + stylingTag + '" src="' + assets +
                    '/images/provider/pp-new-tag-w-frame.png">';
            } else if (gmsbevent === 3) {
                eventTag = '<img alt="exl" width="100%" class="game-icon-frame" style="' + stylingTag + '" src="' + assets +
                    '/images/provider/pp-excl-tag.png">';
            }
            return eventTag;
        }
    </script>
    <script>
        (function() {
            function c() {
                var b = a.contentDocument || a.contentWindow.document;
                if (b) {
                    var d = b.createElement('script');
                    d.innerHTML =
                        "window.__CF$cv$params={r:'8a4912617f42600f',t:'MTcyMTIwNzE0Mi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
                    b.getElementsByTagName('head')[0].appendChild(d)
                }
            }
            if (document.body) {
                var a = document.createElement('iframe');
                a.height = 1;
                a.width = 1;
                a.style.position = 'absolute';
                a.style.top = 0;
                a.style.left = 0;
                a.style.border = 'none';
                a.style.visibility = 'hidden';
                document.body.appendChild(a);
                if ('loading' !== document.readyState) c();
                else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c);
                else {
                    var e = document.onreadystatechange || function() {};
                    document.onreadystatechange = function(b) {
                        e(b);
                        'loading' !== document.readyState && (document.onreadystatechange = e, c())
                    }
                }
            }
        })();
    </script>
</body>

</html>