<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="8hStQl4xqZ09bByBJHVdfE9542KckPw9mxPePKdU">


    <!-- admin2 -->
    <title>AN138 || Link Alternatif Anti Nawala Tanpa Kendala 100% Maxwin</title>
    <link rel="icon"
        href="https://dapurbola.com/storage/settings/site_logo_favicon-1765297948.png">
    <link rel="stylesheet" href="/assets/css/dark-gold/app.css?v=1.0">
    <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
    <link href="/assets/css/fonts/fonts.css" rel="stylesheet">
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://dapurbola.com/assets/css/admin/slick.css" />
    <script type="text/javascript" src="https://dapurbola.com/assets/js/admin/slick.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
    <script src="https://dapurbola.com/assets/js/admin/alpine.min.js"></script>

    

            <meta name="description" content="Di tengah berkembangnya dunia hiburan digital, AN138 hadir sebagai salah satu platform online yang semakin dikenal oleh para pecinta permainan slot, togel, casino, dan sportsbook. Dengan tampilan modern, akses cepat, serta pilihan permainan lengkap, AN138 berhasil menarik perhatian banyak pemain yang mencari pengalaman bermain seru sekaligus peluang kemenangan besar setiap harinya." />


<link rel="canonical" href="https://personalloanskltk.com/" />
<link rel="amphtml" href="https://kusukaan.store/an138/" />
<meta name="keywords" content="an138, login an138, link an138, link alternatif an138, an138 alternatif , an138 login" />



<!-- Gunakan Google Site  -->
<meta name="google-site-verification" content="R9IrkN7Btbc3iM0c0T-ZgTIB17s-tbWqILlrT5SNcJ0" />
<meta name="google-site-verification" content="T0-hnp0SluvHmtu0fmkVCSlU3_tLu3Pstp4wprIQ7Y0" />
<meta name="google-site-verification" content="BT65-ANM6kU8R4wXHwrgZEqeGynTtezK7_JrGoXxGIU" />
<meta name="google-site-verification" content="eLRC75Slw2VV4NZiO2JaQp_EKmL-JiaslXdXRMFk9gA" />
<meta name="google-site-verification" content="Tl-c_NwrF36Wd_HkqShD1kWvSwZiLJ4FQ_xoWAplxDs" />
<meta name="google-site-verification" content="wzpEz7gKh49KOemRl2PCJwcPBrDedFeoP1jKSrL-0DU" />
<meta name="google-site-verification" content="hFC3WeaevJQAUGT6qDQ2pFlZy3w38Q771yFwylmhgPE" />
<meta name="google-site-verification" content="Kd_WtuM4ZMpZJUrkJyLElErVcveQ68HrbJQI8n5EOFE" />
<meta name="google-site-verification" content="AfBrpRGPSGwTb8nBtDNR636-v7We-hsn9mbS9cqTIuU" />
<meta name="google-site-verification" content="dMPl5myNiVkZxrTTS_5AGpP610w8LVtKywALLtTTfZ4" />

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '830021343447064');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=830021343447064&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '971358972245123');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=971358972245123&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
    
    <div style="position: fixed; bottom: 200px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://ruangrtpan138.store/" target="_blank" rel="noopener"><img class="rtpbutton" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2MBvDxznVsjIjmh9k3ncTARayJB3w0wbBuxTOZR5fkadXPpWuguOC8pmBjARjgS7GocygYyiyA-omELQR9Ej2zfE6c2r40Q7QkAnR3j2nqZBx6jJEShAf4D1FpRFCqkizhZzE07gUY8Z2dHO4aDA2R2bwsQM0gypf5sfqB-Ck8hc5my9Q2KAeTJ1lFg/s300/RTPLOV4D.gif" alt="bocoran rtp" title="bocoran rtp" width="80" height="80"></a></div>

<div style="position: fixed; bottom: 300px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://hadiahspinwheel.com/" target="_blank" rel="noopener"><img class="Info Rtp" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTFhZ5Iu6u8ssaLtC_odWpzlnkun6aETZMURr1xMZslirVW_nbIDRuIucv6HLGzr05MotfUPVePeDO5_7gnx1N_ZVzWavWBVTCzmdmyPumhOByqDSsKRrgA_a-EUE_ce6tkGFHrqOaJjhaG5IgLeOH4QSrEOaUCc2t0TzqAdOO_HTxxSPG7VIltEKd9Zs/s600/lov4dspin.gif" alt="Luckyspin sa138" title="Luckyspin sa138" width="80" height="80"></a></div>


    

    
    <style>
        body {
            background: url('/assets/images/dark-gold/bg.jpg') #fff;
            background-attachment: fixed;
            background-size: cover;
        }


        .registerkiri {
            background: url('/assets/images/dark-gold/image-register.jpg');
            background-size: cover;
            background-position: center;
        }

        .bungkusan .kartu {
            background: url("/assets/images/dark-gold/bg_card.jpg") no-repeat;
            background-size: cover;
            background-position: center;
        }

        .arrow {
            width: 25px;
            height: 15px;
            position: relative;
            top: 1px;
            left: 0px;
            background: url("/assets/images/arrow.svg") no-repeat center center;
            background-size: 100% 100%;
            transform: rotate(180deg);
        }

        .arrowconvert {
            width: 15px;
            height: 10px;
            position: relative;
            left: 10px;
            background: url("/assets/images/dark-gold/arrow.svg") no-repeat center center;
            background-size: 100% 100%;
            transform: rotate(180deg);
        }

        @media (max-width: 639px) {
            .w-488 {
                width: 48%;
            }
        }

        @media (min-width: 1024px) {
            .slick-slide {
                height: 424px;
            }

            .slick-slide img {
                height: 424px;
                width: 100%;
                object-fit: cover;
            }
        }

        @media (max-width: 1023px) {
            #chat-widget-container {
                display: none
            }
        }

        .loading_bar {
            animation: loadingBarAnimation 5s linear infinite
        }

        @keyframes loadingBarAnimation {
            0% {
                width: 0%
            }

            10% {
                width: 10%
            }

            50% {
                width: 50%;
            }

            100% {
                width: 100%
            }
        }
    </style>

        

    <link rel="stylesheet" type="text/css" href="https://dapurbola.com/assets/float/float.css?v=1.1" />

    <!-- Meta Pixel Code -->
    
    <!-- End Meta Pixel Code -->
</head>

<body id="body" class="font-sans mx-auto text-sm">

    <div class="zoomout">

        <div id="sidenav" class="fixed -left-96 h-full lg:hidden overflow-auto" style="z-index: 99999;">
    <div class="relative">
        <div class="logo sidehead p-4">
            <div class="w-56">
                <a href="https://dapurbola.com">
                    <img
                        src="https://dapurbola.com/storage/settings/site_logo-1765297948.png"
                        alt="">
                </a>
            </div>
        </div>
        <ul class="menu_mobile mt-2 border-b border-white border-opacity-25 pb-4">
            <li>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://dapurbola.com" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-gold/header/menu/Home.svg" class="w-5 -mt-1 relative"
                         alt="Beranda">
                    <strong class="px-2 font-normal capitalize">Beranda</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://dapurbola.com/sportsbook" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-gold/header/menu/Sportsbook.svg" class="w-5 -mt-1 relative"
                         alt="SPORTS">
                    <strong class="px-2 font-normal capitalize">Sports</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://dapurbola.com/slot" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-gold/header/menu/slots.svg" class="w-5 -mt-1 relative"
                         alt="Slot">
                    <strong class="px-2 font-normal capitalize">Slot</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://dapurbola.com/casino" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-gold/header/menu/Casino.svg" class="w-5 -mt-1 relative"
                         alt="Kasino">
                    <strong class="px-2 font-normal capitalize">Kasino</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://dapurbola.com/togel" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-gold/header/menu/lottery.svg" class="w-5 -mt-1 relative"
                         alt="Togel">
                    <strong class="px-2 font-normal capitalize">Togel</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://dapurbola.com/sabung-ayam" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-gold/header/menu/sabungayam.svg" class="w-5 -mt-1 relative"
                         alt="Sabung Ayam">
                    <strong class="px-2 font-normal capitalize">Sabung Ayam</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://dapurbola.com/promotion" style="color: #FFFFFF ">
                    <img src="/assets/images/dark-gold/header/menu/promotion.svg" class="w-5 -mt-1 relative"
                         alt="Promosi">
                    <strong class="px-2 font-normal capitalize">Promosi</strong>
                </a>
            </li>
        </ul>

                    <div class="akun_mobile px-4 mt-4 pb-4">
                <div class="mb-4 text-center">
                    <span class="iconify relative inline-block" data-icon="ant-design:clock-circle-filled"
                          data-inline="false"></span> <span id="currentDayMobile"
                                                            style="color: #FFFFFF "></span>
                    <span id="currentTimeMobile"
                          style="color: #FFFFFF "></span>
                </div>
                <form action="https://dapurbola.com/login" method="POST">
                    <input type="hidden" name="_token" value="8hStQl4xqZ09bByBJHVdfE9542KckPw9mxPePKdU" autocomplete="off">                    <input type="text" name="username" id="username_mobile"
                           class="login_input  p-2 block mx-auto px-4 focus:outline-none rounded-md mb-2 w-full"
                           placeholder="username" value="" required>
                    <input type="password" name="password" id="password_mobile"
                           class="login_input  p-2 block mx-auto px-4 focus:outline-none rounded-md mb-2 w-full"
                           placeholder="Password" required>
                    <div class="flex items-center gap-x-2">
                        <a href="https://dapurbola.com/register" id="regis_mobile"
                           class="text-center p-2 rounded-md px-5 block w-2/4 focus:outline-none"
                           style="color: #FFFFFF ">
                            Daftar
                        </a>
                        <button type="submit" id="login_mobile"
                                class="bg-main text-white text-center p-2 mx-auto rounded-md px-5 block w-2/4 focus:outline-none">
                            Masuk
                        </button>
                    </div>
                </form>
            </div>
        
    </div>
</div>

<div id="header" class="lg:py-0 py-5 flex items-center relative">
    <div class="container mx-auto xl:px-0 px-4">
        <div class="flex justify-between items-center">
            <div class="kiri">
                <a href="https://dapurbola.com" title="Logo">
                    <div class="logo sm:w-64 w-40">
                        <img class="max-w-full w-full"
                             src="https://dapurbola.com/storage/settings/site_logo-1765297948.png"
                             alt="Site Branding">
                    </div>
                </a>
            </div>
            <div class="nav">
                <button id="navigasi" class="text-2xl lg:hidden block focus:outline-none">
                    <span class="iconify" data-icon="fa:bars" data-inline="false"></span>
                </button>
                <ul id="menu" class="menu lg:flex hidden">
                    <li class="relative">
                        <a href="https://dapurbola.com"
                           class="current lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-gold/header/menu/Home.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Beranda">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Beranda</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://dapurbola.com/sportsbook"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-gold/header/menu/Sportsbook.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Sports">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Sports</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://dapurbola.com/slot"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-gold/header/menu/slots.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Slot">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Slot</strong>
                        </a>
                    </li>

                    <li class="relative">
                        <a href="https://dapurbola.com/casino"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-gold/header/menu/Casino.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="kasino">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Kasino</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://dapurbola.com/togel" 
                        class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-12 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-gold/header/menu/lottery.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Togel">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Togel</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://dapurbola.com/sabung-ayam"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-12 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-gold/header/menu/sabungayam.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Sabung Ayam">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Sabung Ayam</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://dapurbola.com/promotion"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #FFFFFF ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-gold/header/menu/promotion.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Promosi">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Promosi</strong>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="mini_bar bg-main py-2 relative" style="z-index: 1">
    <div class="container mx-auto xl:px-0 px-4">
        <div class="flex justify-between items-center">
            <div class="minimenu kiri text-base">
                                    <span class="iconify relative inline-block mr-2" data-icon="ant-design:clock-circle-filled"
                          data-inline="false"></span>
                    <span id="currentDayDesktop" class="font-normal"></span>
                    <span id="currentTimeDesktop" class="font-normal"></span>
                            </div>
            <div class="kanan flex lg:block hidden">
                                    <form action="https://dapurbola.com/login" method="POST" class="flex items-center">
                        <input type="hidden" name="_token" value="8hStQl4xqZ09bByBJHVdfE9542KckPw9mxPePKdU" autocomplete="off">                        <div class="flex items-center relative">
                            <label for="header_username_login" class="absolute left-4">
                                <img src="/assets/images/dark-gold/header/icon-username.svg" alt="">
                            </label>
                            <input type="text" value="" placeholder="Username"
                                   name="username" id="header_username_login"
                                   class="login_input rounded-full pl-10 pr-2 focus:outline-none mx-1"
                                   autocomplete="username" required style="padding-top:6px;padding-bottom:6px;">
                        </div>
                        <div class="flex items-center relative">
                            <label for="header_password_login" class="absolute left-4">
                                <img src="/assets/images/dark-gold/header/icon-password.svg"
                                     style="top: -1px;position:relative" alt="">
                            </label>
                            <input type="password" name="password" id="header_password_login" placeholder="Password"
                                   class="login_input rounded-full pl-10 pr-2 focus:outline-none mx-1"
                                   autocomplete="current-password" style="padding-top:6px;padding-bottom:6px;">
                        </div>
                        <button type="submit" id="login_btn"
                                class="px-4 uppercase text-center font-semibold rounded-full mx-1 focus:outline-none"
                                style="padding-top:6px;padding-bottom:6px;">Masuk
                        </button>
                        <a href="https://dapurbola.com/register"
                           class="bg-daftar text-center text-black rounded-full px-4 uppercase font-semibold"
                           style="padding-top:6px;padding-bottom:6px;">Daftar</a>
                    </form>
                            </div>
        </div>
    </div>
</div>

<script>
        var currentDay = '4';
    var currentHour = '16';
    var currentMinute = '20';
    var currentSecond = '24';

    var tagCurrentDayMobile = document.getElementById('currentDayMobile');
    var tagCurrentTimeMobile = document.getElementById('currentTimeMobile');

    var tagCurrentDayDesktop = document.getElementById('currentDayDesktop');
    var tagCurrentTimeDesktop = document.getElementById('currentTimeDesktop');

    var days = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];

    tagCurrentDayMobile.innerText = days[currentDay];
    tagCurrentTimeMobile.innerText = currentHour + ':' + currentMinute + ':' + currentSecond;

    tagCurrentDayDesktop.innerText = days[currentDay];
    tagCurrentTimeDesktop.innerText = currentHour + ':' + currentMinute + ':' + currentSecond;

    setInterval(function () {
        currentSecond++;
        if (currentSecond == 60) {
            currentSecond = 0;
            currentMinute++;
            if (currentMinute == 60) {
                currentMinute = 0;
                currentHour++;
                if (currentHour == 24) {
                    currentHour = 0;
                    currentDay++;
                    if (currentDay == 7) {
                        currentDay = 0;
                    }
                }
            }
        }

        tagCurrentDayMobile.innerText = days[currentDay];
        tagCurrentDayDesktop.innerText = days[currentDay];

        var textTime = '';

        if (currentHour < 10) {
            if (currentHour.length == 1) {
                textTime += '0' + currentHour + ':';
            } else {
                textTime += currentHour + ':';
            }
        } else {
            textTime += currentHour + ':';
        }

        if (currentMinute < 10) {
            if (currentMinute.length == 1) {
                textTime += '0' + currentMinute + ':';
            } else {
                textTime += currentMinute + ':';
            }
        } else {
            textTime += currentMinute + ':';
        }

        if (currentSecond < 10) {
            textTime += '0' + currentSecond;
        } else {
            textTime += currentSecond;
        }

        tagCurrentTimeMobile.innerText = textTime;
        tagCurrentTimeDesktop.innerText = textTime;
    }, 1000);
    </script>
            <div id="wrapper" class="lg:mt-4 mt-2 lg:mb-10 mb-2">
        <div class="my-2">
            <div class="container mx-auto lg:px-0 px-4 py-0 my-2">
    
    
    
    
            <script>
            // alert: don't change this var to let or const, because it will be overwritten
            var closeModalFeedback = document.querySelector('.close-modal-feedback');
            var overlayModalFeedback = document.querySelector('.overlay-feedback');
            var modalFeedback = document.querySelector('.modal-feedback');

            if (closeModalFeedback) {
                closeModalFeedback.addEventListener('click', function() {
                    overlayModalFeedback.style.display = 'none';
                })
            }

            document.addEventListener('keydown', (event) => {
                if (event.key === 'Enter') {
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })

            document.addEventListener('keyup', (event) => {
                if (event.code === 'Space' && event.target === document.body) {
                    event.preventDefault();
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })

            document.addEventListener('keydown', (event) => {
                if (event.key === 'Escape') {
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })
        </script>
    
</div>
        </div>
        <div class="container mx-auto xl:px-0 px-4">
            <div class="informasi w-full top-0 z-10">
                <div class="container mx-auto">
                    <div class="info_bar w-full lg:px-0 rounded-full flex">
                        <div
                            class="text-center text-sm inline-block lg:pl-4 pl-2 py-1 font-normal float-left uppercase text-white">
                            <img class="w-5" src="/assets/images/dark-gold/header/icon-pengumuman.svg"
                                alt="">
                        </div>
                        <marquee class="text-sm block overflow-hidden flex items-center" direction="left">
                            <span class="">(11/Jun/2026)</span>
                            SELAMAT DATANG DI SITUS AN138 | PASTIKAN UNTUK SELALU MENGECEK TUJUAN DEPOSIT YANG TERDAPAT DI MENU DEPOSIT SETIAP INGIN MELAKUKAN SETORAN AWAL
                        </marquee>
                    </div>
                </div>
            </div>

            <div class="slide-container relative mt-4">
                <div class="slideshow overflow-hidden relative">
                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://pub-4342a8a4bc4e4ea6a1ae05c91296684a.r2.dev/erp/nlCRX72Q.webp"
                                            alt="PP DAILY WINS MEGA GACOR (D)">
                                    </div>
                                </div>
                            </div>
                                                                                                                    
                                                                        <a href="https://an138sss.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/spesial-event-1765829288.jpg"
                                        alt="Slider 1">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://an138sss.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/slider-1-1765394025.jpg"
                                        alt="Slider 2">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                                                                                <a href="https://an138sss.com/" target="_blank">
                                                <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/deposit-qris-1765399637.jpg"
                                        alt="Slider 3">
                                </div>
                            </div>
                        </div>
                                                    </a>
                                            
                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://pub-4342a8a4bc4e4ea6a1ae05c91296684a.r2.dev/erp/iIxd1qsg.webp"
                                            alt="CANDY RUSH WHEEL DROPS (D)">
                                    </div>
                                </div>
                            </div>
                                                                                                                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://pub-4342a8a4bc4e4ea6a1ae05c91296684a.r2.dev/erp/play win desktop.webp"
                                            alt="SPADE GAMING PLAY AND WIN PERIODE 6(D)">
                                    </div>
                                </div>
                            </div>
                                                                                                                                    </div>
            </div>
                            <div class="xl:block hidden">
                    <div class="triangle lg:flex flex-row flex-nowrap justify-between items-stretch relative mb-5"
                        style="align-content: stretch">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img style="height: 350px;"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-slot-1765298059.webp"
                                    alt="">
                            </a>
                        </div>
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-655 lg:h-175"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-sportsbook-1765298059.webp">
                            </a>
                        </div>
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-595"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-livecasino-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="lg:flex flex-row flex-nowrap justify-between items-stretch relative mb-5">
                        <div class="games">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-625"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-lottery-1765298059.webp">
                            </a>
                        </div>
                        <div class="games absolute lg:right-0">
                            <a href="#login_form" rel="modal:open">
                                <img class="max-w-full" style="width: 600px"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-promotion-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="lg:flex items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img src="https://dapurbola.com/storage/images/homepage-desktop-customer_service-1765298059.webp">
                            </a>
                        </div>
                        <div class="relative lg:w-72 pl-5">
                            <a href="#login_form" rel="modal:open">
                                <img class="relative w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-download-app-1765298059.webp">
                            </a>
                        </div>
                    </div>
                </div>

                <div class="sm:block lg:hidden hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-slot-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-sportsbook-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-livecasino-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-lottery-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-customer_service-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-promotion-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-download-app-1765298059.webp">
                            </a>
                        </div>
                    </div>


                </div>

                <div class="sm:hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-slot-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-sportsbook-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-livecasino-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-lottery-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-customer_service-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-promotion-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-download-app-1765298059.webp">
                            </a>
                        </div>
                    </div>


                </div>

                <div class="xl:hidden lg:block hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-slot-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-sportsbook-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-livecasino-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-lottery-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-customer_service-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-promotion-1765298059.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://dapurbola.com/storage/images/homepage-desktop-download-app-1765298059.webp">
                            </a>
                        </div>
                    </div>
                </div>
            
        </div>
    </div>
        <style>
    #footer .containerss {
        transform-origin: top center !important;
        -moz-transform: scale(0.95) !important;
    }

    .density h2 {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density h3 {
        margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density h1 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density ul {
        padding-left: 1rem;
        list-style-type: disc;
        line-height: 2rem;
    }

    .density ol {
        padding-left: 1rem;
        list-style-type: number;
        line-height: 2rem;
    }
</style>
<div id="footer" class="lg:py-8 lg:pt-8 pt-2 pb-2 h-full" style="color: #FFFFFF">
    <div class="containerss container h-full">
        <div class="grid lg:grid-cols-3 grid-cols-1 lg:gap-x-4 gap-x-2 lg:my-6 my-2" style="">
            <div class="lg:mb-0 mb-5 text-left">
                <div class="license">
                    <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                        style="color: #f6ad09">Lisensi</h2>
                </div>
                                    <div class="logofooter mt-4">
                        <img class="lg:w-48 w-36 mx-0 mx-auto max-w-full w-full"
                             src="https://dapurbola.com/storage/settings/site_logo-1765297948.png" alt="Site Branding">
                    </div>
                            </div>
            <div class="browser lg:mb-0 mb-8 text-left">
                <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                    style="color: #f6ad09">Browser yang didukung</h2>
                <div class="flex gap-x-2 items-center mt-4">
                    <img class="lg:w-auto w-32 mx-0"
                         src="https://dapurbola.com/assets/images/dark-gold/footer/supported.svg"
                         alt="Supported">
                </div>
            </div>
            <div class="browser lg:mb-0 mb-8 text-left">
                <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                    style="color: #f6ad09">Tanggung Jawab Bermain</h2>
                <div class="flex gap-x-2 items-center mt-4">
                    <img class="lg:w-auto w-48 mx-0"
                         src="https://dapurbola.com/assets/images/dark-gold/footer/responsible.svg"
                         alt="Responsive">
                </div>
            </div>
        </div>

                    <div class="density border-t border-b pt-4 pb-4 border-main border-opacity-25">
                <style>
                    .density p {
                        line-height: 25px;
                        margin-bottom: 1rem;
                    }
                </style>
                <h2 style="text-align: center"><strong><span style="font-family: Arial">AN138 &gt;&gt;&gt; LAYANAN PENYEDIA GAME SLOT ONLINE TERGACOR NOMOR #1 INDONESIA</span></strong><br></h2><p><span style="font-family: Arial"><strong><br></strong></span></p><p><strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>AN138 </strong></span></span></strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>hadir sebagai platform permainan online terlengkap dan terpercaya yang menghadirkan pengalaman bermain slot dan casino resmi dengan tampilan terbaik yang sudah di kenal luas oleh komunitas pecinta slot dan casino, </strong></span></span><strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>AN138 </strong></span></span></strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>menghadirkan sistem yang </strong></span></span><strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>jujur, aman, dan transparan</strong></span></span></strong><span style="font-family: Arial"><span style="font-family:Arial"><strong> bagi seluruh pemain yang bermain di situs </strong></span></span><strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>AN138</strong></span></span></strong></p><p><span style="font-family: Arial"><span style="font-family:Arial"><strong>Bermain di </strong></span></span><strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>AN138 </strong></span></span></strong><span style="font-family: Arial"><span style="font-family:Arial"><strong>bukan hanya sekadar melakukan betting atau menekan tombol spin, Tetapi sebuah perjalanan hiburan yang di kemas dengan teknologi canggih dan layanan profesional. Seluruh permainan resmi terverifikasi, sehingga para pemain tidak perlu ragu dan khawatir untuk keaslian nya.</strong></span></span></p><p><span style="font-family: Arial"><br></span></p><h2 style="margin-left: 275px"><span style="font-family: Arial"><strong>KEAMANAN DAN KENYAMANAN PRIORITAS UTAMA</strong></span></h2><p><br></p><p><span style="font-family: Arial"><strong>AN138 berkomitmen menjaga keamanan data dan privasi member dengan sistem enkripsi berstandar tinggi, Setiap aktivitas transkaksi maupun permainan dipantau secara real-time untuk memastikan agar tidak ada kecurangan ataupun penipuan.</strong></span></p><p> </p><p> </p><p> </p>
            </div>
        
        <div class="lg:mt-6 mt-2">
            <div class="lg:flex justify-between items-center py-4">
                <p class="lg:mb-0 mb-4 lg:text-left text-center">Hak Cipta © Sinarplay.</p>
                <div class="relative lg:flex hidden items-center gap-x-2">
                    <a href="#">Indonesia</a>
                    <span class="iconify" data-icon="ant-design:caret-down-filled"></span>
                </div>
            </div>
        </div>
    </div>
</div>

    <div id="floatMenu" class="lg:hidden fixed w-full py-2 bottom-0 rounded-t-2xl"
         style="box-shadow: 0px 3px 46px 13px rgb(0 0 0 / 24%);">
        <div class="flex justify-between items-center sm:w-3/4 w-full mx-auto text-center">
            <div class="w-2/6">
                <a href="#login_form" rel="modal:open">
                    <img class="mx-auto w-6 mb-2"
                         src="https://dapurbola.com/assets/images/dark-gold/float-menu/float_login.svg"
                         alt="Login">
                    <span class="uppercase text-sm font-light"
                          style="color:#FFFFFF">Login</span>
                </a>
            </div>
            <div class="w-2/6">
                <a href="https://dapurbola.com/register">
                    <img class="mx-auto w-6 mb-2"
                         src="https://dapurbola.com/assets/images/dark-gold/float-menu/float_register.svg"
                         alt="Register">
                    <span class="uppercase text-sm font-light"
                          style="color:#FFFFFF">Daftar</span>
                </a>
            </div>
            <div class="w-2/6">
                <a href="https://direct.lc.chat/17707683/"
                   target="_blank">
                    <img class="mx-auto w-6 mb-2"
                         src="https://dapurbola.com/assets/images/dark-gold/float-menu/float_chat.svg"
                         alt="Live Chat">
                    <span class="uppercase text-sm font-light"
                          style="color:#FFFFFF">Live Chat</span>
                </a>
            </div>
        </div>
    </div>


<div id="overlay-body" class="overlay-body bg-black bg-opacity-50 fixed w-full h-full top-0 bottom-0 hidden"></div>

<div id="login_form" class="hidden">
    <div class="relative">
        <div class="shadow-2xl rounded-lg lg:w-595 modalback">
            <div class="p-5 text-center rounded-t-lg modalhead">
                <div class="logo text-center mx-auto w-64">
                    <img class="w-full mx-auto max-w-fll"
                         src="https://dapurbola.com/storage/settings/site_logo-1765297948.png"
                         alt="">
                </div>
            </div>
            <form action="https://dapurbola.com/login" method="POST" class="mt-4 p-5">
                <input type="hidden" name="_token" value="8hStQl4xqZ09bByBJHVdfE9542KckPw9mxPePKdU" autocomplete="off">                <h2 class="text-white lg:text-2xl text-lg uppercase font-semibold text-center mb-3"
                    style="color: #f6ad09">Login to your Account</h2>
                <div class="flex justify-start items-center mb-4">
                    <input type="text" name="username" id="modal_username_login"
                           class="w-full p-4 px-6 rounded-lg border border-white border-opacity-10 focus:outline-none"
                           placeholder="Username" style="background: #1B1917">
                </div>
                <div class="flex justify-start items-center">
                    <input type="password" name="password" id="modal_password_login"
                           class="w-full p-4 px-6 rounded-lg border border-white border-opacity-10 focus:outline-none"
                           placeholder="Password" style="background: #1B1917">
                </div>
                <div class="flex justify-between items-center my-4">
                    <div class="form-group flex">
                        <input type="checkbox" name="remember" id="remember" class="border border-main">
                        <label for="remember" class="ml-2 font-medium relative"
                               style="color:#FFFFFF;top: -3px;">Remember
                            Me</label>
                    </div>
                </div>
                <button type="submit"
                        class="bg-main text-center my-4 mb-2 text-white font-medium text-sm py-2 w-full block rounded-lg uppercase">
                    Submit
                    login
                </button>
                <a href="https://dapurbola.com/register"
                   class="text-center transition-all duration-200 mb-4 text-main font-medium text-sm py-2 w-full block rounded-lg uppercase">Daftar</a>
            </form>
        </div>
    </div>
</div>

<div id="modal_inbox" class="modal_inbox hidden"
     style="background: #1B1917;color: #FFFFFF">
    <div class="relative">
        <div class="shadow-2xl rounded-lg p-6 lg:w-s595">
            <h2 class="text-2xl font-semibold text-left mb-5" id="modal_ticket_name"
                style="color: #FFFFFF"></h2>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Ticket No</strong> :
                </div>
                <div><span class="font-normal" id="modal_ticket_id"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Status</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_status"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Tanggal</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_tanggal"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Isi Pesan</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_description"></span></div>
            </div>

            <div class="lg:flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="lg:flex w-20 font-medium">Isi Reply</strong> <span>:</span>
                </div>
                <div>
                    <p class="font-normal capitalize overflow-hidden text-justify" id="modal_ticket_reply"></p>
                </div>
            </div>

            <div class="flex justify-center">
                <a href="#close-modal" rel="modal:close"
                   class="bg-main text-center px-6 py-2 rounded-full text-white font-bold">Close</a>
            </div>
        </div>
    </div>
</div>


    <div class="modal-information modal-simple fixed overflow-hidden">
        <div class="modal-head py-2 px-4">
            <div class="justify-between items-center flex">
                <h2 class="font-semibold">Hadiah Togel Terbesar</h2>
                <button class="close-modal-simple focus:outline-none">
                    <img src="https://dapurbola.com/assets/images/mobile-view/svg/icon-x.svg"
                         class="w-6 bg-white text-black rounded-full p-1" alt="">
                </button>
            </div>
        </div>
        <div class="modal-back">
                                                <img src="https://dapurbola.com/storage/popups/image-desktop-popup-1771156018.jpg" style="width:100%"
                         alt="Hadiah Togel Terbesar">
                                    </div>
    </div>

    <script>
        $(function () {
            if (localStorage.getItem('seen') != (new Date()).getDate()) {
                setTimeout(() => {
                    $('.modal-simple').show();
                    $('.overlay-body').addClass('show');
                    localStorage.setItem('seen', (new Date()).getDate());
                }, 1000);
            }
        });

        $('.close-modal-simple').click(function () {
            $('.modal-simple').hide();
            $('.overlay-body').removeClass('show');
        });
        $('.overlay-body').click(function () {
            $('.modal-simple').hide();
            $('.overlay-body').removeClass('show');
        })
    </script>

<style>
    .overlay-body {
        z-index: 1
    }
</style>



<style>
    .overlay-maintenance {
        background: rgb(0 0 0 / 80%);
        top: 0;
        z-index: 99999;
    }

    .overlay-maintenance .boxs {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    @media (min-width: 640px) {
    }

    @media (min-width: 768px) {
        .container {
            transform-origin: 50% 0%;
            zoom: 0.85;
            zoom: 85%;
            margin: auto;
            -moz-transform: scale(0.85)
        }

        #header .container {
            transform-origin: 50% 50%;
        }

        .bigcover .container {
            -moz-transform: scale(1)
        }

        .informasi .container,
        .kanan .container {
            transform-origin: 50% 0%;
            zoom: 1;
            zoom: 100%;
            margin: auto;
            -moz-transform: scale(1)
        }

        @-moz-document url-prefix() {
            #footer .container {
                margin-bottom: -2rem;
            }
        }

    }

    @media (min-width: 1024px) {
    }
</style>

    <style>
        @media screen and (min-width: 1200px) {
            @-moz-document url-prefix() {
                #wrapper {
                    margin-bottom: -7.5rem;
                }

                #footer .container {
                    margin-bottom: -11rem;
                }
            }
        }
    </style>
















<script>
    // alert: don't change this var to let or const, because it will be overwritten
    var closeModalFeedback = document.querySelector('.close-modal-feedback');
    var overlayModalFeedback = document.querySelector('.overlay-feedback');
    var modalFeedback = document.querySelector('.modal-feedback');

    if (closeModalFeedback) {
        closeModalFeedback.addEventListener('click', function () {
            overlayModalFeedback.style.display = 'none';
        })
    }

    document.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                if (modalFeedback) modalFeedback.style.display = 'none';
                if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
            }
        }
    )

    document.addEventListener('keyup', (event) => {
        if (event.code === 'Space' && event.target === document.body) {
            event.preventDefault();
            if (modalFeedback) modalFeedback.style.display = 'none';
            if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
        }
    })

    document.addEventListener('keydown', (event) => {
        if (event.key === 'Escape') {
            if (modalFeedback) modalFeedback.style.display = 'none';
            if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
        }
    })
</script>

    </div>
    <script src="https://dapurbola.com/assets/float/float-navigation.js?v=1.1"></script>
    

    <script src="https://dapurbola.com/assets/js/guest/app.js"></script>
    <script>
        const changeUangKu = (value) => {
            const dom = document.getElementById('uangku');
            if (dom) {
                dom.innerHTML = `Rp. ${value}`;
            }
        }
    </script>
    <script>
        function dropDown() {
            document.getElementById("myDropdown").classList.toggle("show");
        }
    </script>
        <script>
        $('.slideshow').slick({
            infinite: true,
            speed: 500,
            fade: true,
            autoplay: true,
            autoplaySpeed: 2000,
            cssEase: 'linear',
            prevArrow: '<button type="button" class="slick-next z-50 text-white absolute focus:outline-none left-0 lg:top-2/4 top-full"><span class="iconify text-6xl" data-icon="eva:arrow-ios-back-fill" data-inline="false"></span></button>',
            nextArrow: '<button type="button" class="slick-prev z-50 text-white absolute focus:outline-none right-0 lg:top-2/4 top-full"><span class="iconify text-6xl" data-icon="eva:arrow-ios-forward-fill" data-inline="false"></span></button>',
        });
    </script>

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

    <script>
        const changeModalText = (inputObject) => {
            document.getElementById('modal_ticket_id').innerHTML = inputObject.getAttribute('data-id');
            document.getElementById('modal_ticket_name').innerHTML = inputObject.getAttribute('data-name');
            document.getElementById('modal_ticket_status').innerHTML = inputObject.getAttribute('data-status');
            document.getElementById('modal_ticket_description').innerHTML = inputObject.getAttribute(
                'data-description');
            document.getElementById('modal_ticket_reply').innerHTML = inputObject.getAttribute('data-reply');
            document.getElementById('modal_ticket_tanggal').innerHTML = inputObject.getAttribute('data-tanggal');
        }
    </script>

    
    



</body>

</html>
