<?php
ob_start();
session_start();
error_reporting(0);
date_default_timezone_set('Asia/Jakarta');

$id_login = $_SESSION['id'];
$extplayer = $_SESSION['extplayer'];
include '../function/connect.php';
include "../main/API/functions.php";

$response1 = $SGX->userbalance($extplayer);

$balance = $response1['user']['balance'];

$query1 = mysqli_query($koneksi, "SELECT active FROM tb_saldo WHERE id_user = '$extplayer' ");

$liat = mysqli_fetch_array($query1);


$query2 = mysqli_query($koneksi, "SELECT * FROM tb_user WHERE id = '$id_login' ");
$punya_user = mysqli_fetch_array($query2);

$query3 = mysqli_query($koneksi, "SELECT * FROM tb_bank WHERE id_user = '$extplayer' ");
$bank_user = mysqli_fetch_array($query3);

$query3 = mysqli_query($koneksi, "SELECT * FROM tb_bank WHERE id_user = '$extplayer' ");
$b = mysqli_fetch_array($query3);

$query1010 = mysqli_query($koneksi, "SELECT * FROM tb_contact");
$ssa = mysqli_fetch_array($query1010);

$whatsapp = $ssa['no_whatsapp'];
$id_livechat = $ssa['id_livechat'];

$cuk = mysqli_query($koneksi, "SELECT * FROM tb_web");
$cek_web = mysqli_fetch_array($cuk);
$urlweb = $cek_web['url'];
$logo = $cek_web['logo'];
$warna = $cek_web['warna'];
$min_depo = $cek_web['min_depo'];
$min_wd = $cek_web['min_wd'];
$icon = $cek_web['icon_web'];
$title = $cek_web['title'];
$deskripsi = $cek_web['deskripsi'];
$keyword = $cek_web['keyword'];
$status_web = $cek_web['status'];

if ($status_web == "maintenance") {
    header("Location:../maintenance.php");
}
$pisah = explode('|', $title);
$judul = trim($pisah[0]);

if ($punya_user['status'] == "Suspend") {
  session_start();
  session_destroy();
  header("Location:index.php?pesan=29");
}

?>
<!DOCTYPE html>
<html lang=id>
    <head>
        <meta charset=utf-8>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
        <title><?php echo $title ?></title>
        <meta content="<?php echo $deskripsi ?>" name=description>
        <meta content="situs slot,link slot,slot rtp,slot maxwin,slot terpercaya,slot terbaik" name=keywords>
        <meta content=id-ID property=og:locale>
        <meta content=website property=og:type>
        <meta content="<?php echo $judul ?>: Agen Situs Slot Link RTP Maxwin Terpercaya dan Terbaik" property=og:title>
        <meta content="<?php echo $judul ?> Agen Slot  Link Judi Online Gacor RTP Terpercaya dan Resmi, menyediakan layanan customer service online 24jam Terbaik dengan Game Gampang Maxwin." property=og:description>
        <meta content="<?php echo $urlweb; ?>" property=og:url>
        <meta content="<?php echo $judul ?>" property=og:site_name>       
        <meta content=id-ID name=language>
        <meta content=ID name=geo.region>
        <meta content=Indonesia name=geo.placename>
        <meta content=website name=categories>
        <meta content=QWlNhIJnVY_QdNaH4gwI_3kjflFlw2RmGJnYgiQ1ohA name=google-site-verification>
        <link rel=preload href=fonts/glyphicons-halflings-regular.woff as=font type=font/woff crossorigin>
        <link rel=preload href=fonts/digital_sans_ef_medium.woff2 as=font type=font/woff2 crossorigin>
        <link rel=preload href=fonts/advanced_dot_digital7.woff2 as=font type=font/woff2 crossorigin>
        <link href="<?php echo $urlweb ?>" rel=canonical>
        <link href="../uploads/logo/<?php echo $logo  ?>" rel="shortcut icon" type=image/x-icon>
        <link href="Content/Home/mobile.css" rel=stylesheet>
        <link href="Content/Theme/mobile-red-css.css" rel=stylesheet>
        <link href="Content/Theme/mobile.css" rel=stylesheet>
        <link href="Content/Slots/mobile.css" rel=stylesheet>
        <link href="Content/Contact/mobile.css" rel=stylesheet>
        <link href="Content/Promosi/mobile.css" rel=stylesheet>
        <link href="Content/deposit/deposit.css" rel=stylesheet>
        <link href="Content/withdraw/withdraw.css" rel=stylesheet>
        <link href="Content/Profile/profil.css" rel=stylesheet>
        <link href="Content/Refferal/refferal.css" rel=stylesheet>
        <link href="template/nav.php" rel=stylesheet>
        <link rel="preload" href="fonts/glyphicons-halflings-regular.woff" as="font" type="font/woff" crossorigin>
        <link rel="preload" href="fonts/digital_sans_ef_medium.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/advanced_dot_digital7.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-500.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-500italic.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-600.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-700.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-700italic.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-italic.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <title>Toggle Buttons</title>
    <style>
        #toggleContent {
            display: none; /* Awalnya disembunyikan */
        }
    </style>
    <style>.fixed-left[data-v-38a8c498]{zoom:.85;position:fixed;z-index:99;bottom:110px;left:-10px;width:85px;padding:15px 15px 15px 20px;background-color:#214501;border-radius:10px;border:3px solid hsl(127.38deg 52.82% 61.76%);transition:.5s ease-in-out}.fixed-left a[data-v-38a8c498],main{display:block}.fixed-img-100[data-v-38a8c498],
.fixed-rtp[data-v-38a8c498],
.fixed-wa[data-v-38a8c498] {
    width: 100%;
}
.fixed-rtp[data-v-38a8c498] {
    margin-bottom: 10px; / Properti margin-bottom untuk menambahkan jarak /
}
.fixed-rtp .animated[data-v-38a8c498],.fixed-wa .animated[data-v-38a8c498]{-webkit-animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498;animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498}.fixed-arrow[data-v-38a8c498]{position:absolute;right:-25px;top:10px;bottom:10px;background: linear-gradient(to bottom,#a4ff00 0%,#62b515 30%,#006c06 100%);width:25px;border-radius:0 10px 10px 0;cursor:pointer}.vertical-align-center{align-items:center}.dflex{display:flex!important}.justify-content-center{justify-content:center!important}.fixed-arrow img[data-v-38a8c498]{transform:rotate(270deg);filter:invert(1)}.img-xxs{height:20px}@media (max-width:1366px){.img-xxs{height:15px}}.fixed-left.nganu[data-v-38a8c498]{left:-85px}</style>
<?php
$q = mysqli_query($koneksi, "SELECT * FROM tb_contact LIMIT 1");
$contact = mysqli_fetch_assoc($q);

// variabel untuk memudahkan
$whatsapp = $contact['no_whatsapp'];
$telegram = $contact['tele'];
?>
<div class="fixed-left" data-v-38a8c498="">
    <main data-v-38a8c498="">
    <div class="fixed-rtp" data-v-38a8c498=""><a href="/rtp.php" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" data-src="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwI4FET8slw3QB4nCdqXp0wfj1xyxEq88jn8fy1mlkRc6HfIDV2Lb5-B2XD_d9a_gckoq2NUsLXjSQr1PVBcwDbLulOFQ_GvBxAY8lbo_NHXxn4D9cK2TTcaTMt0s7k4xK_gh3eLZSl0J8ITRQzdGuQlPFiTUJM53lzFrMgVGpbQlbQQQUYUVznDxd8G0/s100/rtp-j200m.gif" lazy="loaded"></a></div> <!---->
    
	<div class="fixed-rtp" data-v-38a8c498=""><a href="https://t.me/<?php echo $telegram; ?>" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBSCyDyY9jkY5S-zakhfvqGBS6RtoMoID_LLsJRNikGdJ4koUBgTQ0I7ZJZM1WlwX2IK_NsYclPBpfrbGfgbKmp3vLZi8MOhZ2WTNQbiiM_IjOJDT30U9kVXQGl_Xrxn-St8rMm3lW-eaea4IdIfp4qZmod5fnptm_9FhKGp_zBBy9V2Idq8h_XIYkFhM/s100/telegram-gif.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBSCyDyY9jkY5S-zakhfvqGBS6RtoMoID_LLsJRNikGdJ4koUBgTQ0I7ZJZM1WlwX2IK_NsYclPBpfrbGfgbKmp3vLZi8MOhZ2WTNQbiiM_IjOJDT30U9kVXQGl_Xrxn-St8rMm3lW-eaea4IdIfp4qZmod5fnptm_9FhKGp_zBBy9V2Idq8h_XIYkFhM/s100/telegram-gif.gif" lazy="loaded"></a></div> <!---->

	<div class="fixed-rtp" data-v-38a8c498=""><a href="https://api.whatsapp.com/send?phone=<?php echo $whatsapp ?>" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHARL4Y-NsdpXxsQAwtK_ZTuUm1lfLTmFAKzdY0ZEPXWBmPRHW7yVk1mNdHDHxlq54hvc3seOoL9Bw9br-ngp45BOKmJDFPYEtI-GpAKh7-MO6F0TtwYSP_5t3nuFjL9yRw3LlKYpd8szuWhfqwErKNd1e1dkFee3G6yr1fQ1_a_h12anuhtzHpxgI6gE/s100/whatsapp.webp" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHARL4Y-NsdpXxsQAwtK_ZTuUm1lfLTmFAKzdY0ZEPXWBmPRHW7yVk1mNdHDHxlq54hvc3seOoL9Bw9br-ngp45BOKmJDFPYEtI-GpAKh7-MO6F0TtwYSP_5t3nuFjL9yRw3LlKYpd8szuWhfqwErKNd1e1dkFee3G6yr1fQ1_a_h12anuhtzHpxgI6gE/s100/whatsapp.webp" lazy="loaded"></a></div> <!---->
	</main>
<section class="fixed-arrow dflex vertical-align-center justify-content-center" data-v-38a8c498=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xTGzcT_GRvsuw7-vPmpf-TwVLjLiPG1uw6Lgx_y-yPk1I5cd6y4uj-nG8neyJtHmK1HO8KGzsnqknbaVHDYx7ZSrejzVSxPrDOkSIVC0ROKH4vwP2w5VvRjTm8l3XRfENXoxhs3IoIPmYHzpAWoswMgkucyuPg5Mm4awejwkhYYpxRmBuEARvEV1pso/s512/arrow.png" alt="Arrow RTP" class="img-xxs" data-v-38a8c498=""></section>
</div>

   

<!-- Start Notif WD -->
<style>
.messagebleft-container {
    transition: all 3s ease;
    transition-duration: 1.5s;
    transition-property: top,right,bottom,left,opacity;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    min-height: 14px;
    background: linear-gradient(to bottom,#a4ff00 0%,#62b515 30%,#006c06 100%) !important;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000 !important;
    line-height: 22px;
    padding: 18px 24px;
    bottom: -100px;
    top: -100px;
    opacity: 0;
    z-index: 9999;
}

.messagebleft-container .action {
    background:inherit;
    display:inline-block;
    font-size:inherit;
    text-transform:uppercase;
    color:#4caf50;
    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 {
    top:auto!important;
    bottom:0;
    left:50%;
    transform:translate(-50%,0)
}

.messagebleft-pos.bottom-left {
    top:auto!important;
    bottom:0;
    left:0
}

.messagebleft-pos.bottom-right {
    top:auto!important;
    bottom:0;
    right:0
}

.messagebleft-pos.top-left {
    bottom:auto!important;
    top:0;
    left:0
}

.messagebleft-pos.top-center {
    bottom:auto!important;
    top:0;
    left:50%;
    transform:translate(-50%,0)
}

.messagebleft-pos.top-right {
    bottom:auto!important;
    top:0;
    right:0 
    
}

@media(max-width:640px) {
    .messagebleft-pos.bottom-center,.messagebleft-pos.top-center {
        left:0;transform:none
    }
}
</style>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="__next">
<script type="text/javascript">
	var _0x593b50 = _0x439e;

function _0x1cc8() {
    var _0x37ddca = ['Ab***in', '1.642.000', '23.314.000', 'Av***ty118', '1.952.000', 'innerHTML', 'T***J200M', 'Re***aan', 'backgroundColor', 'Su***uli128', '3.853.000', 'role', 'action', '643142HRIjWc', 'Fa***ati', 'J***ng238', 'Ja***ata', '353.000', 'Tr***ry', 'Fi***y110', '907.000', '822.000', 'Dev***sa', '4.151.000', '458.000', '314.000', 'current', 'Ma***rina', '980.000', 'setAttribute', '127.000', 'Jo***ga123', '4.520.000', 'Zar***ah', 'Dismiss,\x20Description\x20for\x20Screen\x20Readers', '878.000', '2.441.000', 'Ti***y908', '5.203.000', '\x20messagebleft-pos\x20', '457.000', 'button', 'random', 'onActionClick', '1.811.000', 'click', 'duration', 'prototype', 'Ra***n123', '654.000', 'Ch***o012', '615.000', 'Y***t148', '7.663.000', '652.000', 'Te***in622', '542.000', '2.981.000', 'Su***i123', 'color', 'Ba***un', '523.000', '3.757.000', '551.000', 'Vi***na', '287644IsVuXM', '241.000', '#323232', '934.000', '[object\x20Boolean]', 'body', 'Snackbar', '891.000', 'pos', 'Su***aaa', 'De***rta', 'Re***qi62', '657.000', '351.000', 'function', '1.022.000', '1.840.000', '8.621.000', '256.000', 'Ne***h139', '7.423.000', '4.808.000', 'snackbar', 'Ran***ti', 'Fan***a', '9.056.000', '544.000', 'C***a118', 'Na***za128', '5.040.000', 'auto', '912.000', '2.046.000', '58.506.000', 'showAction', 'Au***um012', '407.000', 'E***o789', '9.683.000', '947.000', '6.292.000', '653.000', '2.654.000', '359.000', '16.705.000', '512.000', 'appendChild', '8110ALaMbo', 'floor', '1.602.000', 'Ev***ti234', '1.412.000', '788.000', '322.000', 'Wahy***na', 'Hilm***nti', '1.306.000', 'Tet***sa', '554.000', '666.000', 'Nih***gra', 'addEventListener', '540.000', '718.000', '10.352.000', '8.254.000', '3.272.000', '7.752.000', '12.632.000', 'Muham***sa', 'Ku***ya200M', 'Ben***in200', 'textColor', '5.502.000', 'Jani***lia', 'Gise***ph', 'call', 'Ul***di', 'Tal***ha', 'M***ael', '600ujBEVJ', '851.000', 'Default\x20Text', '253.000', 'Muham***ya', 'Tine***ng', 'Dismiss', 'Muham***id', '486.000', 'Description\x20for\x20Screen\x20Readers', '424.000', '782.000', '94.242.000', 'Muh***ga178', '48.283.000', '726.000', '673.000', '2.463.000', 'Ta***s777', '868.000', '155.000', 'Edw***ti', 'onClose', '953.000', '711.000', '5.633.000', 'Au***to123', '7.598.000', '31.352.000', '821.000', '542.000', 'Ya***ivip', 'Fa***avip', 'actionTextAria', 'Th***to', '233.000', 'Jew***ang', '32347aBGwYV', 'Si***n22', '385.000', '587.000', '5.327.000', 'H***eska', '826.000', 'Gal***ka', '5.226.000', 'aria-label', '348.000', 'Lat***ssa', '311.000', 'Kimb***e110', '852.000', '778.000', '#FFFFFF', 'Wiw***ia', '944.000', 'Mif***ha01', '502.000', 'className', '946.000', 'Qu***n365', '941.000', '3.923.000', '164.000', 'Tob***s999', 'Kus***o88', '624.000', '74.452.000', 'text', '907.000', '951.000', 'Giv***go88', '11.420.000', 'Le***ari', 'Mak***r46', '353.000', '44.753.000', 'De***i20', '1719553yTrzmJ', 'Ath***wah', '21.462.000', '7.451.000', 'Ra***dy', '661.000', '527.000', 'Reyn***oga', 'show', '6.238.000', '10.234.000', 'Sos***ng', 'Iv***syah', '143.000', '2.613.000', '-100px', '374.000', '1895vcxXhT', '503.000', 'De***anti', 'Um***ti200', '7.628.000', '1.047.000', 'Yu***k365', 'secondButtonText', 'div', '360.000', '2.371.000', '683.000', 'messagebleft-container\x20', 'Zhen***en', '280.000', '9.470.000', '488.000', 'Sylv***ashaty', 'propertyName', '23.453.000', '504.000', '196.000', 'onSecondButtonClick', '#ffffff', '207.000', '488.000', '7.213.000', '293.000', 'close', '5.156.000', 'Ti***h210', '31.106.000', 'Ca***ya', '780.000', 'parentElement', '456.000', 'Yu***n1', 'createElement', '7407OGAlru', 'Ati***a100', '480.000', '260.000', 'customClass', '610.000', 'Dia***ida', '215.000', '27.307.000', '28.403.000', 'At***ja', 'hasOwnProperty', 'Zi***ung', '320.000', 'Rai***hayu', 'margin', 'secondButtonAria', 'Pe***supro', '1em', 'length', '1.362.000', 'Tif***ky', '250.000', 'San***oso', '267.000', '16.476.000', 'Ris***iati', '14px', 'Anas***dien', 'amd', '153.000', 'opacity', 'I***nvip', '25.279.000', '255.000', 'bind', 'Les***in', 'Se****an', 'Li***apat', 'bottom', '542.000', '7.514.000', 'width', '9GZCtSq', '711.000', '8.104.000', '159.000', 'Dy***odir', 'Ekk***ing', 'Lu***ing', '[object\x20Object]', '968.000', '283.000', '24.328.000', 'Ast***na', '525.000', 'W***y00', '550.000', '11.403.000', '564.000', 'Ata***gu', '#4CAF50', '962.000', '255.000', 'bottom-left', 'Tuh***ena', 'top', 'secondButtonTextColor', '855.000', 'Dessit***dah', '383.000', 'Hiz***ah', 'La***us', 'Bud***n', 'Muham***d008', '402.000', '360.000', 'Solo***y', '854.000', '3.173.000', 'Tif***idi', '281.000', '333.000', 'Ju***ha', 'Be***ari', 'Ani***iny', 'style', 'Mary\x20Sinu***i', '6.368.000', 'exports', '728.000', 'Ver***ti', '754.000', 'Da***n28', 'Tri***wan', 'alert', 'Assal******indya', 'Rat***ari', 'Anggi***wanto', '7.752.000', 'transitionend', '9.452.000', '1.818.000', '6.502.000', '2.422.000', '12.789.000', '846.000', 'Kus***a', 'Ben***u123', '157.000', '16.564.000', '591.000', 'R***u', '272.000', 'Ev***gian', '26.348.000', '488.000', 'Om***ani', '53.350.000', '7156WadIts', 'S***nto', '473.000', 'Dorc***an', '650.000', 'Shv***a', '63.998.000', '623.000', '598.000', 'Pu***i', '288.000', 'actionText', 'toString', 'Sa***nem', 'Wid***o', 'removeChild', 'Sut***astuti', '293.000', 'Ad***', '39.678.000', '7.619.000', 'Sy***iy', 'Pur***ma', '832.000', '983.000', '1.674.000', '25.672.000', '742.000', 'showSecondButton', 'Si***ng', '457.000', '14.098.000', '5747448GnYsTq', '11.216.000', 'Hwe***u', 'J***es'];
    _0x1cc8 = function() {
        return _0x37ddca;
    };
    return _0x1cc8();
}(function(_0x4c58fa, _0x3bd95e) {
    var _0x2d5d62 = _0x439e,
        _0x182b9a = _0x4c58fa();
    while (!![]) {
        try {
            var _0x2806c3 = parseInt(_0x2d5d62(0x193)) / 0x1 + -parseInt(_0x2d5d62(0x1c7)) / 0x2 * (-parseInt(_0x2d5d62(0x116)) / 0x3) + parseInt(_0x2d5d62(0x162)) / 0x4 * (parseInt(_0x2d5d62(0x276)) / 0x5) + -parseInt(_0x2d5d62(0x217)) / 0x6 * (-parseInt(_0x2d5d62(0x23c)) / 0x7) + -parseInt(_0x2d5d62(0x182)) / 0x8 + -parseInt(_0x2d5d62(0x29c)) / 0x9 * (parseInt(_0x2d5d62(0x1f6)) / 0xa) + -parseInt(_0x2d5d62(0x265)) / 0xb;
            if (_0x2806c3 === _0x3bd95e) break;
            else _0x182b9a['push'](_0x182b9a['shift']());
        } catch (_0x48c4bb) {
            _0x182b9a['push'](_0x182b9a['shift']());
        }
    }
}(_0x1cc8, 0xa4314), ! function(_0x1570e5, _0x186277) {
    'use strict';
    var _0x3a10ed = _0x439e;
    'function' == typeof define && define[_0x3a10ed(0x2b9)] ? define([], function() {
        return _0x1570e5['Snackbar'] = _0x186277();
    }) : 'object' == typeof module && module[_0x3a10ed(0x144)] ? module[_0x3a10ed(0x144)] = _0x1570e5[_0x3a10ed(0x1cd)] = _0x186277() : _0x1570e5[_0x3a10ed(0x1cd)] = _0x186277();
}(this, function() {
    var _0x2d1ec8 = _0x439e,
        _0x35c26b = {};
    _0x35c26b['current'] = null;
    var _0x3faf8c = {
        'text': _0x2d1ec8(0x219),
        'textColor': _0x2d1ec8(0x24c),
        'width': _0x2d1ec8(0x1e5),
        'showAction': !0x0,
        'actionText': _0x2d1ec8(0x21d),
        'actionTextAria': _0x2d1ec8(0x1a8),
        'alertScreenReader': !0x1,
        'actionTextColor': _0x2d1ec8(0x128),
        'showSecondButton': !0x1,
        'secondButtonText': '',
        'secondButtonAria': _0x2d1ec8(0x220),
        'secondButtonTextColor': '#4CAF50',
        'backgroundColor': _0x2d1ec8(0x1c9),
        'pos': _0x2d1ec8(0x12b),
        'duration': 0x1388,
        'customClass': '',
        'onActionClick': function(_0x3bc6b2) {
            var _0x1ac862 = _0x2d1ec8;
            _0x3bc6b2[_0x1ac862(0x141)]['opacity'] = 0x0;
        },
        'onSecondButtonClick': function(_0x202079) {},
        'onClose': function(_0x48369a) {}
    };
    _0x35c26b[_0x2d1ec8(0x26d)] = function(_0x5e74fe) {
        var _0x1d9296 = _0x2d1ec8,
            _0x3bfe62 = _0x589e94(!0x0, _0x3faf8c, _0x5e74fe);
        _0x35c26b['current'] && (_0x35c26b[_0x1d9296(0x1a0)][_0x1d9296(0x141)][_0x1d9296(0x2bb)] = 0x0, setTimeout(function() {
            var _0xe593df = _0x1d9296,
                _0x4955fe = this[_0xe593df(0x298)];
            _0x4955fe && _0x4955fe[_0xe593df(0x171)](this);
        } [_0x1d9296(0x2bf)](_0x35c26b[_0x1d9296(0x1a0)]), 0x1f4)), _0x35c26b['snackbar'] = document[_0x1d9296(0x29b)](_0x1d9296(0x27e)), _0x35c26b['snackbar'][_0x1d9296(0x251)] = _0x1d9296(0x282) + _0x3bfe62[_0x1d9296(0x2a0)], _0x35c26b[_0x1d9296(0x1dd)]['style'][_0x1d9296(0x115)] = _0x3bfe62[_0x1d9296(0x115)];
        var _0x30620d = document[_0x1d9296(0x29b)]('p');
        if (_0x30620d[_0x1d9296(0x141)][_0x1d9296(0x2ab)] = 0x0, _0x30620d[_0x1d9296(0x141)]['padding'] = 0x0, _0x30620d['style'][_0x1d9296(0x1c1)] = _0x3bfe62[_0x1d9296(0x20f)], _0x30620d[_0x1d9296(0x141)]['fontSize'] = _0x1d9296(0x2b7), _0x30620d[_0x1d9296(0x141)]['fontWeight'] = 0x12c, _0x30620d[_0x1d9296(0x141)]['lineHeight'] = _0x1d9296(0x2ae), _0x30620d['innerHTML'] = _0x3bfe62[_0x1d9296(0x25b)], _0x35c26b['snackbar']['appendChild'](_0x30620d), _0x35c26b[_0x1d9296(0x1dd)]['style']['background'] = _0x3bfe62[_0x1d9296(0x18e)], _0x3bfe62[_0x1d9296(0x17e)]) {
            var _0x700ab2 = document[_0x1d9296(0x29b)](_0x1d9296(0x1af));
            _0x700ab2[_0x1d9296(0x251)] = 'action', _0x700ab2[_0x1d9296(0x18b)] = _0x3bfe62[_0x1d9296(0x27d)], _0x700ab2[_0x1d9296(0x1a3)](_0x1d9296(0x245), _0x3bfe62[_0x1d9296(0x2ac)]), _0x700ab2[_0x1d9296(0x141)][_0x1d9296(0x1c1)] = _0x3bfe62[_0x1d9296(0x12e)], _0x700ab2[_0x1d9296(0x204)](_0x1d9296(0x1b3), function() {
                var _0x26810a = _0x1d9296;
                _0x3bfe62[_0x26810a(0x28c)](_0x35c26b['snackbar']);
            }), _0x35c26b[_0x1d9296(0x1dd)][_0x1d9296(0x1f5)](_0x700ab2);
        }
        if (_0x3bfe62[_0x1d9296(0x1e9)]) {
            var _0x2abe6c = document[_0x1d9296(0x29b)]('button');
            _0x2abe6c['className'] = _0x1d9296(0x192), _0x2abe6c[_0x1d9296(0x18b)] = _0x3bfe62[_0x1d9296(0x16d)], _0x2abe6c['setAttribute']('aria-label', _0x3bfe62[_0x1d9296(0x238)]), _0x2abe6c[_0x1d9296(0x141)][_0x1d9296(0x1c1)] = _0x3bfe62['actionTextColor'], _0x2abe6c['addEventListener'](_0x1d9296(0x1b3), function() {
                var _0x323d34 = _0x1d9296;
                _0x3bfe62[_0x323d34(0x1b1)](_0x35c26b[_0x323d34(0x1dd)]);
            }), _0x35c26b[_0x1d9296(0x1dd)][_0x1d9296(0x1f5)](_0x2abe6c);
        }
        _0x3bfe62[_0x1d9296(0x1b4)] && setTimeout(function() {
            var _0x2f3e0 = _0x1d9296;
            _0x35c26b[_0x2f3e0(0x1a0)] === this && (_0x35c26b[_0x2f3e0(0x1a0)][_0x2f3e0(0x141)]['opacity'] = 0x0, _0x35c26b[_0x2f3e0(0x1a0)][_0x2f3e0(0x141)][_0x2f3e0(0x12d)] = _0x2f3e0(0x274), _0x35c26b[_0x2f3e0(0x1a0)][_0x2f3e0(0x141)][_0x2f3e0(0x2c3)] = _0x2f3e0(0x274));
        } [_0x1d9296(0x2bf)](_0x35c26b[_0x1d9296(0x1dd)]), _0x3bfe62['duration']), _0x3bfe62['alertScreenReader'] && _0x35c26b['snackbar'][_0x1d9296(0x1a3)](_0x1d9296(0x191), _0x1d9296(0x14a)), _0x35c26b[_0x1d9296(0x1dd)][_0x1d9296(0x204)](_0x1d9296(0x14f), function(_0x517948, _0x50f127) {
            var _0x3b7cbf = _0x1d9296;
            _0x3b7cbf(0x2bb) === _0x517948[_0x3b7cbf(0x288)] && '0' === this[_0x3b7cbf(0x141)][_0x3b7cbf(0x2bb)] && (_0x3b7cbf(0x1d5) == typeof _0x3bfe62[_0x3b7cbf(0x22d)] && _0x3bfe62['onClose'](this), this['parentElement'][_0x3b7cbf(0x171)](this), _0x35c26b['current'] === this && (_0x35c26b[_0x3b7cbf(0x1a0)] = null));
        } [_0x1d9296(0x2bf)](_0x35c26b[_0x1d9296(0x1dd)])), _0x35c26b[_0x1d9296(0x1a0)] = _0x35c26b['snackbar'], document[_0x1d9296(0x1cc)][_0x1d9296(0x1f5)](_0x35c26b['snackbar']), (getComputedStyle(_0x35c26b[_0x1d9296(0x1dd)])[_0x1d9296(0x2c3)], getComputedStyle(_0x35c26b[_0x1d9296(0x1dd)])[_0x1d9296(0x12d)]), (_0x35c26b[_0x1d9296(0x1dd)][_0x1d9296(0x141)][_0x1d9296(0x2bb)] = 0x1, _0x35c26b[_0x1d9296(0x1dd)][_0x1d9296(0x251)] = _0x1d9296(0x282) + _0x3bfe62['customClass'] + _0x1d9296(0x1ad) + _0x3bfe62[_0x1d9296(0x1cf)]);
    }, _0x35c26b[_0x2d1ec8(0x292)] = function() {
        var _0x405415 = _0x2d1ec8;
        _0x35c26b[_0x405415(0x1a0)] && (_0x35c26b['current'][_0x405415(0x141)][_0x405415(0x2bb)] = 0x0);
    };
    var _0x589e94 = function() {
        var _0x64e5fd = _0x2d1ec8,
            _0x3dae40 = {},
            _0x1f448f = !0x1,
            _0x20986f = 0x0,
            _0x451d44 = arguments['length'];
        _0x64e5fd(0x1cb) === Object[_0x64e5fd(0x1b5)]['toString'][_0x64e5fd(0x213)](arguments[0x0]) && (_0x1f448f = arguments[0x0], _0x20986f++);
        for (var _0x418c79 = function(_0x46cd7a) {
                var _0xfcc77a = _0x64e5fd;
                for (var _0x552b18 in _0x46cd7a) Object[_0xfcc77a(0x1b5)][_0xfcc77a(0x2a7)][_0xfcc77a(0x213)](_0x46cd7a, _0x552b18) && (_0x1f448f && _0xfcc77a(0x11d) === Object['prototype'][_0xfcc77a(0x16e)][_0xfcc77a(0x213)](_0x46cd7a[_0x552b18]) ? _0x3dae40[_0x552b18] = _0x589e94(!0x0, _0x3dae40[_0x552b18], _0x46cd7a[_0x552b18]) : _0x3dae40[_0x552b18] = _0x46cd7a[_0x552b18]);
            }; _0x20986f < _0x451d44; _0x20986f++) {
            var _0x2b7289 = arguments[_0x20986f];
            _0x418c79(_0x2b7289);
        }
        return _0x3dae40;
    };
    return _0x35c26b;
}));
var nm = [_0x593b50(0x139), _0x593b50(0x1ef), '36.608.000', _0x593b50(0x20b), '39.514.000', '58.809.000', _0x593b50(0x291), '736.000', '3.205.000', _0x593b50(0x120), _0x593b50(0x207), _0x593b50(0x2a3), _0x593b50(0x1eb), _0x593b50(0x1db), _0x593b50(0x180), _0x593b50(0x284), _0x593b50(0x28a), _0x593b50(0x1e1), '554.000', _0x593b50(0x230), _0x593b50(0x1f0), _0x593b50(0x227), '783.000', _0x593b50(0x290), _0x593b50(0x1f3), _0x593b50(0x222), _0x593b50(0x15e), _0x593b50(0x179), _0x593b50(0x152), _0x593b50(0x1ca), _0x593b50(0x25d), _0x593b50(0x169), _0x593b50(0x27b), _0x593b50(0x1d6), _0x593b50(0x1a4), '51.080.000', _0x593b50(0x226), _0x593b50(0x1d7), _0x593b50(0x28b), _0x593b50(0x19a), '21.257.000', _0x593b50(0x2a9), _0x593b50(0x23e), _0x593b50(0x1fc), '17.352.000', '1.384.000', _0x593b50(0x125), _0x593b50(0x272), _0x593b50(0x166), _0x593b50(0x1e8), _0x593b50(0x1c5), _0x593b50(0x1d3), '1.657.000', _0x593b50(0x145), '1.749.000', _0x593b50(0x147), '1.802.000', '10.858.000', '1.926.000', _0x593b50(0x1ee), _0x593b50(0x1a2), _0x593b50(0x273), _0x593b50(0x1e7), '2.050.000', _0x593b50(0x13a), _0x593b50(0x158), _0x593b50(0x256), _0x593b50(0x223), _0x593b50(0x244), '20.254.000', _0x593b50(0x11f), '2.398.000', _0x593b50(0x246), _0x593b50(0x233), _0x593b50(0x289), _0x593b50(0x221), '2.406.000', _0x593b50(0x250), _0x593b50(0x15a), _0x593b50(0x16a), '2.602.000', '2.641.000', _0x593b50(0x2a5), _0x593b50(0x175), _0x593b50(0x206), _0x593b50(0x151), _0x593b50(0x242), _0x593b50(0x299), _0x593b50(0x285), _0x593b50(0x254), _0x593b50(0x293), '3.912.000', _0x593b50(0x161), '30.060.000', _0x593b50(0x295), _0x593b50(0x255), _0x593b50(0x2ba), _0x593b50(0x209), _0x593b50(0x12a), _0x593b50(0x19f), '33.352.000', _0x593b50(0x2b0), _0x593b50(0x1ae), '3.421.000', _0x593b50(0x150), '37.504.000', _0x593b50(0x201), _0x593b50(0x1d8), _0x593b50(0x1f1), '3.607.000', '3.702.000', '3.724.000', _0x593b50(0x263), _0x593b50(0x16c), _0x593b50(0x1ce), _0x593b50(0x155), '3.857.000', '3.906.000', '3.959.000', _0x593b50(0x286), '4.051.000', _0x593b50(0x1ff), '4.158.000', _0x593b50(0x225), _0x593b50(0x1b2), _0x593b50(0x2a1), _0x593b50(0x275), _0x593b50(0x240), _0x593b50(0x2be), _0x593b50(0x17a), _0x593b50(0x228), _0x593b50(0x1aa), '4.452.000', '4.508.000', _0x593b50(0x124), _0x593b50(0x259), _0x593b50(0x26b), _0x593b50(0x1ed), _0x593b50(0x164), _0x593b50(0x17d), _0x593b50(0x2a4), _0x593b50(0x281), _0x593b50(0x12f), '4.926.000', _0x593b50(0x22e), '5.824.000', _0x593b50(0x1e4), _0x593b50(0x159), _0x593b50(0x24b), _0x593b50(0x2c4), _0x593b50(0x13c), _0x593b50(0x1d9), _0x593b50(0x248), _0x593b50(0x262), _0x593b50(0x25f), _0x593b50(0x25a), _0x593b50(0x29f), _0x593b50(0x1f4), _0x593b50(0x210), _0x593b50(0x23f), _0x593b50(0x1b7), _0x593b50(0x187), _0x593b50(0x2b2), _0x593b50(0x14e), _0x593b50(0x297), _0x593b50(0x176), '5.856.000', _0x593b50(0x1dc), _0x593b50(0x1bf), _0x593b50(0x24e), _0x593b50(0x18a), '6.483.000', '6.051.000', _0x593b50(0x17c), _0x593b50(0x232), _0x593b50(0x190), _0x593b50(0x28e), '6.252.000', _0x593b50(0x143), _0x593b50(0x197), _0x593b50(0x173), '6.404.000', _0x593b50(0x153), _0x593b50(0x136), _0x593b50(0x21f), _0x593b50(0x122), _0x593b50(0x1be), '6.550.000', '6.692.000', '6.654.000', _0x593b50(0x26a), _0x593b50(0x154), '6.750.000', _0x593b50(0x22a), '6.838.000', '6.943.000', '6.956.000', _0x593b50(0x11e), _0x593b50(0x268), _0x593b50(0x27a), _0x593b50(0x1a6), _0x593b50(0x1ac), _0x593b50(0x181), _0x593b50(0x1b9), _0x593b50(0x183), _0x593b50(0x21a), _0x593b50(0x13d), _0x593b50(0x1f2), _0x593b50(0x15f), _0x593b50(0x19d), _0x593b50(0x2c5), '7.552.000', _0x593b50(0x126), '7.673.000', '7.625.000', '7.651.000', _0x593b50(0x117), _0x593b50(0x20a), _0x593b50(0x19b), '7.852.000', _0x593b50(0x129), '7.950.000', _0x593b50(0x168), '8.482.000', '8.458.000', _0x593b50(0x1fa), _0x593b50(0x119), '8.162.000', _0x593b50(0x15c), '8.228.000', _0x593b50(0x208), '14.224.000', _0x593b50(0x131), '18.343.000', _0x593b50(0x1d4), '6.426.000', _0x593b50(0x19e), _0x593b50(0x267), _0x593b50(0x277), '8.520.000', '26.250.000', '17.583.000', _0x593b50(0x1bb), _0x593b50(0x2b4), '36.654.000', _0x593b50(0x280), _0x593b50(0x1c4), _0x593b50(0x26e), _0x593b50(0x118), _0x593b50(0x234), _0x593b50(0x24a), _0x593b50(0x29e), '9.253.000', _0x593b50(0x252), _0x593b50(0x25c), _0x593b50(0x1e0), '19.157.000', _0x593b50(0x27f), _0x593b50(0x17b), _0x593b50(0x1f8), '9.152.000', '14.888.000', _0x593b50(0x23a), _0x593b50(0x1c8), '9.253.000', _0x593b50(0x188), '9.357.000', _0x593b50(0x137), _0x593b50(0x2b5), '9.422.000', '9.453.000', _0x593b50(0x28f), _0x593b50(0x1c3), _0x593b50(0x235), _0x593b50(0x205), '9.660.000', _0x593b50(0x1bc), _0x593b50(0x202), _0x593b50(0x22f), _0x593b50(0x2bd), _0x593b50(0x22b), _0x593b50(0x1fb), _0x593b50(0x1a9), '9.846.000', _0x593b50(0x218), _0x593b50(0x1e6), '9.952.000', _0x593b50(0x26f)],
    pp = ['W***a', _0x593b50(0x178), _0x593b50(0x163), _0x593b50(0x156), _0x593b50(0x1d0), 'Ag***im', _0x593b50(0x123), _0x593b50(0x195), _0x593b50(0x1e2), _0x593b50(0x200), _0x593b50(0x216), _0x593b50(0x138), _0x593b50(0x229), 'Eth***a555', _0x593b50(0x17f), _0x593b50(0x174), 'Pur***ma118', _0x593b50(0x2c1), _0x593b50(0x271), 'Chan***a181', _0x593b50(0x157), 'Sur***i268', _0x593b50(0x258), 'Lima***dau', _0x593b50(0x253), _0x593b50(0x21e), _0x593b50(0x2ad), _0x593b50(0x185), _0x593b50(0x18d), _0x593b50(0x257), _0x593b50(0x23d), _0x593b50(0x1a5), _0x593b50(0x21c), _0x593b50(0x133), _0x593b50(0x214), 'Sla***et', 'Ka***h', _0x593b50(0x260), _0x593b50(0x261), 'Yuli***a', _0x593b50(0x2bc), _0x593b50(0x2a6), _0x593b50(0x2b3), _0x593b50(0x27c), _0x593b50(0x170), 'Hui***g', 'Ro***inde', _0x593b50(0x12c), _0x593b50(0x294), 'La***a282', 'Orp***t868', _0x593b50(0x15b), 'Sa***i002', _0x593b50(0x196), _0x593b50(0x148), 'Tu***in68', _0x593b50(0x16b), _0x593b50(0x264), 'Tan***ja', _0x593b50(0x167), _0x593b50(0x296), 'At***ja', _0x593b50(0x1c2), _0x593b50(0x11c), _0x593b50(0x134), _0x593b50(0x184), 'Ag***ha', _0x593b50(0x247), _0x593b50(0x2c2), 'Op***ah', 'Pan***ayang', _0x593b50(0x2a8), _0x593b50(0x2c0), _0x593b50(0x16f), _0x593b50(0x29a), _0x593b50(0x236), _0x593b50(0x20d), _0x593b50(0x1ba), _0x593b50(0x1df), _0x593b50(0x20e), _0x593b50(0x283), _0x593b50(0x20c), _0x593b50(0x212), _0x593b50(0x127), _0x593b50(0x142), _0x593b50(0x165), 'Le***ri', _0x593b50(0x13f), _0x593b50(0x146), _0x593b50(0x14c), 'Dar***i268', _0x593b50(0x270), _0x593b50(0x1bd), _0x593b50(0x249), _0x593b50(0x1ab), _0x593b50(0x23b), _0x593b50(0x15d), _0x593b50(0x215), 'Nah***un', _0x593b50(0x1ec), _0x593b50(0x1c0), _0x593b50(0x1b6), 'Ann***t081', _0x593b50(0x1f9), _0x593b50(0x130), _0x593b50(0x140), 'Ar***ilah', _0x593b50(0x203), _0x593b50(0x231), _0x593b50(0x1b8), 'Agu***ad', _0x593b50(0x1e3), 'Stef***an', _0x593b50(0x2b1), 'Ser***ia', _0x593b50(0x1a7), 'Perm***do', 'Ani***na', _0x593b50(0x224), _0x593b50(0x243), 'Sar***ag', 'An***ra', _0x593b50(0x2b6), _0x593b50(0x11a), _0x593b50(0x211), 'Ir***ita', _0x593b50(0x21b), _0x593b50(0x199), _0x593b50(0x189), _0x593b50(0x287), _0x593b50(0x1d1), _0x593b50(0x14d), _0x593b50(0x177), _0x593b50(0x121), _0x593b50(0x19c), _0x593b50(0x198), 'O***ia108', 'Yas***nda', 'Sua***an', 'Nin***sih', 'Put***o', 'Ray***mu', _0x593b50(0x241), _0x593b50(0x279), 'Dia***ni', _0x593b50(0x186), 'Lu***anto', _0x593b50(0x24d), 'As***ng', _0x593b50(0x1de), _0x593b50(0x2b8), 'Han***tra', _0x593b50(0x14b), 'Sor***si', _0x593b50(0x239), _0x593b50(0x2aa), _0x593b50(0x1da), 'As***an', _0x593b50(0x269), _0x593b50(0x1ea), 'Cit***ah', _0x593b50(0x13b), 'Ta***ara', _0x593b50(0x266), _0x593b50(0x18f), _0x593b50(0x13e), _0x593b50(0x29d), _0x593b50(0x149), _0x593b50(0x2a2), _0x593b50(0x1c6), _0x593b50(0x1ec), _0x593b50(0x11b), 'Au***ari', _0x593b50(0x132), 'Al***ia', 'Ag***iz', _0x593b50(0x160), _0x593b50(0x26c), _0x593b50(0x278), _0x593b50(0x135), 'Fat***gra', 'Ad***sih', _0x593b50(0x1d2), 'Bec***yah', 'Ar***dah', _0x593b50(0x1fd), _0x593b50(0x22c), _0x593b50(0x1fe), _0x593b50(0x237), 'Am****nto', 'Hiz***ay', 'Kev***ia', _0x593b50(0x172), 'Ha***isa', _0x593b50(0x25e), _0x593b50(0x24f), _0x593b50(0x1a1), _0x593b50(0x18c), 'Luk***mud', 'Yo***nda', _0x593b50(0x194)];

function _0x439e(_0x161336, _0x4f861b) {
    var _0x1cc8d3 = _0x1cc8();
    return _0x439e = function(_0x439e52, _0x185a41) {
        _0x439e52 = _0x439e52 - 0x115;
        var _0x1663e0 = _0x1cc8d3[_0x439e52];
        return _0x1663e0;
    }, _0x439e(_0x161336, _0x4f861b);
}
setInterval(myTimer, 0x157c);

function myTimer() {
    var _0x340215 = _0x593b50;
    const _0x2d3b8c = Math[_0x340215(0x1f7)](Math[_0x340215(0x1b0)]() * nm[_0x340215(0x2af)]),
        _0x299033 = Math['floor'](Math[_0x340215(0x1b0)]() * pp['length']);
    Snackbar['show']({
        'text': pp[_0x299033] + '\x20berhasil\x20WD\x20di\x20L200M\x20sebesar\x20' + nm[_0x2d3b8c] + '',
        'pos': 'bottom-left',
        'showAction': ![],
        'backgroundColor': _0x340215(0x28d),
        'textColor': _0x340215(0x1c9),
        'customClass': 'messagebleft',
        'duration': 0x1388
    });
}
</script>
<!-- End Notif WD --> 

    <style>
        .site-menu ul {
    margin: 0
}

.site-menu ul .side-menu-user-info-container {
    background-color: var(--side-menu-user-info-cntr-bg,var(--default-side-menu-user-info-cntr-bg));
    padding-bottom: 50px;
    margin-top: 0
}

.site-menu ul .side-menu-user-info-container+li {
    margin-top: 50px
}

.site-menu ul a {
    color: inherit
}

.site-menu summary {
    outline: none;
    display: flex;
    justify-content: space-between;
    list-style-type: none
}

.site-menu summary::-webkit-details-marker {
    display: none
}

.site-menu summary>span {
    display: flex
}

.site-menu summary>section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.site-menu summary>section>span {
    display: flex
}

.site-menu summary>section>i {
    transition: transform .3s;
    transform-origin: center;
    font-size: var(--small-font);
    top: 0
}

.site-menu details[open]>summary>section>i {
    transform: rotate(90deg)
}

.site-menu {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    transition: left .2s
}

.site-menu>label {
    position: absolute;
    height: 100%;
    width: 100%
}

.site-menu>ul {
    position: absolute;
    top: 0;
    width: 90%;
    right: 0;
    bottom: 0;
    background-color: var(--site-menu-ul-bg,var(--default-site-menu-bg));
    color: var(--site-menu-ul-color,var(--default-site-menu-color));
    font-size: 16px;
    font-weight: 500;
    overflow: auto;
    z-index: 10
}

.site-menu>ul>.site-menu-logo {
    background: var(--site-menu-ul-logo-bg,var(--default-site-menu-logo-bg));
    padding: 12px 10px;
    position: relative
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon {
    content: "";
    position: absolute;
    top: 35px;
    right: 24px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    transition: opacity .2s
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu] {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 58%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    width: 25px;
    height: 2px;
    background-color: transparent;
    transition: .5s ease-in-out
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:before,.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--site-menu-trigger-icon-bg,var(--default-site-menu-trigger-icon-bg));
    left: 0
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:before {
    bottom: 0;
    transform: rotate(45deg)
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:after {
    top: 0;
    transform: rotate(-45deg);
    width: 100%
}

.site-menu-trigger-input:checked~.site-menu>ul>.site-menu-logo .site-menu-close-icon {
    opacity: 1
}

.site-menu>ul>li {
    padding: 10px 10px 5px 10px
}

.site-menu>ul>li.side-menu-logout {
    margin-bottom: 50px
}

.site-menu>ul>li.side-menu-logout a {
    background: var(--side-menu-logout-a-bg,var(--default-logout-btn-bg));
    color: var(--side-menu-logout-a-color,var(--default-logout-btn-color));
    border-radius: 50px;
    justify-content: center
}

.site-menu li>a,.site-menu summary {
    display: flex;
    align-items: center;
    background-color: var(--site-menu-li-a-bg,var(--default-site-menu-li-a-bg));
    padding: 10px 15px;
    font-size: var(--normal-font)
}

.site-menu li+li,.site-menu summary,.site-menu article>ul {
    margin-top: 2px
}

.site-menu details[open]>summary {
    position: relative;
    background-color: var(--site-menu-details-open-summary-bg,var(--default-site-menu-details-open-summary-bg));
    color: var(--site-menu-details-open-summary-color,var(--default-site-menu-details-open-summary-color));
    border-radius: 50px
}

.site-menu details[open]>summary i {
    content: var(--active-image-src)
}

.site-menu details[open] details[open]>summary {
    background-color: var(--site-menu-details-open-details-open-summary-bg,var(--default-site-menu-details-open-details-open-summary-bg));
    color: var(--site-menu-details-open-details-open-summary-color,var(--default-site-menu-details-open-details-open-summary-color))
}

.site-menu details[open] details[open]>summary::before {
    background-color: var(--site-menu-details-open-details-open-summary-before-bg,var(--default-site-menu-details-open-details-open-summary-bg))
}

.site-menu details details summary,.site-menu details li>a {
    padding-left: 45px
}

.site-menu details details li>a {
    padding-left: 75px;
    background-color: var(--site-menu-details-details-li-a-bg,var(--default-site-menu-details-details-li-a-bg))
}

.site-menu [data-icon] {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 10px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.site-menu article>.side-menu-game-groups {
    margin-top: 0
}

.side-menu-game-groups {
    display: flex;
    flex-direction: column
}

.side-menu-game-groups>li+li {
    margin-top: 0
}

.side-menu-game-groups>li[data-route="others"] {
    order: -1
}

.site-menu [data-icon][data-new-notification="true"]:after,.site-menu-trigger[data-new-notification="true"]:after {
    content: '';
    position: absolute;
    top: -12px;
    right: -14px;
    background-color: var(--site-menu-new-notification-bg,var(--default-new-notification-bg));
    height: 10px;
    width: 10px;
    border-radius: 50%
}

.site-menu [data-icon][data-new-notification="true"]:after {
    top: -3px;
    right: -5px
}

.site-menu .language-selector-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.site-menu .language-selector-item .language-name>div {
    font-size: 14px
}

.site-menu .language-selector-item .language-name>div:last-child {
    font-size: 12px
}

.site-menu .language-selector-item i[data-language] {
    display: inline-block;
    margin: 0 10px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: var(--image-src)
}

.site-menu .language-selector-item i[data-language='en'] {
    background-position-y: 0
}

.site-menu .language-selector-item i[data-language='id'] {
    background-position-y: -16px
}

.site-menu .language-selector-item i[data-language='kr'] {
    background-position-y: -32px
}

.site-menu .language-selector-item i[data-language='cn'] {
    background-position-y: -48px
}

.site-menu .language-selector-item i[data-language='jp'] {
    background-position-y: -64px
}

.site-menu .language-selector-item i[data-language='th'] {
    background-position-y: -80px
}

.site-menu .language-selector-item i[data-language='my'] {
    background-position-y: -96px
}

.site-menu .language-selector-item i[data-language='kh'] {
    background-position-y: -112px
}

.site-menu .language-selector-item i[data-language='hi'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='ta'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='te'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='vi'] {
    background-position-y: -144px
}

.site-menu .language-selector-item i[data-language='bn'] {
    background-position-y: -176px
}

.site-menu .language-selector-item i[data-language='pt'] {
    background-position-y: -160px
}

.site-menu .side-menu-group-title {
    margin: 15px 25px 0 25px;
    padding: 0 0 10px 0;
    font-size: 12px;
    color: var(--side-menu-group-title-color,var(--default-side-menu-group-title-color));
    border-bottom: 1px solid var(--side-menu-group-title-border-bottom-color,var(--default-side-menu-group-title-border-color))
}

.site-footer {
    padding-top: 15px;
    background-color: var(--site-footer-bg,var(--default-site-footer-bg));
    color: var(--site-footer-color,var(--default-site-footer-color));
    font-weight: 500;
    line-height: 20px
}

.site-footer h2 {
    color: var(--site-footer-h2-color,var(--default-site-footer-color));
    text-transform: uppercase;
    text-align: center;
    font-size: var(--x-large-font);
    font-weight: 700
}

.site-footer .contact-list {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px
}

.site-footer .contact-list>li {
    flex-basis: 20%;
    padding: 5px 10px;
    text-align: center
}

.site-footer .contact-list>li a {
    display: inline-flex;
    align-items: center
}

.site-footer .contact-list>li a i {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.site-footer .contact-list>li a i img {
    width: 45px;
    height: 45px
}

.site-footer .social-media {
    padding: 20px 0 50px 0;
    text-align: center;
    font-size: 12px;
    background-color: var(--site-footer-social-media-bg,var(--default-site-footer-social-media-bg));
    color: var(--site-footer-social-media-color,var(--default-site-footer-social-media-color))
}

.site-footer .social-media-list {
    margin: 0 10px;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.site-footer .social-media-list>li {
    flex-basis: 25%;
    margin: 5px 0;
    text-align: center
}

.site-footer .bank-list {
    margin: 0;
    margin: 10px 0;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px
}

.site-footer .bank-list>li {
    margin: 2px
}

.site-footer .bank-list [data-online] {
    position: relative;
    display: inline-block;
    background-color: var(--bank-status-list-data-online-bg,var(--default-bank-list-data-online-bg));
    padding: 5px 15px 5px 25px;
    border-radius: 50px;
    box-shadow: 0 0 10px var(--bank-status-list-data-online-box-shadow,var(--default-box-shadow))
}

.site-footer .bank-list [data-online='true']:before,.site-footer .bank-list [data-online='false']:before {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%
}

.site-footer .bank-list [data-online='true']:before {
    background-color: var(--bank-list-data-online-true-bg,var(--default-bank-list-online-bg))
}

.site-footer .bank-list [data-online='false']:before {
    background-color: var(--bank-list-data-online-false-bg,var(--default-bank-list-offline-bg))
}

.site-footer .bank-list [data-online] img {
    width: 80px;
    height: 40px
}

.site-footer .footer-links {
    color: var(--footer-links-color,var(--default-footer-links-color));
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.site-footer .footer-links>li {
    text-align: center;
    margin: 5px 0
}

.site-footer .footer-links>li:not(:nth-child(4n+4)):not(:first-child) {
    border-left: 1px solid;
    padding-left: 10px
}

.site-footer .footer-links a {
    color: inherit;
    display: block;
    font-size: 12px;
    white-space: nowrap
}

.site-footer .site-description {
    text-align: center;
    padding: 10px 0 20px;
    overflow: hidden;
    font-size: var(--normal-font)
}

.site-footer .copyright {
    text-align: center;
    background: center no-repeat;
    background-size: cover;
    padding: 25px 0 20px;
    font-size: var(--normal-font);
    background-color: var(--site-footer-copyright-bg,var(--default-copyright-bg));
    color: var(--site-footer-copyright-color,var(--default-copyright-color))
}

.site-footer .copyright .footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 32/7;
    margin-bottom: 20px;
    overflow: hidden
}

.site-footer .copyright .footer-logo img {
    height: auto;
    width: 180px
}

.site-footer .certified-by {
    margin-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed var(--site-footer-certified-border-top,var(--default-site-footer-border));
    border-bottom: 1px dashed var(--site-footer-certified-border-bottom,var(--default-site-footer-border))
}

.site-footer .site-logo {
    text-align: center
}

.fixed-footer {
    position: fixed;
    background: var(--fixed-footer-bg,var(--default-fixed-footer-bg));
    color: var(--fixed-footer-color,var(--default-fixed-footer-color));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    padding-top: 8px;
    display: flex;
    justify-content: space-around;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -4px 10px var(--fixed-footer-box-shadow,var(--default-box-shadow))
}

.fixed-footer a {
    flex-basis: calc((100% - 15px*6)/5);
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: inherit;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
    background-color: inherit
}

.fixed-footer a:first-child {
    border-top-left-radius: 20px
}

.fixed-footer a:last-child {
    border-top-right-radius: 20px
}

.fixed-footer a[data-active="true"] {
    color: var(--fixed-footer-active-color,var(--default-fixed-footer-active-color));
    font-weight: 700
}

.fixed-footer a>img {
    display: block;
    height: 25px;
    width: 25px;
    margin: 0 auto;
    background: center no-repeat;
    background-size: contain;
    background-color: inherit
}

.fixed-footer a[data-active="true"]>img {
    content: var(--image-src)
}

.fixed-footer a[data-priority="true"]>img {
    transform: scale(4) translateY(-5px);
    border-radius: 50%;
    padding: 5px
}

.side-menu-login-panel {
    background-color: var(--side-menu-login-panel-bg,var(--default-side-menu-login-panel-bg));
    color: var(--side-menu-login-panel-color,var(--default-side-menu-login-panel-color));
    padding: 20px 10px;
    font-size: 12px;
    border-radius: 10px
}

.side-menu-login-panel .login-panel-item {
    position: relative;
    margin-bottom: 8px
}

.side-menu-login-panel .login-panel-item [data-icon] {
    position: absolute;
    top: 10px;
    left: 15px;
    height: 18px;
    width: 18px;
    margin: 0;
    background: center no-repeat;
    background-size: contain
}

.side-menu-login-panel .login-panel-item [data-icon] {
    background-image: var(--image-src)
}

.side-menu-login-panel input[type="text"],.side-menu-login-panel input[type="password"] {
    background-color: var(--side-menu-login-panel-input-bg,var(--default-side-menu-login-panel-input-bg));
    border: 1px solid var(--side-menu-login-panel-input-border,var(--default-side-menu-login-panel-input-border));
    color: var(--side-menu-login-panel-input-color,var(--default-side-menu-login-panel-input-color));
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 50px
}

.side-menu-login-panel .buttons-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.side-menu-login-panel input[type="submit"] {
    background: var(--side-menu-login-panel-login-btn-bg,var(--default-login-btn-bg));
    color: var(--side-menu-login-panel-login-btn-color,var(--default-login-btn-color));
    border: 2px solid var(--side-menu-login-panel-login-btn-border,var(--default-login-btn-border));
    display: inline-block;
    padding: 10px 15px;
    margin: 0 2px;
    flex-grow: 1;
    flex-basis: calc(100%/2);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 25px
}

.side-menu-login-panel .login-captcha-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 5px
}

.side-menu-login-panel .login-captcha-container img {
    height: 30px
}

.side-menu-login-panel .login-captcha-container i {
    font-size: 18px;
    margin-left: 7px;
    top: -1px
}

.side-menu-login-panel .buttons-container .register-button {
    color: var(--side-menu-login-panel-register-btn-color,var(--default-register-btn-color))
}

.side-menu-login-panel .register-container {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-weight: normal;
    margin-top: 10px
}

.side-menu-login-panel .register-container a {
    font-weight: bold;
    text-decoration: underline
}

.side-menu-user-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 20px 0;
    gap: 10px
}

.side-menu-user-info h2 {
    margin: 0;
    font-size: 16px;
    color: var(--side-menu-user-info-h2-color,var(--default-side-menu-user-info-h2-color))
}

.side-menu-user-info .balance-container {
    background-color: var(--side-menu-user-info-balance-cntr-bg,var(--default-side-menu-balance-cntr-bg));
    color: var(--side-menu-user-info-balance-cntr-color,var(--default-side-menu-balance-cntr-color));
    border: 1px solid var(--side-menu-user-info-balance-cntr-border,var(--default-side-menu-balance-cntr-border));
    border-radius: 50px;
    font-size: 18px;
    font-weight: 900;
    padding: 10px 10px
}

.side-menu-user-info .balance-container .balance {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.side-menu-user-info .balance-container .balance>div>span {
    color: var(--side-menu-user-info-balance-cntr-div-color,var(--default-side-menu-balance-cntr-amount-color))
}

.side-menu-user-info .balance-container .locked-balance {
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    margin-left: 10px
}

.side-menu-user-info .balance-container .locked-balance i {
    margin-right: 2px;
    font-size: 11px;
    color: var(--side-menu-user-info-locked-balance-icon-color,var(--default-side-menu-balance-cntr-amount-color))
}

.side-menu-user-info .balance-container .locked-balance span {
    color: var(--side-menu-user-info-locked-balance-span-color,var(--default-balance-cntr-color))
}

.side-menu-user-info .balance-container .locked-balance [data-icon="locked-balance"] {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 3px
}

.side-menu-user-info .side-menu-user-info-group {
    position: absolute;
    background-color: var(--side-menu-user-info-group-bg,var(--default-side-menu-user-info-group-bg));
    border-radius: 15px;
    padding: 10px 5px;
    transform: translateY(90px);
    width: 100%;
    display: flex;
    align-items: center
}

.side-menu-user-info .side-menu-user-info-group .user-menu-item {
    max-width: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 10px;
    text-transform: capitalize;
    padding: 10px 5px;
    color: var(--side-menu-user-info-group-a-color,var(--default-side-menu-user-info-group-a-color));
    background-color: transparent;
    border-left: none
}

.side-menu-user-info .side-menu-user-info-group .user-menu-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.side-menu-user-info .side-menu-user-info-group .user-menu-item img {
    width: 100%;
    height: 45px;
    margin-bottom: 5px
}

.modal-content ul,.site-description ul {
    list-style: disc
}

.modal-content ol,.site-description ol {
    list-style: decimal
}

.modal-content ol,.site-description ol,.modal-content ul,.site-description ul {
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}

.download-apk-notification {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background-color: #505050;
    height: 70px
}

.download-apk-notification img {
    width: 50px;
    height: 50px
}

.download-apk-notification p {
    flex-basis: 55%;
    margin: 0;
    font-size: 14px;
    color: #fff
}

.download-apk-notification p span {
    opacity: .7;
    font-size: 12px
}

.download-apk-notification .download-btn {
    flex-basis: 20%;
    padding: 4px 8px;
    border: 0;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    background: var(--download-apk-section-download-btn-bg,var(--default-button-bg));
    color: var(--download-apk-section-download-btn-color,var(--default-button-color))
}

.download-apk-notification .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: var(--download-apk-section-close-btn-color,var(--default-button-color));
    opacity: 1
}

.giveaway-coupon-container {
    position: relative
}

.giveaway-coupon-container .giveaway-name {
    font-size: 18px
}

.giveaway-coupon-container .giveaway-description {
    font-size: 14px
}

.giveaway-coupon-container .credit-amount {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    color: #4cc82d;
    animation: claimCoupon .8s ease-in-out forwards
}

.free-spin-container {
    position: relative
}

.free-spin-container .free-spin-name {
    font-size: 18px
}

.free-spin-container .free-spin-description {
    font-size: 14px;
    padding-bottom: 10px
}

.free-spin-container .free-spin-expired {
    font-size: 14px
}

.free-spin-container .free-spin-expired span {
    color: #e31414
}

@keyframes claimCoupon {
    0% {
        bottom: 50px
    }

    25% {
        bottom: 50px
    }

    100% {
        bottom: 220px
    }
}

.daily-reward-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative
}

.daily-reward-container img {
    width: 175px;
    height: auto
}

.daily-reward-container .reward-title h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.daily-reward-container .reward-point {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.daily-reward-container .reward-point.claimed {
    display: flex
}

.daily-reward-container .reward-point .point {
    font-size: 24px;
    color: #00c900;
    font-weight: 700
}

.daily-reward-container .reward-point .xp-label {
    font-size: 18px
}

.daily-reward-container p {
    font-size: 12px;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.daily-reward-container .standard-secondary-button {
    padding: 8px
}

.daily-reward-container .standard-secondary-button:hover {
    background: #fae88c;
    background: linear-gradient(to bottom,#fae88c 0%,#b88416 100%)
}

.daily-reward-container .standard-secondary-button[disabled],.daily-reward-container .standard-secondary-button[disabled]:hover {
    background: #818181;
    color: #bbb;
    cursor: not-allowed;
    border: none
}

.daily-reward-container .reward-point.cloned {
    position: absolute;
    bottom: 150px;
    right: 35px;
    animation: dailyRewardClaim 1s ease-in-out forwards
}

.daily-reward-container .claim-daily-reward-countdown-container {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.daily-reward-container .claim-daily-reward-countdown-container img {
    width: 15px;
    height: 15px;
    filter: brightness(0) saturate(100%) invert(26%) sepia(72%) saturate(6886%) hue-rotate(354deg) brightness(109%) contrast(130%)
}

.daily-reward-container .expiration-countdown {
    gap: 5px
}

.daily-reward-container .expiration-countdown [data-section] {
    position: relative;
    background-color: transparent;
    border-left: none;
    padding: 0;
    min-width: unset
}

.daily-reward-container .expiration-countdown [data-section]::before {
    display: none
}

.daily-reward-container .expiration-countdown [data-section="minutes"]:after,.daily-reward-container .expiration-countdown [data-section="seconds"]:after {
    content: ":";
    position: absolute;
    top: 2px;
    left: -3px;
    font-size: 10px;
    color: #f00
}

.daily-reward-container .expiration-countdown [data-section] span {
    display: none
}

.daily-reward-container .expiration-countdown [data-section="title"],.daily-reward-container .expiration-countdown [data-section="days"] {
    display: none
}

.daily-reward-container .expiration-countdown [data-value] {
    font-size: 14px;
    color: #f00;
    background: none;
    border: 0
}

@keyframes dailyRewardClaim {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-200%)
    }
}

.daily-reward-container .double-xp-countdown-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    border-radius: 8px;
    font-size: 14px;
    background-color: var(--double-xp-countdown-container-bg,var(--default-double-xp-countdown-container-bg));
    color: var(--modal-body-color,var(--default-modal-body-color));
    font-weight: 700
}

.daily-reward-container .double-xp-countdown-container>span {
    margin-top: 20px
}

.double-xp-countdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 20px 20px 20px
}

.double-xp-countdown [data-section] {
    position: relative;
    flex-basis: calc((100% - 20px*2)/3);
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.double-xp-countdown [data-section]+[data-section]::before {
    content: ":";
    position: absolute;
    top: 1px;
    left: -13px;
    color: var(--modal-body-color,var(--default-modal-body-color));
    font-size: 24px
}

.double-xp-countdown [data-value] {
    display: flex;
    justify-content: space-between;
    gap: 5px
}

.double-xp-countdown [data-value] span {
    font-family: 'Digital Numbers';
    background-color: #4e4e4e;
    color: #fff;
    font-size: 24px;
    padding: 5px 10px;
    border-radius: 4px
}

.daily-reward-countdown {
    display: flex;
    gap: 10px
}

.daily-reward-countdown [data-section] [data-value] span:last-child {
    margin-left: -3px
}

.daily-reward-countdown [data-section] {
    position: relative
}

.daily-reward-countdown [data-section="minutes"]:after,.daily-reward-countdown [data-section="seconds"]:after {
    content: ":";
    position: absolute;
    top: 3px;
    left: -5px;
    font-size: 10px;
    color: #f00
}

.daily-reward-countdown [data-value] {
    font-size: 14px;
    color: #f00
}

.introjs-helperLayer.introjs-helperLayer {
    box-shadow: rgba(33,33,33,.8) 0 0 1px 2px,rgba(33,33,33,.8) 0 0 0 5000px !important
}

.introjs-tooltip.introjs-tooltip {
    background-color: var(--modal-body-bg,var(--default-modal-body-bg));
    color: var(--modal-body-color,var(--default-modal-body-color));
    min-width: 60vw;
    max-width: 250px
}

.introjs-arrow.introjs-arrow.top {
    border-bottom-color: var(--modal-body-bg,var(--default-modal-body-bg))
}

.introjs-arrow.introjs-arrow.right {
    border-left-color: #2a2a2a
}

.introjs-tooltip-title.introjs-tooltip-title {
    font-size: 14px;
    font-weight: 700;
    word-break: break-word
}

.introjs-tooltiptext.introjs-tooltiptext {
    padding: 0 20px;
    font-size: 12px
}

.introjs-tooltiptext.introjs-tooltiptext .subtitle {
    font-weight: 700;
    font-size: 14px;
    word-break: break-word;
    padding: 5px 0;
    color: var(--intro-tooltip-title-color,var(--default-button-border))
}

.introjs-tooltipbuttons.introjs-tooltipbuttons {
    border-top-color: var(--modal-body-bg,var(--default-modal-body-bg))
}

.introjs-prevbutton.introjs-prevbutton {
    display: none
}

.introjs-nextbutton.introjs-nextbutton {
    border-radius: 5px;
    background-image: var(--intro-nextbutton-bg,var(--default-button-bg));
    color: var(--intro-tooltip-nextbutton-color,var(--default-button-color));
    text-shadow: none;
    padding: .5rem 1.5rem;
    border: none
}

.introjs-nextbutton.introjs-nextbutton:focus {
    color: #fff
}

.introjs-bullets.introjs-bullets ul li a {
    background-color: var(--intro-bullets-bg,var(--default-bank-info-carousel-indicator-bg))
}

.introjs-bullets.introjs-bullets ul li a.active,.introjs-bullets.introjs-bullets ul li a:hover {
    width: 6px;
    height: 6px;
    background-color: var(--intro-bullets-active-bg,var(--default-bank-info-carousel-indicator-active-bg))
}

.introjs-skipbutton.introjs-skipbutton {
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.popover-content {
    padding: 9px 10px
}

.popover {
    background-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg));
    border-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg));
    color: #fff
}

.popover.top .arrow {
    border-top-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg))
}

.popover.top .arrow:after {
    border-top-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg))
}

.daily-reward-button {
    width: inherit;
    height: inherit;
    padding: 0
}

.modal-body .pending-transaction-summary-container {
    padding: 16px;
    border: 2px dashed var(--pending-transaction-summary-container-border-color,var(--default-form-title-before-color));
    color: var(--pending-transaction-summary-container-color,var(--default-form-title-color));
    background-color: var(--pending-transaction-summary-container-bg,var(--default-content-info-bg));
    border-radius: 8px;
    font-size: 12px
}

.modal-body .pending-transaction-summary-container .pending-transaction-chance-container {
    display: flex;
    width: 100%
}

.modal-body .pending-transaction-summary-container .pending-transaction-chance-container>* {
    flex-basis: 50%
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    align-items: center;
    padding-bottom: 10px
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .icon {
    width: 60px
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .pending-transaction-summary {
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: flex-start;
    align-content: space-between;
    text-align: left
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .pending-transaction-summary a {
    color: #4b7af2;
    text-decoration: underline
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
    border-top: 1px solid var(--pending-transaction-summary-footer-border-top,var(--default-bank-info-block-hr));
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    gap: 8px
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: var(--pending-transaction-summary-footer-bnt-color,var(--default-button-color));
    padding: 8px 12px;
    border-radius: 5px;
    background: var(--pending-transaction-summary-footer-btn-bg,var(--default-secondary-button-bg))
}

.modal-body .pending-transaction-details-container {
    color: var(--pending-transaction-details-container-color,var(--default-form-title-color));
    margin-top: 16px;
    max-height: 45vh;
    border-radius: 5px;
    overflow-y: auto;
    background-color: var(--pending-transaction-details-container-bg,var(--default-pending-transaction-details-container-bg));
    padding: 12px 16px;
    border: 1px solid var(--pending-transaction-details-item-border,var(--default-pending-transaction-details-container-border));
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.modal-body .pending-transaction-details-container::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.modal-body .pending-transaction-details-container::-webkit-scrollbar-track {
    background: transparent
}

.modal-body .pending-transaction-details-container::-webkit-scrollbar-thumb {
    background: #4d4f59;
    border-radius: 5px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    padding: 12px;
    background-color: var(--pending-transaction-details-item-bg,var(--default-pending-transaction-details-item-bg));
    border: 1px solid var(--pending-transaction-details-item-border,var(--default-pending-transaction-details-item-border));
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 10px;
    border-radius: 5px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item strong {
    font-weight: 700
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .transaction-icon {
    filter: var(--pending-transaction-details-item-icon,var(--default-pending-transaction-details-item-icon));
    height: 20px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
    border-color: var(--pending-transaction-details-item-hr,var(--default-pending-transaction-details-item-hr));
    margin-top: 0;
    margin-bottom: 0;
    width: 100%
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div:first-child {
    font-size: 12px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div:first-child span {
    display: flex;
    gap: 4px;
    align-items: center
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div:first-child span:first-child strong {
    text-transform: uppercase
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PEN"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PEN2"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PRO"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PRO1"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="MEW"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="APP1"] {
    color: var(--pending-transaction-details-item-pending-status,var(--default-pending-transaction-details-item-pending-status))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="REJ"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="FAIL"] {
    color: var(--pending-transaction-details-item-failed-status,var(--default-pending-transaction-details-item-failed-status))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="APP"] {
    color: var(--pending-transaction-details-item-success-status,var(--default-pending-transaction-details-item-success-status))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div {
    display: flex;
    justify-content: space-between
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div>div {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div>div .pending-transaction-details-item-value {
    font-size: 12px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks {
    font-weight: 700;
    text-align: left;
    display: block
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks ul {
    padding-left: 20px;
    margin-top: 0;
    color: #0094d3
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-remarks-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-weight: 700
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-bonus-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus .pending-transaction-details-item-bonus-title {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status] {
    background: #9c000099;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status="true"] {
    background: #009c1099
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status="pending"] {
    border: 1px dashed var(--pending-transaction-remarks-container-border-color,var(--default-pending-transaction-remarks-container-border-color));
    color: var(--pending-transaction-remarks-container-color,var(--default-pending-transaction-remarks-container-color));
    background-color: var(--pending-transaction-remarks-container-bg,var(--default-pending-transaction-remarks-container-bg))
}

    </style>
   
<style>
  .site-header {
    background: var(--site-header-bg,var(--default-site-header-bg));
    padding: 10px 16px;
    display: flex;
    align-items: center;
    height: 70px
}

.site-header .logo {
    display: block;
    position: relative;
    height: 100%
}

.site-header .logo>img,.site-header .logo>picture,.site-header .logo img {
    width: auto;
    height: 100%
}

.site-header>input {
    visibility: hidden;
    position: absolute
}

.site-header .back-button {
    font-size: 24px;
    color: transparent;
    margin-left: 5px;
    background: center no-repeat;
    background-size: contain;
    background-image: var(--image-src)
}

.site-header .page-title {
    flex-grow: 1;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--site-header-page-title-color,var(--default-site-header-color))
}

.site-header .page-title.with-back-button {
    margin-left: -25px
}

.site-header .unread-announcements-button {
    position: absolute;
    right: 75px
}

.site-header .unread-announcements-button:before {
    content: attr(data-announcement-count);
    position: absolute;
    top: -3px;
    right: 0;
    width: 16px;
    height: 16px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fc1818;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%
}

.site-header .unread-announcements-button[data-announcement-count="0"]:before {
    background: #808080
} 

.site-header .unread-announcements-button img {
    width: 30px;
    height: 30px
}

.site-menu {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    transition: left .2s
}

.site-menu>label {
    position: absolute;
    height: 100%;
    width: 100%
}

.site-menu>ul {
    position: absolute;
    top: 0;
    width: 90%;
    right: 0;
    bottom: 0;
    background-color: var(--site-menu-ul-bg,var(--default-site-menu-bg));
    color: var(--site-menu-ul-color,var(--default-site-menu-color));
    font-size: 16px;
    font-weight: 500;
    overflow: auto;
    z-index: 10
}

.site-menu>ul>.site-menu-logo {
    background: var(--site-menu-ul-logo-bg,var(--default-site-menu-logo-bg));
    padding: 12px 10px;
    position: relative
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon {
    content: "";
    position: absolute;
    top: 35px;
    right: 24px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    transition: opacity .2s
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu] {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 58%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    width: 25px;
    height: 2px;
    background-color: transparent;
    transition: .5s ease-in-out
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:before,.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--site-menu-trigger-icon-bg,var(--default-site-menu-trigger-icon-bg));
    left: 0
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:before {
    bottom: 0;
    transform: rotate(45deg)
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:after {
    top: 0;
    transform: rotate(-45deg);
    width: 100%
}

.site-menu-trigger-input:checked~.site-menu>ul>.site-menu-logo .site-menu-close-icon {
    opacity: 1
}

.site-menu>ul>li {
    padding: 10px 10px 5px 10px
}

.site-menu>ul>li.side-menu-logout {
    margin-bottom: 50px
}

.site-menu>ul>li.side-menu-logout a {
    background: var(--side-menu-logout-a-bg,var(--default-logout-btn-bg));
    color: var(--side-menu-logout-a-color,var(--default-logout-btn-color));
    border-radius: 50px;
    justify-content: center
}

.site-menu li>a,.site-menu summary {
    display: flex;
    align-items: center;
    background-color: var(--site-menu-li-a-bg,var(--default-site-menu-li-a-bg));
    padding: 10px 15px;
    font-size: var(--normal-font)
}

.site-menu li+li,.site-menu summary,.site-menu article>ul {
    margin-top: 2px
}

.site-menu details[open]>summary {
    position: relative;
    background-color: var(--site-menu-details-open-summary-bg,var(--default-site-menu-details-open-summary-bg));
    color: var(--site-menu-details-open-summary-color,var(--default-site-menu-details-open-summary-color));
    border-radius: 50px
}

.site-menu details[open]>summary i {
    content: var(--active-image-src)
}

.site-menu details[open] details[open]>summary {
    background-color: var(--site-menu-details-open-details-open-summary-bg,var(--default-site-menu-details-open-details-open-summary-bg));
    color: var(--site-menu-details-open-details-open-summary-color,var(--default-site-menu-details-open-details-open-summary-color))
}

.site-menu details[open] details[open]>summary::before {
    background-color: var(--site-menu-details-open-details-open-summary-before-bg,var(--default-site-menu-details-open-details-open-summary-bg))
}

.site-menu details details summary,.site-menu details li>a {
    padding-left: 45px
}

.site-menu details details li>a {
    padding-left: 75px;
    background-color: var(--site-menu-details-details-li-a-bg,var(--default-site-menu-details-details-li-a-bg))
}

.site-menu [data-icon] {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 10px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.site-menu article>.side-menu-game-groups {
    margin-top: 0
}

.side-menu-game-groups {
    display: flex;
    flex-direction: column
}

.side-menu-game-groups>li+li {
    margin-top: 0
}

.side-menu-game-groups>li[data-route="others"] {
    order: -1
}

.site-menu [data-icon][data-new-notification="true"]:after,.site-menu-trigger[data-new-notification="true"]:after {
    content: '';
    position: absolute;
    top: -12px;
    right: -14px;
    background-color: var(--site-menu-new-notification-bg,var(--default-new-notification-bg));
    height: 10px;
    width: 10px;
    border-radius: 50%
}

.site-menu [data-icon][data-new-notification="true"]:after {
    top: -3px;
    right: -5px
}

.site-menu .language-selector-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.site-menu .language-selector-item .language-name>div {
    font-size: 14px
}

.site-menu .language-selector-item .language-name>div:last-child {
    font-size: 12px
}

.site-menu .language-selector-item i[data-language] {
    display: inline-block;
    margin: 0 10px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: var(--image-src)
}

.site-menu .language-selector-item i[data-language='en'] {
    background-position-y: 0
}

.site-menu .language-selector-item i[data-language='id'] {
    background-position-y: -16px
}

.site-menu .language-selector-item i[data-language='kr'] {
    background-position-y: -32px
}

.site-menu .language-selector-item i[data-language='cn'] {
    background-position-y: -48px
}

.site-menu .language-selector-item i[data-language='jp'] {
    background-position-y: -64px
}

.site-menu .language-selector-item i[data-language='th'] {
    background-position-y: -80px
}

.site-menu .language-selector-item i[data-language='my'] {
    background-position-y: -96px
}

.site-menu .language-selector-item i[data-language='kh'] {
    background-position-y: -112px
}

.site-menu .language-selector-item i[data-language='hi'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='ta'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='te'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='vi'] {
    background-position-y: -144px
}

.site-menu .language-selector-item i[data-language='bn'] {
    background-position-y: -176px
}

.site-menu .language-selector-item i[data-language='pt'] {
    background-position-y: -160px
}

.site-menu .side-menu-group-title {
    margin: 15px 25px 0 25px;
    padding: 0 0 10px 0;
    font-size: 12px;
    color: var(--side-menu-group-title-color,var(--default-side-menu-group-title-color));
    border-bottom: 1px solid var(--side-menu-group-title-border-bottom-color,var(--default-side-menu-group-title-border-color))
}

</style>
 

    <script>
        document.getElementById('toggleButton').addEventListener('click', function () {
            var content = document.getElementById('toggleContent');
            var currentDisplay = window.getComputedStyle(content).getPropertyValue('display');

            if (currentDisplay === 'none') {
                content.style.setProperty('display', 'block', 'important');
            } else {
                content.style.setProperty('display', 'none', 'important');
            }
        });
    </script>


    <script>
        document.getElementById('toggleButton').addEventListener('click', function () {
            var content = document.getElementById('toggleContent');
            var currentDisplay = window.getComputedStyle(content).getPropertyValue('display');

            if (currentDisplay === 'none') {
                content.style.setProperty('display', 'block', 'important');
            } else {
                content.style.setProperty('display', 'none', 'important');
            }
        });
    </script>

    </a>
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-DEMR8X28X3"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());
            gtag('config', 'G-DEMR8X28X3');
        </script>
        <?php
// Mengecek apakah $id_login kosong
$showNotification = empty($id_login);
?> 
</body>   
<div class="header">

<?php if (
    isset($_SERVER['REQUEST_URI']) &&
    ($_SERVER['REQUEST_URI'] == '/' || $_SERVER['REQUEST_URI'] == '/index.php') &&
    $showNotification
) { ?>

<div class="download-apk-notification" id="download_apk_notification">

    <img alt="Android"
         height="50"
         loading="lazy"
         src="//d33egg70nrp50s.cloudfront.net/Images/icons/android.svg?v=20240813"
         width="50" />

    <p>
        <b><?php echo $judul ?> Aplikasi Mobile</b>
        <br>
        <span id="dont_show_again_today">
            Jangan tampilkan lagi hari ini
        </span>
    </p>

    <a href="https://game-apk.s3.ap-northeast-1.amazonaws.com/y20.apk"
       class="download-btn">
       Unduh
    </a>

    <span class="close" id="close_download_apk_notification">×</span>

</div>

<?php } ?>
         <header class="site-header">    
                <a href="index.php" class=logo>
                    <img alt="Logo" loading="lazy" src="../uploads/logo/<?php echo $logo; ?>" alt="logo">                      

                </a>
               
                <input type="checkbox" id="site_menu_trigger_input" class="site-menu-trigger-input" />
            <div class="site-menu-trigger">
                <label for="site_menu_trigger_input" data-new-notification="false">
                    <i data-icon="menu"></i>
                    
                </label>
                </div>
                
               <?php           
               if ($id_login == TRUE) {
    ?>  
                <div class="unread-announcements-button" id="unread_announcements_button">              
    <a href="/mobile/messages/announcement.php" style="position:relative;">                                  
        <img src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/bell.svg">

        <span id="notif_count" style="
            position:absolute;
            top:-5px;
            right:-5px;
            background:red;
            color:#fff;
            font-size:12px;
            padding:2px 6px;
            border-radius:50%;
            display:none;
        ">0</span>
            </a>                                                 
                </div>
                
                        <?php
                           }
                        ?> 
                                                     
                                                    
                
            <div class="site-menu-overlay"></div>
            <div class="site-menu">
            
                <label for="site_menu_trigger_input"></label>
                <ul>
                 
                <li class="site-menu-logo">
                        <img alt="Logo" height="34" loading="lazy" src="../uploads/logo/<?php echo $logo; ?>" width="90" />

                        <div class="site-menu-close-icon" id="site_menu_close_icon">
                            <i data-icon="menu"></i>
                        </div>
                    </li>
        
                        <?php
                            if ($id_login == "") {
                                ?>
                                
                                <li>
                                    <form action="function/cek_login.php" method=post>
                                        <input name=__RequestVerificationToken type=hidden value=UQuVTwt5v-bFTXKnqAMeYy14XxEAN0ufM8FA2yyoys9dE8u9KI-JjG2FEPWTf1E9V-iwrDlwwoyEoJe9_hZ0ezB3xx8o48ZvOHFrw00Nrhc1>
                                        <div class=side-menu-login-panel>
                                            <div class=login-panel-item>
                                                 <label>Nama Pengguna</label>
            <input type=text name=username placeholder="Nama Pengguna" />
        </div>
                                       
                                             <div class="login-panel-item standard-password-field">
            <label>Kata Sandi</label>
            <input type=password name=password placeholder="Kata Sandi" />
            <i class="glyphicon glyphicon-eye-close password_input_trigger"></i>
        </div>
                                            <div class="buttons-container">
            <input type=submit name="submit" class=standard-button value=Masuk>         
        </div>
        <div class="register-container">
            Belum punya akun?
                                            <a href="?page=register" class=register-button>
                Daftar
            </a>
        </div>
    </div>
</form>
                                </li>
                                <?php
                            }else{
                                ?>
                                <li class="side-menu-user-info-container">
                                    <div class="side-menu-user-info">
                                    <h2>Hello, <span class=username><?php echo $punya_user['username'] ?></span></h2>
                                        <div class=balance-container>
                                            <div class=balance>
                                                <div>
                                                    IDR <span class=total_balance><?php echo number_format($balance, 2, ".", ","); ?></span>
                                                </div>
                                            <div class="locked-balance locked_balance_container" hidden>
                <i class="glyphicon glyphicon-lock"></i>
                IDR
                <span class="total_locked_balance">
                    -1,000.00
                </span>
            </div>
        </div>
     </div>
                                        <div class="side-menu-user-info-group">
        <a href="?page=deposit" class="user-menu-item">
            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/deposit.svg?v=20240813">
            <span>Deposit</span>
        </a>
        <a href="?page=withdraw" class="user-menu-item">
            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/withdrawal.svg?v=20240813">
            <span>Penarikan</span>
        </a>
        <a href="?page=profile" class="user-menu-item">
            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/profile.svg?v=20240813">
            <span>Akun Saya</span>
        </a>
        <a href="#" target="_blank" class="user-menu-item">
            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/redemption-store.svg?v=20240813">
            <span>Penukaran</span>         
        </a>
                   </div>
                      </div>
                             </li>
                               <?php
                            
                        ?>
                        
                               <li>
                            <a href="/index.php">
                                <i data-icon="home" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/home.svg?v=20240813);"></i>
                                Beranda
                            </a>
                        </li>
                        <li>
                            <a href="/mobile/messages/inbox">
                                <i data-icon="message" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/message.svg?v=20240813);"
                                   data-new-notification="false"></i>
                                Pesan
                            </a>
                        </li>
                        <?php
                           }
                        ?>
                    <li>
                        <details>
                            <summary>
                                <section>
                                    <span>
                                        <i data-icon="hot-games" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/hot-games.svg?v=20240813);--active-image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/hot-games-active.svg?v=20240813);"></i>
                                        Permainan
                                    </span>
                                    <i class="glyphicon glyphicon-chevron-right"></i>
                                </section>
                            </summary>
                            <article>
                                <ul class="side-menu-game-groups">
                                    <li>
                                        <details>
                                            <summary>
                                                    <section>
                                                        Slots
                                                        <i class="glyphicon glyphicon-chevron-right"></i>
                                                    </section>
                                                </summary>
                                                <article>
                                                    <ul>


<li>
    <a href="?page=game_pragmatic">
        Pragmatic Play
    </a>
</li>

<li>
    <a href="?page=game_pgsoft">
        PG Slots
    </a>
</li>

<li>
    <a href="?page=game_fatpanda">
        Fatpanda
    </a>
</li>

<li>
    <a href="?page=game_microgaming">
        MicroGaming
    </a>
</li>

<li>
    <a href="?page=game_habanero">
        Habanero
    </a>
</li>

<li>
    <a href="?page=game_ggsoft">
        GG SOFT
    </a>
</li>

<li>
    <a href="?page=game_jili">
        Jili
    </a>
</li>

<li>
    <a href="?page=game_cq9">
        Cq9
    </a>
</li>

<li>
    <a href="?page=game_joker">
        Joker
    </a>
</li>

<li>
    <a href="?page=game_advantplay">
        AdvantPlay
    </a>
</li>

<li>
    <a href="?page=game_booongo">
        Booongo
    </a>
</li>

<li>
    <a href="?page=game_live22">
        Live22
    </a>
</li>

<li>
    <a href="?page=game_playstar">
        Playson
    </a>
</li>

<li>
    <a href="?page=game_reelkingdom">
        REELKINGDOM
    </a>
</li>

<li>
    <a href="?page=game_redtiger">
        SBO
    </a>
</li>

<li>
    <a href="?page=game_btg">
        Turbo
    </a>
</li>

<li>
    <a href="?page=menu_hacksaw">
        Dreamtech
    </a>
</li>

<li>
    <a href="?page=game_funkygames">
        Sbo Slot
    </a>
</li>

<li>
    <a href="?page=game_fachai">
        Mancalagaming
    </a>
</li>

<li>
    <a href="?page=game_dragonsoft">
        Rich88
    </a>
</li>

<li>
    <a href="?page=game_evoplay">
        Evoplay
    </a>
</li>
                                  </article>
                                            </details>
                                        </li>
                                        <li data-route="casino">
                                            <details>
                                                <summary>
                                                    <section>
                                                        Live Casino
                                                        <i class="glyphicon glyphicon-chevron-right"></i>
                                                    </section>
                                                </summary>
                                                <article>
                                                    <ul>


<li>
    <a href="https://client.dkitrxmdwoqruvsi.net/desktop/spaceman/">
        SPACEMAN
    </a>
</li>

<li>
    <a href="https://client.dkitrxmdwoqruvsi.net/desktop/megawheel2/">
        MEGA WHEEL
    </a>
</li>

<li>
    <a href="https://client.dkitrxmdwoqruvsi.net/desktop/sweetbonanza2/">
        SWEET BONANZA CANDYLAND
    </a>
</li>

<li>
    <a href="https://client.dkitrxmdwoqruvsi.net/desktop/megaroulette/">
        MEGA ROULETTE 3000
    </a>
</li>

<li>
    <a href="https://client.dkitrxmdwoqruvsi.net/desktop/moneytime/">
        MONEY TIME
    </a>
</li>

<li>
    <a href="https://client.dkitrxmdwoqruvsi.net/desktop/bingo/">
        THE BINGO SPOT
    </a>
</li>

<li>
    <a href="https://client.dkitrxmdwoqruvsi.net/desktop/dicecity/">
        DICE CITY
    </a>
</li>

<li>     </ul>
            </article>
                  </details>
                               </li>
                                        <li data-route="sport">
                                            <details>
                                                <summary>
                                                    <section>
                                                        Sepak Bola
                                                        <i class="glyphicon glyphicon-chevron-right"></i>
                                                    </section>
                                                </summary>
                                                <article>
                                                    <ul>


<li>
    <a href="https://2q27023dmobi.sena88.com/apps/indexv.html?us=shjgsngamingidr148559360&lang=0&accType=0&r=732113534&timezoneid=&ref=google.com#pgOdds">
        M9BET
    </a>
</li>

<li>
    <a href="https://prod20182-idr.fxf774.com/en/sports?operatorToken=Yzg2MGZjNTAyOTVkZTA3YzM5ODg0MmZiYWVlNWM3NjI6YzdlODZhMWEyYTZmOTM0NDlhOWZjMDJmYzIwMTRmZjQ0NGFhNDE3N2JiYWUzZDU5NThkZTZiZjBhMmEzNmQ4YjM4YTIxZjJlZjlmZTI0ZWJjMGYzODgzN2U3NGI3NTk1OWNjYTI3NDFmOTI5MjcwZTVjMGRmMmJhZWFiYTZiZjczMTY0ZjFmYjFjZGE3Yjk1ZmVmY2ZjZTlkYjUwZmU1YzFhZmEzM2E1Zjk0NTIwOTFhYzY2OGEyMDA1ODEyN2Zi&oddsStyleId=1&selectedDefaultTab=Live&selectedLiveSport=1">
        BTI Sports
    </a>
</li>

<li>
    <a href="https://h5.9a231.com/index.html#/?language=ENG&themeBg=05259D&themeText=4C6FFF&sportId=1">
        FBSPORTS
    </a>
</li>

<li>
    <a href="https://gsmd.336699bet.com/SERVICE/digitain/digitainMobileView.aspx?a=7C75617FD23BF9DE29844AC655A3C8710E3E0BFBB2788B4893C1EB9D1EC91D2845067818099A6D681B54644645A23A17CD10F3731A141D29CEC0471EFEB01C42CE059FFC5D714598391D31F63E3C96E2380ECC78B1CE3940D7933BF641ACD8E7189C8BCDCB12D1477CBB29411326769A5FE52993C5BFC2627A65A439598581580344D41B4E7059975C35CE23B018AD35A68800B70B1719CE57080CDE62D841CDF0051DFC241BFC57B5743865086F721D56B833CDE471B2E5050E4A1129416643C6A7141200EA23617ED2C87DCFF7AB5CBD9C425C92FFFB42B50E20596DA0DAD7B975762453687B8F0DD2FC8669D8168110112825C357DC4B7C9CF3C2E35295CE5130CC0F36DD8C2D#today?q={%221%22:{}}">
        DIGITAIN
    </a>
</li>
                                                                                   </ul>
                                                </article>
                                            </details>
                                        </li>
                                </ul>
                            </article>
                        </details>
                    </li>
                           <?php
                        if ($id_login == TRUE ) {
                            ?>     
                          <li class="side-menu-group-title">
                            Akun
                        </li>
                        <li>
                            <a href="/mobile/index.php?page=riwayat_withdraw">
                                <i data-icon="loyalty-reward" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/loyalty-reward.svg?v=20240813);"></i>
                                Riwayat Penarikan
                            </a>
                        </li>
                        <li>
                            <a href="/mobile/index.php?page=riwayat_deposit">
                                <i data-icon="reporting" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/reporting.svg?v=20240813);"></i>
                                Riwayat Deposit
                            </a>
                        </li>
                        <li>
                            
                             <?php
                        }
                        ?>
                        <li>
                        <?php
                        if ($id_login == TRUE ) {
                            ?>
                                <a href="?page=menu_deposit">
                                    <i data-icon="claims" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/claims.svg?v=20240813);"></i>
                                    Bonus
                                </a>
                            </li>
                            <li>
                                <a href="?page=refferal">
                                    <i data-icon="referral" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/referral.svg?v=20240813);"></i>
                                    Referensi
                                </a>
                            </li>
                             <?php
                        }
                        ?>
                                            <li>
                            <a href="/mobile/mobile-app">
                                <i data-icon="desktop" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/download.svg?v=20240813);"></i>
                                Unduh Aplikasi Permainan
                            </a>
                        </li>
                                            <li class="side-menu-group-title">
                            Lainnya
                        </li>
                    <li style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/flags.png?v=20240813);" class="language-selector-container">
                        <details>
                            <summary>
                                <section>
                                    <span>
                                        <i data-icon="language" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/language.svg?v=20240813);--active-image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/language-active.svg?v=20240813);"></i>
                                        BHS INDONESIA
                                    </span>
                                    <i class="glyphicon glyphicon-chevron-right"></i>
                                </section>
                            </summary>
                            <article>
                                <ul>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('en')">
                                                <div class="language-name">
                                                    <div>ENGLISH</div>
                                                    <div>ENGLISH</div>
                                                </div>
                                            </a>
                                            <i data-language="en"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('id')">
                                                <div class="language-name">
                                                    <div>BHS INDONESIA</div>
                                                    <div>INDONESIAN</div>
                                                </div>
                                            </a>
                                            <i data-language="id"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('kr')">
                                                <div class="language-name">
                                                    <div>한국어</div>
                                                    <div>KOREAN</div>
                                                </div>
                                            </a>
                                            <i data-language="kr"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('cn')">
                                                <div class="language-name">
                                                    <div>中文</div>
                                                    <div>CHINESE</div>
                                                </div>
                                            </a>
                                            <i data-language="cn"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('jp')">
                                                <div class="language-name">
                                                    <div>日本語</div>
                                                    <div>JAPANESE</div>
                                                </div>
                                            </a>
                                            <i data-language="jp"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('th')">
                                                <div class="language-name">
                                                    <div>ไทย</div>
                                                    <div>THAI</div>
                                                </div>
                                            </a>
                                            <i data-language="th"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('my')">
                                                <div class="language-name">
                                                    <div>မြန်မာစာ</div>
                                                    <div>BURMESE</div>
                                                </div>
                                            </a>
                                            <i data-language="my"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('kh')">
                                                <div class="language-name">
                                                    <div>ខេមរភាសា</div>
                                                    <div>KHMER</div>
                                                </div>
                                            </a>
                                            <i data-language="kh"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('hi')">
                                                <div class="language-name">
                                                    <div>हिन्दी</div>
                                                    <div>HINDI</div>
                                                </div>
                                            </a>
                                            <i data-language="hi"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('ta')">
                                                <div class="language-name">
                                                    <div>தமிழ்</div>
                                                    <div>TAMIL</div>
                                                </div>
                                            </a>
                                            <i data-language="ta"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('te')">
                                                <div class="language-name">
                                                    <div>తెలుగు</div>
                                                    <div>TELUGU</div>
                                                </div>
                                            </a>
                                            <i data-language="te"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('vi')">
                                                <div class="language-name">
                                                    <div>Tiếng Việt</div>
                                                    <div>VIETNAMESE</div>
                                                </div>
                                            </a>
                                            <i data-language="vi"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('bn')">
                                                <div class="language-name">
                                                    <div>বাংলাদেশী</div>
                                                    <div>BENGALI</div>
                                                </div>
                                            </a>
                                            <i data-language="bn"></i>
                                        </li>
                                        <li class="language-selector-item">
                                            <a href="javascript:changeLanguage('pt')">
                                                <div class="language-name">
                                                    <div>Portugu&#234;s</div>
                                                    <div>PORTUGESE</div>
                                                </div>
                                            </a>
                                            <i data-language="pt"></i>
                                        </li>
                                </ul>
                            </article>
                        </details>
                    </li>
                                            <li>
                            <a href="/desktop/home" rel="nofollow">
                                <i data-icon="desktop" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/desktop.svg?v=20240813);"></i>
                                Versi Desktop
                            </a>
                        </li>
                    <li>
                     <?php
                            if ($id_login == TRUE) {
                                ?>
                        <li class="side-menu-logout">
                            <a href="function/logout.php" onclick="window.closeWindows(); document.querySelector('#logout-form').submit();">
                                <i data-icon="logout" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/menu/logout.svg?v=20240813);"></i>
<form action="logout" id="logout-form" method="post">Keluar</form>                            </a>
                                </li>
                                <?php
                            }
                        ?>
                        
                    </ul>
                </div>
            </header>
        </div>
        <script>
        window.addEventListener('DOMContentLoaded', () => {
            initializeLotteryMarketList({
                translations: {
                    viewMore: 'Lihat Lebih Banyak',
                    viewLess: 'Lihat Lebih Sedikit'
                }
            });
        });
    </script>
        <script type="text/javascript">
        window.addEventListener('DOMContentLoaded', () => {
            initializeCopyAccountNumber({
                translations: {
                    copied: "Disalin"
                }
            });
        });
    </script>

    <script type="text/javascript">
        window.addEventListener('DOMContentLoaded', () => {
            initializeCurrency({
                conversionRate: 1000,
                locale: "id",
                thousandSeparator: "."
            });
        });
    </script>

    

        <script type="text/javascript">
        navigator.serviceWorker.getRegistrations().then(registrations => {
            for (const registration of registrations) {
                registration.unregister();
            }
        });
    </script>
        <?php
            if ($_GET['page'] == "") {
                include 'template/slider.php';
                include 'template/home.php';
            }else if ($_GET['page'] == "register") {
                include 'template/register.php';
            }else if ($_GET['page'] == "hot_games") {
                include 'template/menu/hot_games.php';
            }else if ($_GET['page'] == "profile") {
                include 'template/menu/profile.php';
            }else if ($_GET['page'] == "password") {
                include 'template/menu/password.php';
            }else if ($_GET['page'] == "deposit") {
                include 'template/menu/deposit.php';
            }else if ($_GET['page'] == "qris") {
                include 'template/menu/qris.php';
            }else if ($_GET['page'] == "ubah_password") {
                include 'template/menu/ubah_password.php';
            }else if ($_GET['page'] == "withdraw") {
                include 'template/menu/withdraw.php';
            }else if ($_GET['page'] == "masuk") {
                include 'template/login.php';
            }else if ($_GET['page'] == "contact") {
                include 'template/contact.php';
            }else if ($_GET['page'] == "promosi") {
                include 'template/promosi.php';
            }else if ($_GET['page'] == "riwayat_deposit") {
                include 'template/riwayat_deposit.php';
            }else if ($_GET['page'] == "riwayat_withdraw") {
                include 'template/riwayat_withdraw.php';
            }else if ($_GET['page'] == "refferal") {
                include 'template/refferal.php';
            }else if ($_GET['page'] == "verifikasi") {
                include 'template/verifikasi.php';
            }


            else if ($_GET['page'] == "slot") {
                include 'template/menu/slot.php';
            }else if ($_GET['page'] == "sports") {
                include 'template/menu/sports.php';
            }else if ($_GET['page'] == "togel") { 
                include 'tamplate/menu/togel.php'; 
            }else if ($_GET['page'] == "fishing") { 
                include 'tamplate/menu/fishing.php'; 
            }

            
            //Aksi
            else if ($_GET['page'] == "aksi_ubah_password") {
                include 'function/profil.php';
            }else if ($_GET['page'] == "proses_deposit") {
                include 'function/deposit.php';
            }else if ($_GET['page'] == "proses_withdraw") {
                include 'function/withdraw.php';
            }else if ($_GET['page'] == "verifikasi_kyc") {
                include 'function/kyc.php';
            }

            ?>
        
        
        <?php
            if ($_GET['page'] == "menu_slot") {
                include 'template/menu_game/slot.php';
            }if ($_GET['page'] == "menu_casino") {
                include 'template/menu_game/casino.php';
            }if ($_GET['page'] == "menu_togel") { 
                include 'template/menu_game/togel.php'; 
            }if ($_GET['page'] == "menu_fishing") { 
                include 'template/menu_game/fishing.php'; 
            }if ($_GET['page'] == "menu_poker") { 
                include 'template/menu_game/poker.php'; 
            }if ($_GET['page'] == "menu_egames") { 
    include 'template/menu_game/egames.php'; 
}


            if ($_GET['page'] == "game_pragmatic") {
                include 'template/game/pragmatic.php';
            }else if ($_GET['page'] == "game_pgsoft") {
                include 'template/game/pgsoft.php'; 
            }else if ($_GET['page'] == "game_booongo") {
                include 'template/game/booongo.php';
                 }else if ($_GET['page'] == "game_hacksaw") {
                include 'template/game/hacksaw.php';
                 }else if ($_GET['page'] == "game_microgaming") {
                include 'template/game/microgaming.php';
            }else if ($_GET['page'] == "game_habanero") {
                include 'template/game/habanero.php';
                 }else if ($_GET['page'] == "game_NLC") {
                include 'template/game/NLC.php';
                }else if ($_GET['page'] == "game_jili") {
                include 'template/game/jili.php';
                }else if ($_GET['page'] == "game_spadegaming") {
                include 'template/game/spadegaming.php';
                }else if ($_GET['page'] == "game_joker") {
                include 'template/game/joker.php';
                 }else if ($_GET['page'] == "game_advantplay") {
                include 'template/game/advantplay.php';
                 }else if ($_GET['page'] == "game_funkygames") {
                include 'template/game/funkygames.php';
                 }else if ($_GET['page'] == "game_live22") {
                include 'template/game/live22.php';
            }else if ($_GET['page'] == "game_redtiger") {
                include 'template/game/redtiger.php';
            }else if ($_GET['page'] == "game_cq9") {
                include 'template/game/cq9.php'; 
            }else if ($_GET['page'] == "game_reelkingdom") {
                include 'template/game/reelkingdom.php';
            }else if ($_GET['page'] == "microgaming") {
                include 'template/game/microgaming.php';
            }else if ($_GET['page'] == "toptrend") {
                include 'template/game/toptrend.php';
                 }else if ($_GET['page'] == "game_playstar") {
                include 'template/game/playstar.php';
                 }else if ($_GET['page'] == "game_fachai") {
                include 'template/game/fachai.php';
                 }else if ($_GET['page'] == "game_dragonsoft") {
                include 'template/game/dragonsoft.php';
                 }else if ($_GET['page'] == "game_fungaming") {
                include 'template/game/fungaming.php';
                 }else if ($_GET['page'] == "game_nagagames") {
                include 'template/game/nagagames.php';
                 }else if ($_GET['page'] == "game_jdb") {
                include 'template/game/jdb.php';
                 }else if ($_GET['page'] == "game_netent") {
                include 'template/game/netent.php';
                 }else if ($_GET['page'] == "game_btg") {
                include 'template/game/btg.php';
                 }else if ($_GET['page'] == "skywind") {
                include 'template/game/skywind.php';
                 }else if ($_GET['page'] == "game_yggdrasil") {
                include 'template/game/yggdrasil.php';
                 }else if ($_GET['page'] == "game_playngo") {
                include 'template/game/playngo.php'; 
                 }else if ($_GET['page'] == "game_evoplay") {
                include 'template/game/evoplay.php';
                 }else if ($_GET['page'] == "game_rtg") {
                include 'template/game/rtg.php';
                 }else if ($_GET['page'] == "game_ggsoft") {
                include 'template/game/ggsoft.php';
                }else if ($_GET['page'] == "game_panda") {
                include 'template/game/panda.php';
                }else if ($_GET['page'] == "game_playace") {
                include 'template/game/playace.php';
                }else if ($_GET['page'] == "game_quickspin") {
                include 'template/game/quickspin.php';
               }else if ($_GET['page'] == "game_fatpanda") {
                include 'template/game/fatpanda.php';
                }else if ($_GET['page'] == "game_playtech") {
                include 'template/game/playtech.php';
                }else if ($_GET['page'] == "game_kingmidas") {
                include 'template/game/kingmidas.php';
                }else if ($_GET['page'] == "game_lgdgaming") {
                include 'template/game/lgdgaming.php';
                
            }
            
            
            
            
            
            
            
            


        ?>
       
<script>$(document).ready(function(){$(".fixed-arrow").click(function(){$(".fixed-left").toggleClass("nganu")})});</script> 
 <script>
        document.getElementById('toggleButton').addEventListener('click', function () {
            var content = document.getElementById('toggleContent');
            var currentDisplay = window.getComputedStyle(content).getPropertyValue('display');

            if (currentDisplay === 'none') {
                content.style.setProperty('display', 'block', 'important');
            } else {
                content.style.setProperty('display', 'none', 'important');
            }
        });
    </script>
    <script>
    var xhr = new XMLHttpRequest();
xhr.open('POST', 'function/getBalances.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var username = '<?php echo $_SESSION["username"]; ?>';
xhr.send('username=' + username);

  </script>
    <?php 
        include "con/footer.php"; 
    ?>
 
</html>    