Check server response of

Server response
NS records
Whois domain
Response headers
Request headers
Raw HTML code
200 OK - widmi.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Fri, 16 May 2025 21:45:59 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
vary: Accept-Encoding
cf-cache-status: DYNAMIC
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=XISQk%2FdI3RgjGu9%2FsNvAbm6gXjF%2FYdLAtSdzBqb8wGVvOL43AKxJHBbskzdZu%2BmyAyMKc9HcVckTOx9zAoy1JjxA5Ydv47mESFWRURZBcjChRK83M2P6%2BBv2Uk%2BM1liP614ZECBHt6A%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Server: cloudflare
CF-RAY: 940e10ae4c79269f-ARN
alt-svc: h3=":443"; ma=86400
server-timing: cfL4;desc="?proto=TCP&rtt=8229&min_rtt=8229&rtt_var=4114&sent=1&recv=3&lost=0&retrans=0&sent_bytes=0&recv_bytes=165&delivery_rate=0&cwnd=250&unsent_bytes=0&cid=0000000000000000&ts=0&x=0"

HTTP Code 200 OK

200 http status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

  • When loading a web page
  • When successfully receiving an API response
  • When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: widmi.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="id">
<head>
  <!-- Meta Tags -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="RTP MANDIRIBET RESMI. Penyedia Pola Slot Gacor dari MANDIRIBET ">
  <meta name="keywords" content="MANDIRIBET, RTP Mandiribet, Login Mandiribet, Mandiri Bet">
  <meta name="author" content="MANDIRIBET">
  <meta name="google-site-verification" content="KBFUY3t75OPK6if0QJgd_qdho56ZpXRTQQTnInu_7Zc" />
  
  <!-- Title -->
  <title>MANDIRIBET RTP SLOT SITUS RESMI AKURAT</title>

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

  <!-- AMP -->
  <link rel="canonical" href="https://html5tutorial.com/">


  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ToyStore",
  "name": "MANDIRIBET",
  "image": "https://html5tutorial4u.com/assets/RTP.png",
  "@id": "",
  "url": "https://html5tutorial4u.com/",
  "telephone": "+62877881922",
  "priceRange": "10000",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Kasablanka no.1",
    "addressLocality": "Gambir",
    "postalCode": "289101",
    "addressCountry": "ID"
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday",
      "Saturday",
      "Sunday"
    ],
    "opens": "00:00",
    "closes": "23:59"
  } 
}
</script>

  <!-- Styles -->
  <style>
    @import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css");

    @media screen and (max-width: 767px) { /* mobile */
        #rangka {
            width:98%;
        }
        #logo {
            width:60%;
        }
        #carouselExampleAutoplaying {
            
            background-color:#000;
        }
        #provider {
            font-size:0.5rem;
        }

        #provcontainer {
            width:100%;
        }
    }
    @media screen and (min-width: 767px) { /* dekstop */
        #rangka {
            width:80%;
        }
        #logo {
            width:30%;
        }
        #carouselExampleAutoplaying {
            padding-left:10%;padding-right:10%;
            padding-top:3vh;padding-bottom:3vh;
            background-color:#000;
        }
        #provider {
            font-size:0.8rem;
        }
        #provcontainer {
            width:100%
        }
    }

    #scroll-container {
        margin-top: 3vh;
        overflow: hidden;
        width: 100%;
        padding-top:0.5vh;padding-bottom:0.5vh;
    }

    #scroll-text {
        white-space: nowrap; /* Menghindari teks wrap ke baris baru */
        animation: my-animation 40s linear infinite;
    }

    /* Keyframes untuk animasi pada Firefox */
    @keyframes my-animation {
        from { transform: translateX(100%); }
        to { transform: translateX(-100%); }
    }

    /* Keyframes untuk animasi pada Chrome, Safari, dan Opera */
    @-webkit-keyframes my-animation {
        from { -webkit-transform: translateX(100%); }
        to { -webkit-transform: translateX(-100%); }
    }

    /* Keyframes untuk animasi pada Firefox */
    @-moz-keyframes my-animation {
        from { -moz-transform: translateX(100%); }
        to { -moz-transform: translateX(-100%); }
    }

    .gradient-btn {
        background: linear-gradient(to bottom, #0d6efd, #000);
        border: none;
        color: white;
        padding: 10px 20px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

    .gradient-btn::before,
    .gradient-btn::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px; /* Lebar border atas dan bawah */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2)); /* Gradient border atas dan bawah */
        animation: animateBorder 0.5s linear infinite alternate; /* Perubahan warna setiap 1 detik */
    }

    .gradient-btn::before {
        top: 0;
    }

    .gradient-btn::after {
        bottom: 0;
    }

    @keyframes animateBorder {
        0% {
            opacity: 0; /* Mulai dengan opacity 0 */
        }
        100% {
            opacity: 1; /* Kembali ke opacity 1 */
        }
    }

    .gradient-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    }

    .darkened-primary {
      background-color: rgba(0, 123, 255, 0.6); /* Menggunakan RGBA untuk membuat warna latar belakang agak gelap */
      border-color: #007bff; /* Warna border sesuai dengan warna utama (primary) */
      color: white; /* Warna teks */
    }

    .image-container {
        position: relative;
        display: inline-block; /* Memastikan kontainer sesuai dengan ukuran gambar */
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* warna overlay hitam transparan */
        opacity: 0; /* awalnya tidak terlihat */
        transition: opacity 0.3s ease; /* transisi untuk efek hover */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .play-button {
        background-color: #007bff; /* warna latar belakang tombol */
        color: white; /* warna teks tombol */
        border: none;
        padding: 10px 20px; /* ukuran padding */
        font-size: 16px; /* ukuran font */
        cursor: pointer; /* tanda kursor berbentuk tangan saat dihover */
        border-radius: 5px; /* membuat tombol berbentuk bulat di sudut */
        transition: background-color 0.3s ease; /* efek transisi ketika tombol dihover */
    }

    .play-button:hover {
        background-color: #0056b3; /* warna latar belakang tombol ketika dihover */
    }

    .image-container:hover .overlay {
        opacity: 1; /* membuat overlay terlihat saat dihover */
    }


    .top-game, .hot-game {
        background-repeat: no-repeat !important;
        position: absolute;
        width: 3rem;
        top: 0rem;
        height: 2.9rem;
        left: 0.4rem;
        z-index: 15;
    }

    .hot-game {
        background: url('/assets/hot.gif') no-repeat; /* Mengatur gambar latar belakang tanpa pengulangan */
        background-size: contain;
        width: 50px; /* Lebar gambar disesuaikan */
        height: 50px; /* Tinggi gambar disesuaikan */
        position: absolute; /* Posisi absolut */
        top: 0; /* Posisi di bagian atas */
        left:3%; /* Posisi di bagian kiri */
        z-index: 10; /* Z-index diatur lebih rendah agar tidak menutupi gambar utama */
    }

    .top-game {
        background: url('/assets/top.gif') no-repeat; /* Mengatur gambar latar belakang tanpa pengulangan */
        background-size: contain;
        width: 50px; /* Lebar gambar disesuaikan */
        height: 50px; /* Tinggi gambar disesuaikan */
        position: absolute; /* Posisi absolut */
        top: 0; /* Posisi di bagian atas */
        left:3%; /* Posisi di bagian kiri */
        z-index: 10; /* Z-index diatur lebih rendah agar tidak menutupi gambar utama */
    }

    .btn-play {
        position: absolute;
        top: 50%;  /* position the top  edge of the element at the middle of the parent */
        left: 50%; /* position the left edge of the element at the middle of the parent */
        transform: translate(-50%, -50%);
        z-index: 10;
        border: none;
        border-radius: 5px;
        padding: 0.3rem;
        width: 12rem;
        font-size: 0.6rem;
        font-weight: bold;
        text-transform: capitalize;
        max-width: 70%;
        border: 2px solid var(--first-color);
        background: linear-gradient(0deg, var(--g1) 0%, var(--g2) 100%);
        color: var(--text-first);
    }

    .btn-play:hover {
        background: linear-gradient(0deg, var(--g2) 0%, var(--g1) 100%);
    }

    .pola-wrapper {
        background: var(--text-second);
        padding: 0.9rem;
        width: 14rem;
        max-width: 100%;
        border-radius: 5px;
        position: relative;
    }

    .pola-wrapper h4 {
        font-size: 0.9rem;
    }

    .pola-wrapper h5 {
        font-size: 0.7rem;
    }

    .pola-wrapper h4 i, .pola-wrapper h5 i {
        color: var(--first-color);
    }

    .jam-wrapper {
        background: #131313;
        border-radius: 50%;
        padding: 0.6rem;
    }

    .table-pola {
        max-width: 100%;
        width: 9rem;
    }

    .table-pola tr td {
        text-align: center;
        font-size: 0.7rem;
    }

  </style>
</head>
<body class="bg-dark text-white">

  <div id="rangka" class="container" style="margin-top:3vh;">

    <!--Logo-->
    <div class="container text-center">
        <img id="logo" src="/logo.png">
    </div>
    
    <!--Running Text-->
    <div id="scroll-container" class="bg-primary">
        <div id="scroll-text">
            SELAMAT DATANG DI SITUS MANDIRIBET : BANDAR TOGEL, LIVE CASINO, SLOT, SPORTBOOK, TEMBAK IKAN TERBAIK DAN TERPERCAYA DI INDONESIA.
        </div>
    </div>

    <!--Carousel-->
    <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
            <img src="https://i.imgur.com/fEjgKFR.jpg" class="d-block w-100" alt="MANDIRIBET">
            </div>
            <div class="carousel-item">
            <img src="https://i.imgur.com/sYj4m3L.jpg" class="d-block w-100" alt="MANDIRIBET">
            </div>
            <div class="carousel-item">
            <img src="https://i.imgur.com/6UeC4Ld.jpg" class="d-block w-100" alt="MANDIRIBET">
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
        </div>

    <!--Button-->
    <div class="container-fluid" style="padding:0;">
        <div class="row g-0">
            <div class="col-6 d-grid">
                <a href="https://mandirisenang.com" target="_blank" class="rounded-0 btn gradient-btn shadow shadow-sm">MASUK</a>
            </div>
            <div class="col-6 d-grid">
                <a href="https://mandirisenang.com/#/register" target="_blank" class="rounded-0 btn gradient-btn shadow shadow-sm">DAFTAR</a>
            </div>
        </div>
    </div>

    <!--Provider-->
    <div id="provider" class="container-fluid darkened-primary p-2">
        <div id="provcontainer" class="row row-cols-5 text-center">
            <div class="col">
                <a href="/?p=pragmatic" class="text-decoration-none text-white">
                    <img src="/assets/pp.png">
                    <div class="p-1 d-none d-sm-grid">PRAGMATIC PLAY</div>
                </a>
            </div>
            <div class="col">
                <a href="/?p=pocket" class="text-decoration-none text-white">
                    <img src="/assets/pg.png">
                    <div class="p-1 d-none d-sm-grid">PG SOFT</div>
                </a>
            </div>
            <div class="col">
                <a href="/?p=pioner" class="text-decoration-none text-white">
                    <img src="/assets/png.png">
                    <div class="p-1 d-none d-sm-grid">PNG SLOT</div>
                </a>
            </div>
            <div class="col">
                <a href="/?p=wmc" class="text-decoration-none text-white">
                    <img src="/assets/wmc-1.png">
                    <div class="p-1 d-none d-sm-grid">WMC SLOT</div>
                </a>
            </div>
            <div class="col">
                <a href="/?p=joker" class="text-decoration-none text-white">
                    <img src="/assets/jg.png">
                    <div class="p-1 d-none d-sm-grid">JOKER SLOT</div>
                </a>
            </div>
        </div>
    </div>

    <!--Text-->
    <div class="container-fluid mt-3" style="padding:0;">
        <div class="row g-0">
            <div class="col-11">
                <h6><i class="bi bi-clock text-warning"></i> UPDATE RTP : SABTU, 17 May 2025</h6>
            </div>
            <div class="col-1 text-end">
                <btn id="dark" class="btn btn-sm btn-light"><i class="bi bi-brightness-high-fill"></i></btn>
                <btn id="light" class="btn btn-sm btn-dark" style="display:none;"><i class="bi bi-brightness-high"></i></btn>
            </div>
        </div>
        
        <h4 id="text-provider">PRAGMATIC PLAY SLOT LIVE RTP</h4>
        <h6><i class="bi bi-hand-thumbs-up"></i> SUKA(5.0) : <i class="bi bi-star-fill text-warning"></i> <i class="bi bi-star-fill text-warning"></i> <i class="bi bi-star-fill text-warning"></i> <i class="bi bi-star-fill text-warning"></i> <i class="bi bi-star-fill text-warning"></i> <i class="bi bi-star-fill text-warning"></i></h6>
    </div>

    <!--Games-->
    <div class="container-fluid mt-3" style="padding:0;margin-bottom:10vh;">
        <div class="row g-2">

            
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20olympgate.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Auto 40</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Auto 60</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Auto 30</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:44 - 04:59</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="83" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 83%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">83%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20starlight.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Auto 80</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Manual 8</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Auto 90</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:36 - 07:45</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 62%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">62%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysmahwblck.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Auto 20</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Auto 70</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Auto 70</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:44 - 04:44</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 60%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">60%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20gatotgates.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Auto 20</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Auto 30</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Auto 30</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:43 - 07:55</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="71" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 71%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">71%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20olympx.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Manual 9</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Manual 4</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Manual 9</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:36 - 04:52</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="81" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 81%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">81%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20starlightx.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Manual 9</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Manual 4</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Manual 2</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:37 - 04:55</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="56" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 56%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">56%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20mochimon.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Auto 100</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Manual 6</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Manual 4</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:54 - 06:58</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="79" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 79%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">79%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20gatotx.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Manual 5</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Auto 20</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Manual 6</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:41 - 05:58</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="51" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 51%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">51%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sugarrushx.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Manual 8</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Auto 20</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Auto 30</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:44 - 07:51</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 44%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">44%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20fruitswx.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Auto 80</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Manual 7</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Auto 50</td>
                                                
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:36 - 07:57</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 68%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">68%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
                <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                    <div class="hot-game"></div>                    <div class="row g-1">
                        <div class="col-12 col-md-6 d-flex align-items-center">
                            <div class="image-container">
                                <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sugarrush.png" style="width:100%;">
                                <div class="overlay">
                                    <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 p-2">
                            <div class="card text-bg-dark">
                                <div class="card-body">
                                    <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                    <hr/>
                                    <table class="table-pola text-center">
                                        <tbody>
                                            <tr id="pola-slot-1-1">
                                                <td>Auto 70</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-2-1">
                                                <td>Manual 5</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                            <tr id="pola-slot-3-1">
                                                <td>Auto 70</td>
                                                
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                        </tr>
                                        </tbody>
                                    </table>
                                    <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:47 - 06:48</p>
                                    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="51" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 51%">
                                            <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">51%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10fisheye.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:53 - 06:56</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 86%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">86%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sbxmas.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:50 - 06:53</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 58%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">58%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20trsbox.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 04:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="74" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 74%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">74%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs5aztecgems.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:51 - 05:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 80%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">80%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswayspizza.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:37 - 06:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="94" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 94%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">94%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs50jucier.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:35 - 07:57</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="71" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 71%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">71%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs243discolady.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 07:57</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="59" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 59%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">59%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20pbonanza.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:35 - 06:45</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="69" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 69%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">69%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20midas.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:53 - 04:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="63" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 63%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">63%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs25pandagold.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:47 - 07:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 84%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">84%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sparta.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:49 - 05:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="51" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 51%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">51%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswayslight.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 07:44</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 88%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">88%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20tweethouse.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:50 - 05:56</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 48%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">48%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20olympgrace.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:39 - 07:47</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 68%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">68%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                <div class="top-game"></div>                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs50mightra.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:44 - 06:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="54" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 54%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">54%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20beefed.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:37 - 05:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 89%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">89%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20superlanche.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:35 - 06:49</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 62%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">62%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysluckyfish.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 05:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 55%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">55%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20gatotx.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:46 - 06:57</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="51" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 51%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">51%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20rainbowg.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:49 - 07:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 80%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">80%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sugarrush.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:51 - 07:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="51" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 51%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">51%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10firestrike.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:41 - 07:52</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 48%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">48%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs243lionsgold.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:49 - 05:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 52%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">52%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs25hotfiesta.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 05:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 62%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">62%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10tictac.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:51 - 05:57</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 90%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">90%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs40infwild.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:54 - 06:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 42%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">42%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20mochimon.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:44 - 04:49</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="79" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 79%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">79%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20gravity.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:46 - 05:48</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="41" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 41%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">41%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://resource.fdsigaming.com/thumbnail/slot/ppNew/14187.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:36 - 04:37</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="91" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 91%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">91%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysrhino.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:40 - 07:49</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="94" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 94%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">94%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysmahwblck.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:43 - 07:47</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 60%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">60%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysbufking.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:35 - 04:49</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 58%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">58%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sugarcoins.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:45 - 05:47</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 40%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">40%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs12bbb.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 06:56</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="73" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 73%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">73%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs1024mahjwins.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:46 - 04:50</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 90%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">90%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs40demonpots.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:47 - 06:50</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 78%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">78%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysmoneyman.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:47 - 04:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 89%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">89%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10bookazteck.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 04:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 87%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">87%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs1tigers.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:41 - 04:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 42%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">42%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysfuryodin.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:48 - 06:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="49" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 49%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">49%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswayswwhex.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:50 - 06:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 92%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">92%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20dhcluster.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:36 - 07:56</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 43%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">43%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs40rainbowr.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 05:52</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="61" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 61%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">61%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs7776aztec.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:55 - 05:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 92%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">92%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/cs5triple8gold.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 04:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 42%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">42%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswayshammthor.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:43 - 07:45</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="64" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 64%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">64%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/cs3w.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 05:56</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="79" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 79%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">79%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20goldfever.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:46 - 05:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 86%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">86%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/cs3irishcharms.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:40 - 04:40</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="61" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 61%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">61%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10floatdrg.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:48 - 05:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 44%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">44%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs25kfruit.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:41 - 04:57</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 95%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">95%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20clspwrndg.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:47 - 05:53</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 66%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">66%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20candybltz2.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 04:50</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="61" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 61%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">61%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20drgbless.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 07:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 75%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">75%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs5joker.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 04:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 55%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">55%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10bhallbnza.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:38 - 05:50</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 48%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">48%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20yisunshin.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:37 - 06:56</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="69" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 69%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">69%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sparta.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:50 - 07:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="54" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 54%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">54%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20starlight.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:38 - 05:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 62%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">62%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10runes.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:38 - 06:57</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 75%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">75%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20clspwrndg.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:48 - 06:53</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 75%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">75%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20fruitswx.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:48 - 06:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 68%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">68%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs9aztecgemsdx.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:49 - 05:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="94" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 94%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">94%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswayssamurai.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:39 - 06:43</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="41" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 41%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">41%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs1024moonsh.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:48 - 05:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 58%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">58%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20gatotgates.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:36 - 05:42</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="71" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 71%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">71%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10fisheye.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:45 - 04:46</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 72%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">72%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20starlightx.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:50 - 07:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="56" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 56%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">56%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20medusast.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:52 - 07:53</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="59" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 59%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">59%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs243caishien.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 06:49</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 58%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">58%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswayslions.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:53 - 07:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="61" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 61%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">61%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10gdchalleng.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:53 - 06:58</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 80%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">80%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20dugems.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:50 - 04:52</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="47" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 47%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">47%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20bermuda.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:55 - 05:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 58%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">58%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs9outlaw.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:42 - 06:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="53" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 53%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">53%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysxjuicy.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 3</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:35 - 07:48</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 86%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">86%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs40wildwest.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 90</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:47 - 06:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 58%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">58%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs25rlbank.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:41 - 04:43</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 70%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">70%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs25goldparty.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:54 - 05:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 44%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">44%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20olympgate.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 40</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:40 - 05:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="83" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 83%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">83%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20ltng.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 7</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:50 - 05:56</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="71" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 71%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">71%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs10bbbonanza.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 2</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 70</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:39 - 06:47</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 92%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">92%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysdogs.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 5</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:38 - 06:39</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="59" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 59%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">59%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20sugarrushx.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 30</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:35 - 05:49</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 44%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">44%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;display:none;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs20olympx.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:39 - 07:54</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="81" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 81%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">81%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/cs5moneyroll.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 10</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:38 - 05:59</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="81" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 81%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">81%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vswaysstrlght.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 60</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:39 - 06:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="61" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 61%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">61%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs25jokrace.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 6</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 100</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Manual 9</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:51 - 05:51</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="41" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 41%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">41%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs12bbb.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Manual 8</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 50</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:43 - 06:47</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="41" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 41%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">41%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
            <div class="col-6 col-md-4 bg-primary rounded-2" style="position:relative;">
                                <div class="row g-1">
                    <div class="col-12 col-md-6 d-flex align-items-center">
                        <div class="image-container">
                            <img class="lazy shadow shadow-md border border-primary" src="https://png-res.png999.com/assets/PP-Web/vs243fortseren.png" style="width:100%;">
                            <div class="overlay">
                                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none play-button">Mari Bermain</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 p-2">
                        <div class="card text-bg-dark">
                            <div class="card-body">
                                <p class="text-center"><i class="bi bi-bar-chart text-primary"></i> Pola Slot</p>
                                <hr/>
                                <table class="table-pola text-center">
                                    <tbody>
                                        <tr id="pola-slot-1-1">
                                            <td>Auto 80</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-2-1">
                                            <td>Manual 4</td>
                                            
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                                                    </tr>
                                        <tr id="pola-slot-3-1">
                                            <td>Auto 20</td>
                                            
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                <td><i class="bi bi-check-circle fw-bold text-success"></i></td>
                <td><i class="bi bi-x-circle fw-bold text-danger"></i></td>
                                                    </tr>
                                    </tbody>
                                </table>
                                <p class="text-center mt-1" style="font-size:0.8rem;"><i class="bi bi-clock text-primary"></i> Jam 04:48 - 07:55</p>
                                <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="94" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 94%">
                                        <span style="font-weight: bold; position: absolute; left: 50%; transform: translateX(-50%);color:#000;">94%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        
        </div>
    </div>

    

  </div>

  <!--Menu Bottom-->
  <div class="container-fluid sticky-bottom" style="
        background: linear-gradient(to bottom, #0d6efd, #000);
        border: none;
        color: white;
        padding: 5px 10px;">
        <div class="row">
            <div class="col-3 text-center">
                <a href="https://mandirisenang.com/" target="_blank" class="text-decoration-none text-white">
                    <i class="bi bi-house-door-fill"></i><br/>
                    <span>Home</span>
                </a>
            </div>
            <div class="col-3 text-center">
                <a href="https://mandirisenang.com//#/activity" target="_blank" class="text-decoration-none text-white">
                    <i class="bi bi-ticket-perforated-fill"></i><br/>
                    <span>Promosi</span>
                </a>
            </div>
            <div class="col-3 text-center">
                <a href="https://mandirisenang.com//#/register" target="_blank" class="text-decoration-none text-white">
                    <i class="bi bi-person-fill"></i><br/>
                    <span>Daftar</span>
                </a>
            </div>
            <div class="col-3 text-center">
                <a href="https://mandirisenang.com//#/service" target="_blank" class="text-decoration-none text-white">
                    <i class="bi bi-telephone-outbound-fill"></i><br/>
                    <span>Contact</span>
                </a>
            </div>
        </div>
    </div>

  

  <!-- Bootstrap JS (diletakkan di bagian bawah untuk meningkatkan kinerja) -->
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
    <script>

        $("#dark").click(function(){
            console.log("dark klik");
            $("#dark").hide();
            $("#light").show();
            $("body").removeClass('bg-dark');
            $("body").removeClass('text-white');
            $("body").addClass('bg-light');
            $("body").addClass('text-dark');
        })

        $("#light").click(function(){
            console.log("light klik");
            $("#light").hide();
            $("#dark").show();
            $("body").addClass('bg-dark');
            $("body").addClass('text-white');
            $("body").removeClass('bg-light');
            $("body").removeClass('text-dark');
        })
    </script>
</body>
</html>
                               

Whois info of domain

Domain Name: WIDMI.COM
Registry Domain ID: 2885297268_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.namecheap.com
Registrar URL: http://www.namecheap.com
Updated Date: 2024-07-28T08:51:01Z
Creation Date: 2024-05-28T00:03:35Z
Registry Expiry Date: 2025-05-28T00:03:35Z
Registrar: NameCheap, Inc.
Registrar IANA ID: 1068
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.6613102107
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: LILITH.NS.CLOUDFLARE.COM
Name Server: RAZVAN.NS.CLOUDFLARE.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-16T21:45:53Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass