It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.zeanhot88.com

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>KERIS34D # Domain Utama KERIS34D.NET Menjadi Rekomendasi Slot Gacor Oleh Google.</title>
  7.        <meta charset="utf-8" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1" />
  9. <meta name="description" content="KERIS34D adalah domain utama slot online telah menjadi rekomendasi dari pihak google dengan slot gacor link utama KERIS34D.NET permainan slot di indonesia." />
  10. <meta name="keywords" content="keris34d, situs slot, slot gacor, toto online, togel macau, rtp slot, slot77, scatter harian" />
  11. <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  12. <meta name="googlebot" content="index, follow" />
  13. <meta name="author" content="KERIS34D" />
  14. <meta name="publisher" content="KERIS34D" />
  15. <link rel="canonical" href="https://keris34d.net/" />
  16.  
  17. <link rel="amphtml" href="https://keris34d-l.top" />
  18.  
  19. <!--  Facebook Open Graph Tags -->
  20. <meta property="og:title" content="KERIS34D # Domain Utama KERIS34D.NET Menjadi Rekomendasi Slot Gacor Oleh Google." />
  21. <meta property="og:description" content="KERIS34D adalah domain utama slot online telah menjadi rekomendasi dari pihak google dengan slot gacor link utama KERIS34D.NET permainan slot di indonesia." />
  22. <meta property="og:image" content="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/cc532bbf-f622-48a3-3da4-3ad6b9b75000/public" />
  23. <meta property="og:image:alt" content="KERIS34D situs slot gacor terpercaya, bonus besar dan proses cepat" />
  24. <meta property="og:image:width" content="600" />
  25. <meta property="og:image:height" content="600" />
  26. <meta property="og:url" content="https://keris34d.net/" />
  27. <meta property="og:site_name" content="KERIS34D" />
  28. <meta property="og:type" content="website" />
  29. <meta property="og:locale" content="id_ID" />
  30.  
  31. <!--  Twitter Card Meta Tags -->
  32. <meta name="twitter:card" content="summary_large_image" />
  33. <meta name="twitter:title" content="KERIS34D # Domain Utama KERIS34D.NET Menjadi Rekomendasi Slot Gacor Oleh Google." />
  34. <meta name="twitter:description" content="KERIS34D adalah domain utama slot online telah menjadi rekomendasi dari pihak google dengan slot gacor link utama KERIS34D.NET permainan slot di indonesia." />
  35. <meta name="twitter:image" content="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/cc532bbf-f622-48a3-3da4-3ad6b9b75000/public" />
  36. <meta name="twitter:image:alt" content="KERIS34D adalah domain utama slot online telah menjadi rekomendasi dari pihak google dengan slot gacor link utama KERIS34D.NET permainan slot di indonesia." />
  37. <meta name="twitter:site" content="@KERIS34D" />
  38. <meta name="twitter:creator" content="@KERIS34D" />
  39.  
  40. <!-- Favicon & Theme -->
  41. <link rel="icon" type="image/png" sizes="32x32" href="/images/logoweb.png" />
  42. <link rel="apple-touch-icon" href="/images/logoweb.png" />
  43. <meta name="theme-color" content="#000000" />
  44.  
  45. <script type="application/ld+json">
  46. {
  47.  "@context": "https://schema.org/",
  48.  "@type": "Product",
  49.  "name": "KERIS34D # Domain Utama KERIS34D.NET Menjadi Rekomendasi Slot Gacor Oleh Google.",
  50.  "image": [
  51.    "https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/cc532bbf-f622-48a3-3da4-3ad6b9b75000/public"
  52.  ],
  53.  "description": "KERIS34D adalah domain utama slot online telah menjadi rekomendasi dari pihak google dengan slot gacor link utama KERIS34D.NET permainan slot di indonesia.",
  54.  "sku": "KERIS34D-PACK-001",
  55.  "brand": {
  56.    "@type": "Brand",
  57.    "name": "KERIS34D"
  58.  },
  59.  "offers": {
  60.    "@type": "Offer",
  61.    "priceCurrency": "IDR",
  62.    "price": "10000",
  63.    "availability": "https://schema.org/InStock",
  64.    "url": "https://keris34d.net/"
  65.  },
  66.  "aggregateRating": {
  67.    "@type": "AggregateRating",
  68.    "ratingValue": "4.9",
  69.    "reviewCount": "35267"
  70.  },
  71.  "mainEntityOfPage": {
  72.    "@type": "WebPage",
  73.    "@id": "https://keris34d.net/"
  74.  }
  75. }
  76. </script>
  77.  
  78. <script type="application/ld+json">
  79.  {
  80.    "@context": "https://schema.org",
  81.    "@type": "WebSite",
  82.    "name": "KERIS34D",
  83.    "url": "https://keris34d.net/",
  84.    "potentialAction": {
  85.      "@type": "SearchAction",
  86.      "target": "https://keris34d.net/search?q={search_term_string}",
  87.      "query-input": "required name=search_term_string"
  88.    }
  89.  }
  90. </script>
  91.  
  92. <script type="application/ld+json">
  93. {
  94.  "@context": "https://schema.org",
  95.  "@type": "Organization",
  96.  "name": "KERIS34D",
  97.  "url": "https://keris34d.net/",
  98.  "logo": "https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/cc532bbf-f622-48a3-3da4-3ad6b9b75000/public"
  99. }
  100. </script>
  101.  
  102. <meta name="google-site-verification" content="ZvU67ixJVzsUS2AUxD2VyEkqWuqtCoKJ07UeSoZn93E" />
  103. <meta name="google-site-verification" content="PC-jd0m3wjMv-LLnTrNm4tWHAn63Fr87fcMNqeS0Q2E" />
  104. <meta name="google-site-verification" content="crjVphgrw1o1-P8i-Hos7_gZFHivVHEA486fsl3pARw" />
  105. <meta name="google-site-verification" content="IjDepueq38xdDxIa_DeloKhqaJddjoGtZvYrH3UJYd4" />
  106. <meta name="google-site-verification" content="40VeTRoHhOxyYQN3CVsmOW_r4_6l5HTGNE17nOlCAWc" />                <meta name="viewport" content="width=1200, initial-scale=0.33">
  107.        
  108.        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  109.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  110.        <link rel="stylesheet" href="/style.scss" >
  111.  
  112.        <!--<link rel="stylesheet" href="/css/old/template/LD.css">-->
  113.        <link rel="stylesheet" href="/css/old/template/LD.css">
  114.        <link rel="stylesheet" href="/css/old/variable.css">
  115.        
  116.                <link rel="stylesheet" href="/css/old/dark.css">
  117.                
  118.        <link rel="stylesheet" href="/css/old/style.css">
  119.        <link rel="icon" type="image/png" href="favicon.png">
  120.  
  121.  
  122.        <script src="/js/old/jquery-3.6.4.min.js"></script>
  123.        
  124.        <style>
  125.            
  126.            .login-input-field {
  127.                font-size: 1rem;
  128.            }
  129.            
  130.            .btn-aduan {
  131.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  132.                -webkit-background-clip: text;
  133.                -webkit-text-fill-color: transparent;
  134.                background-size: 300% 300%;
  135.                animation: gradient 2s ease infinite;
  136.            }
  137.            
  138.            .transaksi-title {
  139.                place-items: start;
  140.            }
  141.  
  142.            
  143.            @media only screen and (max-width: 1000px) {
  144.                
  145.            .transaksi-title {
  146.                place-items: center;
  147.            }
  148.                
  149.                .login-input-field {
  150.                    font-size: 1.2rem;
  151.                }      
  152.            }
  153.            
  154.            
  155.            
  156.        </style>
  157.  
  158.    </head>
  159.    
  160.    
  161.  
  162.    <body id="desktop">
  163.        
  164.        
  165. <div id="hover" class="hover desktop-only">
  166.  
  167.    <div id="hover-togel" class="hover-menu">
  168.        <a href="/?content=register" class="hover-item">
  169.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  170.            <figcaption>TOGEL</figcaption>
  171.        </a>          
  172.    </div>
  173.  
  174.    <div id="hover-slot" class="hover-menu">
  175.        <a href="/?content=slot&provider=pp" class="hover-item">
  176.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  177.            <figcaption>PRAGMATIC PLAY</figcaption>
  178.        </a>
  179.  
  180.        <a href="/?content=slot&provider=pg" class="hover-item">
  181.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  182.            <figcaption>PG SOFT</figcaption>
  183.        </a>
  184.  
  185.        <a href="/?content=slot&provider=hb" class="hover-item">
  186.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  187.            <figcaption>HABANERO</figcaption>
  188.        </a>
  189.  
  190.        <a href="/?content=slot&provider=jl" class="hover-item">
  191.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  192.            <figcaption>JILI</figcaption>
  193.        </a>
  194.        
  195.        <a href="/?content=slot&provider=sg" class="hover-item">
  196.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  197.            <figcaption>SPADEGAMING</figcaption>
  198.        </a>
  199.  
  200.        <a href="/?content=slot&provider=nxt" class="hover-item">
  201.            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
  202.            <figcaption>NEXTSPIN</figcaption>
  203.        </a>
  204.        
  205.        <a href="/?content=slot&provider=fgs" class="hover-item">
  206.            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
  207.            <figcaption>5G GAMES</figcaption>
  208.        </a>
  209.  
  210.        <a href="/?content=slot&provider=wow" class="hover-item">
  211.            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
  212.            <figcaption>WOW GAMING</figcaption>
  213.        </a>
  214.  
  215.        <a href="/?content=slot&provider=jg" class="hover-item">
  216.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  217.            <figcaption>JOKER</figcaption>
  218.        </a>
  219.  
  220.        <a href="/?content=slot&provider=mg" class="hover-item">
  221.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  222.            <figcaption>MICROGAMING</figcaption>
  223.        </a>
  224.  
  225.        <a href="/?content=slot&provider=hks" class="hover-item">
  226.            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
  227.            <figcaption>HACKSAW GAMING</figcaption>
  228.        </a>
  229.  
  230.        <a href="/?content=slot&provider=fs" class="hover-item">
  231.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  232.            <figcaption>FASTSPIN</figcaption>
  233.        </a>
  234.  
  235.        <a href="/?content=slot&provider=nlc" class="hover-item">
  236.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  237.            <figcaption>NOLIMIT CITY</figcaption>
  238.        </a>
  239.        
  240.        <a href="/?content=slot&provider=ps" class="hover-item">
  241.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  242.            <figcaption>PLAYSTAR</figcaption>
  243.        </a>
  244.  
  245.        <a href="/?content=slot&provider=pt" class="hover-item">
  246.            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
  247.            <figcaption>PLAYTECH</figcaption>
  248.        </a>
  249.  
  250.        <a href="/?content=slot&provider=adv" class="hover-item">
  251.            <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
  252.            <figcaption>ADVANT PLAY</figcaption>
  253.        </a>
  254.  
  255.        <a href="/?content=slot&provider=l22" class="hover-item">
  256.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  257.            <figcaption>LIVE22</figcaption>
  258.        </a>
  259.        
  260.        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
  261.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  262.            <figcaption>NETENT</figcaption>
  263.        </a> -->
  264.        
  265.        <a href="/?content=slot&provider=cq9" class="hover-item">
  266.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  267.            <figcaption>CQ9</figcaption>
  268.        </a>    
  269.      
  270.        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
  271.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  272.            <figcaption>TOPTREND GAMING</figcaption>
  273.        </a> -->
  274.  
  275.        <a href="/?content=slot&provider=ss" class="hover-item">
  276.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  277.            <figcaption>SBO SLOT</figcaption>
  278.        </a>
  279.    </div>
  280.  
  281.    <div id="hover-live" class="hover-menu" >
  282.        <a href="/?content=casino&provider=pplc" class="hover-item">
  283.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  284.            <figcaption>PRAGMATIC PLAY</figcaption>
  285.        </a>
  286.  
  287.        <a href="/?content=casino&provider=evo" class="hover-item">
  288.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  289.            <figcaption>EVOLUTION</figcaption>
  290.        </a>
  291.  
  292.        <a href="/?content=casino&provider=mg" class="hover-item">
  293.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
  294.            <figcaption>MICROGAMING</figcaption>
  295.        </a>
  296.  
  297.        <a href="/?content=casino&provider=ptlc" class="hover-item">
  298.            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
  299.            <figcaption>PLAYTECH LIVE</figcaption>
  300.        </a>
  301.  
  302.        <a href="/?content=casino&provider=ion" class="hover-item">
  303.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  304.            <figcaption>ION CASINO</figcaption>
  305.        </a>
  306.  
  307.        <a href="/?content=casino&provider=sx" class="hover-item">
  308.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  309.            <figcaption>SEXY GAMING</figcaption>
  310.        </a>
  311.  
  312.        <a href="/?content=casino&provider=sa" class="hover-item">
  313.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  314.            <figcaption>SA GAMING</figcaption>
  315.        </a>  
  316.  
  317.        <a href="/?content=casino&provider=ab" class="hover-item">
  318.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  319.            <figcaption>ALLBET</figcaption>
  320.        </a>
  321.  
  322.        <a href="/?content=casino&provider=gmnl" class="hover-item">
  323.            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
  324.            <figcaption>GEMINI LIVE</figcaption>
  325.        </a>
  326.  
  327.        <a href="/?content=casino&provider=og" class="hover-item">
  328.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  329.            <figcaption>OPUS PLUS</figcaption>
  330.        </a>
  331.  
  332.        <a href="/?content=casino&provider=sbol" class="hover-item">
  333.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  334.            <figcaption>SBOBET CASINO</figcaption>
  335.        </a>    
  336.    </div>
  337.  
  338.    <div id="hover-sport" class="hover-menu">
  339.        <a href="/?content=register" class="hover-item">
  340.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  341.            <figcaption>SABA</figcaption>
  342.        </a>
  343.  
  344.        <a href="/?content=register" class="hover-item">
  345.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  346.            <figcaption>SBOBET</figcaption>
  347.        </a>
  348.        
  349.        <a href="/?content=register" class="hover-item">
  350.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  351.            <figcaption>CMD368</figcaption>
  352.        </a>  
  353.  
  354.        <!-- <a href="/?content=register" class="hover-item">
  355.            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
  356.            <figcaption>PINNACLE</figcaption>
  357.        </a>   -->
  359.    <a href="/?content=register" class="hover-item">
  360.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  361.            <figcaption>TFGAMING</figcaption>
  362.        </a>        
  363.    </div>
  364.  
  365.    <div id="hover-fishing" class="hover-menu">
  366.        <a href="/?content=fish&provider=jl" class="hover-item">
  367.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  368.            <figcaption>JILI</figcaption>
  369.        </a>
  370.    
  371.        <a href="/?content=fish&provider=sg" class="hover-item">
  372.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  373.            <figcaption>SPADE GAMING</figcaption>
  374.        </a>
  375.  
  376.        <a href="/?content=fish&provider=fs" class="hover-item">
  377.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  378.            <figcaption>FASTSPIN</figcaption>
  379.        </a>
  380.  
  381.        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
  382.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  383.            <figcaption>PLAYSTAR</figcaption>
  384.        </a>
  385.  
  386.    <a href="/?content=fish&provider=l22" class="hover-item">
  387.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  388.            <figcaption>LIVE22</figcaption>
  389.        </a>  -->
  390.  
  391.    </div>
  392.  
  393.    <div id="hover-sabung" class="hover-menu">
  394.        <a href="/?content=sabung&provider=sv" class="hover-item">
  395.            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
  396.            <figcaption>SV388</figcaption>
  397.        </a>
  398.        <a href="/?content=sabung&provider=ws" class="hover-item">
  399.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  400.            <figcaption>WS168</figcaption>
  401.        </a>
  402.    </div>
  403.    
  404.    <div id="hover-interactive" class="hover-menu">
  405.        <a href="/?content=interactive&provider=gmn" class="hover-item">
  406.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  407.            <figcaption>GEMINI</figcaption>
  408.        </a>
  409.  
  410.        <!-- <a href="/?content=interactive&provider=pp" class="hover-item">
  411.            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
  412.            <figcaption>PRAGMATIC PLAY</figcaption>
  413.        </a>  -->
  414.  
  415.        <a href="/?content=interactive&provider=jl" class="hover-item">
  416.            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
  417.            <figcaption>JILI</figcaption>
  418.        </a>
  419.  
  420.        <a href="/?content=interactive&provider=wow" class="hover-item">
  421.            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
  422.            <figcaption>WOW GAMING</figcaption>
  423.        </a>
  424.  
  425.        <a href="/?content=interactive&provider=jg" class="hover-item">
  426.            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
  427.            <figcaption>JOKER</figcaption>
  428.        </a>
  429.  
  430.        <a href="/?content=interactive&provider=mg" class="hover-item">
  431.            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
  432.            <figcaption>MICRO GAMING</figcaption>
  433.        </a>
  434.  
  435.        <a href="/?content=interactive&provider=hks" class="hover-item">
  436.            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
  437.            <figcaption>HACKSAW GAMING</figcaption>
  438.        </a>
  439.  
  440.        <a href="/?content=interactive&provider=pt" class="hover-item">
  441.            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
  442.            <figcaption>PLAYTECH</figcaption>
  443.        </a>
  444.  
  445.        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
  446.            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
  447.            <figcaption>PLAYSTAR</figcaption>
  448.        </a>  -->
  449.    </div>
  450.  
  451.  
  452.  
  453. </div>
  454. <style>
  455.    .my-navbar {
  456.        height: 52px;
  457.        padding: 0px;
  458.        width: 100%;
  459.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  460.        position: fixed;
  461.        bottom: 0;
  462.        color: white;
  463.        z-index: 1100;
  464.        display: flex;
  465.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  466.    }
  467.    
  468.    .navbar-item {
  469.        height: 100%;
  470.        width: 100%;
  471.        display: flex;
  472.        flex-direction: column;
  473.        align-items: center;
  474.        justify-content: center;
  475.    }
  476.    
  477.    .navbar-item-content {
  478.        display: flex;
  479.        flex-direction: column;
  480.        justify-content: center;
  481.        align-items: center;
  482.        position: absolute;
  483.        top: -16px
  484.    }
  485.    
  486.    .navbar-item-content>i {
  487.         font-size: 20px;
  488.         line-height: 22px;
  489.         color: white;
  490.         padding-bottom: 4px;
  491.    }
  492.    
  493.    .navbar-item-content>img {
  494.         height: 36px;
  495.         width: 36px;
  496.    }
  497.    
  498.    .navbar-item-content>label {
  499.        white-space: nowrap;
  500.        margin-top: 4px;
  501.        font-weight: bold;
  502.        font-size: var(--text-size-default);
  503.        color: white
  504.    }
  505.    
  506.    .speed-dial-item {
  507.        opacity: 0;
  508.        visibility: hidden;
  509.        transform: translateY(10px);
  510.        transition: opacity 0.3s ease, transform 0.3s ease;
  511.    }
  512.    
  513.    .speed-dial-active .speed-dial-item {
  514.        opacity: 1;
  515.        visibility: visible;
  516.        transform: translateY(0);
  517.    }
  518.    
  519.    /* Delay each item’s appearance */
  520.    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
  521.    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
  522.    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
  523.    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
  524.    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }      
  525.  
  526.    
  527. </style>
  528.  
  529.  
  530. <div class="mobile-only" >
  531.        <div class="my-navbar">
  532.            <a href="/" class="navbar-item" style="position: relative">
  533.                <div class="navbar-item-content">
  534.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  535.                    <label>BERANDA</label>
  536.                </div>
  537.            </a>
  538.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  539.            <a href="/m/promosi.php"  class="navbar-item">
  540.                <div class="navbar-item-content">
  541.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  542.                    <label>PROMOSI</label>
  543.                </div>
  544.            </a>
  545.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  546.            <a href="/m/event.php"  class="navbar-item">
  547.                <div class="navbar-item-content">
  548.                    <img src="https://img.viva88athenae.com//events.png"/>
  549.                    <label>EVENT</label>
  550.                </div>
  551.            </a>
  552.            
  553.                            
  554.                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  555.                    <div class="navbar-item">
  556.                        <div class="navbar-item-content speed-dial-btn">
  557.                            <img src="https://img.viva88athenae.com//chat.png"/>
  558.                            <label>CHAT</label>
  559.                        </div>
  560.                        
  561.                                                    
  562.                                <a href="https://www.facebook.com/groups/keris34dofficial" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px">
  563.                                    <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/>
  564.                                </a>
  565.                            
  566.                                                        
  567.                                <a href="https://t.me/keris4d3_official" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px">
  568.                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
  569.                                </a>
  570.                            
  571.                                                        
  572.                                <a href="https://wa.me/6287836432264" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -180px; height: 48px; width: 48px">
  573.                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
  574.                                </a>
  575.                            
  576.                                                    
  577.                    </div>
  578.                
  579.                
  580.                                        
  581.            
  582.            
  583.            
  584.            
  585.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  586.                <a href="https://tawk.to/chat/6119a264649e0a0a5cd14528/1fd624mg5"  target="_blank" class="navbar-item">
  587.                <div class="navbar-item-content">
  588.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  589.                    <label>LIVECHAT</label>
  590.                </div>
  591.                </a>
  592.            
  593.        </div>
  594. </div>
  595.  
  596. <script>
  597.    document.addEventListener("DOMContentLoaded", function () {
  598.    const speedDialBtn = document.querySelector(".speed-dial-btn");
  599.    const speedDialItems = document.querySelectorAll(".speed-dial-item");
  600.    let isOpen = false;
  601.  
  602.    speedDialBtn.addEventListener("click", function () {
  603.        isOpen = !isOpen;
  604.  
  605.        speedDialItems.forEach((item, index) => {
  606.            if (isOpen) {
  607.                item.style.opacity = "1";
  608.                item.style.visibility = "visible";
  609.                item.style.transform = "translateY(0)";
  610.                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
  611.            } else {
  612.                item.style.opacity = "0";
  613.                item.style.visibility = "hidden";
  614.                item.style.transform = "translateY(10px)";
  615.                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
  616.            }
  617.        });
  618.    });
  619. });
  620. </script>        
  621.        
  622.        
  623.        <div id="top" class="wrapper">
  624.  
  625.            
  626.                
  627.            <header class="header">
  628.                <div class="header-content">
  629.                    <div class="logo" href="/">
  630.                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
  631.                    </div>
  632.                    
  633.                    <div id="marquee-mobile" class="marquee mobile-only">
  634.                        <div class="marquee-content">
  635.                            <div class="d-flex align-items-center gap-2">
  636.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  637.                            </div>
  638.                            <div class="running">
  639.                                <div class="marquee-shadow"></div>
  640.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  641.                            </div>
  642.                            <div class="d-flex align-items-center gap-2">
  643.                            </div>
  644.                        </div>
  645.                    </div>
  646.                    
  647.                    <div class="mslider mobile-only">
  648.                                            </div>
  649.                    
  650.                    <div class="login">
  651.                    
  652.                            <div id="desktoplogin" class="desktop-only">
  653.                                <form class="login-form form" role="form">
  654.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  655.                                    <div class="input-group login-field">
  656.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  657.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  658.                                    </div>
  659.                                    
  660.                                    <div id="marquee" class="marquee mobile-only">
  661.                                        <div class="marquee-content">
  662.                                            <div class="d-flex align-items-center gap-2">
  663.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  664.                                            </div>
  665.                                            <div class="running">
  666.                                                <div class="marquee-shadow"></div>
  667.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  668.                                            </div>
  669.                                        </div>
  670.                                    </div>
  671.                                    
  672.                                    
  673.                                    <div class="input-group login-field">
  674.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  675.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  676.                                    </div>
  677.                                    
  678.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  679.                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
  680.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  681.                                    </div>
  682.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  683.        
  684.        
  685.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  686.                                    <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button>
  687.  
  688.                                    <input type="hidden" name="task" value="login">    
  689.                                    <input type="hidden" name="logindesktop" value="HrvyZAK5laOWOXGqhhg9BOxzY511C0Ot34mrSh9Ic8o=">
  690.                                </form>
  691.                            </div>
  692.                        
  693.                        
  694.                        
  695.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  696.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  697.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  698.                                    <div class="input-group login-field">
  699.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  700.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  701.                                    </div>
  702.                                    <div class="input-group login-field">
  703.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  704.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  705.                                    </div>
  706.                                    
  707.                                    
  708.                                    <div class="verifikasiform w-100">
  709.                                        
  710.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?6574" width="100%" height="44" style="border-radius: 5px;"></span>
  711.                                                <div class="input-group login-field mt-1">
  712.                                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
  713.                                                   <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  714.                                                </div>
  715.                                        
  716.                                    </div>
  717.  
  718.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  719.                                    
  720.                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:4px;margin-bottom:8px;cursor:pointer;">
  721.                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:6px;width:16px;height:16px;cursor:pointer;"> Remember Me
  722.                                    </label>
  723.        
  724.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  725.                                    <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
  726.  
  727.                                    
  728.                                    <input type="hidden" name="task" value="login">    
  729.                                    <input type="hidden" name="loginmobile" value="HrvyZAK5laOWOXGqhhg9BOxzY511C0Ot34mrSh9Ic8o=">
  730.                                </form>
  731.                            </div>
  732.                            
  733.                            <style>
  734.                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
  735.                              .error-border { border-color: red !important; }
  736.                              .valid-border { border-color: green !important; }
  737.                            </style>
  738.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  739.                                    <div id="mobileregister">
  740.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  741.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  742.                                            <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
  743.                                            <div class="input-group login-field">
  744.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  745.                                                <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
  746.                                            </div>
  747.                                            <div class="error-msg" id="err_username"></div>
  748.                                            <div class="input-group login-field">
  749.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  750.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  751.                                            </div>
  752.                                                <div class="error-msg" id="err_password"></div>
  753.                                            <div class="input-group login-field">
  754.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  755.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  756.                                            </div>
  757.                                                <div class="error-msg" id="err_passcon"></div>
  758.                                            <div class="input-group login-field">
  759.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  760.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  761.                                            </div>
  762.                                                <div class="error-msg" id="err_email"></div>
  763.                                            <div class="input-group login-field">
  764.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  765.                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  766.                                            </div>
  767.                                                <div class="error-msg" id="err_telpon"></div>
  768.                                            
  769.                                            <div class="input-group login-field">
  770.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  771.                                             <option value="">Pilih Bank</option>
  772.                             <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Maybank'>Maybank</option><option value='Mega'>Mega</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
  773.                                            </div>
  774.                                                <div class="error-msg" id="err_bank"></div>
  775.                        
  776.                                            <div class="input-group login-field">
  777.                                                <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
  778.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  779.                                            </div>
  780.                                                <div class="error-msg" id="err_rek"></div>
  781.                                            <div class="input-group login-field">
  782.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  783.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  784.                                            </div>
  785.                                                <div class="error-msg" id="err_nama"></div>
  786.                                            <div class="input-group login-field">
  787.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
  788.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  789.                                            </div>
  790.                                            <div class="error-msg" id="err_ref"></div>
  791.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  792.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  793.                                            
  794.                                                                              
  795.                                  <div class="w-100 my-1">
  796.                                      <div id="capverifikasi">
  797.                                          <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
  798.                                      </div>
  799.                                    
  800.                                     <div class="input-group login-field mt-1">
  801.                                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
  802.                                                   <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
  803.                                                </div>
  804.                                                   <div class="error-msg" id="err_verifikasi"></div>
  805.                                    
  806.                                  </div>
  807.  
  808.                                                                          
  809.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  810.                                                <input type="hidden" name="task" value="register">
  811.                                                <input type="hidden" name="regmobile" value="ySuU64eDFQIgVuqWekcO88ujUYcqnOfUUTg3+4ErfcI=">
  812.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  813.                                    </form>
  814.                                </div>
  815.                                <script>
  816.                                (function(){
  817.                                  function root(){ return document.getElementById('mobileregister'); }
  818.                                  function q(id){ return root()?.querySelector('#'+id) || null; }
  819.                                  function qe(sel){ return root()?.querySelector(sel) || null; }
  820.                                
  821.                                  function showError(field,msg){
  822.                                    const err = qe('#err_'+field);
  823.                                    const inp = q('reg_'+field);
  824.                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
  825.                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
  826.                                  }
  827.                                  function clearError(field){
  828.                                    const err = qe('#err_'+field);
  829.                                    const inp = q('reg_'+field);
  830.                                    if (err) err.style.display = 'none';
  831.                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
  832.                                  }
  833.                                
  834.                                  function vUsername(){
  835.                                    const v = (q('reg_username')?.value || '').trim();
  836.                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
  837.                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
  838.                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
  839.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
  840.                                    clearError('username'); return true;
  841.                                  }
  842.                                  function vPass(){
  843.                                    const v = q('reg_pass')?.value || '';
  844.                                    if (!v) return showError('password','Password tidak boleh kosong'), false;
  845.                                    if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
  846.                                    clearError('password'); return true;
  847.                                  }
  848.                                  function vPasscon(){
  849.                                    const p1 = q('reg_pass')?.value || '';
  850.                                    const p2 = q('reg_passcon')?.value || '';
  851.                                    if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
  852.                                    if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
  853.                                    clearError('passcon'); return true;
  854.                                  }
  855.                                  function vEmail(){
  856.                                    const v = (q('reg_email')?.value || '').trim();
  857.                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
  858.                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
  859.                                    clearError('email'); return true;
  860.                                  }
  861.                                  function vTelp(){
  862.                                    const el = q('reg_telpon'); if (!el) return true;
  863.                                    el.value = (el.value || '').replace(/\D/g,'');
  864.                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
  865.                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
  866.                                    clearError('telpon'); return true;
  867.                                  }
  868.                                  function vBank(){
  869.                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
  870.                                    clearError('bank'); return true;
  871.                                  }
  872.                                  function vRek(){
  873.                                    const el = q('reg_rek'); if (!el) return true;
  874.                                    el.value = (el.value || '').replace(/\D/g,'');
  875.                                    if (!el.value) return showError('rek','Rekening kosong'), false;
  876.                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
  877.                                    clearError('rek'); return true;
  878.                                  }
  879.                                  function vNama(){
  880.                                    const v = (q('reg_nama')?.value || '').trim();
  881.                                    if (!v) return showError('nama','Nama kosong'), false;
  882.                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
  883.                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
  884.                                    clearError('nama'); return true;
  885.                                  }
  886.                                  function vRefOpt(){
  887.                                    const el = q('reg_ref'); if (!el) return true;
  888.                                    const v = (el.value || '').trim();
  889.                                    if (!v) return clearError('ref'), true;
  890.                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
  891.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
  892.                                    clearError('ref'); return true;
  893.                                  }
  894.                                  function vVerifOpt(){
  895.                                    const el = q('reg_verifikasi'); if (!el) return true;
  896.                                    const v = (el.value || '').trim();
  897.                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
  898.                                    clearError('verifikasi'); return true;
  899.                                  }
  900.                                
  901.                                  function validateAll(){
  902.                                    const ok =
  903.                                      vUsername() & vPass() & vPasscon() & vEmail() &
  904.                                      vTelp() & vBank() & vRek() & vNama() &
  905.                                      vRefOpt() & vVerifOpt();
  906.                                    return !!ok;
  907.                                  }
  908.                                  
  909.                                  function attach(id, validator, opts){
  910.                                    const el = q(id); if (!el) return;
  911.                                    const run = () => validator();
  912.                                    el.addEventListener('focus', run);
  913.                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
  914.                                    el.addEventListener('blur', run);
  915.                                    if (opts && opts.change) el.addEventListener('change', run);
  916.                                  }
  917.                                
  918.                                  document.addEventListener('DOMContentLoaded', function(){
  919.                                    attach('reg_username',   vUsername);
  920.                                    attach('reg_pass',       vPass);
  921.                                    attach('reg_passcon',    vPasscon);
  922.                                    attach('reg_email',      vEmail);
  923.                                    attach('reg_telpon',     vTelp);
  924.                                    attach('reg_bank',       vBank, { input:false, change:true });
  925.                                    attach('reg_rek',        vRek);
  926.                                    attach('reg_nama',       vNama);
  927.                                    attach('reg_ref',        vRefOpt);
  928.                                    attach('reg_verifikasi', vVerifOpt);
  929.                                
  930.                                    const f = q('formRegister');
  931.                                    if (f) {
  932.                                      f.addEventListener('submit', function(e){
  933.                                        if (!validateAll()) {
  934.                                          e.preventDefault();
  935.                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
  936.                                          if (firstErr && firstErr.focus) firstErr.focus();
  937.                                        }
  938.                                      });
  939.                                    }
  940.                                  });
  941.                                })();
  942.                                </script>
  943.                        </div>
  944.                    </div>
  945.    
  946.                    <div class="menu">
  947.                        <div class="menu-item desktop-only">
  948.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  949. </div>
  950. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  951.  
  952.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  953.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  954.        <label>TOGEL</label>
  955.    </a>
  956.    
  957.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  958.  
  959.  
  960. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  961.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  962.    <label>SLOT</label>
  963. </a>
  964. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  965. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  966.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  967.    <label>LIVE CASINO</label>
  968. </a>
  969. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  970. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  971.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  972.    <label>SPORT</label>
  973. </a>
  974. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  975. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  976.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  977.    <label>ARCADE</label>
  978. </a>
  979. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  980. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  981. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  982.    <label>SABUNG</label>
  983. </a>
  984. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  985. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  986. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  987.    <label>INTERACTIVE</label>
  988. </a>
  989.  
  990. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  991.                    </div>
  992.                                        
  993.  
  994.  
  995.                    <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
  996.                        
  997.                        
  998.                            <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
  999.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1000.                            </div>
  1001.                            
  1002.                            <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
  1003.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1004.                            </div>
  1005.                        
  1006.                        
  1007.                        <div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
  1008.                        
  1009.                        
  1010.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  1011.                                                                                
  1012.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  1013.                                            <div style="display: grid; place-items: center; height: 100%">
  1014.                                                <div class="menu-item">
  1015.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  1016.                                                    <label>TOGEL</label>
  1017.                                                </div>
  1018.                                            </div>
  1019.                                        </a>
  1020.                                            
  1021.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  1022.                                        <div style="display: grid; place-items: center; height: 100%">
  1023.                                            <div class="menu-item" onclick="showProvider('slot')">
  1024.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  1025.                                                <label>SLOT</label>
  1026.                                            </div>
  1027.                                        </div>
  1028.                                    </div>
  1029.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1030.                                        <div style="display: grid; place-items: center; height: 100%">
  1031.                                            <div class="menu-item" onclick="showProvider('casino')">
  1032.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  1033.                                                <label>LIVE CASINO</label>
  1034.                                            </div>
  1035.                                        </div>
  1036.                                    </div>
  1037.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1038.                                        <div style="display: grid; place-items: center; height: 100%">
  1039.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  1040.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  1041.                                                <label>SPORT</label>
  1042.                                            </div>
  1043.                                        </div>
  1044.                                    </div>
  1045.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  1046.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  1047.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  1048.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  1049.                                    <!--            <label>E-SPORT</label>-->
  1050.                                    <!--        </div>-->
  1051.                                    <!--    </div>-->
  1052.                                    <!--</div>-->
  1053.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1054.                                        <div style="display: grid; place-items: center; height: 100%">
  1055.                                        <div class="menu-item" onclick="showProvider('fish')">
  1056.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  1057.                                            <label>ARCADE</label>
  1058.                                        </div>
  1059.                                        </div>
  1060.                                    </div>
  1061.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1062.                                        <div style="display: grid; place-items: center; height: 100%">
  1063.                                            <div class="menu-item" onclick="showProvider('sabung')">
  1064.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  1065.                                                <label>SABUNG</label>
  1066.                                            </div>
  1067.                                        </div>
  1068.                                    </div>
  1069.                                    
  1070.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1071.                                        <div style="display: grid; place-items: center; height: 100%">
  1072.                                            <div class="menu-item" onclick="showProvider('interactive')">
  1073.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  1074.                                                <label>INTERACTIVE</label>
  1075.                                            </div>
  1076.                                        </div>
  1077.                                    </div>
  1078.                            </div>
  1079.                        </div>                                                                                                                        
  1080.                    </div>                    
  1081.                    <div class="menu-content mobile-only">
  1082.                            <div id="main-content" style="background: var(--content-box-background)">
  1083.                                                        </div>
  1084.                    </div>
  1085.                    
  1086.                    
  1087.        
  1088.                    <div class="promosi">
  1089.                        
  1090.                        <!-- Desktop -->
  1091.                        
  1092.                        <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
  1093.                        <div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>
  1094.                        
  1095.                        <!-- Mobile -->
  1096.                        
  1097.                        <div class="mobile-only" style="padding-top: 32px">
  1098.                            
  1099.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  1100.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  1101.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  1102.                                        
  1103.                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  1104.                            </div>
  1105.                            
  1106.                        </div>
  1107.                    </div>
  1108.                                    </div>
  1109.            </header>
  1110.    
  1111.    
  1112.            <div id="marquee" class="marquee desktop-only">
  1113.                <div class="marquee-content">
  1114.                    <div class="d-flex align-items-center gap-2">
  1115.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  1116.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  1117.                    </div>
  1118.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  1119.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  1120.                    </div>
  1121.                    <div class="d-flex align-items-center gap-2">
  1122.                        <a href="/?content=event">
  1123.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  1124.                        </a>
  1125.                    </div>
  1126.                </div>
  1127.            </div>
  1128.            
  1129.            
  1130.            
  1131.            <!--Informasi Modal -->
  1132.            <div id="modal-wrapper" class="modal" style=" background:none;">
  1133.            
  1134.                <div class="slideDown" id="informasi-menu">
  1135.                  <div class="row">
  1136.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  1137.                        <div id="informasi-logo">
  1138.                            <img src="/images/logoweb.png" width="120px"/>
  1139.                        </div>
  1140.                        <div class="menuleft">
  1141.  
  1142.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  1143.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  1144.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  1145.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  1146.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  1147.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  1148.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  1149.  
  1150.                        </div>
  1151.                   </div>    
  1152.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  1153.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  1154.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  1155.                        </div>
  1156.                    </div>
  1157.                    
  1158.                </div>
  1159.              </div>
  1160.            </div>
  1161.    
  1162.    
  1163.            <div class="contentdata">
  1164.                <div id="content-primary" class="p-0">
  1165.                
  1166.                                            <div class="desktop-only">
  1167. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  1168.  <div class="carousel-indicators">
  1169.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1170.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1171.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  1172.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  1173.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  1174.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
  1175.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
  1176.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
  1177.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
  1178.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
  1179.              </div>
  1180.  <div class="carousel-inner" style="height: 100%">
  1181.            <div class="carousel-item active" style="height: 100%">
  1182.          <img src="/images/upload-Slides-20250802023201.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1183.        </div>
  1184.            <div class="carousel-item " style="height: 100%">
  1185.          <img src="/images/upload-Slides-20250801070405.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1186.        </div>
  1187.            <div class="carousel-item " style="height: 100%">
  1188.          <img src="/images/upload-Slides-20250801051827.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1189.        </div>
  1190.            <div class="carousel-item " style="height: 100%">
  1191.          <img src="/images/upload-Slides-20250818133940.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1192.        </div>
  1193.            <div class="carousel-item " style="height: 100%">
  1194.          <img src="/images/upload-Slides-20250731064506.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1195.        </div>
  1196.            <div class="carousel-item " style="height: 100%">
  1197.          <img src="/images/upload-Slides-20250801032357.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1198.        </div>
  1199.            <div class="carousel-item " style="height: 100%">
  1200.          <img src="/images/upload-Slides-20250731071734.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1201.        </div>
  1202.            <div class="carousel-item " style="height: 100%">
  1203.          <img src="/images/upload-Slides-20250126074559.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1204.        </div>
  1205.            <div class="carousel-item " style="height: 100%">
  1206.          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1207.        </div>
  1208.            <div class="carousel-item " style="height: 100%">
  1209.          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1210.        </div>
  1211.      </div>
  1212. </div>
  1213.  
  1214. </div>
  1215.                        <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
  1216.  
  1217.     <img src="images/upload-SlidesMobile-20230421023506.gif" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/>
  1218. </div>
  1219. <div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
  1220.     <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
  1221. </div></div>
  1222.                        
  1223.                                    </div>
  1224.            </div>
  1225.    
  1227.    
  1228.            
  1229.            <!-- Togel -->    
  1230.            
  1231. <style>
  1232.    .togel-desktop {
  1233.            background: var(--togel-background);
  1234.            grid-area: togel-desktop;
  1235.            position: relative;
  1236.        }
  1237.        
  1238.        .togel-mobile {
  1239.            display: none;
  1240.        }
  1241.  
  1242.        .show-more {
  1243.            position: absolute;
  1244.        
  1245.            z-index: 999;
  1246.            bottom: 0px;
  1247.            width: 100%;
  1248.            
  1249.            /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
  1250.        }
  1251.        
  1252.        .show-more-content {
  1253.            background: var(--secondary-background);
  1254.            opacity: .7;
  1255.            display: grid;
  1256.            place-items: center;
  1257.            height: 32px
  1258.        }
  1259.        
  1260.        .togel-content {    
  1261.            position: relative;  
  1262.            display: flex;
  1263.            flex-wrap: wrap;
  1264.            justify-content: center;
  1265.            /*display: grid;*/
  1266.            /*grid-template-columns: repeat(10, 1fr);*/
  1267.            gap: 8px 4px;
  1268.            padding: 16px 0;
  1269.        }
  1270.        
  1271.        .see-more {
  1272.            padding: 16px 0 48px 0;
  1273.            max-height: 162px;
  1274.            transition: max-height .75s ease-out;
  1275.            transition-delay: .1s;
  1276.            overflow: hidden;
  1277.        }
  1278.        
  1279.        .togel-content:hover{
  1280.            max-height: 1000px;
  1281.            transition: max-height 0.25s ease-in;
  1282.        }
  1283.        
  1284.        .result {
  1285.            height: 110px;
  1286.            width: 96px;
  1287.            border-radius: 10px;
  1288.            background: var(--result-background);
  1289.            border: var(--result-border);
  1290.            
  1291.            display: grid;
  1292.            grid-template-rows: 0px 20px 1fr 28px;
  1293.            grid-template-areas:
  1294.            "badge"
  1295.            "pasaran"
  1296.            "keluaran"
  1297.            "tanggal"
  1298.            ;
  1299.        
  1300.            /* display: flex;
  1301.            flex-direction: column;
  1302.            justify-content: space-between; */
  1303.        
  1304.            overflow: hidden;
  1305.        }
  1306.        
  1307.        .badge {
  1308.            grid-area: badge;
  1309.            display: grid;
  1310.            place-items: center;
  1311.        }
  1312.        
  1313.        .result>.pasaran {
  1314.        
  1315.            grid-area: pasaran;
  1316.        
  1317.            padding-top: 8px;
  1318.            white-space: nowrap;
  1319.            font-size: .7rem;
  1320.            line-height: .7rem;
  1321.        
  1322.            color: var(--result-pasaran-color);
  1323.            display: grid;
  1324.            place-items: center;
  1325.        }
  1326.        
  1327.        .result>.keluaran {
  1328.        
  1329.            grid-area: keluaran;
  1330.            padding-bottom: 8px;
  1331.            font-family: 'Oswald', sans-serif;
  1332.            line-height: 40px;
  1333.            font-size: 40px;
  1334.            color: var(--result-keluaran-color);
  1335.            display: grid;
  1336.            place-items: center;
  1337.        }
  1338.        
  1339.        .result>.tanggal {
  1340.        
  1341.            grid-area: tanggal;
  1342.        
  1343.            width: 100%;
  1344.            height: 100%;
  1345.            /* background: rgb(40,0,0);
  1346.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1347.            background: var(--result-tanggal-background);
  1348.            white-space: nowarp;
  1349.            font-size: .79rem;
  1350.            display: grid;
  1351.            place-items: center;
  1352.            font-family: 'Abel', sans-serif;
  1353.            color: var(--result-tanggal-color);
  1354.        }
  1355.        
  1356.        @media only screen and (max-width: 1000px) {
  1357.            
  1358.            .togel-desktop {
  1359.                display: none;
  1360.            }
  1361.            
  1362.            .togel-mobile {
  1363.  
  1364.                background: var(--secondary-background);
  1365.                grid-area: togel-mobile;
  1366.                padding: 24px;
  1367.                padding-bottom: 12px;
  1368.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1369.            }
  1370.        
  1371.            .togel-title {
  1372.                padding: 0px;
  1373.                padding-bottom: 20px;
  1374.                font-size: 1.4rem;
  1375.                font-weight: bold;
  1376.                color: var(--primary-text-color);
  1377.            }
  1378.        
  1379.            .togel-content {
  1380.                max-height: fit-content;
  1381.                display: grid;
  1382.                grid-template-columns: 1fr;
  1383.                gap: 0;
  1384.                border-radius: 8px;
  1385.            }
  1386.            
  1387.  
  1388.        
  1389.            .provider-group {
  1390.                padding: var(--mobile-padding-horizontal);
  1391.            }
  1392.        
  1393.            .badge {
  1394.                display: none;
  1395.            }
  1396.        
  1397.            .result {
  1398.                height: auto;
  1399.                width: 100%;
  1400.                display: grid;
  1401.                grid-template-rows: 1fr;
  1402.                grid-template-columns: 1fr 1fr 80px;
  1403.                grid-template-areas: "pasaran tanggal keluaran";
  1404.                border-radius: 0;
  1405.                border: none;
  1406.                background: transparent;
  1407.                padding: 4px 12px;
  1408.                color: var(--primary-text-color);
  1409.                font-family: 'Abel', sans-serif;
  1410.                
  1411.            }
  1412.            
  1413.                        
  1414.            .result-data:nth-child(odd) {
  1415.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1416.            }
  1417.            
  1418.                        
  1419.            .accordion-item {
  1420.                background-color: transparent;
  1421.                border: 0px;
  1422.            }
  1423.            
  1424.            .accordion-button:not(.collapsed) {
  1425.                color: inherit;
  1426.                background-color: transparent;
  1427.                box-shadow: none;
  1428.            }
  1429.            
  1430.            .accordion-button::after {
  1431.                height: 0px;
  1432.            }
  1433.        
  1434.            .result>* {
  1435.                padding: 0px!important;
  1436.                margin: 0px!important;
  1437.                font-size: 1.4rem!important;
  1438.                line-height: auto!important;
  1439.                font-weight: normal!important;
  1440.            }
  1441.        
  1442.            .result>.pasaran {
  1443.                display: flex;
  1444.                justify-content: start;
  1445.                color: var(--primary-text-color)!important;
  1446.                opacity: .7;
  1447.            }
  1448.        
  1449.            .result>.tanggal {        
  1450.                display: flex;
  1451.                justify-content: center;
  1452.                background: transparent;
  1453.                color: var(--primary-text-color)!important;
  1454.                opacity: .7;
  1455.            }
  1456.        
  1457.            .result>.keluaran {
  1458.                display: flex;
  1459.                justify-content: end;
  1460.                /*color: var(--primary-text-color)!important;*/
  1461.                font-family: 'Abel', sans-serif;
  1462.                color: var(--highlight-text-color);
  1463.            }
  1464.            
  1465.        }
  1466. </style>
  1470. <div id="togel-desktop" class="togel-desktop desktop-only">
  1471.    
  1472.             <div class="show-more desktop-only">
  1473.                <div class="show-more-content">
  1474.                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
  1475.                </div>
  1476.            </div>
  1477.            
  1478.        
  1479.    
  1480.        <div class="togel-content see-more">
  1481.                            <a href="/?content=hasil&pid=SG" class="result">
  1482.                    
  1483.                    <div class="badge">
  1484.                                            </div>
  1485.                    
  1486.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1487.                    <div class="keluaran">7540</div>
  1488.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1489.                </a>
  1490.                            <a href="/?content=hasil&pid=HK" class="result">
  1491.                    
  1492.                    <div class="badge">
  1493.                                            </div>
  1494.                    
  1495.                    <div class="pasaran">HONGKONG&nbsp</div>
  1496.                    <div class="keluaran">5782</div>
  1497.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1498.                </a>
  1499.                            <a href="/?content=hasil&pid=SDY" class="result">
  1500.                    
  1501.                    <div class="badge">
  1502.                                            </div>
  1503.                    
  1504.                    <div class="pasaran">SYDNEY&nbsp</div>
  1505.                    <div class="keluaran">1601</div>
  1506.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1507.                </a>
  1508.                            <a href="/?content=hasil&pid=BST" class="result">
  1509.                    
  1510.                    <div class="badge">
  1511.                                            </div>
  1512.                    
  1513.                    <div class="pasaran">BASTIA&nbsp</div>
  1514.                    <div class="keluaran">5691</div>
  1515.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1516.                </a>
  1517.                            <a href="/?content=hasil&pid=KOR" class="result">
  1518.                    
  1519.                    <div class="badge">
  1520.                                            </div>
  1521.                    
  1522.                    <div class="pasaran">KOREA&nbsp</div>
  1523.                    <div class="keluaran">4965</div>
  1524.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1525.                </a>
  1526.                            <a href="/?content=hasil&pid=SGN" class="result">
  1527.                    
  1528.                    <div class="badge">
  1529.                                            </div>
  1530.                    
  1531.                    <div class="pasaran">SAIGON&nbsp</div>
  1532.                    <div class="keluaran">4875</div>
  1533.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1534.                </a>
  1535.                            <a href="/?content=hasil&pid=JKT" class="result">
  1536.                    
  1537.                    <div class="badge">
  1538.                                            </div>
  1539.                    
  1540.                    <div class="pasaran">JAKARTA&nbsp</div>
  1541.                    <div class="keluaran">6141</div>
  1542.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1543.                </a>
  1544.                            <a href="/?content=hasil&pid=GNV" class="result">
  1545.                    
  1546.                    <div class="badge">
  1547.                                            </div>
  1548.                    
  1549.                    <div class="pasaran">GENOVA&nbsp</div>
  1550.                    <div class="keluaran">2638</div>
  1551.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1552.                </a>
  1553.                            <a href="/?content=hasil&pid=MGM" class="result">
  1554.                    
  1555.                    <div class="badge">
  1556.                                            </div>
  1557.                    
  1558.                    <div class="pasaran">MGM VEGAS&nbsp</div>
  1559.                    <div class="keluaran">2105</div>
  1560.                    <div class="tanggal">JUMAT 19/9/2025</div>
  1561.                </a>
  1562.                            <a href="/?content=hasil&pid=SNM" class="result">
  1563.                    
  1564.                    <div class="badge">
  1565.                                            </div>
  1566.                    
  1567.                    <div class="pasaran">SANDS MACAU&nbsp</div>
  1568.                    <div class="keluaran">2958</div>
  1569.                    <div class="tanggal">JUMAT 19/9/2025</div>
  1570.                </a>
  1571.                            <a href="/?content=hasil&pid=TWH" class="result">
  1572.                    
  1573.                    <div class="badge">
  1574.                                            </div>
  1575.                    
  1576.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1577.                    <div class="keluaran">9439</div>
  1578.                    <div class="tanggal">JUMAT 19/9/2025</div>
  1579.                </a>
  1580.                            <a href="/?content=hasil&pid=HKD" class="result">
  1581.                    
  1582.                    <div class="badge">
  1583.                                            </div>
  1584.                    
  1585.                    <div class="pasaran">HK SIANG&nbsp</div>
  1586.                    <div class="keluaran">0249</div>
  1587.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1588.                </a>
  1589.                            <a href="/?content=hasil&pid=MY" class="result">
  1590.                    
  1591.                    <div class="badge">
  1592.                                            </div>
  1593.                    
  1594.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1595.                    <div class="keluaran">5320</div>
  1596.                    <div class="tanggal">KAMIS 18/9/2025</div>
  1597.                </a>
  1598.                        
  1599.        </div>
  1600.    </div>
  1601.    
  1602.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1603.        
  1604.        <div class="togel-title">Togel Result</div>
  1605.        
  1606.                
  1607.    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
  1608.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1609.              
  1610.                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1611.                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1612.                                                              
  1613.          </div>
  1614.          <div class="carousel-inner">
  1615.  
  1616.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1617.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  1618.                                    <div class="badge">
  1619.                                                                            </div>
  1620.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  1621.                                    <div class="keluaran">7540</div>
  1622.                                    <div class="tanggal">18-09-2025</div>
  1623.                              </button>
  1624.                                                                <div id="paito-SG" class="accordion-collapse collapse">
  1625.                                        
  1626.                                                <div class="result">
  1627.                                                    <div class="pasaran"></div>
  1628.                                                    <div class="keluaran">8704</div>
  1629.                                                    <div class="tanggal">17-09-2025</div>
  1630.                                                </div>
  1631.                                            
  1632.                                                <div class="result">
  1633.                                                    <div class="pasaran"></div>
  1634.                                                    <div class="keluaran">4283</div>
  1635.                                                    <div class="tanggal">15-09-2025</div>
  1636.                                                </div>
  1637.                                            
  1638.                                                <div class="result">
  1639.                                                    <div class="pasaran"></div>
  1640.                                                    <div class="keluaran">8015</div>
  1641.                                                    <div class="tanggal">14-09-2025</div>
  1642.                                                </div>
  1643.                                            
  1644.                                                <div class="result">
  1645.                                                    <div class="pasaran"></div>
  1646.                                                    <div class="keluaran">9326</div>
  1647.                                                    <div class="tanggal">13-09-2025</div>
  1648.                                                </div>
  1649.                                            
  1650.                                                <div class="result">
  1651.                                                    <div class="pasaran"></div>
  1652.                                                    <div class="keluaran">4603</div>
  1653.                                                    <div class="tanggal">11-09-2025</div>
  1654.                                                </div>
  1655.                                            
  1656.                                                <div class="result">
  1657.                                                    <div class="pasaran"></div>
  1658.                                                    <div class="keluaran">7611</div>
  1659.                                                    <div class="tanggal">10-09-2025</div>
  1660.                                                </div>
  1661.                                            
  1662.                                                <div class="result">
  1663.                                                    <div class="pasaran"></div>
  1664.                                                    <div class="keluaran">6700</div>
  1665.                                                    <div class="tanggal">08-09-2025</div>
  1666.                                                </div>
  1667.                                                                                </div>
  1668.                                                            </div>
  1669.                            
  1670.                                                    <div class="result-data accordion-item">
  1671.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
  1672.                                    <div class="badge">
  1673.                                                                            </div>
  1674.                                    <div class="pasaran">HONGKONG&nbsp</div>
  1675.                                    <div class="keluaran">5782</div>
  1676.                                    <div class="tanggal">18-09-2025</div>
  1677.                              </button>
  1678.                                                                <div id="paito-HK" class="accordion-collapse collapse">
  1679.                                        
  1680.                                                <div class="result">
  1681.                                                    <div class="pasaran"></div>
  1682.                                                    <div class="keluaran">8348</div>
  1683.                                                    <div class="tanggal">17-09-2025</div>
  1684.                                                </div>
  1685.                                            
  1686.                                                <div class="result">
  1687.                                                    <div class="pasaran"></div>
  1688.                                                    <div class="keluaran">9644</div>
  1689.                                                    <div class="tanggal">16-09-2025</div>
  1690.                                                </div>
  1691.                                            
  1692.                                                <div class="result">
  1693.                                                    <div class="pasaran"></div>
  1694.                                                    <div class="keluaran">4576</div>
  1695.                                                    <div class="tanggal">15-09-2025</div>
  1696.                                                </div>
  1697.                                            
  1698.                                                <div class="result">
  1699.                                                    <div class="pasaran"></div>
  1700.                                                    <div class="keluaran">3982</div>
  1701.                                                    <div class="tanggal">14-09-2025</div>
  1702.                                                </div>
  1703.                                            
  1704.                                                <div class="result">
  1705.                                                    <div class="pasaran"></div>
  1706.                                                    <div class="keluaran">8769</div>
  1707.                                                    <div class="tanggal">13-09-2025</div>
  1708.                                                </div>
  1709.                                            
  1710.                                                <div class="result">
  1711.                                                    <div class="pasaran"></div>
  1712.                                                    <div class="keluaran">0588</div>
  1713.                                                    <div class="tanggal">12-09-2025</div>
  1714.                                                </div>
  1715.                                            
  1716.                                                <div class="result">
  1717.                                                    <div class="pasaran"></div>
  1718.                                                    <div class="keluaran">5114</div>
  1719.                                                    <div class="tanggal">11-09-2025</div>
  1720.                                                </div>
  1721.                                                                                </div>
  1722.                                                            </div>
  1723.                            
  1724.                                                    <div class="result-data accordion-item">
  1725.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SDY">
  1726.                                    <div class="badge">
  1727.                                                                            </div>
  1728.                                    <div class="pasaran">SYDNEY&nbsp</div>
  1729.                                    <div class="keluaran">1601</div>
  1730.                                    <div class="tanggal">18-09-2025</div>
  1731.                              </button>
  1732.                                                                <div id="paito-SDY" class="accordion-collapse collapse">
  1733.                                        
  1734.                                                <div class="result">
  1735.                                                    <div class="pasaran"></div>
  1736.                                                    <div class="keluaran">8064</div>
  1737.                                                    <div class="tanggal">17-09-2025</div>
  1738.                                                </div>
  1739.                                            
  1740.                                                <div class="result">
  1741.                                                    <div class="pasaran"></div>
  1742.                                                    <div class="keluaran">6905</div>
  1743.                                                    <div class="tanggal">16-09-2025</div>
  1744.                                                </div>
  1745.                                            
  1746.                                                <div class="result">
  1747.                                                    <div class="pasaran"></div>
  1748.                                                    <div class="keluaran">9710</div>
  1749.                                                    <div class="tanggal">15-09-2025</div>
  1750.                                                </div>
  1751.                                            
  1752.                                                <div class="result">
  1753.                                                    <div class="pasaran"></div>
  1754.                                                    <div class="keluaran">7698</div>
  1755.                                                    <div class="tanggal">14-09-2025</div>
  1756.                                                </div>
  1757.                                            
  1758.                                                <div class="result">
  1759.                                                    <div class="pasaran"></div>
  1760.                                                    <div class="keluaran">4006</div>
  1761.                                                    <div class="tanggal">13-09-2025</div>
  1762.                                                </div>
  1763.                                            
  1764.                                                <div class="result">
  1765.                                                    <div class="pasaran"></div>
  1766.                                                    <div class="keluaran">1749</div>
  1767.                                                    <div class="tanggal">12-09-2025</div>
  1768.                                                </div>
  1769.                                            
  1770.                                                <div class="result">
  1771.                                                    <div class="pasaran"></div>
  1772.                                                    <div class="keluaran">5903</div>
  1773.                                                    <div class="tanggal">11-09-2025</div>
  1774.                                                </div>
  1775.                                                                                </div>
  1776.                                                            </div>
  1777.                            
  1778.                                                    <div class="result-data accordion-item">
  1779.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-BST">
  1780.                                    <div class="badge">
  1781.                                                                            </div>
  1782.                                    <div class="pasaran">BASTIA&nbsp</div>
  1783.                                    <div class="keluaran">5691</div>
  1784.                                    <div class="tanggal">18-09-2025</div>
  1785.                              </button>
  1786.                                                                <div id="paito-BST" class="accordion-collapse collapse">
  1787.                                        
  1788.                                                <div class="result">
  1789.                                                    <div class="pasaran"></div>
  1790.                                                    <div class="keluaran">3540</div>
  1791.                                                    <div class="tanggal">17-09-2025</div>
  1792.                                                </div>
  1793.                                            
  1794.                                                <div class="result">
  1795.                                                    <div class="pasaran"></div>
  1796.                                                    <div class="keluaran">9736</div>
  1797.                                                    <div class="tanggal">16-09-2025</div>
  1798.                                                </div>
  1799.                                            
  1800.                                                <div class="result">
  1801.                                                    <div class="pasaran"></div>
  1802.                                                    <div class="keluaran">0841</div>
  1803.                                                    <div class="tanggal">15-09-2025</div>
  1804.                                                </div>
  1805.                                            
  1806.                                                <div class="result">
  1807.                                                    <div class="pasaran"></div>
  1808.                                                    <div class="keluaran">3205</div>
  1809.                                                    <div class="tanggal">14-09-2025</div>
  1810.                                                </div>
  1811.                                            
  1812.                                                <div class="result">
  1813.                                                    <div class="pasaran"></div>
  1814.                                                    <div class="keluaran">1686</div>
  1815.                                                    <div class="tanggal">13-09-2025</div>
  1816.                                                </div>
  1817.                                            
  1818.                                                <div class="result">
  1819.                                                    <div class="pasaran"></div>
  1820.                                                    <div class="keluaran">4092</div>
  1821.                                                    <div class="tanggal">12-09-2025</div>
  1822.                                                </div>
  1823.                                            
  1824.                                                <div class="result">
  1825.                                                    <div class="pasaran"></div>
  1826.                                                    <div class="keluaran">6570</div>
  1827.                                                    <div class="tanggal">11-09-2025</div>
  1828.                                                </div>
  1829.                                                                                </div>
  1830.                                                            </div>
  1831.                            
  1832.                                                    <div class="result-data accordion-item">
  1833.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-KOR">
  1834.                                    <div class="badge">
  1835.                                                                            </div>
  1836.                                    <div class="pasaran">KOREA&nbsp</div>
  1837.                                    <div class="keluaran">4965</div>
  1838.                                    <div class="tanggal">18-09-2025</div>
  1839.                              </button>
  1840.                                                                <div id="paito-KOR" class="accordion-collapse collapse">
  1841.                                        
  1842.                                                <div class="result">
  1843.                                                    <div class="pasaran"></div>
  1844.                                                    <div class="keluaran">7634</div>
  1845.                                                    <div class="tanggal">17-09-2025</div>
  1846.                                                </div>
  1847.                                            
  1848.                                                <div class="result">
  1849.                                                    <div class="pasaran"></div>
  1850.                                                    <div class="keluaran">0841</div>
  1851.                                                    <div class="tanggal">16-09-2025</div>
  1852.                                                </div>
  1853.                                            
  1854.                                                <div class="result">
  1855.                                                    <div class="pasaran"></div>
  1856.                                                    <div class="keluaran">9328</div>
  1857.                                                    <div class="tanggal">15-09-2025</div>
  1858.                                                </div>
  1859.                                            
  1860.                                                <div class="result">
  1861.                                                    <div class="pasaran"></div>
  1862.                                                    <div class="keluaran">5171</div>
  1863.                                                    <div class="tanggal">14-09-2025</div>
  1864.                                                </div>
  1865.                                            
  1866.                                                <div class="result">
  1867.                                                    <div class="pasaran"></div>
  1868.                                                    <div class="keluaran">8260</div>
  1869.                                                    <div class="tanggal">13-09-2025</div>
  1870.                                                </div>
  1871.                                            
  1872.                                                <div class="result">
  1873.                                                    <div class="pasaran"></div>
  1874.                                                    <div class="keluaran">7425</div>
  1875.                                                    <div class="tanggal">12-09-2025</div>
  1876.                                                </div>
  1877.                                            
  1878.                                                <div class="result">
  1879.                                                    <div class="pasaran"></div>
  1880.                                                    <div class="keluaran">2136</div>
  1881.                                                    <div class="tanggal">11-09-2025</div>
  1882.                                                </div>
  1883.                                                                                </div>
  1884.                                                            </div>
  1885.                            
  1886.                                                    <div class="result-data accordion-item">
  1887.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGN">
  1888.                                    <div class="badge">
  1889.                                                                            </div>
  1890.                                    <div class="pasaran">SAIGON&nbsp</div>
  1891.                                    <div class="keluaran">4875</div>
  1892.                                    <div class="tanggal">18-09-2025</div>
  1893.                              </button>
  1894.                                                                <div id="paito-SGN" class="accordion-collapse collapse">
  1895.                                        
  1896.                                                <div class="result">
  1897.                                                    <div class="pasaran"></div>
  1898.                                                    <div class="keluaran">7338</div>
  1899.                                                    <div class="tanggal">17-09-2025</div>
  1900.                                                </div>
  1901.                                            
  1902.                                                <div class="result">
  1903.                                                    <div class="pasaran"></div>
  1904.                                                    <div class="keluaran">2617</div>
  1905.                                                    <div class="tanggal">16-09-2025</div>
  1906.                                                </div>
  1907.                                            
  1908.                                                <div class="result">
  1909.                                                    <div class="pasaran"></div>
  1910.                                                    <div class="keluaran">5453</div>
  1911.                                                    <div class="tanggal">15-09-2025</div>
  1912.                                                </div>
  1913.                                            
  1914.                                                <div class="result">
  1915.                                                    <div class="pasaran"></div>
  1916.                                                    <div class="keluaran">1092</div>
  1917.                                                    <div class="tanggal">14-09-2025</div>
  1918.                                                </div>
  1919.                                            
  1920.                                                <div class="result">
  1921.                                                    <div class="pasaran"></div>
  1922.                                                    <div class="keluaran">4287</div>
  1923.                                                    <div class="tanggal">13-09-2025</div>
  1924.                                                </div>
  1925.                                            
  1926.                                                <div class="result">
  1927.                                                    <div class="pasaran"></div>
  1928.                                                    <div class="keluaran">9362</div>
  1929.                                                    <div class="tanggal">12-09-2025</div>
  1930.                                                </div>
  1931.                                            
  1932.                                                <div class="result">
  1933.                                                    <div class="pasaran"></div>
  1934.                                                    <div class="keluaran">8507</div>
  1935.                                                    <div class="tanggal">11-09-2025</div>
  1936.                                                </div>
  1937.                                                                                </div>
  1938.                                                            </div>
  1939.                            
  1940.                                                    <div class="result-data accordion-item">
  1941.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-JKT">
  1942.                                    <div class="badge">
  1943.                                                                            </div>
  1944.                                    <div class="pasaran">JAKARTA&nbsp</div>
  1945.                                    <div class="keluaran">6141</div>
  1946.                                    <div class="tanggal">18-09-2025</div>
  1947.                              </button>
  1948.                                                                <div id="paito-JKT" class="accordion-collapse collapse">
  1949.                                        
  1950.                                                <div class="result">
  1951.                                                    <div class="pasaran"></div>
  1952.                                                    <div class="keluaran">6803</div>
  1953.                                                    <div class="tanggal">17-09-2025</div>
  1954.                                                </div>
  1955.                                            
  1956.                                                <div class="result">
  1957.                                                    <div class="pasaran"></div>
  1958.                                                    <div class="keluaran">3729</div>
  1959.                                                    <div class="tanggal">16-09-2025</div>
  1960.                                                </div>
  1961.                                            
  1962.                                                <div class="result">
  1963.                                                    <div class="pasaran"></div>
  1964.                                                    <div class="keluaran">2874</div>
  1965.                                                    <div class="tanggal">15-09-2025</div>
  1966.                                                </div>
  1967.                                            
  1968.                                                <div class="result">
  1969.                                                    <div class="pasaran"></div>
  1970.                                                    <div class="keluaran">6435</div>
  1971.                                                    <div class="tanggal">14-09-2025</div>
  1972.                                                </div>
  1973.                                            
  1974.                                                <div class="result">
  1975.                                                    <div class="pasaran"></div>
  1976.                                                    <div class="keluaran">1294</div>
  1977.                                                    <div class="tanggal">13-09-2025</div>
  1978.                                                </div>
  1979.                                            
  1980.                                                <div class="result">
  1981.                                                    <div class="pasaran"></div>
  1982.                                                    <div class="keluaran">0048</div>
  1983.                                                    <div class="tanggal">12-09-2025</div>
  1984.                                                </div>
  1985.                                            
  1986.                                                <div class="result">
  1987.                                                    <div class="pasaran"></div>
  1988.                                                    <div class="keluaran">8126</div>
  1989.                                                    <div class="tanggal">11-09-2025</div>
  1990.                                                </div>
  1991.                                                                                </div>
  1992.                                                            </div>
  1993.                            
  1994.                                                    <div class="result-data accordion-item">
  1995.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-GNV">
  1996.                                    <div class="badge">
  1997.                                                                            </div>
  1998.                                    <div class="pasaran">GENOVA&nbsp</div>
  1999.                                    <div class="keluaran">2638</div>
  2000.                                    <div class="tanggal">18-09-2025</div>
  2001.                              </button>
  2002.                                                                <div id="paito-GNV" class="accordion-collapse collapse">
  2003.                                        
  2004.                                                <div class="result">
  2005.                                                    <div class="pasaran"></div>
  2006.                                                    <div class="keluaran">0794</div>
  2007.                                                    <div class="tanggal">17-09-2025</div>
  2008.                                                </div>
  2009.                                            
  2010.                                                <div class="result">
  2011.                                                    <div class="pasaran"></div>
  2012.                                                    <div class="keluaran">3155</div>
  2013.                                                    <div class="tanggal">16-09-2025</div>
  2014.                                                </div>
  2015.                                            
  2016.                                                <div class="result">
  2017.                                                    <div class="pasaran"></div>
  2018.                                                    <div class="keluaran">6810</div>
  2019.                                                    <div class="tanggal">15-09-2025</div>
  2020.                                                </div>
  2021.                                            
  2022.                                                <div class="result">
  2023.                                                    <div class="pasaran"></div>
  2024.                                                    <div class="keluaran">9574</div>
  2025.                                                    <div class="tanggal">14-09-2025</div>
  2026.                                                </div>
  2027.                                            
  2028.                                                <div class="result">
  2029.                                                    <div class="pasaran"></div>
  2030.                                                    <div class="keluaran">1603</div>
  2031.                                                    <div class="tanggal">13-09-2025</div>
  2032.                                                </div>
  2033.                                            
  2034.                                                <div class="result">
  2035.                                                    <div class="pasaran"></div>
  2036.                                                    <div class="keluaran">2846</div>
  2037.                                                    <div class="tanggal">12-09-2025</div>
  2038.                                                </div>
  2039.                                            
  2040.                                                <div class="result">
  2041.                                                    <div class="pasaran"></div>
  2042.                                                    <div class="keluaran">4150</div>
  2043.                                                    <div class="tanggal">11-09-2025</div>
  2044.                                                </div>
  2045.                                                                                </div>
  2046.                                                            </div>
  2047.                            
  2048.                                                    <div class="result-data accordion-item">
  2049.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MGM">
  2050.                                    <div class="badge">
  2051.                                                                            </div>
  2052.                                    <div class="pasaran">MGM VEGAS&nbsp</div>
  2053.                                    <div class="keluaran">2105</div>
  2054.                                    <div class="tanggal">19-09-2025</div>
  2055.                              </button>
  2056.                                                                <div id="paito-MGM" class="accordion-collapse collapse">
  2057.                                        
  2058.                                                <div class="result">
  2059.                                                    <div class="pasaran"></div>
  2060.                                                    <div class="keluaran">6748</div>
  2061.                                                    <div class="tanggal">19-09-2025</div>
  2062.                                                </div>
  2063.                                            
  2064.                                                <div class="result">
  2065.                                                    <div class="pasaran"></div>
  2066.                                                    <div class="keluaran">2910</div>
  2067.                                                    <div class="tanggal">19-09-2025</div>
  2068.                                                </div>
  2069.                                            
  2070.                                                <div class="result">
  2071.                                                    <div class="pasaran"></div>
  2072.                                                    <div class="keluaran">6358</div>
  2073.                                                    <div class="tanggal">18-09-2025</div>
  2074.                                                </div>
  2075.                                            
  2076.                                                <div class="result">
  2077.                                                    <div class="pasaran"></div>
  2078.                                                    <div class="keluaran">7176</div>
  2079.                                                    <div class="tanggal">18-09-2025</div>
  2080.                                                </div>
  2081.                                            
  2082.                                                <div class="result">
  2083.                                                    <div class="pasaran"></div>
  2084.                                                    <div class="keluaran">4285</div>
  2085.                                                    <div class="tanggal">18-09-2025</div>
  2086.                                                </div>
  2087.                                            
  2088.                                                <div class="result">
  2089.                                                    <div class="pasaran"></div>
  2090.                                                    <div class="keluaran">9783</div>
  2091.                                                    <div class="tanggal">18-09-2025</div>
  2092.                                                </div>
  2093.                                            
  2094.                                                <div class="result">
  2095.                                                    <div class="pasaran"></div>
  2096.                                                    <div class="keluaran">6026</div>
  2097.                                                    <div class="tanggal">18-09-2025</div>
  2098.                                                </div>
  2099.                                                                                </div>
  2100.                                                            </div>
  2101.                            
  2102.                                                    <div class="result-data accordion-item">
  2103.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SNM">
  2104.                                    <div class="badge">
  2105.                                                                            </div>
  2106.                                    <div class="pasaran">SANDS MACAU&nbsp</div>
  2107.                                    <div class="keluaran">2958</div>
  2108.                                    <div class="tanggal">19-09-2025</div>
  2109.                              </button>
  2110.                                                                <div id="paito-SNM" class="accordion-collapse collapse">
  2111.                                        
  2112.                                                <div class="result">
  2113.                                                    <div class="pasaran"></div>
  2114.                                                    <div class="keluaran">3071</div>
  2115.                                                    <div class="tanggal">19-09-2025</div>
  2116.                                                </div>
  2117.                                            
  2118.                                                <div class="result">
  2119.                                                    <div class="pasaran"></div>
  2120.                                                    <div class="keluaran">9436</div>
  2121.                                                    <div class="tanggal">19-09-2025</div>
  2122.                                                </div>
  2123.                                            
  2124.                                                <div class="result">
  2125.                                                    <div class="pasaran"></div>
  2126.                                                    <div class="keluaran">2105</div>
  2127.                                                    <div class="tanggal">18-09-2025</div>
  2128.                                                </div>
  2129.                                            
  2130.                                                <div class="result">
  2131.                                                    <div class="pasaran"></div>
  2132.                                                    <div class="keluaran">3743</div>
  2133.                                                    <div class="tanggal">18-09-2025</div>
  2134.                                                </div>
  2135.                                            
  2136.                                                <div class="result">
  2137.                                                    <div class="pasaran"></div>
  2138.                                                    <div class="keluaran">2561</div>
  2139.                                                    <div class="tanggal">18-09-2025</div>
  2140.                                                </div>
  2141.                                            
  2142.                                                <div class="result">
  2143.                                                    <div class="pasaran"></div>
  2144.                                                    <div class="keluaran">9072</div>
  2145.                                                    <div class="tanggal">18-09-2025</div>
  2146.                                                </div>
  2147.                                            
  2148.                                                <div class="result">
  2149.                                                    <div class="pasaran"></div>
  2150.                                                    <div class="keluaran">8435</div>
  2151.                                                    <div class="tanggal">18-09-2025</div>
  2152.                                                </div>
  2153.                                                                                </div>
  2154.                                                            </div>
  2155.                            
  2156.                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
  2157.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  2158.                                    <div class="badge">
  2159.                                                                            </div>
  2160.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  2161.                                    <div class="keluaran">9439</div>
  2162.                                    <div class="tanggal">19-09-2025</div>
  2163.                              </button>
  2164.                                                                <div id="paito-TWH" class="accordion-collapse collapse">
  2165.                                        
  2166.                                                <div class="result">
  2167.                                                    <div class="pasaran"></div>
  2168.                                                    <div class="keluaran">4515</div>
  2169.                                                    <div class="tanggal">18-09-2025</div>
  2170.                                                </div>
  2171.                                            
  2172.                                                <div class="result">
  2173.                                                    <div class="pasaran"></div>
  2174.                                                    <div class="keluaran">5684</div>
  2175.                                                    <div class="tanggal">18-09-2025</div>
  2176.                                                </div>
  2177.                                            
  2178.                                                <div class="result">
  2179.                                                    <div class="pasaran"></div>
  2180.                                                    <div class="keluaran">0716</div>
  2181.                                                    <div class="tanggal">18-09-2025</div>
  2182.                                                </div>
  2183.                                            
  2184.                                                <div class="result">
  2185.                                                    <div class="pasaran"></div>
  2186.                                                    <div class="keluaran">0368</div>
  2187.                                                    <div class="tanggal">18-09-2025</div>
  2188.                                                </div>
  2189.                                            
  2190.                                                <div class="result">
  2191.                                                    <div class="pasaran"></div>
  2192.                                                    <div class="keluaran">5165</div>
  2193.                                                    <div class="tanggal">18-09-2025</div>
  2194.                                                </div>
  2195.                                            
  2196.                                                <div class="result">
  2197.                                                    <div class="pasaran"></div>
  2198.                                                    <div class="keluaran">8627</div>
  2199.                                                    <div class="tanggal">18-09-2025</div>
  2200.                                                </div>
  2201.                                            
  2202.                                                <div class="result">
  2203.                                                    <div class="pasaran"></div>
  2204.                                                    <div class="keluaran">7323</div>
  2205.                                                    <div class="tanggal">17-09-2025</div>
  2206.                                                </div>
  2207.                                                                                </div>
  2208.                                                            </div>
  2209.                            
  2210.                                                    <div class="result-data accordion-item">
  2211.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  2212.                                    <div class="badge">
  2213.                                                                            </div>
  2214.                                    <div class="pasaran">HK SIANG&nbsp</div>
  2215.                                    <div class="keluaran">0249</div>
  2216.                                    <div class="tanggal">18-09-2025</div>
  2217.                              </button>
  2218.                                                                <div id="paito-HKD" class="accordion-collapse collapse">
  2219.                                        
  2220.                                                <div class="result">
  2221.                                                    <div class="pasaran"></div>
  2222.                                                    <div class="keluaran">3992</div>
  2223.                                                    <div class="tanggal">17-09-2025</div>
  2224.                                                </div>
  2225.                                            
  2226.                                                <div class="result">
  2227.                                                    <div class="pasaran"></div>
  2228.                                                    <div class="keluaran">4464</div>
  2229.                                                    <div class="tanggal">16-09-2025</div>
  2230.                                                </div>
  2231.                                            
  2232.                                                <div class="result">
  2233.                                                    <div class="pasaran"></div>
  2234.                                                    <div class="keluaran">8669</div>
  2235.                                                    <div class="tanggal">15-09-2025</div>
  2236.                                                </div>
  2237.                                            
  2238.                                                <div class="result">
  2239.                                                    <div class="pasaran"></div>
  2240.                                                    <div class="keluaran">8709</div>
  2241.                                                    <div class="tanggal">14-09-2025</div>
  2242.                                                </div>
  2243.                                            
  2244.                                                <div class="result">
  2245.                                                    <div class="pasaran"></div>
  2246.                                                    <div class="keluaran">9863</div>
  2247.                                                    <div class="tanggal">13-09-2025</div>
  2248.                                                </div>
  2249.                                            
  2250.                                                <div class="result">
  2251.                                                    <div class="pasaran"></div>
  2252.                                                    <div class="keluaran">0805</div>
  2253.                                                    <div class="tanggal">12-09-2025</div>
  2254.                                                </div>
  2255.                                            
  2256.                                                <div class="result">
  2257.                                                    <div class="pasaran"></div>
  2258.                                                    <div class="keluaran">6860</div>
  2259.                                                    <div class="tanggal">11-09-2025</div>
  2260.                                                </div>
  2261.                                                                                </div>
  2262.                                                            </div>
  2263.                            
  2264.                                                    <div class="result-data accordion-item">
  2265.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  2266.                                    <div class="badge">
  2267.                                                                            </div>
  2268.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  2269.                                    <div class="keluaran">5320</div>
  2270.                                    <div class="tanggal">18-09-2025</div>
  2271.                              </button>
  2272.                                                                <div id="paito-MY" class="accordion-collapse collapse">
  2273.                                        
  2274.                                                <div class="result">
  2275.                                                    <div class="pasaran"></div>
  2276.                                                    <div class="keluaran">2576</div>
  2277.                                                    <div class="tanggal">17-09-2025</div>
  2278.                                                </div>
  2279.                                            
  2280.                                                <div class="result">
  2281.                                                    <div class="pasaran"></div>
  2282.                                                    <div class="keluaran">5928</div>
  2283.                                                    <div class="tanggal">16-09-2025</div>
  2284.                                                </div>
  2285.                                            
  2286.                                                <div class="result">
  2287.                                                    <div class="pasaran"></div>
  2288.                                                    <div class="keluaran">6894</div>
  2289.                                                    <div class="tanggal">15-09-2025</div>
  2290.                                                </div>
  2291.                                            
  2292.                                                <div class="result">
  2293.                                                    <div class="pasaran"></div>
  2294.                                                    <div class="keluaran">1897</div>
  2295.                                                    <div class="tanggal">14-09-2025</div>
  2296.                                                </div>
  2297.                                            
  2298.                                                <div class="result">
  2299.                                                    <div class="pasaran"></div>
  2300.                                                    <div class="keluaran">4047</div>
  2301.                                                    <div class="tanggal">13-09-2025</div>
  2302.                                                </div>
  2303.                                            
  2304.                                                <div class="result">
  2305.                                                    <div class="pasaran"></div>
  2306.                                                    <div class="keluaran">7612</div>
  2307.                                                    <div class="tanggal">12-09-2025</div>
  2308.                                                </div>
  2309.                                            
  2310.                                                <div class="result">
  2311.                                                    <div class="pasaran"></div>
  2312.                                                    <div class="keluaran">9874</div>
  2313.                                                    <div class="tanggal">11-09-2025</div>
  2314.                                                </div>
  2315.                                                                                </div>
  2316.                                                            </div>
  2317.                            
  2318.                        </div>              
  2319.              
  2320.          </div>
  2321.        </div>
  2322.    </div>
  2323.    
  2324.    <script>
  2325.        
  2326.        function togglePaito(paitoid) {
  2327.            let paito = document.getElementById(paitoid);
  2328.            paito.classList.add("open");
  2329.        }
  2330.        
  2331.        
  2332.    </script>
  2333.  
  2334.    
  2335.            <div class="provider">
  2336.                <div class="provider-group">
  2337.                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  2338.                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
  2339.    
  2340.                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  2341.                </div>
  2342.            </div>
  2343.            
  2344.            <div class="transaksi">
  2345.    
  2346.                <div>
  2347.                    <div class="transaksi-kontak">
  2348.                        
  2349.                        <div class="d-flex flex-column w-100">
  2350.                            <div class="transaksi-title">
  2351.                                <div class="transaksi-title-group">
  2352.                                    <div class="fitur-header">Transaksi</div>
  2353.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  2354.                                </div>
  2355.                                
  2356.                                <div class="devider desktop-only" style="width: 320px"></div>
  2357.                            </div>
  2358.                            
  2359.                            <div class="transaksi-content">
  2360.                                <!-- Bank -->
  2361.                                
  2362. <style>
  2363.  
  2364.    .transaksi-group {
  2365.        display: grid;
  2366.        grid-template-columns: 380px 1fr;
  2367.        justify-content: space-between;
  2368.        grid-template-areas:
  2369.        "transaksi-bank transaksi-other transaksi-crypto";
  2370.    }
  2371.    
  2372.    .transaksi-bank {
  2373.        grid-area: transaksi-bank;
  2374.        display: grid;
  2375.        place-items: center
  2376.    }
  2377.    
  2378.    .transaksi-other {
  2379.        grid-area: transaksi-other;
  2380.        display: flex;
  2381.        justify-content: space-evenly;
  2382.        width: 100%;
  2383.    }
  2384.    
  2385.    .transaksi-crypto {
  2386.        grid-area: transaksi-crypto;
  2387.        display: flex;
  2388.        justify-content: space-evenly;
  2389.        width: 100%;
  2390.    }
  2391.    
  2392.    .icon-crypto {
  2393.        width: 24px;
  2394.        height: 24px;
  2395.    }
  2396.    
  2397.    .transaksi-list-bank {
  2398.        height: fit-content;
  2399.        display: grid;
  2400.        grid-template-columns: repeat(4, 92px);
  2401.        grid-template-rows: repeat(4, auto);
  2402.        gap: 4px;
  2403.    }
  2404.    
  2405.    .transaksi-list-other {
  2406.        height: fit-content;
  2407.        display: grid;
  2408.        grid-template-columns: repeat(3, 92px);
  2409.        gap: 4px;
  2410.    }
  2411.    
  2412.    .transaksi-list-crypto {
  2413.        height: fit-content;
  2414.        display: grid;
  2415.        grid-template-columns: repeat(2, 80px);
  2416.        gap: 10px 8px;
  2417.    }
  2418.    
  2419.    
  2420.    .transaksi-item {
  2421.        display: flex;
  2422.        flex-direction: column;
  2423.        /* transform: perspective(10px) rotateX(3deg); */
  2424.    }
  2425.    
  2426.    .transaksi-header {
  2427.  
  2428.        height: 30px;
  2429.        border-radius: 5px;
  2430.        display: grid;
  2431.        place-items: center;
  2432.        font-weight: bold;
  2433.        border: 2px solid rgba(108,108,108,1);
  2434.        background: rgba(54,54,54,1);
  2435.        color: white;
  2436.    }
  2437.    
  2438.    .transaksi-status {
  2439.        margin-left: 3px;
  2440.        margin-right: 3px;
  2441.        height: 3px;
  2442.        border-radius: 0px 0px 4px 4px;
  2443.        background: rgb(54,54,54);
  2444.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  2445.    }
  2446.    
  2447.    .header-green {
  2448.        background: rgba(44,121,6,1);
  2449.        border-color: rgba(168,255,0,1);
  2450.    }
  2451.    
  2452.    .header-blue {
  2453.        background: rgba(0,80,89,1);
  2454.        border-color: rgba(0,255,204,1);
  2455.    }
  2456.    
  2457.    .status-green {
  2458.        background: rgb(44,121,6);
  2459.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  2460.    }
  2461.    
  2462.    .status-blue {
  2463.        background: rgb(0,80,89);
  2464.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  2465.    }
  2466.    
  2467.    .transaksi-name {
  2468.        font-size: 1.1rem;
  2469.        font-weight: bold;
  2470.        line-height: 1.5rem
  2471.    }
  2472.    
  2473.    .transaksi-wrapper {
  2474.        display: flex;
  2475.        flex-direction: column;
  2476.        gap: .5rem;
  2477.    }
  2478.  
  2479.  
  2480.    @media only screen and (max-width: 768px) {
  2481.        
  2482.        .transaksi-group {
  2483.            display: grid;
  2484.            grid-template-columns: 1fr;
  2485.            grid-template-areas:
  2486.            "transaksi-bank"
  2487.            "transaksi-other"
  2488.            "transaksi-crypto";
  2489.            gap: 32px;
  2490.            margin-bottom: 8px;
  2491.            
  2492.        }
  2493.        
  2494.        .transaksi-header {
  2495.            font-size: 1.1rem;
  2496.            height: 36px;
  2497.        }
  2498.        
  2499.        .transaksi-list-bank {
  2500.            grid-template-columns: repeat(4, 1fr);
  2501.        }
  2502.        
  2503.        .transaksi-list-other {
  2504.            grid-template-columns: repeat(4, 1fr);
  2505.        }
  2506.        
  2507.        .transaksi-list-crypto {
  2508.            width: 86%;
  2509.            margin: auto;
  2510.            grid-template-columns: repeat(4, 1fr);
  2511.        }
  2512.        
  2513.        .transaksi-list {
  2514.            display: grid;
  2515.            grid-template-columns: repeat(3, 1fr);
  2516.        }
  2517.        
  2518.        .transaksi-item {
  2519.            width: 100%;
  2520.        }
  2521.        
  2522.        .transaksi-title-group {
  2523.            justify-content: center;
  2524.            padding: 16px 0;
  2525.        }
  2526.        
  2527.        .transaksi-name {
  2528.            font-size: 1.3rem;
  2529.            text-align: center;    
  2530.            line-height: 1.8rem;
  2531.        }
  2532.  
  2533.        .transaksi-wrapper {
  2534.            width: 100%;
  2535.            max-width: 100%!important;
  2536.            gap: 1rem;
  2537.        }
  2538.        
  2539.        .icon-crypto {
  2540.            width: 28px;
  2541.            height: 28px;
  2542.        }
  2543.  
  2544.    }
  2545. </style>
  2546.  
  2547.  
  2548. <div class="transaksi-group">
  2549.    <div class="transaksi-bank">
  2550.  
  2551.            <div class="transaksi-wrapper">
  2552.                <div class="transaksi-name">Bank Lokal</div>
  2553.                
  2554.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  2555.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2556.                    
  2557.                                                                        <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  2558.                                                                                                <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
  2559.                                                                
  2560.                </div>
  2561.                <div class="carousel-inner" style="min-height: 144px">
  2562.                                            <div class="carousel-item active" style="min-height: 144px">
  2563.                            <div class="transaksi-list-bank">
  2564.                            
  2565.                                                        
  2566.                                                                
  2567.                                <div class="transaksi-item">
  2568.                                    <div class="transaksi-header">BCA</div>
  2569.                                    <div class="transaksi-status status-green"></div>
  2570.                                </div>
  2571.                                                        
  2572.                                                                
  2573.                                <div class="transaksi-item">
  2574.                                    <div class="transaksi-header">Mandiri</div>
  2575.                                    <div class="transaksi-status status-green"></div>
  2576.                                </div>
  2577.                                                        
  2578.                                                                
  2579.                                <div class="transaksi-item">
  2580.                                    <div class="transaksi-header">BNI</div>
  2581.                                    <div class="transaksi-status status-green"></div>
  2582.                                </div>
  2583.                                                        
  2584.                                                                
  2585.                                <div class="transaksi-item">
  2586.                                    <div class="transaksi-header">BRI</div>
  2587.                                    <div class="transaksi-status status-green"></div>
  2588.                                </div>
  2589.                                                        
  2590.                                                                
  2591.                                <div class="transaksi-item">
  2592.                                    <div class="transaksi-header">CIMB</div>
  2593.                                    <div class="transaksi-status status-green"></div>
  2594.                                </div>
  2595.                                                        
  2596.                                                                
  2597.                                <div class="transaksi-item">
  2598.                                    <div class="transaksi-header">Danamon</div>
  2599.                                    <div class="transaksi-status status-green"></div>
  2600.                                </div>
  2601.                                                        
  2602.                                                                
  2603.                                <div class="transaksi-item">
  2604.                                    <div class="transaksi-header">Permata</div>
  2605.                                    <div class="transaksi-status status-green"></div>
  2606.                                </div>
  2607.                                                        
  2608.                                                                
  2609.                                <div class="transaksi-item">
  2610.                                    <div class="transaksi-header">BJB</div>
  2611.                                    <div class="transaksi-status status-green"></div>
  2612.                                </div>
  2613.                                                        
  2614.                                                                
  2615.                                <div class="transaksi-item">
  2616.                                    <div class="transaksi-header">PANIN</div>
  2617.                                    <div class="transaksi-status status-green"></div>
  2618.                                </div>
  2619.                                                        
  2620.                                                                
  2621.                                <div class="transaksi-item">
  2622.                                    <div class="transaksi-header">OCBC</div>
  2623.                                    <div class="transaksi-status status-green"></div>
  2624.                                </div>
  2625.                                                        
  2626.                                                                
  2627.                                <div class="transaksi-item">
  2628.                                    <div class="transaksi-header">SUMUT</div>
  2629.                                    <div class="transaksi-status status-green"></div>
  2630.                                </div>
  2631.                                                        
  2632.                                                                
  2633.                                <div class="transaksi-item">
  2634.                                    <div class="transaksi-header">BSI</div>
  2635.                                    <div class="transaksi-status "></div>
  2636.                                </div>
  2637.                                                        
  2638.                                                                
  2639.                                <div class="transaksi-item">
  2640.                                    <div class="transaksi-header">NEO</div>
  2641.                                    <div class="transaksi-status status-green"></div>
  2642.                                </div>
  2643.                                                        
  2644.                                                                
  2645.                                <div class="transaksi-item">
  2646.                                    <div class="transaksi-header">JAGO</div>
  2647.                                    <div class="transaksi-status status-green"></div>
  2648.                                </div>
  2649.                                                        
  2650.                                                                
  2651.                                <div class="transaksi-item">
  2652.                                    <div class="transaksi-header">SeaBank</div>
  2653.                                    <div class="transaksi-status status-green"></div>
  2654.                                </div>
  2655.                                                        
  2656.                                                                
  2657.                                <div class="transaksi-item">
  2658.                                    <div class="transaksi-header">Maybank</div>
  2659.                                    <div class="transaksi-status status-green"></div>
  2660.                                </div>
  2661.                                                        
  2662.                            </div>
  2663.                        </div>
  2664.                    
  2665.                                            <div class="carousel-item " style="min-height: 144px">
  2666.                            <div class="transaksi-list-bank">
  2667.                            
  2668.                                                        
  2669.                                                                
  2670.                                <div class="transaksi-item">
  2671.                                    <div class="transaksi-header">Mega</div>
  2672.                                    <div class="transaksi-status status-green"></div>
  2673.                                </div>
  2674.                                                        
  2675.                                                            
  2676.                            </div>
  2677.                        </div>
  2678.                    
  2679.                    
  2680.                    
  2681.                  </div>
  2682.                </div>
  2683.  
  2684.        </div>
  2685.    </div>
  2686.    
  2687.    <div class="transaksi-other">
  2688.            
  2689.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2690.            
  2691.            <div class="transaksi-wrapper" style="max-width: 284px">
  2692.  
  2693.                <div class="transaksi-name">E Money & Pulsa</div>
  2694.  
  2695.    
  2696.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  2697.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2698.                    
  2699.                                        
  2700.                    </div>
  2701.                  <div class="carousel-inner" >
  2702.                                            <div class="carousel-item active">
  2703.                            <div class="transaksi-list-other">
  2704.                            
  2705.                                                        
  2706.                                                                
  2707.                                <div class="transaksi-item">
  2708.                                    <div class="transaksi-header">Jenius</div>
  2709.                                    <div class="transaksi-status status-blue"></div>
  2710.                                </div>
  2711.                                                        
  2712.                                                                
  2713.                                <div class="transaksi-item">
  2714.                                    <div class="transaksi-header">DANA</div>
  2715.                                    <div class="transaksi-status status-blue"></div>
  2716.                                </div>
  2717.                                                        
  2718.                                                                
  2719.                                <div class="transaksi-item">
  2720.                                    <div class="transaksi-header">OVO</div>
  2721.                                    <div class="transaksi-status "></div>
  2722.                                </div>
  2723.                                                        
  2724.                                                                
  2725.                                <div class="transaksi-item">
  2726.                                    <div class="transaksi-header">ShopeePay</div>
  2727.                                    <div class="transaksi-status "></div>
  2728.                                </div>
  2729.                                                        
  2730.                                                                
  2731.                                <div class="transaksi-item">
  2732.                                    <div class="transaksi-header">GOPAY</div>
  2733.                                    <div class="transaksi-status status-blue"></div>
  2734.                                </div>
  2735.                                                        
  2736.                                                                
  2737.                                <div class="transaksi-item">
  2738.                                    <div class="transaksi-header">LinkAja</div>
  2739.                                    <div class="transaksi-status status-blue"></div>
  2740.                                </div>
  2741.                                                        
  2742.                                                                
  2743.                                <div class="transaksi-item">
  2744.                                    <div class="transaksi-header">Sakuku</div>
  2745.                                    <div class="transaksi-status status-blue"></div>
  2746.                                </div>
  2747.                                                        
  2748.                                                                
  2749.                                <div class="transaksi-item">
  2750.                                    <div class="transaksi-header">Lain-lain</div>
  2751.                                    <div class="transaksi-status status-blue"></div>
  2752.                                </div>
  2753.                                                        
  2754.                                                                
  2755.                                <div class="transaksi-item">
  2756.                                    <div class="transaksi-header">AntarBank</div>
  2757.                                    <div class="transaksi-status status-blue"></div>
  2758.                                </div>
  2759.                                                        
  2760.                                                                
  2761.                                <div class="transaksi-item">
  2762.                                    <div class="transaksi-header">Telkomsel</div>
  2763.                                    <div class="transaksi-status status-blue"></div>
  2764.                                </div>
  2765.                                                        
  2766.                                                            
  2767.                            </div>
  2768.                        </div>
  2769.                    
  2770.                    
  2771.                    
  2772.                </div>
  2773.            </div>
  2774.        </div>
  2775.        
  2776.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2777.        
  2778.        
  2779.    </div>
  2780.    
  2781.     <div class="transaksi-crypto">
  2782.    <div class="transaksi-wrapper" style="max-width: 284px">
  2783.  
  2784.                <div class="transaksi-name mb-1">Crypto Currency</div>
  2785.  
  2786.    
  2787.                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
  2788.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2789.                    
  2790.                                        
  2791.                    </div>
  2792.                  <div class="carousel-inner" >
  2793.                    
  2794.                    
  2795.                </div>
  2796.            </div>
  2797.        </div>
  2798.    </div>
  2799. </div>
  2800.  
  2801.  
  2802.        
  2803.  
  2804.  
  2805.                            </div>
  2806.                            
  2807.                            
  2808.                        </div>
  2809.                        
  2810.                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
  2811.                            
  2812.                        <!--    <div class="transaksi-title">-->
  2813.                        <!--        <div class="transaksi-title-group">-->
  2814.                        <!--            <div class="fitur-header">Kontak Kami</div>-->
  2815.                        <!--        </div>-->
  2816.                                
  2817.                        <!--        <div class="devider desktop-only"></div>-->
  2818.                        <!--    </div>-->
  2819.                            
  2820.    
  2821.                        <!--    
  2822. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  2823.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  2824.        
  2825.                
  2826.    </div>
  2827.      <div class="carousel-inner" style="height: 164px">
  2828.                    <div class="carousel-item active">
  2829.                <div>
  2830.                
  2831.                                
  2832.                                        
  2833.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  2834.                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
  2835.  
  2836.                                                            <a class="d-flex flex-column" href="https://wa.me/6287836432264" target='_blank'>
  2837.                                       <div style="color: #888888;">WHATSAPP</div>
  2838.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">KERIS34D</div>
  2839.                                    </a>
  2840.                                
  2841.                                
  2842.                    </div>
  2843.                                
  2844.                                        
  2845.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  2846.                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
  2847.  
  2848.                                                            <a class="d-flex flex-column" href="https://t.me/keris4d3_official" target='_blank'>
  2849.                                       <div style="color: #888888;">TELEGRAM</div>
  2850.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">KERIS34D</div>
  2851.                                    </a>
  2852.                                
  2853.                                
  2854.                    </div>
  2855.                                
  2856.                                        
  2857.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  2858.                       <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/>
  2859.  
  2860.                                                            <a class="d-flex flex-column" href="https://www.facebook.com/groups/keris34dofficial" target='_blank'>
  2861.                                       <div style="color: #888888;">FACEBOOK</div>
  2862.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Official</div>
  2863.                                    </a>
  2864.                                
  2865.                                
  2866.                    </div>
  2867.                                
  2868.                                    
  2869.                </div>
  2870.            </div>
  2871.        
  2872.        
  2873.        
  2874.    </div>
  2875. </div>
  2876. -->
  2877.                                    
  2878.                        <!--</div>-->
  2879.                    </div>
  2880.                </div>
  2881.            </div>
  2882.            
  2883.            <div class="guidelines">
  2884.                <div class="guidelines-content desktop-only">
  2885.                    <img src="https://img.viva88athenae.com/guidelines.png" />
  2886.                </div>
  2887.            </div>
  2888.    
  2889.    
  2890.            <div class="bantuan">
  2891.                                <ul class="bantuan-content">
  2892.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  2893.                    <div class="bantuan-devider desktop-only">|</div>
  2894.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  2895.                    <div class="bantuan-devider desktop-only">|</div>
  2896.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  2897.                    <div class="bantuan-devider desktop-only">|</div>
  2898.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  2899.                    <div class="bantuan-devider desktop-only">|</div>
  2900.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  2901.                    <div class="bantuan-devider desktop-only">|</div>
  2902.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  2903.                    <div class="bantuan-devider desktop-only">|</div>
  2904.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  2905.                </ul>
  2906.                            </div>
  2907.    
  2908.    
  2909.            <footer class="footer">
  2910.                <div>
  2911.                    <div
  2912.  id="footercontainer"
  2913.  class="text-default"
  2914.  style="
  2915.    background-color: black;
  2916.    border: 5px solid #d0c17e;
  2917.    box-shadow: 0px 5px 25px 0px;
  2918.    border-radius: 25px;
  2919.    margin: 5px;
  2920.    text-align: center;
  2921.  "
  2922. >
  2923.  <center>
  2924.    <br />
  2925.    <a href="https://t.ly/login-keris4d" target="_blank"
  2926.      ><img
  2927.        src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/b6bfbcef-d0ab-48c5-c317-414abaf35300/public"
  2928.        width="300px"
  2929.        height="70px"
  2930.        align="center"
  2931.        border="5"
  2932.    /></a>
  2933.    <a href="https://t.ly/login-keris24d" target="_blank"
  2934.      ><img
  2935.        src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/2f17915c-4ada-4986-9dfa-a5a3adaabb00/public"
  2936.        width="300px"
  2937.        height="70px"
  2938.        align="center"
  2939.        border="5"
  2940.    /></a>
  2941.    <a href="https://t.ly/login-keris34d" target="_blank"
  2942.      ><img
  2943.        src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/a0e5b234-1eda-4d27-66e5-40525e0b1300/public"
  2944.        width="300px"
  2945.        height="70px"
  2946.        align="center"
  2947.        border="5"
  2948.    /></a>
  2949.  
  2950.    <br />
  2951.    <br />
  2952.    <br />
  2953.  
  2954.    <h1 style="color: yellow; text-align: center">
  2955.      KERIS34D # Domain Utama KERIS34D.NET Menjadi Rekomendasi Slot Gacor Oleh
  2956.      Google.
  2957.    </h1>
  2958.    <p>
  2959.      <a href="https://keris34d.net">KERIS34D</a> adalah platform terpercaya
  2960.      yang menghadirkan pengalaman bermain game online yang lengkap dan
  2961.      menghibur. Dengan mengusung konsep “All-in-One Gaming & Prediction”,
  2962.      KERIS34D hadir tidak hanya sebagai situs slot online biasa, tetapi juga
  2963.      menjadi pusat informasi prediksi dan bocoran togel yang akurat setiap
  2964.      hari. Bagi para pemain yang mencari keberuntungan sekaligus strategi, di
  2965.      sinilah tempatnya.
  2966.    </p>
  2967.  
  2968.    <p>
  2969.      Menurut data dari keseluruhan pemilik website slot yang gacor saat ini
  2970.      tercatat ramai pemain ramain bermain dan online pada malam hari, dengan
  2971.      itu situs KERIS34D menyediakan beberapa bocoran rtp khusus slot
  2972.      rekomendasi.
  2973.    </p>
  2974.    <br />
  2975.  
  2976.    <h3 style="color: yellow; text-align: center">
  2977.      Jelajahi Dunia Digital Bersama Keris34D! Main sekarang, Nikmati Sensasi
  2978.      Slot Modern & Peluang Cuan Tiap Hari, Aman, cepat, terpercaya hanya di
  2979.      Keris34D.
  2980.    </h3>
  2981.    <br />
  2982.  </center>
  2983.  
  2984.  <div
  2985.    style="
  2986.      position: fixed;
  2987.      bottom: 130px;
  2988.      left: 0px;
  2989.      width: 60px;
  2990.      height: 30px;
  2991.      z-index: 99;
  2992.    "
  2993.  >
  2994.    <a href="https://t.ly/login-keris4d" target="_blank">
  2995.      <img
  2996.        alt="keris4d"
  2997.        height="70"
  2998.        src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/b6bfbcef-d0ab-48c5-c317-414abaf35300/public"
  2999.        width="180"
  3000.      />
  3001.    </a>
  3002.  </div>
  3003.  <div
  3004.    style="
  3005.      position: fixed;
  3006.      bottom: 200px;
  3007.      left: 0px;
  3008.      width: 60px;
  3009.      height: 30px;
  3010.      z-index: 99;
  3011.    "
  3012.  >
  3013.    <a href="https://t.ly/login-keris24d" target="_blank">
  3014.      <img
  3015.        alt="keris4d2"
  3016.        height="70"
  3017.        src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/2f17915c-4ada-4986-9dfa-a5a3adaabb00/public"
  3018.        width="180"
  3019.      />
  3020.    </a>
  3021.  </div>
  3022.  
  3023.  <!--START BTN-->
  3024.  
  3025.  <script>
  3026.    $(
  3027.      "<a class='btn btn-success btn-block wikwik' href='https://t.ly/prediksi-keris34d' target='_blank'><P>PREDIKSI DAN RTP</p></a>"
  3028.    ).insertAfter(".btn-info:eq(0)"),
  3029.      $(
  3030.        "<a class='btn btn-warning btn-block wikwik' href='https://t.ly/FB-K3' target='_blank'><P>Grup Facebook</p></a>"
  3031.      ).insertAfter(".btn-info:eq(0)");
  3032.    $(
  3033.      "<a class='btn btn-secondary btn-block wikwik' href='https://t.ly/login-keris34d' target='_blank'><P>LINK KERIS34D ANTI BLOKIR</p></a>"
  3034.    ).insertAfter(".btn-info:eq(0)");
  3035.  </script>
  3036.  
  3037.  <!-- <script>
  3038.      $("<div class='alert'><span class='blinking' style='text-align : center; font-size:20px;'>PEMBERITAHUAN PENTING !!</span><p style='text-align: center !important;font-size:12px;'>LINK ALTERNATIF KERIS34D ANTI BLOKIR : <strong>3KERIS.ONLINE
  3039.    </strong> </p></span><p style='text-align: center !important;font-size:12px;'><strong>https://t.ly/login-keris34d</strong> </p></span><p style='text-align: center !important;font-size:10px;'>AKSES MUDAH CUKUP KETIK KERIS34D DI GOOGLE</p> </p><p style='text-align: center;border: #555 solid 1px;background:#555;color:#fff;margin:auto;font-size:14px;'><marquee>HAI KK ADD WHATSAPP KERIS34D OFFICIAL YA UNTUK INFORMASI  LINK ALTERNATIF, BONUS, CASHBACK DLL</marquee></p></div>").insertBefore('.panel-body:eq(0)');
  3040.  </script> -->
  3041.  <style>
  3042.    .alert {
  3043.      margin-bottom: 0px;
  3044.      border: #facc69 2px solid;
  3045.      margin-right: 50px;
  3046.      margin-left: 50px;
  3047.      margin-top: 0px;
  3048.      margin-bottom: 10px;
  3049.      box-shadow: 0px 0px 10px #ffffff;
  3050.    }
  3051.  
  3052.    .blinking {
  3053.      animation: blinkingText 1.5s infinite;
  3054.      margin: auto;
  3055.      display: block;
  3056.      font-weight: 900;
  3057.      color: gold;
  3058.    }
  3059.  
  3060.    .wikwik {
  3061.      width: 100%;
  3062.      height: 50px;
  3063.      border-radius: 10px;
  3064.    }
  3065.  
  3066.    .wikwik > p {
  3067.      margin-top: 8px;
  3068.      font-size: 15px;
  3069.      font-weight: bold;
  3070.    }
  3071.  
  3072.    #mobile .logo-div {
  3073.      margin-top: 15px;
  3074.      margin-bottom: 15px;
  3075.    }
  3076.  </style>
  3077.  <!--End BTN-->
  3078.  
  3079.  <style>
  3080.    .count-item {
  3081.      font-size: 1.8rem;
  3082.      background: #9d8640;
  3083.      padding: 0.3rem 0.5rem;
  3084.      color: #fff !important;
  3085.      border-radius: 10px;
  3086.      font-weight: bold;
  3087.    }
  3088.    .wrapper-service {
  3089.      display: flex;
  3090.      align-items: center;
  3091.      flex-wrap: wrap;
  3092.      justify-content: center;
  3093.      border-radius: 10px;
  3094.      margin-top: 1.3rem;
  3095.      border: 3px solid #9d8640;
  3096.      padding: 0.8rem;
  3097.    }
  3098.    .status-wrapper,
  3099.    .status-wrapper-mem {
  3100.      display: flex;
  3101.      align-items: center;
  3102.    }
  3103.    .status-wrapper {
  3104.      justify-content: center;
  3105.    }
  3106.    .status-wrapper-mem {
  3107.      justify-content: center;
  3108.    }
  3109.    .status-wrapper p {
  3110.      margin-right: 0.6rem !important;
  3111.    }
  3112.    .item-service {
  3113.      margin-right: 3rem;
  3114.    }
  3115.    .item-service:last-child {
  3116.      margin-right: 0;
  3117.    }
  3118.    .item-service h1 {
  3119.      font-size: 2.2rem;
  3120.      margin-top: 7px !important;
  3121.      text-transform: uppercase;
  3122.      font-weight: bold !important;
  3123.    }
  3124.    .google-wrapper {
  3125.      background: #fff;
  3126.      padding: 1.7rem;
  3127.      width: 18rem;
  3128.      height: 0.5rem;
  3129.      border-radius: 10px;
  3130.      position: relative;
  3131.    }
  3132.    .google-wrapper img {
  3133.      position: absolute;
  3134.      width: 2rem;
  3135.      top: 9px;
  3136.      left: 10px;
  3137.    }
  3138.    .item-service p {
  3139.      color: #fff;
  3140.    }
  3141.    .google-wrapper p {
  3142.      position: absolute;
  3143.      left: 3.4rem;
  3144.      top: 0.6rem;
  3145.      text-transform: uppercase;
  3146.      font-size: 1.5rem !important;
  3147.      font-weight: bold !important;
  3148.      color: #000 !important;
  3149.    }
  3150.  </style>
  3151.  <script>
  3152.    document.addEventListener("DOMContentLoaded", () => {
  3153.      const min = 12554;
  3154.      const max = 36548;
  3155.      const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
  3156.  
  3157.      $(
  3158.        ' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div>  </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">2</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">' +
  3159.          memberUser +
  3160.          '</span> Member</p></div>  </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/31fae2cc-5cfd-4172-5e42-d8ae0e180b00/public" /> <p>KERIS34D</p></div></div> </div>'
  3161.      ).insertBefore(".provider-group");
  3162.    });
  3163.  </script>
  3164.  
  3165.  <style>
  3166.    .wrap-all-trans {
  3167.      display: flex;
  3168.      grid-template-columns: repeat(2, 1fr);
  3169.      gap: 5px;
  3170.    }
  3171.  
  3172.    .wrapper-transactions {
  3173.      width: 35rem;
  3174.      max-width: 100%;
  3175.      padding: 0.3rem;
  3176.      margin-bottom: 1rem;
  3177.      margin-top: 1rem;
  3178.      border-radius: 10px;
  3179.      border: 3px solid #9d8640;
  3180.      background: transparent;
  3181.    }
  3182.  
  3183.    .content-trans {
  3184.      height: 15rem;
  3185.      overflow: hidden;
  3186.      position: relative;
  3187.    }
  3188.  
  3189.    .logo-trans {
  3190.      width: 2rem;
  3191.      max-width: 100%;
  3192.      margin-right: 0.7rem;
  3193.    }
  3194.  
  3195.    .logo-wrapper {
  3196.      display: flex;
  3197.      justify-content: center;
  3198.    }
  3199.  
  3200.    .item-trans {
  3201.      color: #fff;
  3202.      background: #121212;
  3203.      display: flex;
  3204.      width: 100%;
  3205.      border: 1px solid #9d8640;
  3206.      justify-content: space-between;
  3207.      align-items: center;
  3208.      border-radius: 5px;
  3209.      font-size: 1rem;
  3210.      margin-bottom: 0.45rem !important;
  3211.      padding: 0.4rem;
  3212.      position: relative;
  3213.      bottom: 0;
  3214.      animation: moveUp 40s linear infinite;
  3215.    }
  3216.  
  3217.    .rupiah-trans {
  3218.      color: #ffffff;
  3219.      font-weight: bold;
  3220.    }
  3221.  
  3222.    .text-centertitle {
  3223.      color: white;
  3224.      margin-top: 0;
  3225.      padding-bottom: 0.5rem;
  3226.      font-size: 1.15rem;
  3227.      font-weight: bold;
  3228.    }
  3229.  
  3230.    .divider-trans {
  3231.      margin-top: 14px !important;
  3232.      border-top: 1px solid rgb(0 0 0);
  3233.    }
  3234.  
  3235.    .menu-alternatif {
  3236.      display: flex;
  3237.      justify-content: center;
  3238.      align-items: center;
  3239.      flex-wrap: wrap;
  3240.      list-style-type: none;
  3241.      gap: 8px;
  3242.      margin-bottom: 1.5rem;
  3243.    }
  3244.    .menu-alternatif li:first-child {
  3245.      border: 3px solid #9d8640;
  3246.      text-transform: uppercase;
  3247.      box-shadow: none;
  3248.    }
  3249.    .menu-alternatif li {
  3250.      padding: 0.8rem;
  3251.      font-size: 1.3rem;
  3252.      font-weight: bold;
  3253.      border: 3px solid #9d8640;
  3254.      border-radius: 0 25px;
  3255.      box-shadow: 5px 3px 20px #000;
  3256.    }
  3257.  
  3258.    @keyframes moveUp {
  3259.      0% {
  3260.        transform: translateY(0);
  3261.      }
  3262.      100% {
  3263.        transform: translateY(-1500px);
  3264.      }
  3265.    }
  3266.  
  3267.    @keyframes glowing {
  3268.      0% {
  3269.        background-position: 0 0;
  3270.      }
  3271.      50% {
  3272.        background-position: 400% 0;
  3273.      }
  3274.      100% {
  3275.        background-position: 0 0;
  3276.      }
  3277.    }
  3278.    @keyframes glowing {
  3279.      0% {
  3280.        background-position: 0 0;
  3281.      }
  3282.      50% {
  3283.        background-position: 400% 0;
  3284.      }
  3285.      100% {
  3286.        background-position: 0 0;
  3287.      }
  3288.    }
  3289.  
  3290.    @media only screen and (max-width: 1000px) {
  3291.      .wrap-all-trans {
  3292.        display: block;
  3293.      }
  3294.  
  3295.      .wrapper-transactions {
  3296.        width: 100%;
  3297.      }
  3298.      .gambar-samping {
  3299.        display: none;
  3300.      }
  3301.  
  3302.      .menu-alternatif li {
  3303.        width: 100%;
  3304.        text-align: center;
  3305.        padding: 0.3rem;
  3306.        font-size: 1rem;
  3307.      }
  3308.    }
  3309.  
  3310.    .container-transactions {
  3311.      display: flex;
  3312.      flex-direction: column;
  3313.    }
  3314.  
  3315.    .wrapper-transactions {
  3316.      flex: 1;
  3317.      margin: 10px 0;
  3318.    }
  3319.  
  3320.    .text-centertitle {
  3321.      text-align: center;
  3322.    }
  3323.  
  3324.    @media (min-width: 768px) {
  3325.      .container-transactions {
  3326.        flex-direction: row;
  3327.        justify-content: space-between;
  3328.      }
  3329.  
  3330.      .wrapper-transactions {
  3331.        margin: 0 10px;
  3332.      }
  3333.    }
  3334.    #logologo {
  3335.      width: 35px;
  3336.    }
  3337.  </style>
  3338.  
  3339.  <script>
  3340.    document.addEventListener("DOMContentLoaded", () => {
  3341.      const getProvider = document.querySelector(".provider-group");
  3342.      const transWrap = document.createElement("div");
  3343.      transWrap.className = "wrapper-transactions";
  3344.  
  3345.      const transWrapDp = document.createElement("div");
  3346.      transWrapDp.className = "wrapper-transactions";
  3347.  
  3348.      const transContent = document.createElement("div");
  3349.      transContent.className = "content-trans";
  3350.  
  3351.      const transContentDp = document.createElement("div");
  3352.      transContentDp.className = "content-trans";
  3353.  
  3354.      const makeDp = document.createElement("div");
  3355.      makeDp.className = "deposit-members";
  3356.  
  3357.      const makeWd = document.createElement("div");
  3358.      makeWd.className = "withdraw-members";
  3359.  
  3360.      const titleDp = document.createElement("h3");
  3361.      titleDp.className = "text-centertitle";
  3362.      titleDp.textContent = "NEW DEPOSIT";
  3363.  
  3364.      const titleWd = document.createElement("h3");
  3365.      titleWd.className = "text-centertitle";
  3366.      titleWd.textContent = "NEW WITHDRAW";
  3367.  
  3368.      transContentDp.appendChild(makeDp);
  3369.      transContent.appendChild(makeWd);
  3370.      transWrapDp.appendChild(titleDp);
  3371.      transWrap.appendChild(titleWd);
  3372.  
  3373.      transWrapDp.appendChild(transContentDp);
  3374.      transWrap.appendChild(transContent);
  3375.  
  3376.      const wrapAllTrans = document.createElement("div");
  3377.      wrapAllTrans.className = "wrap-all-trans";
  3378.  
  3379.      wrapAllTrans.appendChild(transWrapDp);
  3380.      wrapAllTrans.appendChild(transWrap);
  3381.  
  3382.      getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
  3383.  
  3384.      const getLoginBtn = document.querySelector(
  3385.        ".btn.btn-masuk.fw-bold.p-0.px-2.submit"
  3386.      );
  3387.      const getPromosiBtn = document.querySelector(
  3388.        ".btn-promosi.fw-bold.desktop-only"
  3389.      );
  3390.  
  3391.      const linkAlt1 = "t.ly/login-keris34d";
  3392.      const linkAlt2 = "t.ly/alt-keris34d";
  3393.  
  3394.      getLoginBtn.textContent = "Login";
  3395.      getPromosiBtn.textContent = "PROMO";
  3396.  
  3397.      function initializeTransactions() {
  3398.        const depositContainer = document.querySelector(
  3399.          ".wrapper-transactions .deposit-members"
  3400.        );
  3401.        const withdrawContainer = document.querySelector(
  3402.          ".wrapper-transactions .withdraw-members"
  3403.        );
  3404.  
  3405.        if (depositContainer) {
  3406.          getDeposit(depositContainer);
  3407.        }
  3408.  
  3409.        if (withdrawContainer) {
  3410.          getWithdraw(withdrawContainer);
  3411.        }
  3412.      }
  3413.  
  3414.      function getDeposit(container) {
  3415.        $.ajax({
  3416.          url: "https://res.cloudinary.com/dxjtjy3ej/raw/upload/v1720261258/user_twnosh.json",
  3417.          type: "GET",
  3418.          dataType: "JSON",
  3419.          success: function (response) {
  3420.            const getUser = randomUser(response.slice(0, 50));
  3421.            $.each(getUser, function (index, items) {
  3422.              const dana_wd = uangRupiahDp(20000, 2500000);
  3423.  
  3424.              container.insertAdjacentHTML(
  3425.                "beforeend",
  3426.                '<div class="item-trans"><div class="logo-wrapper"><img src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/1ff8f45d-a23d-4897-f371-e09c5f8ff800/public" id="logologo" />' +
  3427.                  items.user +
  3428.                  ' | Deposit:</div> <span class="rupiah-trans">Rp.' +
  3429.                  dana_wd +
  3430.                  "</span></div>"
  3431.              );
  3432.            });
  3433.          },
  3434.        });
  3435.      }
  3436.  
  3437.      function getWithdraw(container) {
  3438.        $.ajax({
  3439.          url: "https://res.cloudinary.com/dxjtjy3ej/raw/upload/v1720261258/user_twnosh.json",
  3440.          type: "GET",
  3441.          dataType: "JSON",
  3442.          success: function (response) {
  3443.            const getUser = randomUser(response.slice(0, 50));
  3444.            $.each(getUser, function (index, items) {
  3445.              const dana_wd = uangRupiah(500000, 30000000);
  3446.              container.insertAdjacentHTML(
  3447.                "beforeend",
  3448.                '<div class="item-trans"><div class="logo-wrapper"><img src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/1ff8f45d-a23d-4897-f371-e09c5f8ff800/public" id="logologo" />' +
  3449.                  items.user +
  3450.                  ' | Withdraw:</div> <span class="rupiah-trans">Rp.' +
  3451.                  dana_wd +
  3452.                  "</span></div>"
  3453.              );
  3454.            });
  3455.          },
  3456.        });
  3457.      }
  3458.  
  3459.      function LinkAlternatif() {
  3460.        $(
  3461.          '<br><ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' +
  3462.            linkAlt1 +
  3463.            '">' +
  3464.            linkAlt1 +
  3465.            '</li> <li data-alternatif="' +
  3466.            linkAlt2 +
  3467.            '">' +
  3468.            linkAlt2 +
  3469.            "</li></ul>"
  3470.        ).insertBefore($(".wrap-all-trans"));
  3471.  
  3472.        $(".menu-alternatif li").click(function () {
  3473.          const targetLink = $(this).data("alternatif");
  3474.  
  3475.          if (targetLink !== undefined) {
  3476.            location.href = "https://" + targetLink;
  3477.          }
  3478.        });
  3479.      }
  3480.  
  3481.      function uangRupiah(min, max) {
  3482.        function getRandomRoundNumber(min, max) {
  3483.          const randomNumber =
  3484.            Math.floor(Math.random() * (max - min + 1)) + min;
  3485.          const returnNum = Math.floor(randomNumber / 10000) * 10000;
  3486.          if (returnNum != 0 || !isNaN(returnNum)) {
  3487.            return returnNum;
  3488.          }
  3489.        }
  3490.  
  3491.        const randomRoundNumber = getRandomRoundNumber(min, max);
  3492.        const roundedNumber = randomRoundNumber;
  3493.        return new Intl.NumberFormat().format(roundedNumber);
  3494.      }
  3495.  
  3496.      function uangRupiahDp(min, max) {
  3497.        function getRandomRoundNumber(min, max) {
  3498.          const randomNumber =
  3499.            Math.floor(Math.random() * (max - min + 1)) + min;
  3500.          const returnNum = Math.floor(randomNumber / 5000) * 5000;
  3501.          if (returnNum != 0 || !isNaN(returnNum)) {
  3502.            return returnNum;
  3503.          }
  3504.        }
  3505.  
  3506.        const randomRoundNumber = getRandomRoundNumber(min, max);
  3507.        const roundedNumber = randomRoundNumber;
  3508.        return new Intl.NumberFormat().format(roundedNumber);
  3509.      }
  3510.  
  3511.      function randomUser(array) {
  3512.        var currentIndex = array.length,
  3513.          temporaryValue,
  3514.          randomIndex;
  3515.  
  3516.        while (0 !== currentIndex) {
  3517.          randomIndex = Math.floor(Math.random() * currentIndex);
  3518.          currentIndex -= 1;
  3519.          temporaryValue = array[currentIndex];
  3520.          array[currentIndex] = array[randomIndex];
  3521.          array[randomIndex] = temporaryValue;
  3522.        }
  3523.  
  3524.        return array;
  3525.      }
  3526.  
  3527.      getWithdraw();
  3528.      getDeposit();
  3529.      LinkAlternatif();
  3530.      initializeTransactions();
  3531.    });
  3532.  </script>
  3533.  
  3534.  <!--  -->
  3535.  
  3536.  <style>
  3537.    #floating-banner {
  3538.      transition: left 0.3s ease-in-out;
  3539.    }
  3540.  
  3541.    .floating-banner {
  3542.      position: fixed;
  3543.      top: 225px;
  3544.      z-index: 1000 !important;
  3545.      font: 16px Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
  3546.        Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
  3547.        sans-serif;
  3548.      font-weight: normal;
  3549.      font-weight: 400;
  3550.      color: white;
  3551.      opacity: 1;
  3552.      left: -290px;
  3553.    }
  3554.  
  3555.    .floating-banner--items {
  3556.      display: inline-block;
  3557.      width: 290px;
  3558.      height: 100%;
  3559.      min-height: 242px;
  3560.      min-height: 223px9;
  3561.      float: left;
  3562.      padding: 10px;
  3563.      vertical-align: top;
  3564.      background-color: black;
  3565.    }
  3566.  
  3567.    .banner-list--items {
  3568.      position: relative;
  3569.      margin-bottom: 5px;
  3570.      border: 1px solid #ffe000;
  3571.      border-radius: 5px;
  3572.      background-color: #9d8640;
  3573.    }
  3574.  
  3575.    .floating-banner--left .banner-list--content {
  3576.      padding: 5px;
  3577.    }
  3578.  
  3579.    #floating-banner.open {
  3580.      left: 0 !important;
  3581.    }
  3582.  
  3583.    .floating-banner--icon img {
  3584.      display: block;
  3585.      width: 100%;
  3586.      height: auto;
  3587.      line-height: 1;
  3588.      border-radius: 8px 8px 0 0;
  3589.    }
  3590.  
  3591.    .floating-banner--left
  3592.      .floating-banner--title-wrapper
  3593.      .floating-banner--icon {
  3594.      float: left;
  3595.    }
  3596.  
  3597.    .floating-banner--icon {
  3598.      position: absolute;
  3599.      top: -32px;
  3600.      z-index: 2;
  3601.      display: block;
  3602.      width: 52px;
  3603.      height: 80px;
  3604.      line-height: 80px;
  3605.      margin: auto;
  3606.      color: #ffe000;
  3607.      text-align: center;
  3608.      clear: both;
  3609.    }
  3610.  
  3611.    .banner-list--content-icon {
  3612.      display: table-cell;
  3613.      width: 10%;
  3614.      padding-top: 1px;
  3615.      vertical-align: top;
  3616.    }
  3617.  
  3618.    a,
  3619.    a:hover {
  3620.      color: white;
  3621.      text-decoration: none;
  3622.      background-color: #9d8640;
  3623.    }
  3624.  
  3625.    a {
  3626.      transition: color 0.3s, background-color 0.3s;
  3627.    }
  3628.  
  3629.    a {
  3630.      background-color: transparent;
  3631.    }
  3632.  
  3633.    .banner-list--content {
  3634.      display: table;
  3635.      width: 100%;
  3636.      line-height: 22px;
  3637.      color: #ffe000;
  3638.    }
  3639.  
  3640.    .floating-banner--left
  3641.      .floating-banner--title-wrapper.floating-banner--align__down
  3642.      .floating-banner--title {
  3643.      -webkit-transform: rotate(90deg);
  3644.      transform: rotate(90deg);
  3645.      -webkit-transform-origin: left top;
  3646.      transform-origin: left top;
  3647.      margin-left: 52px;
  3648.      min-width: 242px;
  3649.      min-width: 199px9;
  3650.      height: 52px;
  3651.      line-height: 52px;
  3652.      padding: 0 40px 0 20px;
  3653.      float: left;
  3654.      border-radius: 0 8px 8px 0;
  3655.      letter-spacing: 2px;
  3656.    }
  3657.  
  3658.    .floating-banner--title {
  3659.      display: block;
  3660.      padding: 24px;
  3661.      color: white;
  3662.      font: 20px Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
  3663.        Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
  3664.        sans-serif;
  3665.      line-height: normal;
  3666.      line-height: 34px;
  3667.      background-color: #9d8640;
  3668.      -webkit-backface-visibility: hidden;
  3669.      clear: both;
  3670.      text-align: center;
  3671.      font-weight: bold;
  3672.    }
  3673.  
  3674.    .banner-list--content [class^="icon-"] {
  3675.      display: block;
  3676.      pointer-events: none;
  3677.    }
  3678.  
  3679.    .icon-dafasports.lazy-loaded {
  3680.      background-position: -100px -560px;
  3681.      width: 34px;
  3682.      height: 34px;
  3683.    }
  3684.  
  3685.    .banner-list--content-text {
  3686.      display: table-cell;
  3687.      width: 90%;
  3688.      padding-left: 5px;
  3689.      vertical-align: middle;
  3690.      text-align: center;
  3691.      word-break: break-all;
  3692.      color: white;
  3693.      font-weight: bold;
  3694.    }
  3695.  
  3696.    .floating-banner--title-wrapper {
  3697.      position: relative;
  3698.      display: inline-block;
  3699.      width: 52px;
  3700.      height: auto;
  3701.      float: left;
  3702.      white-space: nowrap;
  3703.      color: #ffe000;
  3704.      cursor: default;
  3705.    }
  3706.  </style>
  3707.  
  3708.  <div
  3709.    id="floating-banner"
  3710.    class="floating-banner floating-banner--left floating-banner--lang-en close"
  3711.    data-device-platform="desktop"
  3712.    data-device-os=""
  3713.    style="opacity: 1; left: -290px"
  3714.  >
  3715.    <div class="floating-banner--items close">
  3716.      <ul>
  3717.        <li class="banner-list--items">
  3718.          <a
  3719.            href="https://t.ly/RTPSlot-Today"
  3720.            target="_blank"
  3721.            class="banner-list--content webrtc-dafasports"
  3722.            ><span class="banner-list--content-icon"
  3723.              ><img
  3724.                class="icon-dafasports lazy-load lazy-loaded"
  3725.                src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/3a775297-7ab0-4e86-242c-5c95a2ba1a00/public"
  3726.            /></span>
  3727.            <span class="banner-list--content-text">INFO RTP</span></a
  3728.          >
  3729.        </li>
  3730.        <li class="banner-list--items">
  3731.          <a
  3732.            href="https://t.me/keris34dofficial"
  3733.            target="_blank"
  3734.            class="banner-list--content webrtc-dafasports"
  3735.            ><span class="banner-list--content-icon"
  3736.              ><img
  3737.                class="icon-dafasports lazy-load lazy-loaded"
  3738.                src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/e987bf8d-411b-4bff-8aa6-6a65423bce00/public"
  3739.            /></span>
  3740.            <span class="banner-list--content-text">TELEGRAM KERIS34D</span></a
  3741.          >
  3742.        </li>
  3743.        <li class="banner-list--items">
  3744.          <a
  3745.            href="https://wa.me/+6281299216062"
  3746.            target="_blank"
  3747.            class="banner-list--content webrtc-dafasports"
  3748.            ><span class="banner-list--content-icon"
  3749.              ><img
  3750.                class="icon-dafasports lazy-load lazy-loaded"
  3751.                src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/1a44344a-fb06-4190-d151-d4982b7d7400/public"
  3752.            /></span>
  3753.            <span class="banner-list--content-text">WHATSAPP KERIS34D</span></a
  3754.          >
  3755.        </li>
  3756.        <li class="banner-list--items">
  3757.          <a
  3758.            href="https://live.7msport.com/"
  3759.            target="_blank"
  3760.            class="banner-list--content webrtc-dafasports"
  3761.            ><span class="banner-list--content-icon"
  3762.              ><img
  3763.                class="icon-dafasports lazy-load lazy-loaded"
  3764.                src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/e21aeefd-c472-4596-2366-fbf626355e00/public"
  3765.            /></span>
  3766.            <span class="banner-list--content-text">LIVE SCORE</span></a
  3767.          >
  3768.        </li>
  3769.        <li class="banner-list--items">
  3770.          <a
  3771.            href="https://t.ly/alt-keris34d"
  3772.            target="_blank"
  3773.            class="banner-list--content webrtc-dafasports"
  3774.            ><span class="banner-list--content-icon"
  3775.              ><img
  3776.                style="filter: invert(1)"
  3777.                class="icon-dafasports lazy-load lazy-loaded"
  3778.                src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/a5f5b07d-1cd5-433f-fc6e-7fd923351100/public"
  3779.            /></span>
  3780.            <span class="banner-list--content-text">LINK ALTERNATIF</span></a
  3781.          >
  3782.        </li>
  3783.      </ul>
  3784.    </div>
  3785.    <div class="floating-banner--title-wrapper floating-banner--align__down">
  3786.      <div class="floating-banner--icon">
  3787.        <img
  3788.          alt="Download "
  3789.          class="lazy-load lazy-loaded"
  3790.          src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/a65b0923-745d-41a5-ee13-0d7246092100/public"
  3791.        />
  3792.      </div>
  3793.      <span class="floating-banner--title close" id="toggle-button"
  3794.        >KLIK DISINI</span
  3795.      >
  3796.    </div>
  3797.  </div>
  3798.  <script>
  3799.    document.addEventListener("DOMContentLoaded", function () {
  3800.      var banner = document.getElementById("floating-banner");
  3801.      var toggleButton = document.getElementById("toggle-button");
  3802.  
  3803.      toggleButton.addEventListener("click", function () {
  3804.        banner.classList.toggle("open");
  3805.      });
  3806.  
  3807.      banner.addEventListener("mouseenter", function () {
  3808.        banner.classList.add("open");
  3809.      });
  3810.  
  3811.      banner.addEventListener("mouseleave", function () {
  3812.        banner.classList.remove("open");
  3813.      });
  3814.    });
  3815.  </script>
  3816.  
  3817.  <style>
  3818.    @media (max-width: 800px) {
  3819.      .result > .pasaran,
  3820.      .result > .keluaran,
  3821.      .result > .tanggal {
  3822.        color: white !important;
  3823.        text-align: center !important;
  3824.        width: 100% !important;
  3825.      }
  3826.  
  3827.      .result > .pasaran {
  3828.        font-size: 20px !important;
  3829.        border-bottom: 1px solid #952525 !important;
  3830.        background: linear-gradient(
  3831.          232deg,
  3832.          #9d8640 0%,
  3833.          #d4af37 21%,
  3834.          #c19a6b 33%,
  3835.          #cd853f 44%,
  3836.          #8b4513 60%,
  3837.          #8a5e28 73%,
  3838.          #d2b48c 85%,
  3839.          #b8860b 100%
  3840.        );
  3841.        background-size: 400% 400%;
  3842.        animation: gradient 5s ease infinite;
  3843.        border-radius: 15px 2px 15px 5px !important;
  3844.        box-shadow: linear-gradient(
  3845.          232deg,
  3846.          #9d8640 0%,
  3847.          #d4af37 21%,
  3848.          #c19a6b 33%,
  3849.          #cd853f 44%,
  3850.          #8b4513 60%,
  3851.          #8a5e28 73%,
  3852.          #d2b48c 85%,
  3853.          #b8860b 100%
  3854.        );
  3855.        justify-content: center;
  3856.        height: 2.22rem;
  3857.        opacity: 100%;
  3858.      }
  3859.  
  3860.      .result > .keluaran {
  3861.        font-size: 36px !important;
  3862.        font-weight: bold !important;
  3863.        height: 3.72rem;
  3864.        display: flex;
  3865.        align-items: center;
  3866.        justify-content: center;
  3867.        font-weight: bold !important;
  3868.      }
  3869.  
  3870.      .result > .tanggal {
  3871.        height: 20%;
  3872.      }
  3873.  
  3874.      .result {
  3875.        width: 100%;
  3876.        border-radius: 15px 2px 15px 5px !important;
  3877.        background-color: rgba(0, 0, 0, 0.55) !important;
  3878.        display: inline-block !important;
  3879.        border: 1px solid #fff !important;
  3880.        margin-bottom: 0 !important;
  3881.        padding: 0 !important;
  3882.      }
  3883.  
  3884.      div.carousel-item.accordion.accordion-flush.active {
  3885.        display: grid;
  3886.        grid-template-columns: repeat(2, 1fr);
  3887.      }
  3888.  
  3889.      div.carousel-item.accordion.accordion-flush.carousel-item-next.carousel-item-start {
  3890.        display: grid;
  3891.        grid-template-columns: repeat(2, 1fr);
  3892.      }
  3893.    }
  3894.  
  3895.    @media (max-width: 800px) {
  3896.      .togel-title {
  3897.        font-size: 20px;
  3898.        display: flex;
  3899.        justify-content: center;
  3900.      }
  3901.    }
  3902.  
  3903.    @media (max-width: 800px) {
  3904.      .result:nth-child(odd) {
  3905.        background: rgba(0, 0, 0, 0.55) !important;
  3906.      }
  3907.    }
  3908.  
  3909.    @media screen and (min-width: 801px) {
  3910.      #datapasaran-divname,
  3911.      #datapasaran-date,
  3912.      .result > .pasaran,
  3913.      .result > .tanggal {
  3914.        background: linear-gradient(
  3915.          232deg,
  3916.          #9d8640 0%,
  3917.          #d4af37 21%,
  3918.          #c19a6b 33%,
  3919.          #cd853f 44%,
  3920.          #8b4513 60%,
  3921.          #8a5e28 73%,
  3922.          #d2b48c 85%,
  3923.          #b8860b 100%
  3924.        );
  3925.        background-size: 400% 400%;
  3926.        animation: gradient 5s ease infinite;
  3927.        color: white;
  3928.      }
  3929.  
  3930.      #datapasaran-divname {
  3931.        padding-top: 1px;
  3932.      }
  3933.  
  3934.      .result > .pasaran {
  3935.        padding-top: 3px;
  3936.        color: white;
  3937.      }
  3938.    }
  3939.  
  3940.    .status-green {
  3941.      background-size: 400% 400%;
  3942.      animation: gradient 5s ease infinite;
  3943.    }
  3944.  
  3945.    .status-blue {
  3946.      background-size: 400% 400%;
  3947.      animation: gradient 5s ease infinite;
  3948.    }
  3949.  </style>
  3950.  
  3951.  <script>
  3952.    const sidebar = document.getElementById("sledingbar");
  3953.    const toggleButton = document.getElementById("toggle-sleding");
  3954.  
  3955.    toggleButton.addEventListener("click", (event) => {
  3956.      sidebar.classList.toggle("open"); // Tambah/hapus kelas 'open'
  3957.      event.stopPropagation(); // Mencegah event klik menyebar ke document
  3958.    });
  3959.  
  3960.    document.addEventListener("click", (event) => {
  3961.      if (
  3962.        !sidebar.contains(event.target) &&
  3963.        !toggleButton.contains(event.target)
  3964.      ) {
  3965.        sidebar.classList.remove("open"); // Hapus kelas 'open'
  3966.      }
  3967.    });
  3968.  </script>
  3969.  
  3970.  <style>
  3971.    body {
  3972.      margin: 0;
  3973.      font-family: Arial, sans-serif;
  3974.      background-color: #f4f4f9;
  3975.      overflow-x: hidden;
  3976.    }
  3977.  
  3978.    .sledingbar {
  3979.      width: 250px;
  3980.      height: 100vh;
  3981.      background-color: #1d1d2c;
  3982.      color: white;
  3983.      padding: 20px;
  3984.      position: fixed;
  3985.      top: 0;
  3986.      left: -100%;
  3987.      box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5);
  3988.      transition: all 0.3s ease-in-out;
  3989.      z-index: 1000;
  3990.    }
  3991.  
  3992.    .sledingbar.open {
  3993.      left: 0;
  3994.    }
  3995.  
  3996.    .sledingbar-title {
  3997.      font-size: 1.5rem;
  3998.      margin-bottom: 20px;
  3999.      text-align: center;
  4000.      color: #ff6b6b;
  4001.      border-bottom: 2px solid #ff6b6b;
  4002.      padding-bottom: 10px;
  4003.    }
  4004.  
  4005.    .sledingbar-list {
  4006.      list-style: none;
  4007.      padding: 0;
  4008.      margin: 0;
  4009.    }
  4010.  
  4011.    .sledingbar-link {
  4012.      display: block;
  4013.      text-decoration: none;
  4014.      font-size: 1.1rem;
  4015.      color: white;
  4016.      background-color: #2a2a3c;
  4017.      padding: 10px 20px;
  4018.      margin-bottom: 10px;
  4019.      border-radius: 8px;
  4020.      transition: all 0.3s ease;
  4021.    }
  4022.  
  4023.    .sledingbar-link:hover {
  4024.      background-color: #ff6b6b;
  4025.      color: white;
  4026.      transform: scale(1.05);
  4027.    }
  4028.  
  4029.    .toggle-sleding {
  4030.      position: fixed;
  4031.      top: 20px;
  4032.      left: 20px;
  4033.      background-color: transparent;
  4034.      width: 40px;
  4035.      height: 40px;
  4036.      cursor: pointer;
  4037.      z-index: 2000;
  4038.    }
  4039.  
  4040.    .menu-icon {
  4041.      width: 100%;
  4042.      height: 100%;
  4043.      object-fit: contain;
  4044.      filter: invert(100%);
  4045.    }
  4046.  </style>
  4047.  // MSG
  4048.  <style>
  4049.    #pop-up-container {
  4050.      display: flex;
  4051.      align-items: center;
  4052.      justify-content: center;
  4053.      position: fixed;
  4054.      z-index: 99999;
  4055.      top: 0;
  4056.      left: 0;
  4057.      right: 0;
  4058.      bottom: 0;
  4059.    }
  4060.  
  4061.    #bg-black {
  4062.      background-color: rgba(0, 0, 0, 0.7);
  4063.      position: fixed;
  4064.      z-index: 10;
  4065.      top: 0;
  4066.      left: 0;
  4067.      right: 0;
  4068.      bottom: 0;
  4069.      animation: fade-in 1.5s ease-out both;
  4070.    }
  4071.  
  4072.    #pop-up-wrapper {
  4073.      display: flex;
  4074.      justify-content: center;
  4075.      align-items: center;
  4076.      position: relative;
  4077.      width: 90%;
  4078.      max-width: 600px;
  4079.      height: auto;
  4080.      z-index: 11;
  4081.      overflow: hidden;
  4082.      border-radius: 20px;
  4083.      background-color: transparent;
  4084.      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  4085.    }
  4086.  
  4087.    .popup-slider {
  4088.      display: flex;
  4089.      width: 300%;
  4090.      transition: transform 0.5s ease;
  4091.    }
  4092.  
  4093.    .popup-page {
  4094.      width: 100%;
  4095.      flex-shrink: 0;
  4096.      height: 100%;
  4097.      display: flex;
  4098.      justify-content: center;
  4099.      align-items: center;
  4100.    }
  4101.  
  4102.    .popup-page img {
  4103.      width: 100%;
  4104.      height: 100%;
  4105.      object-fit: cover;
  4106.      border-radius: 15px;
  4107.    }
  4108.  
  4109.    .nav-btn {
  4110.      position: absolute;
  4111.      top: 50%;
  4112.      background: transparent;
  4113.      border: none;
  4114.      color: #fff;
  4115.      cursor: pointer;
  4116.      z-index: 12;
  4117.      transition: transform 0.3s ease, background-color 0.3s ease;
  4118.      width: 50px;
  4119.      height: 50px;
  4120.      display: flex;
  4121.      justify-content: center;
  4122.      align-items: center;
  4123.      background-color: #f50057;
  4124.      border-radius: 50%;
  4125.      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  4126.    }
  4127.  
  4128.    #prev {
  4129.      left: 10px;
  4130.    }
  4131.  
  4132.    #next {
  4133.      right: 10px;
  4134.    }
  4135.  
  4136.    .nav-btn:before {
  4137.      content: "";
  4138.      width: 0;
  4139.      height: 0;
  4140.      border-left: 15px solid transparent;
  4141.      border-right: 15px solid transparent;
  4142.      border-top: 20px solid white;
  4143.    }
  4144.  
  4145.    #prev.nav-btn:before {
  4146.      transform: rotate(90deg);
  4147.    }
  4148.  
  4149.    #next.nav-btn:before {
  4150.      transform: rotate(-90deg);
  4151.    }
  4152.  
  4153.    .nav-btn {
  4154.      animation: pulse 2s ease-in-out infinite;
  4155.    }
  4156.  
  4157.    @keyframes pulse {
  4158.      0% {
  4159.        transform: scale(1);
  4160.        box-shadow: 0 0 10px rgba(218, 4, 134, 0.6);
  4161.      }
  4162.      50% {
  4163.        transform: scale(1.1);
  4164.        box-shadow: 0 0 20px rgba(218, 4, 134, 0.8);
  4165.      }
  4166.      100% {
  4167.        transform: scale(1);
  4168.        box-shadow: 0 0 10px rgba(218, 4, 134, 0.6);
  4169.      }
  4170.    }
  4171.  
  4172.    .slider-indicator {
  4173.      position: absolute;
  4174.      bottom: 10px;
  4175.      left: 50%;
  4176.      transform: translateX(-50%);
  4177.      display: flex;
  4178.      justify-content: center;
  4179.      align-items: center;
  4180.      z-index: 15;
  4181.    }
  4182.  
  4183.    .indicator-dot {
  4184.      width: 10px;
  4185.      height: 10px;
  4186.      background-color: #fff;
  4187.      border-radius: 50%;
  4188.      margin: 0 5px;
  4189.      transition: background-color 0.3s ease;
  4190.    }
  4191.  
  4192.    .active-indicator {
  4193.      background-color: #f50057;
  4194.    }
  4195.  
  4196.    .sticky-note-in {
  4197.      animation: elegant-entry 1s ease-out both;
  4198.    }
  4199.  
  4200.    .sticky-note-out {
  4201.      animation: elegant-exit 1s ease-in both;
  4202.    }
  4203.  
  4204.    @keyframes fade-in {
  4205.      0% {
  4206.        opacity: 0;
  4207.      }
  4208.      100% {
  4209.        opacity: 1;
  4210.      }
  4211.    }
  4212.  
  4213.    @keyframes fade-out {
  4214.      0% {
  4215.        opacity: 1;
  4216.      }
  4217.      100% {
  4218.        opacity: 0;
  4219.      }
  4220.    }
  4221.  
  4222.    @keyframes elegant-entry {
  4223.      0% {
  4224.        transform: scale(0.2) rotate(-180deg) translateY(-50px);
  4225.        opacity: 0;
  4226.      }
  4227.      50% {
  4228.        transform: scale(1.1) rotate(45deg) translateY(10px);
  4229.        opacity: 0.6;
  4230.      }
  4231.      100% {
  4232.        transform: scale(1) rotate(0) translateY(0);
  4233.        opacity: 1;
  4234.      }
  4235.    }
  4236.  
  4237.    @keyframes elegant-exit {
  4238.      0% {
  4239.        transform: scale(1) rotate(0) translateY(0);
  4240.        opacity: 1;
  4241.      }
  4242.      50% {
  4243.        transform: scale(1.1) rotate(-45deg) translateY(10px);
  4244.        opacity: 0.6;
  4245.      }
  4246.      100% {
  4247.        transform: scale(0.2) rotate(180deg) translateY(-50px);
  4248.        opacity: 0;
  4249.      }
  4250.    }
  4251.  
  4252.    @media screen and (max-width: 768px) {
  4253.      #pop-up-wrapper {
  4254.        width: 90vw;
  4255.        height: 60vh;
  4256.      }
  4257.  
  4258.      .popup-page img {
  4259.        width: 100%;
  4260.        height: auto;
  4261.        object-fit: contain;
  4262.      }
  4263.  
  4264.      .slider-indicator {
  4265.        bottom: 5px;
  4266.      }
  4267.    }
  4268.  </style>
  4269.  
  4270.  <!-- <script>
  4271.    const close_pop_up = () => {
  4272.      document
  4273.        .getElementById("pop-up-wrapper")
  4274.        ?.classList.replace("sticky-note-in", "sticky-note-out");
  4275.      document
  4276.        .getElementById("bg-black")
  4277.        ?.classList.replace("fade-in", "fade-out");
  4278.      setTimeout(() => {
  4279.        const pop_up_container = document.getElementById("pop-up-container");
  4280.        pop_up_container?.parentElement.removeChild(pop_up_container);
  4281.      }, 1000);
  4282.    };
  4283.  
  4284.    window.addEventListener("DOMContentLoaded", () => {
  4285.      const baseUrl = window.location.origin;
  4286.      if (
  4287.        window.location.href === baseUrl + "/" ||
  4288.        (window.location.pathname === "/" && window.location.search === "")
  4289.      ) {
  4290.        const popUpHTML = `
  4291.      <div id="pop-up-container" onclick="close_pop_up()">
  4292.        <div id="bg-black" class="fade-in"></div>
  4293.        <div id="pop-up-wrapper" class="sticky-note-in">
  4294.          <img src="https://i.postimg.cc/yNb13QdV/pop-up-k3.png" alt="popup KERIS34D" style="width:100%; height:auto; border-radius:0; pointer-events:none;" />
  4295.        </div>
  4296.      </div>
  4297.    `;
  4298.        document.body.insertAdjacentHTML("beforeend", popUpHTML);
  4299.      }
  4300.    });
  4301.  </script> -->
  4302. </div>                </div>
  4303.                
  4304.                
  4305.                <div class="footer-group">
  4306.                    <div class="copyright">
  4307.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright KERIS34D.</div>
  4308.                        <div>All Rights Reserved.</div>
  4309.                    </div>
  4310.                    <div class="desktop-only">
  4311.                        <div class="d-flex gap-1">
  4312.                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
  4313.                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
  4314.                        </div>
  4315.                    </div>
  4316.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
  4317.                    
  4318.                    <button class="btn btn-aduan ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=EBV2QYy3ThsTiyJHL96vNSifLlQhVFd_-sWTagfDuiM.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
  4319.                        <i class="bi bi-shield-fill-exclamation"></i>
  4320.                        <strong class="ms-1">LAPOR PUSAT</strong>
  4321.                    </button>
  4322.                </div>
  4323.            </footer>
  4324.            
  4325.            
  4326.            
  4327.            <!-- SIDENAV -->
  4328.            <div id="mySidenav" class="sidenav desktop-only">
  4329.                <div id="nav">
  4330.                    <div style="display: flex; align-items: start;">
  4331.                        <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
  4332.                            
  4333.                            <img src="/assets/hubungi.png?11">
  4334.                            
  4335.                        </div>
  4336.                        <!--<img id="about" src="/images/kontak.png?4">-->
  4337.                    </div>
  4338.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  4339.                       <div id="" style="padding: 4px">
  4340.                       <img src="/assets/24h.png" style="width: 100%"></img>
  4341.                        </div>
  4342.                    
  4343.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  4344.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  4345.                            
  4346.                                                                
  4347.                                                                                
  4348.                                            <a href="https://wa.me/6287836432264" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  4349.                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>KERIS34D</span>
  4350.                                            </a>
  4351.                                            
  4352.                                            
  4353.                                    
  4354.                                                                        
  4355.                                                                                
  4356.                                            <a href="https://t.me/keris4d3_official" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  4357.                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>KERIS34D</span>
  4358.                                            </a>
  4359.                                            
  4360.                                            
  4361.                                    
  4362.                                                                        
  4363.                                                                                
  4364.                                            <a href="https://www.facebook.com/groups/keris34dofficial" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  4365.                                                <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>Official</span>
  4366.                                            </a>
  4367.                                            
  4368.                                            
  4369.                                    
  4370.                                                                
  4371.    
  4372.                        </div>
  4373.                            <div style="margin: 8px">
  4374.                                <a href="/?content=register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
  4375.                            </div>
  4376.                    </div>
  4377.                </div>
  4378.            </div>
  4379.        </div>
  4380.        
  4381.        <!--POP UP -->
  4382.        
  4383.        <style>
  4384.        
  4385.                    
  4386.            .modal-dialog {
  4387.                max-width: max-content;
  4388.                margin-top: 180px
  4389.            }
  4390.            
  4391.            .imgpop {
  4392.                border:2px solid #FFF;
  4393.                width: 600px;
  4394.                aspect-ratio: 2;
  4395.                object-fit: cover;
  4396.            }
  4397.  
  4398.            
  4399.            @media only screen and (max-width: 768px) {
  4400.                
  4401.                .modal-dialog {
  4402.                    margin-top: 98px
  4403.                }
  4404.                
  4405.                .imgpop {
  4406.                    width: 100%;
  4407.                }
  4408.                
  4409.            }
  4410.            
  4411.            
  4412.            
  4413.        </style>
  4414.  
  4415.  
  4416.        <!-- Modal -->
  4417.        <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  4418.          <div class="modal-dialog" style="">
  4419.            <div class="modal-content">
  4420.              <div class="modal-body"  style="padding: 0px">
  4421.                <img src="images/upload-Popup-20250624133038.jpg" alt="KERIS34D AWARENESS" class="imgpop"/>
  4422.              </div>
  4423.            </div>
  4424.          </div>
  4425.        </div>
  4426.  
  4427.  <!--<div class="modal fade" id="promo">-->
  4428.  <!--  <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
  4429.  <!--    <div class="modal-content" style="padding:0px; border-radius:0px;">-->
  4430.  <!--      <div class="modal-body" style="padding:0px;">-->
  4431.  <!--          <img src="images/upload-Popup-20250624133038.jpg" alt="KERIS34D AWARENESS" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
  4432.  <!--          <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">&times;</button>-->
  4433.  <!--      </div>-->
  4434.  <!--    </div>-->
  4435.  <!--  </div>-->
  4436.  <!--</div> -->
  4437.        
  4438.        <!-- LIVE CHAT -->
  4439.        <!--Start of Tawk.to Script-->
  4440. <script type="text/javascript">
  4441. var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  4442. (function(){
  4443. var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
  4444. s1.async=true;
  4445. s1.src='https://embed.tawk.to/6119a264649e0a0a5cd14528/1fd624mg5';
  4446. s1.charset='UTF-8';
  4447. s1.setAttribute('crossorigin','*');
  4448. s0.parentNode.insertBefore(s1,s0);
  4449. })();
  4450. </script>
  4451. <!--End of Tawk.to Script-->
  4452.  <script type="text/javascript">
  4453.      (function () {
  4454.          var options = {
  4455.              whatsapp: "+6281299216062", // WhatsApp number
  4456.              call_to_action: "Halo Keris34D", // Call to action
  4457.              position: "left", // Position may be 'right' or 'left'
  4458.          };
  4459.          var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
  4460.          var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
  4461.          s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
  4462.          var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
  4463.      })();
  4464.  </script>
  4465.  <!-- /WhatsHelp.io widget -->
  4466.  
  4467. <style>
  4468.  .button {
  4469.      background-color: #b82fe8;
  4470.      -webkit-border-radius: 10px;
  4471.      border-radius: 10px;
  4472.      border: none;
  4473.      color: #FFD700;
  4474.      cursor: pointer;
  4475.      display: inline-block;
  4476.      font-family: Arial;
  4477.      font-size: 20px;
  4478.      padding: 5px 10px;
  4479.      text-align: center;
  4480.      text-decoration: none;
  4481.      -webkit-animation: glowing 1500ms infinite;
  4482.      -moz-animation: glowing 1500ms infinite;
  4483.      -o-animation: glowing 1500ms infinite;
  4484.      animation: glowing 1500ms infinite;
  4485.  }
  4486.  @-webkit-keyframes glowing {
  4487.      0% { background-color: #b82fe8; -webkit-box-shadow: 0 0 3px #b82fe8; }
  4488.      50% { background-color: #a200db; -webkit-box-shadow: 0 0 40px #a200db; }
  4489.      80% { background-color: #b82fe8; -webkit-box-shadow: 0 0 3px #b82fe8; }
  4490.  }
  4491.  
  4492.  @-moz-keyframes glowing {
  4493.      0% { background-color: #b82fe8; -moz-box-shadow: 0 0 3px #b82fe8; }
  4494.      50% { background-color: #a200db; -moz-box-shadow: 0 0 40px #a200db; }
  4495.      80% { background-color: #b82fe8; -moz-box-shadow: 0 0 3px #b82fe8; }
  4496.  }
  4497.  
  4498.  @-o-keyframes glowing {
  4499.      0% { background-color: #b82fe8; box-shadow: 0 0 3px #b82fe8; }
  4500.      50% { background-color: #4f0077; box-shadow: 0 0 40px #4f0077; }
  4501.      100% { background-color: #b82fe8; box-shadow: 0 0 3px #b82fe8; }
  4502.  }
  4503.  
  4504.  @keyframes glowing {
  4505.      0% { background-color: #b82fe8; box-shadow: 0 0 30px #b82fe8; }
  4506.      50% { background-color: #4f0077; box-shadow: 0 0 40px #4f0077; }
  4507.      100% { background-color: #b82fe8; box-shadow: 0 0 30px #b82fe8; }
  4508.  }
  4509. </style>
  4510.                
  4511.          
  4512.  
  4513.        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  4514.        <script>
  4515.            document.addEventListener('DOMContentLoaded', function() {
  4516.                setTimeout(function() {
  4517.                    const mobileForm = document.querySelector('#mobilelogin form') ||
  4518.                                      document.querySelector('#mobilelogin .login-form') ||
  4519.                                      document.querySelector('.mobile-only form');
  4520.                    
  4521.                    if (!mobileForm) {
  4522.                        return;
  4523.                    }
  4524.                    
  4525.                    const username = mobileForm.querySelector('input[name="username"]');
  4526.                    const password = mobileForm.querySelector('input[name="password"]');
  4527.                    const remember = document.querySelector('#rememberMe') ||
  4528.                                    document.querySelector('input[type="checkbox"]');
  4529.                    
  4530.                    if (!username || !password || !remember) {
  4531.                        return;
  4532.                    }
  4533.                    
  4534.                    try {
  4535.                        localStorage.setItem('test', 'working');
  4536.                        if (localStorage.getItem('test') === 'working') {
  4537.                            localStorage.removeItem('test');
  4538.                        } else {
  4539.                            return;
  4540.                        }
  4541.                    } catch(e) {
  4542.                        return;
  4543.                    }
  4544.                    
  4545.                    initializeRememberMe();
  4546.                    loadSavedData();
  4547.                    
  4548.                    mobileForm.addEventListener('submit', handleSave);
  4549.                    mobileForm.addEventListener('click', function(e) {
  4550.                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
  4551.                            handleSave();
  4552.                        }
  4553.                    });
  4554.                    remember.addEventListener('change', function() {
  4555.                        if (!this.checked) {
  4556.                            clearSavedData();
  4557.                            localStorage.setItem('mobile_remember_unchecked', 'true');
  4558.                        } else {
  4559.                            localStorage.removeItem('mobile_remember_unchecked');
  4560.                        }
  4561.                    });
  4562.    
  4563.                    function initializeRememberMe() {
  4564.                        try {
  4565.                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
  4566.                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
  4567.                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
  4568.                                remember.checked = false;
  4569.                            } else {
  4570.                                remember.checked = true;
  4571.                            }
  4572.                        } catch(e) {
  4573.                            remember.checked = true;
  4574.                        }
  4575.                    }
  4576.                    
  4577.                    function loadSavedData() {
  4578.                        try {
  4579.                            const savedUsername = localStorage.getItem('mobile_username');
  4580.                            const savedPassword = localStorage.getItem('mobile_password');
  4581.                            const rememberChecked = localStorage.getItem('mobile_remember');
  4582.                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
  4583.                                username.value = savedUsername;
  4584.                                password.value = savedPassword;
  4585.                            }
  4586.                        } catch(e) {
  4587.                            // console.log('Error loading data:', e);
  4588.                        }
  4589.                    }
  4590.                    
  4591.                    function handleSave() {
  4592.                        if (remember.checked) {
  4593.                            const usernameVal = username.value.trim();
  4594.                            const passwordVal = password.value.trim();
  4595.                            
  4596.                            if (usernameVal && passwordVal) {
  4597.                                try {
  4598.                                    localStorage.setItem('mobile_username', usernameVal);
  4599.                                    localStorage.setItem('mobile_password', passwordVal);
  4600.                                    localStorage.setItem('mobile_remember', 'true');
  4601.                                    localStorage.setItem('mobile_login_success', 'true');
  4602.                                } catch(e) {
  4603.                                    // console.log('Error saving data:', e);
  4604.                                }
  4605.                            }
  4606.                        } else {
  4607.                            clearSavedData();
  4608.                            localStorage.setItem('mobile_login_success', 'true');
  4609.                        }
  4610.                    }
  4611.                    
  4612.                    function clearSavedData() {
  4613.                        try {
  4614.                            localStorage.removeItem('mobile_username');
  4615.                            localStorage.removeItem('mobile_password');
  4616.                            localStorage.removeItem('mobile_remember');
  4617.                        } catch(e) {
  4618.                            // console.log('Error clearing data:', e);
  4619.                        }
  4620.                    }
  4621.                }, 100); // Wait 100ms
  4622.            });
  4623.        </script>
  4624.  
  4625.        <script>
  4626.                            if(document.getElementById("promo")) {
  4627.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  4628.                    window.onload = () => {
  4629.                        myModal.show();
  4630.                    }
  4631.                }
  4632.                    
  4633.            var mobileurl = 'm/';
  4634.            
  4635.  
  4636.  
  4637.            var showIDs = [];
  4638.            
  4639.            function showProducts(hoverID) {
  4640.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  4641.  
  4642.                // document.getElementById('hover').classList.add("hover-show");
  4643.                document.getElementById('hover').style.transitionDelay = "0s";
  4644.                document.getElementById('hover').style.visibility = "visible";
  4645.                document.getElementById('hover').style.opacity = "1";
  4646.                document.getElementById(hoverID).style.display = "flex";
  4647.  
  4648.                showIDs.push(hoverID);
  4649.  
  4650.            }
  4651.  
  4652.            function hideProducts(hoverID) {
  4653.                // document.getElementById('hover').classList.remove("hover-show");
  4654.                document.getElementById('hover').style.visibility = "hidden";
  4655.                document.getElementById('hover').style.opacity = "0";
  4656.                document.getElementById('hover').style.transitionDelay = "1s";
  4657.                
  4658.            }
  4659.  
  4660.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  4661.            var marquee = document.getElementById('marquee');
  4662.  
  4663.            function closeContent() {
  4664.                $('#main-content').html("");
  4665.            }
  4666.  
  4667.  
  4668.            function openDaftar() {
  4669.                closeContent();
  4670.                
  4671.                mobileDaftarForm.style.display = "block";
  4672.                mobileDaftarForm.scrollIntoView();
  4673.            }
  4674.  
  4675.            function closeDaftar() {
  4676.                mobileDaftarForm.style.display = "none";
  4677.                marquee.scrollIntoView();
  4678.            }
  4679.            
  4680.            
  4681.            function showProvider(type) {
  4682.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  4683.                $('#main-content').load("new-showprovider.php?type=" + type);
  4684.            }
  4685.            
  4686.            function toggleInformasi(item) {
  4687.                page(item);
  4688.            }
  4689.            
  4690.            function showInformasi(item) {
  4691.                document.getElementById('modal-wrapper').style.display='block';
  4692.                toggleInformasi(item);
  4693.            }
  4694.            
  4695.            
  4696.  
  4697.                    
  4698.        </script>
  4699.        <script src="/js/old/new-webduo35.js?v=1757581268"></script>
  4700.    
  4701.        
  4702.        <!-- POP UP COOKIES -->
  4703.        
  4704. <style>
  4705.    
  4706.        
  4707.    .kebijakan-privasi, .kebijakan-cookies {
  4708.        color: white;
  4709.        text-decoration: underline;
  4710.    }
  4711.    
  4712.        
  4713. </style>
  4714.  
  4715.  
  4716. <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
  4717.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  4718.        <div>
  4719.    Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>.    </div>  
  4720.  </div>
  4721.  <div>
  4722.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  4723.  </div>
  4724. </div>
  4725. <script>
  4726.    $( "#boxprivacy" ).blur(function() {
  4727.    alert( "Handler for .blur() called." );
  4728. });
  4729. </script>  
  4730.  
  4731.        
  4732.    </body>
  4733. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda