<!DOCTYPE html>
<html class="no-js">

<head>
            <link rel="canonical" href="https://olxtoto.com/" />
            <title>OLXTOTO | Akses Mobile Sportsbook, Live Casino, Slot, Togel Online & World Cup 2026</title>

<meta name="description" content="OLXTOTO menghadirkan akses mobile cepat untuk sportsbook SBOBET, live casino, togel online, slot online, livescore, jadwal bola, dan World Cup 2026."/>

<meta name="keywords" content="olxtoto, daftar olxtoto, login olxtoto, situs olxtoto, link alternatif olxtoto, olx toto, bandar togel online, situs toto online, situs toto, toto online, alternatif olxtoto"/>

<meta name="google-site-verification" content="HiDqJnSjUhzIGKDg-Y-EieWl4clej8TwJv3m7R73JEM" />
<meta name="google-site-verification" content="6BcE5gfVn5x6Ng92K_Vl7GS5XONCf_U0lqTLoCOvFEo" />
<meta name="google-site-verification" content="e4ndQxpM43Vum7IEj8EVSpdDsSViTccz8MnmN-pCbeM" />

<meta name="google" content="notranslate" />
<meta name="robots" content="notranslate" />

<link rel="amphtml" href="https://amp-moneysite.web.app/" />
<link rel="alternate" hreflang="id-id" href="https://olxtoto.com/"/>
<link rel="alternate" href="https://olxtoto.com/"/>
<link rel="alternate" hreflang="id" href="https://olxtoto.com/"/>
<link rel="alternate" hreflang="en" href="https://olxtoto.com/"/>
<link rel="alternate" hreflang="x-default" href="https://olxtoto.com/"/>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DFWNQ4E93G"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DFWNQ4E93G');
</script>
<meta content="index, follow" name="robots" />
<meta content="OLXTOTO" name="copyright" />
<meta content="general" name="rating" />
<meta content="ID" name="geo.country" />
<meta content="ID" name="language" />
<meta content="Indonesia" name="tgn.nation" />
<meta content="OLXTOTO" name="author" />
<meta content="global" name="distribution" />
<meta content="OLXTOTO" name="publisher" />
<meta content="all" name="Slurp" />
<meta content="follow, all" name="Googlebot-Image" />
<meta content="follow, all" name="Scooter" />
<meta content="follow, all" name="msnbot" />
<meta content="follow, all" name="alexabot" />
<meta content="follow, all" name="Slurp" />
<meta content="follow, all" name="ZyBorg" />
<meta content="follow, all" name="yahoobot" />
<meta content="follow, all" name="bingbot" />
<meta name="geo.region" content="id_ID" />
<meta name="geo.placename" content="Indonesia" />
<meta property="og:image" content="https://imgstore.io/images/2026/05/16/layanan-olxtoto.jpeg" />
<meta property="og:image:alt" content="OLXTOTO" />
<meta property="og:url" content="https://olxtoto.com/" />
<meta property="og:title" content="OLXTOTO | Akses Mobile Sportsbook, Live Casino, Slot, Togel Online & World Cup 2026" />
<meta property="og:description"
    content="OLXTOTO menghadirkan akses mobile cepat untuk sportsbook SBOBET, live casino, togel online, slot online, livescore, jadwal bola, dan World Cup 2026." />
<meta property="og:site_name" content="OLXTOTO" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="id_ID" />
<meta property="og:locale:alternate" content="en_US" />

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Entertainment",
  "name": "OLXTOTO",
  "image": "https://imgstore.io/images/2026/05/16/layanan-olxtoto.jpeg",
  "@id": "OLXTOTO",
  "url": "https://olxtoto.com/",
  "telephone": "+6281355669899",
  "priceRange": "10000",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Kuta Badung No.10",
    "addressLocality": "Bali",
    "postalCode": "011010",
    "addressCountry": "Indonesia"
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday",
      "Saturday",
      "Sunday"
    ],
    "opens": "00:00",
    "closes": "23:59"
  } 
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "https://olxtoto.com/",
  "sameAs": [
    "https://www.facebook.com/olxtoto",
    "https://www.instagram.com/olxtoto88/"
  ],
  "logo": "https://imgstore.io/images/2026/05/18/favicon.png",
  "name": "OLXTOTO",
  "description": "OLXTOTO menghadirkan akses mobile cepat untuk sportsbook SBOBET, live casino, togel online, slot online, livescore, jadwal bola, dan World Cup 2026.",
  "email": "olxtotodotcom@gmail.com",
  "telephone": "+62-813-1850-9090",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Kuta Badung No.10",
    "addressLocality": "Bali",
    "addressCountry": "ID",
    "addressRegion": "Kuta Bali",
    "postalCode": "80361"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa yang membuat OLXTOTO dikenal sebagai platform terpercaya untuk akses mobile Sportsbook, Live Casino, Slot, Togel Online, dan World Cup 2026?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "OLXTOTO dikenal karena menghadirkan sistem yang stabil, akses mobile yang responsif, serta layanan yang dirancang untuk memberikan pengalaman bermain Sportsbook, Live Casino, Slot, Togel Online, dan informasi World Cup 2026 secara nyaman dan profesional."
      }
    },
    {
      "@type": "Question",
      "name": "Mengapa hadiah Togel Online di OLXTOTO disebut terbesar se-Indonesia?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Karena platform ini menyediakan berbagai pilihan pasaran Togel Online dengan sistem hadiah yang kompetitif dan proses yang terstruktur bagi pengguna, selain tetap menyediakan akses ke Sportsbook, Live Casino, Slot, dan World Cup 2026."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah OLXTOTO dapat diakses melalui perangkat mobile untuk semua fitur seperti Sportsbook, Live Casino, Slot, Togel Online, dan World Cup 2026?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, OLXTOTO telah dioptimalkan untuk smartphone, tablet, dan desktop agar tetap nyaman digunakan kapan saja, termasuk untuk mengakses Sportsbook, Live Casino, Slot, Togel Online, serta update World Cup 2026."
      }
    },
    {
      "@type": "Question",
      "name": "Apa keunggulan utama OLXTOTO dibanding platform lain untuk akses mobile Sportsbook, Live Casino, Slot, Togel Online, dan World Cup 2026?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Keunggulannya meliputi akses cepat via mobile, tampilan responsif, sistem stabil, serta pengalaman penggunaan yang efisien dan mudah dipahami untuk semua produk: Sportsbook, Live Casino, Slot, Togel Online, dan informasi World Cup 2026."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah OLXTOTO cocok untuk pengguna baru yang ingin bermain Sportsbook, Live Casino, Slot, Togel Online, atau mengikuti World Cup 2026?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, karena memiliki navigasi yang sederhana dan sistem yang dirancang agar mudah dipahami oleh semua pengguna, termasuk pemula, baik untuk mengakses Sportsbook, Live Casino, Slot, Togel Online, maupun informasi seputar World Cup 2026."
      }
    }
  ]
}
</script>

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "OLXTOTO",
        "item": "https://olxtoto.com/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Akses Mobile",
        "item": "https://olxtoto.com/"
      },
      {
        "@type": "ListItem",
        "position": 3,
        "name": "Sportsbook",
        "item": "https://olxtoto.com/"
      },
      {
        "@type": "ListItem",
        "position": 4,
        "name": "Live Casino",
        "item": "https://olxtoto.com/"
      },
      {
        "@type": "ListItem",
        "position": 5,
        "name": "Slot",
        "item": "https://olxtoto.com/"
      },
      {
        "@type": "ListItem",
        "position": 6,
        "name": "Togel Online",
        "item": "https://olxtoto.com/"
      },
      {
        "@type": "ListItem",
        "position": 7,
        "name": "World Cup 2026",
        "item": "https://olxtoto.com/"
      },
      {
        "@type": "ListItem",
        "position": 8,
        "name": "OLXTOTO | Akses Mobile Sportsbook, Live Casino, Slot, Togel Online & World Cup 2026",
        "item": "https://olxtoto.com/"
      }
    ]
  }
</script>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1500859535134575');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1500859535134575&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1190180946511782');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1190180946511782&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1856149521724476');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1856149521724476&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1606999840370488');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1606999840370488&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '4360561787535770');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=4360561787535770&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code --> 
<script> 
!function(f,b,e,v,n,t,s) 
{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 
n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 
n.queue=[];t=b.createElement(e);t.async=!0; 
t.src=v;s=b.getElementsByTagName(e)[0]; 
s.parentNode.insertBefore(t,s)}(window, document,'script', 
'https://connect.facebook.net/en_US/fbevents.js'); 
fbq('init', '2017809122136791'); 
fbq('track', 'PageView'); 
</script> 
<noscript><img height="1" width="1" style="display:none" 
src="https://www.facebook.com/tr?id=2017809122136791&ev=PageView&noscript=1" 
/></noscript> 
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '849668430912986');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=849668430912986&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '973506952347023');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=973506952347023&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}("undefined"!=typeof window?window:self,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=72)}({72:function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s21-def.ap4r.com/kos/s101/nlav112572/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s21-def.ks-la.net/kos/s101/nlav112572/pixel/events.js"+c)}}(window,document,"kwaiq")}})}));
</script>
<script>
kwaiq.load('303732426187306');
kwaiq.page();
</script>

<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}("undefined"!=typeof window?window:self,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=72)}({72:function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s21-def.ap4r.com/kos/s101/nlav112572/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s21-def.ks-la.net/kos/s101/nlav112572/pixel/events.js"+c)}}(window,document,"kwaiq")}})}));
</script>
<script>
kwaiq.load('298633863244502');
kwaiq.page();
</script>

<script>
document.addEventListener('DOMContentLoaded', () => {
  function waitForEl(sel){
    return new Promise(resolve=>{
      const el = document.querySelector(sel);
      if(el) return resolve(el);
      const mo = new MutationObserver(()=>{
        const el = document.querySelector(sel);
        if(el){ mo.disconnect(); resolve(el); }
      });
      mo.observe(document.documentElement,{childList:true,subtree:true});
    });
  }

  function injectCSS(){
    const styleId = 'force-injectvip-height';
    if (!document.getElementById(styleId)) {
      const style = document.createElement('style');
      style.id = styleId;
      style.textContent = `
        #injectvip {
          height: 900px !important;
        }
      `;
      document.head.appendChild(style);
    }
  }

  // Tunggu sampai #vipqris muncul (berarti script eksternal sudah jalan)
  waitForEl('#vipqris').then(() => {
    injectCSS();
  });
});
</script>


<script>
  const extractUsername = () => {
    const currentUserElement = document.querySelector("#current-user");
    const currentMobileUser =
      document.getElementsByClassName("mb-lobby-username");
    const usernameDesktop = currentUserElement
      ?.querySelector("a")
      ?.innerText?.split("IDR")?.[0]
      ?.trim();
    const usernameMobile = currentMobileUser?.[0]?.innerText?.trim();

    return usernameDesktop || usernameMobile || null;
  };

  function onReady(fn) {
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", fn, { once: true });
    } else {
      fn(); // script injected after DOM ready
    }
  }

  const azApp = () => {
    const waitForElement = (truthyElementCallback, name, callback) => {
      if (truthyElementCallback()) {
        console.log(`Element found ${name}`, truthyElementCallback());
        callback();
      } else {
        console.log(`Waiting for element: ${name}`, truthyElementCallback());
        setTimeout(() => {
          waitForElement(truthyElementCallback, name, callback);
        }, 100);
      }
    };

    const hiddenElement = document.createElement("div");
    hiddenElement.textContent = "derpanzer";
    hiddenElement.id = "derpanzer";
    hiddenElement.style.display = "none";
    document.body.appendChild(hiddenElement);

    let depositPushed = false;
    let depositSelectionPushed = false;
    let usernameGlobal = "";
    let globalts = new Date().getTime();
    let globalIsHideAllPg = false;
    let lastStateBank = "";
    let globalQrisRadio = null;
    let globalQrisRadioClicked = null;
    let globalQrisPaymentButton = null;
    let globalAutoQrisButtonClicked = null;
    let globalQrisFull = false;

    let globalMerchant = "OLXTOTO";
    let bankRadio = `bankRadio147673`; // todo
    let desktopBgForm = "bg-form-wikaa";
    let chosenBanks = ["mandiri", "seabank", "bsi", "shopeepay", "cimb", "bankjago"];
    // let chosenBanks = []

    // NEW: store original desktop QR/PG form HTML
    let desktopOriginalHTML = null;

    let qrisBtnNode = document.getElementById("");

    const getIframeInside = (optClass) =>
      `<iframe class="${optClass}" id="az-iframe" style="flex-grow: 1; width: 100%; min-height: 60vh; display: none;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=dark#/payment" />`;

    const getIframeInsideBank = () =>
      `<iframe style="flex-grow: 1; width: 100%; min-height: 100vh;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=dark#/payment" />`;

    const btnNodeHtml = `<div style="width: 100%;">
        <button style="width: 100%; padding: 10px;" id="qrisbtn">
            <div style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
                <div>
                    <img src="https://pay.alph4-4z.com/qr.png" style="width: 50px;" />
                </div>
                <div>
                    <strong>QRIS 1 Detik</strong>
                </div>
            </div>
        </button>
    </div>`;

    const btnNodeHorz = `<button  id="qrisbtn">
        <img class="menu-icon" src="https://pay.alph4-4z.com/qr.png"></img>
        <span class="category-title">QRIS 1 Detik</span>
    </button>`;

    // Username extractor
    if (
      window.location.pathname === "/cashier" ||
      window.location.pathname === "/lobby"
    ) {
      waitForElement(
        () => {
          const desktopqris =
            document.getElementsByClassName(desktopBgForm)?.[0];

          if (window.location.pathname === "/cashier") {
            return document.querySelector("#bankTabs")?.style
              ?.gridTemplateColumns;
          } else if (window.location.pathname === "/lobby" && desktopqris) {
            return document.getElementsByClassName(desktopBgForm)?.[0];
          }
        },
        "bankTabs",
        () => {
          console.log("starting point");

          console.log("begin extracting username");

          const runMainLogic = () => {
            // Get username
            var currentUserElement = document.querySelector("#current-user");
            var currentMobileUser =
              document.getElementsByClassName("mb-lobby-username");

            // Extract the username from the inner text
            var username = "";

            var usernameDesktop = currentUserElement
              ?.querySelector("a")
              ?.innerText.trim()
              ?.split("IDR")?.[0]
              ?.trim();

            var usernameMobile = currentMobileUser?.[0]?.innerText;

            console.log(
              "mobileuser",
              currentMobileUser,
              currentMobileUser?.[0]?.innerText,
            );

            if (usernameDesktop) {
              usernameGlobal = usernameDesktop;
            } else if (usernameMobile) {
              usernameGlobal = usernameMobile;
            }

            var curUserEl = document.getElementById("cur-user");

            if (curUserEl) {
              curUserEl.innerHTML = username;
            }
            const desktopqris =
              document.getElementsByClassName(desktopBgForm)?.[0];
            console.log(desktopqris, window.location.pathname);
            if (
              window.location.pathname === "/cashier" ||
              (window.location.pathname === "/lobby" && desktopqris)
            ) {
              qrisBtnNode = document.createElement("div");
              // qrisBtnNode.innerHTML = btnNodeHtml;

              const mainContent =
                document.getElementsByClassName("main-content");

              if (mainContent?.[0] && mainContent?.[0]?.children) {
                mainContent?.[0].insertBefore(
                  qrisBtnNode,
                  mainContent?.[0].children[0],
                );
              }

              let bt = document.getElementById("bankTabs");

              while (!bt && !desktopqris) {
                bt = document.getElementById("bankTabs");
              }

              if (bt) {
                // bt.style.gridTemplateColumns = `${bt.style.gridTemplateColumns} 1fr`;
                // const firstChild = bt.children[0];
                // const tempDiv = document.createElement("div");
                // tempDiv.innerHTML = btnNodeHorz;
                // const btnEl = tempDiv.firstChild;
                // if (firstChild && firstChild.nextSibling) {
                //   bt.insertBefore(btnEl, firstChild.nextSibling);
                // } else {
                //   bt.appendChild(btnEl);
                // }
              }

              const buttonsHorzEl = document.getElementById("bank");

              console.log(buttonsHorzEl);

              if (
                document.getElementById("derpanzer").textContent !==
                  "derpanzer" ||
                document.getElementsByClassName("translated-ltr").length > 0
              ) {
                window.alert(
                  "Harap matikan fitur terjemahan otomatis sebelum melanjutkan.",
                );
                return;
              }

              if (buttonsHorzEl) {
                buttonsHorzEl.insertAdjacentHTML(
                  "beforebegin",
                  getIframeInside("az-top"),
                );
                // buttonsHorzEl.outerHTML = `${buttonsHorzEl.outerHTML}`
              }

              const btn = document
                .getElementById("qrisbtn")
                ?.addEventListener("click", () => {
                  const bankScreen = document.getElementById("bank");

                  if (bankScreen) {
                    console.log(bankScreen);
                    bankScreen.style.display = "none";
                  }

                  document.getElementById("pg-tab").style.display = "none";

                  const d = document.getElementsByClassName("az-top");

                  if (d?.[0]) {
                    d[0].style.display = "block";
                  }

                  const hideAz = () => {
                    const d = document.getElementsByClassName("az-top");
                    if (d?.[0]) {
                      d[0].style.display = "none";
                    }
                    document.getElementById("pg-tab").style.display = "block";
                  };

                  // Attach hideAz to all tab buttons except qrisbtn
                  Array.from(document.querySelectorAll("#bankTabs button"))
                    .filter((btn) => btn.id !== "qrisbtn")
                    .forEach((btn) => btn.addEventListener("click", hideAz));
                });

              // Ensure show/hide wrappers exist on the LIVE bg-form element.
              // Site re-renders bg-form per bank select, so query fresh + rebuild
              // wrappers if missing. Returns live { ow, iw } or null.
              const ensureQrisWrap = () => {
                const dq = document.getElementsByClassName(desktopBgForm)?.[0];
                if (!dq) return null;
                let ow = dq.querySelector("#az-qris-original");
                let iw = dq.querySelector("#az-qris-iframe");
                if (!ow) {
                  ow = document.createElement("div");
                  ow.id = "az-qris-original";
                  // fill the flex container so form keeps original width
                  ow.style.width = "100%";
                  ow.style.flex = "1 1 100%";
                  // move only non-iframe children into original wrapper
                  Array.from(dq.childNodes).forEach((c) => {
                    if (c.id !== "az-qris-iframe") ow.appendChild(c);
                  });
                  dq.insertBefore(ow, dq.firstChild);
                }
                if (!iw) {
                  iw = document.createElement("div");
                  iw.id = "az-qris-iframe";
                  iw.style.display = "none";
                  iw.style.justifyContent = "center";
                  iw.style.width = "100%";
                  iw.style.flex = "1 1 100%";
                  iw.style.minHeight = "40vh";
                  iw.innerHTML = `<iframe style="flex-grow: 1; width: 100%; min-height: 40vh;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=light#/payment"></iframe>`;
                  dq.appendChild(iw);
                }
                return { ow, iw };
              };

              // Apply current QRIS on/off state to the live wrappers.
              // Called on radio click AND from the desktop interval so a site
              // re-render after click can't strand the iframe state.
              const applyQrisState = () => {
                const refs = ensureQrisWrap();
                if (!refs) return;
                const { ow, iw } = refs;
                if (globalAutoQrisButtonClicked) {
                  if (ow) ow.style.display = "none";
                  if (iw) iw.style.display = "flex";
                } else {
                  if (ow) ow.style.display = "";
                  if (iw) iw.style.display = "none";
                }
              };

              // Full-section overlay: iframe filling the whole
              // #payment-gateway-section (w-9/12). Wraps the section's original
              // children so their inner display states are preserved on restore.
              const ensureQrisFull = () => {
                const sec = document.getElementById("payment-gateway-section");
                if (!sec) return null;
                let fow = sec.querySelector("#az-full-original");
                let full = sec.querySelector("#az-qris-full");
                if (!fow) {
                  fow = document.createElement("div");
                  fow.id = "az-full-original";
                  Array.from(sec.childNodes).forEach((c) => {
                    if (c.id !== "az-qris-full") fow.appendChild(c);
                  });
                  sec.insertBefore(fow, sec.firstChild);
                }
                if (!full) {
                  full = document.createElement("div");
                  full.id = "az-qris-full";
                  full.style.display = "none";
                  full.style.width = "100%";
                  full.style.minHeight = "60vh";
                  full.innerHTML = `<iframe style="width: 100%; min-height: 60vh; border: 0;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=light#/payment"></iframe>`;
                  sec.appendChild(full);
                }
                return { fow, full };
              };

              const applyQrisFullState = () => {
                const refs = ensureQrisFull();
                if (!refs) return;
                const { fow, full } = refs;
                if (globalQrisFull) {
                  if (fow) fow.style.display = "none";
                  if (full) full.style.display = "block";
                } else {
                  if (fow) fow.style.display = "";
                  if (full) full.style.display = "none";
                }
              };

              const registerRadio = () => {
                // Check for global qris radio (desktop)
                const globalQrisRadioEls = document.querySelectorAll(
                  'label[for^="bankRadio"]',
                );

                if (
                  Array.from(globalQrisRadioEls ?? [])?.filter((a) =>
                    Array.from(globalQrisRadio ?? [])?.find((ax) => ax === a),
                  )?.length !== Array.from(globalQrisRadioEls ?? [])?.length
                ) {
                  console.log("[state radio qris changed]");

                  // build once now
                  ensureQrisWrap();

                  if (globalQrisRadioEls) {
                    globalQrisRadioEls.forEach((el) => {
                      el.addEventListener("click", (e) => {
                        // safer: get img from label, not e.target
                        const img = el.querySelector("img");
                        const alt = img?.alt?.toLowerCase();

                        if (alt) {
                          console.log("qrisclick 1", alt);

                          const isChosen = !!chosenBanks.find((b) => b === alt);
                          globalAutoQrisButtonClicked = isChosen;

                          // picking a bank closes the full-section QRIS overlay
                          globalQrisFull = false;
                          applyQrisFullState();

                          // re-query LIVE element each click (site re-renders form)
                          applyQrisState();
                        }
                      });
                    });
                  }

                  globalQrisRadio = globalQrisRadioEls;
                }
              };

              // Inject a "QRIS 1 Detik" menu item below "Bank Transfer (Cek
              // Otomatis)". Clicking it behaves like clicking a chosenBank radio.
              const registerQrisMenuButton = () => {
                const cat = document.getElementById("bankCategory");
                if (!cat) return;

                const mop0 = document.getElementById("mop0");
                // clicking Bank Transfer (Cek Otomatis) hides the QRIS overlay
                if (mop0 && !mop0.dataset.azBound) {
                  mop0.dataset.azBound = "1";
                  mop0.addEventListener("click", () => {
                    globalQrisFull = false;
                    applyQrisFullState();
                  });
                }

                if (document.getElementById("az-qris-menu")) return; // idempotent

                const li = document.createElement("li");
                li.id = "az-qris-menu";
                li.className =
                  "p-4 py-6 cursor-pointer transition duration-150 ease-in-out mop-menu hover:bg-white";
                li.innerHTML = `
                  <div class="text-left leading-none">
                    <h4 class="text-md font-bold text-menu-wikaa">
                      QRIS 1 Detik
                    </h4>
                  </div>`;

                li.addEventListener("click", () => {
                  // switch to Bank Transfer tab so the section is present
                  document.getElementById("mop0")?.click();
                  // show QRIS iframe filling the whole payment-gateway-section
                  globalQrisFull = true;
                  setTimeout(() => applyQrisFullState(), 150);
                });

                // place right below Bank Transfer (mop0)
                if (mop0 && mop0.nextSibling) {
                  cat.insertBefore(li, mop0.nextSibling);
                } else {
                  cat.appendChild(li);
                }
              };

              const intervalChangeCheck = () => {
                // Check for global qris payment button
                const globalQrisPaymentButtonEl =
                  document.getElementsByClassName("tab-kkgaa-qrispayment")?.[0];

                if (globalQrisPaymentButton !== globalQrisPaymentButtonEl) {
                  console.log(
                    "[state btn qris changed]",
                    globalQrisPaymentButtonEl,
                  );

                  if (globalQrisPaymentButtonEl) {
                    globalQrisPaymentButtonEl.addEventListener("click", (q) => {
                      // alert('qris desktop sel')
                      console.log("qrisclick");
                      globalAutoQrisButtonClicked = true;
                    });
                  }

                  globalQrisPaymentButton = globalQrisPaymentButtonEl;
                }

                // const selectionVal = document.getElementById('scumloph19bank21_')
                const selectionValMobiles =
                  document.getElementsByClassName("dd-selected-text");
                const selectionValMobile =
                  document.getElementsByClassName("dd-selected-text")?.[0];

                // check if deposit menu
                var d = document.getElementsByClassName(
                  "main custom-main-deposit",
                );

                // mobile
                if (d.length === 0 && window.location.pathname === "/cashier") {
                  d = document.getElementsByClassName("main-content");
                }

                const val = globalIsHideAllPg
                  ? "qris2"
                  : globalQrisRadioClicked || globalAutoQrisButtonClicked
                    ? `qris2`
                    : (selectionValMobile?.innerHTML ?? null);

                // console.log('[teststate]', globalQrisRadio, selectionValMobile?.value, selectionValMobile?.innerHTML)

                const stateChanged = val && lastStateBank !== val;

                if (stateChanged) {
                  console.log(
                    "[STATE CHANGED]",
                    val,
                    lastStateBank,
                    usernameGlobal,
                    !depositPushed,
                  );
                }

                const isQrisMenu = globalIsHideAllPg
                  ? true
                  : globalQrisRadioClicked ||
                    globalAutoQrisButtonClicked ||
                    chosenBanks.includes(
                      selectionValMobile?.innerHTML?.toLowerCase(),
                    );

                // Desktop bg-form is fully owned by applyQrisState wrapper system.
                // Legacy az-bot injection + form hiding below must NOT run on desktop,
                // else it mutates inside #az-qris-original and breaks restore.
                const desktopExists =
                  !!document.getElementsByClassName(desktopBgForm)?.[0];

                // Neutralize depositNode, despite state changes
                const depositNodeHide =
                  document.getElementById("deposit")?.parentNode?.parentNode;

                if (isQrisMenu && depositNodeHide && !desktopExists) {
                  depositNodeHide.style.display = "none";
                }

                if (stateChanged && usernameGlobal && !depositPushed) {
                  lastStateBank = selectionValMobile?.innerHTML;

                  if (!desktopExists) {
                    //   let azIframe = document.getElementById("az-iframe");
                    let azIframe =
                      document.getElementsByClassName("az-bot")?.[0];

                    if (
                      qrisBtnNode &&
                      // If aziframe does not exist yet
                      !azIframe
                    ) {
                      const depositNode =
                        document.getElementById("deposit")?.parentNode
                          ?.parentNode;

                      console.log("depnode", depositNode);

                      if (
                        document.getElementById("derpanzer").textContent !==
                          "derpanzer" ||
                        document.getElementsByClassName("translated-ltr")
                          .length > 0
                      ) {
                        window.alert(
                          "Harap matikan fitur terjemahan otomatis sebelum melanjutkan.",
                        );
                        return;
                      }

                      if (depositNode) {
                        // depositNode.outerHTML = `${iframeInside}${depositNode.outerHTML}`;
                        depositNode.insertAdjacentHTML(
                          "beforebegin",
                          getIframeInside("az-bot"),
                        );
                      }
                    } else if (
                      qrisBtnNode &&
                      // If aziframe does not exist yet
                      azIframe
                    ) {
                      // If aziframe exists, just hide
                      const depositNodeHide =
                        document.getElementById("deposit")?.parentNode
                          ?.parentNode;

                      depositNodeHide.style.display = "none";
                    }

                    // Wait for the qr to show up
                    // desktop qris

                    const desktopqris =
                      document.getElementsByClassName(desktopBgForm)?.[0];

                    if (desktopqris) {
                      setTimeout(() => {
                        let qrcodeEl = null;

                        if (globalIsHideAllPg) {
                          qrcodeEl =
                            document.getElementsByClassName(
                              "main-content",
                            )?.[0];
                        } else {
                          const ifr = document.getElementById("iframeweb");

                          const pgTabQrisEl = document.querySelectorAll(
                            "#iframeaudotdepoqris",
                          )?.[0];
                          const pgTabQrisElParent = pgTabQrisEl?.parentNode;

                          console.log("dqris", desktopqris, pgTabQrisEl);
                          console.log("parentnode", pgTabQrisElParent);

                          if (ifr) {
                            qrcodeEl = ifr;
                          } else if (desktopqris) {
                            qrcodeEl = desktopqris;
                          }

                          var iframeInside = `<iframe style="flex-grow: 1; width: 100%; min-height: ${
                            desktopqris ? `40` : `60`
                          }vh;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=${
                            desktopqris ? `light` : `dark`
                          }#/payment" />`;
                          var iframeContent = `
    <div style="display: flex; justify-content: center; width: 100%; min-height: ${
      desktopqris ? `40` : `60`
    }vh;">
        ${iframeInside}
    </div>

    `;

                          // set timeout, in case the iframe don't load
                          setTimeout(() => {
                            // Desktop bg-form is owned by applyQrisState wrapper system;
                            // skip legacy innerHTML inject so it can't wipe wrappers.
                            if (
                              qrcodeEl &&
                              !globalAutoQrisButtonClicked &&
                              qrcodeEl !== desktopqris
                            ) {
                              qrcodeEl.innerHTML = iframeContent;
                            }

                            if (
                              pgTabQrisEl &&
                              pgTabQrisElParent &&
                              globalAutoQrisButtonClicked
                            ) {
                              pgTabQrisElParent.removeChild(pgTabQrisEl);
                              pgTabQrisElParent.innerHTML += iframeInside;
                            }
                          }, 500);

                          // depositPushed = true;
                        }
                      }, 500);
                    }
                  }

                  if (isQrisMenu && !desktopExists) {
                    console.log("QRIS DETECTED");

                    const d = document.getElementsByClassName("az-bot");

                    if (d?.[0]) {
                      d[0].style.display = "block";
                    }

                    const depositNodeHide =
                      document.getElementById("deposit")?.parentNode
                        ?.parentNode;

                    console.log("depnodehide2", depositNodeHide);

                    if (depositNodeHide) {
                      depositNodeHide.style.display = "none";

                      console.log("depnodehide3", depositNodeHide);
                    }

                    var dAmount =
                      document.getElementsByClassName("depo-top bottom");

                    console.log("damount", dAmount);

                    if (dAmount?.[1]) {
                      dAmount[1].style.display = "none";
                    }

                    var submitBtn =
                      document.getElementsByClassName("submit-depo");

                    if (submitBtn?.[0]) {
                      submitBtn[0].style.display = "none";
                    }

                    // Start hide newblock
                    const namaBankNodeHide =
                      document.getElementById("nama-bank")?.parentNode;

                    if (namaBankNodeHide) {
                      namaBankNodeHide.style.display = "none";
                    }

                    const namaRekeningNodeHide =
                      document.getElementById("nama-rekening")?.parentNode;

                    if (namaRekeningNodeHide) {
                      namaRekeningNodeHide.style.display = "none";
                    }

                    const nomorRekeningNodeHide =
                      document.getElementById("nomor-rekening")?.parentNode;

                    if (nomorRekeningNodeHide) {
                      nomorRekeningNodeHide.style.display = "none";
                    }

                    var bankNotesWrapperNodeHide =
                      document.getElementsByClassName("bank-notes-wrapper");

                    if (bankNotesWrapperNodeHide?.[0]) {
                      bankNotesWrapperNodeHide[0].style.display = "none";
                    }
                  } else {
                    console.log("NON QRIS DETECTED");

                    // Hide bank
                    const d = document.getElementsByClassName("az-bot");

                    if (d?.[0]) {
                      d[0].style.display = "none";
                    }

                    const depositNodeHide =
                      document.getElementById("deposit")?.parentNode
                        ?.parentNode;

                    if (depositNodeHide) {
                      // desktop form is default block; flex breaks its layout
                      depositNodeHide.style.display = desktopExists ? "" : "flex";
                    }

                    // Reappear deposit amount
                    var dAmount =
                      document.getElementsByClassName("depo-top bottom");

                    if (dAmount?.[1]) {
                      dAmount[1].style.display = "block";
                    }

                    var submitBtn =
                      document.getElementsByClassName("submit-depo");

                    if (submitBtn?.[0]) {
                      submitBtn[0].style.display = "block";
                    }

                    // Start show newblock
                    const namaBankNodeHide =
                      document.getElementById("nama-bank")?.parentNode;

                    if (namaBankNodeHide) {
                      namaBankNodeHide.style.display = "flex";
                    }

                    const namaRekeningNodeHide =
                      document.getElementById("nama-rekening")?.parentNode;

                    if (namaRekeningNodeHide) {
                      namaRekeningNodeHide.style.display = "flex";
                    }

                    const nomorRekeningNodeHide =
                      document.getElementById("nomor-rekening")?.parentNode;

                    if (nomorRekeningNodeHide) {
                      nomorRekeningNodeHide.style.display = "flex";
                    }

                    var bankNotesWrapperNodeHide =
                      document.getElementsByClassName("bank-notes-wrapper");

                    if (bankNotesWrapperNodeHide?.[0]) {
                      bankNotesWrapperNodeHide[0].style.display = "block";
                    }
                  }
                }

                if (globalIsHideAllPg) {
                  lastStateBank = "qris2";
                } else {
                  if (globalQrisRadioClicked || globalAutoQrisButtonClicked) {
                    lastStateBank = `qris2`;
                  } else if (selectionValMobile?.innerHTML) {
                    lastStateBank = selectionValMobile?.innerHTML;
                  }
                }
              };

              // Wait for dd-select, then run intervalChangeCheck

              waitForElement(
                () => {
                  if (!desktopqris) {
                    return document.getElementsByClassName("dd-selected")?.[0];
                  } else {
                    return document.getElementsByClassName(desktopBgForm)?.[0];
                  }
                },
                "ddSelected",
                () => {
                  const executeInterval = () => {
                    if (desktopqris) {
                      console.log("registering radio ");
                      registerRadio();
                    }
                    // Run intervalChangeCheck once
                    intervalChangeCheck();

                    // Deposit checker changeval mobile
                    const banklistInput =
                      document.getElementsByClassName("dd-selected")?.[0];

                    console.log("banklist input", banklistInput);

                    if (!desktopqris) {
                      const observer = new MutationObserver(() => {
                        console.log(
                          "banklist change mutation observer triggered",
                        );

                        intervalChangeCheck();
                      });

                      observer.observe(
                        document.getElementsByClassName("dd-selected")?.[0],
                        { subtree: true, childList: true },
                      );
                    } else {
                      setInterval(() => {
                        intervalChangeCheck();
                        applyQrisState(); // re-assert iframe state vs site re-render
                        applyQrisFullState(); // re-assert full overlay vs re-render
                      }, 100);
                    }
                  };

                  if (desktopqris) {
                    registerRadio(); // bind pre-swap els so user can click <2s
                    //registerQrisMenuButton();
                    setInterval(() => {
                      registerRadio(); // idempotent: re-binds when radio set swaps (every page change)
                      //registerQrisMenuButton(); // idempotent: re-add if menu re-renders
                    }, 500);
                    executeInterval();
                  } else {
                    executeInterval();
                  }
                },
              );
            }
          };

          // Wait for username to be available
          waitForElement(
            () => extractUsername(),
            "usernameGlobal",
            () => {
              usernameGlobal = extractUsername();
              console.log("Username resolved:", usernameGlobal);

              // Only now begin loading the UI and injecting the iframe
              runMainLogic(); // << You must wrap all the DOM injection logic into this function
            },
          );
        },
      );
    }
  };

  if (!window.__azAppBooted__) {
    // global guard
    window.__azAppBooted__ = true;

    onReady(() => {
      // fire when DOM is ready
      console.log("[AZ] booting");
      azApp();
    });
  }
</script>

    <link rel="icon" type="image/png" href="/assets/img/mk/favicon.png?v=1781079827" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="csrf-token" content="7mESC5L5IBs5D3A5kUg8goywhxucoZW80k3yqtEI">

    <link href="/assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/vendor/animate/animate.css">
    <link rel="stylesheet" href="/assets/css/vendor/bootstrap-checkbox.css">
    <link rel="stylesheet" href="/assets/css/vendor/ribbons/3d-corner-ribbons.css">
    <link rel="stylesheet" href="/assets/js/vendor/text-rotator/css/simpletextrotator.css">
    <link rel="stylesheet" href="/assets/js/vendor/tabdrop/css/tabdrop.css">
    <link rel="stylesheet" href="/assets/css/fonts.css">

    <!-- Important Owl stylesheet -->
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.carousel.css">
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.theme.css">
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.transitions.css">

    <link rel="stylesheet" href="/assets/js/vendor/nivo-lightbox/css/nivo-lightbox.css">
    <link rel="stylesheet" href="/assets/js/vendor/nivo-lightbox/css/themes/default/default.css"
        type="text/css" />
    <link rel="stylesheet" href="/css/bank.css" type="text/css" />
    <link rel="stylesheet" href="/css/shio_svg.css">
    <link rel="stylesheet" href="/css/marquee.css?v=fdcfk6ova4v7l14wfzot">

                        
            <link rel="stylesheet"
                href="/assets/css/mk/mk2.css?v=1781079827">
            
    <link rel="stylesheet" type="text/css" href="/assets/css/game_compressed_ic.css">

            <link rel="stylesheet" href="/assets/css/defaultTheme.css">
        <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
    
    
    <script language="JavaScript">
        function OpenInNewTab(url) {
            var win = window.open('https://olxtoto.com/register', '_blank');
            win.focus();
        }
    </script>

    
    <!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='>
    </script> -->


<script type="text/javascript" src="/assets/js/jquery-2.2.4.min.js"></script>
    
    <style>
        .bank-status-blink {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Muli';
            margin: 0px !important;
        }

        .bank-wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        .dp_barcode img:hover {
            transform: scale(2) translateX(30px) translateY(-28px);
        }

        .dp_barcode img {
            transition: all 1s ease;
        }
    </style>

    
        <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- ADDITIONAL CSS -->
    <link rel="stylesheet" href="/assets/css/additional.css">
        <style>
        .w-100 {
            width: 100%;
            height: auto !important;
        }

        .mdlcenter {
            transform: translateY(50%) !important;
        }

        .modal-dialog {
            margin-top: 50% !important;
            transform: translateY(-100%) !important;
        }

        .modal-dialog .modal-content .modal-header {
            border-bottom: none;
            background: none;
        }

        .modal-dialog .modal-content {
            background: transparent;
            box-shadow: none;
            border: none;
            transform: translateY(-50%);
        }

        .ads-container {
            margin-top: 20px;
            display: grid;
            gap: 10px;
            grid-template-columns: 1fr 1fr;
        }

        .ads-container img {
            border-radius: 5px;
            border: 1px solid #fff;
            width: 100%;
        }
    </style>

    </head>

        <body class=''>
<!-- Preloader -->
<div class="mask">
    <div id="loader"></div>
</div>
<!--/Preloader -->
    <div style="position: absolute; float: right; z-index: 999999; right: 12%;top: 0;">
        <a href="#"
            onclick="window.open('https://form.6mbr.com/?webname=olxtoto.com&amp;lang=id','kritik_saran', 'width=600, height=1000');">
            <img src="/assets/img/feedback2.png" width="115px;">
        </a>
    </div>
    <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 9871945;
    window.__lc.integration_name = "manual_channels";
    window.__lc.product_name = "livechat";
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/9871945/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->


<!-- BEGIN NAVBAR -->

    <div class="navbar navbar-fixed-top" role="navigation"
            style="line-height:80px; height:80px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);"
     >

        <div class="container">

            <!-- Branding -->
            <div class="navbar-header">
                <!-- <a class="navbar-brand" href="/" data-0="margin-top: 6px;margin-left:0px;background-size: 260px 70px;" data-300="margin-top: 0px; margin-left:35px;background-size: 183px 60px;"></a> wdlaa natal-->
                                <a class="navbar-brand" style="background-size: 170px;background-position: bottom;"
                    href="/"></a>
                                <div class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <a href="#">
                        <i class="fa fa-lock"></i>
                    </a>
                </div>
            </div>
            <!-- Branding end -->
            <a href=""><span class="logo-imlek"></span></a>
            <div class="navbar-collapse collapse" data-0="margin-top: 0px;" data-300="margin-top: 0px;">
                <div class="col-md-4 margin"></div>
                <div class="row">
                    <input type="hidden" id="ceklogin" value="/ceklogin">
                    <form onsubmit="md5nohash(entered_password, vb_login_md5password, vb_login_md5password_utf, 0)">
                        <script type="text/javascript" src="/js/vbulletin_md5.js"></script>
                                                <div class="form-group col-sm-2" style="margin-top: 25px;">
                            <input type="text" class="form-control" placeholder="Username" id="navbar_username"
                                name="entered_login" tabindex="1" autocomplete="off">
                        </div>
                                                    <div class="form-group col-sm-2" style="margin-top: 25px;">
                                <input type="password" class="form-control" placeholder="Password"
                                    id="navbar_password" tabindex="2" name="entered_password" autocomplete=off>
                            </div>
                                                                        <button type="submit" class="btn btn-theme login" id="submitlogin" name="submitlogin"
                        value="1">LOGIN</button>
                                                <input name="vb_login_md5password" id="vb_login_md5password" type="hidden">
                        <input name="vb_login_md5password_utf" type="hidden">
                        <input type="hidden" name="submitlogin" value="1" />
                    </form>
                </div>
            </div>
            <!--/.navbar-collapse -->

        </div>

    </div>
    <!-- END NAVBAR -->

    <!-- BEGIN BREADCRUMBS -->
    <div id="breadcrumbs" class="breadcrumbs">
        <div class="container"></div>
    </div>
    <!-- END BREADCRUMBS -->
    <!-- RUNNING TEXT -->
    <div>
        <div class="container">
            <div class="row">
                <div class="col-sm-3 text-center news-head">
                    <h5><i class="fa fa-bullhorn"></i>&nbsp;&nbsp;Info Terkini:</h5>
                </div>
                <div class="col-sm-9 news-body">
                    <ul id="liscroll">
                        <li><a href="javascript:void(0);">
                                <qwe class="run-text-depan" ;>SELAMAT DATANG DI OLXTOTO BANDAR TOGEL, LIVE CASINO & SLOT TERBAIK DAN TERPERCAYA DI INDONESIA DENGAN BONUS - BONUS TANPA BATAS SETIAP HARI.</qwe>
                            </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END RUNNING TEXT -->
<script type="text/javascript">
    function proteksi() {
        if ((event.charCode >= 48 && event.charCode <= 57) || event.charCode == 8 || event.charCode == 9 || event
            .charCode == 95 || (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event
                .charCode <= 122)) {
            event.returnValue = true;
        } else {
            event.returnValue = false;
        }
    }
</script>

<!-- PAGE -->
        <section class="section margin-top">


<div class="container">

    <div class="row">
        <style>
.blink {
    text-decoration: blink;
    font-weight: bold;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}
.cycle-slideshow img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.text-regis {
    animation: blink 1.2s step-start infinite;
    transition: opacity 0.3s ease;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes  blink {
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
</style>
<div class="col-sm-3 blog-sidebar">

    <!-- NAV -->
    <ul class="nav menu sidebar-nav">
        <!-- <li><a href="index.php"><i class="fa fa-home"></i>&nbsp;&nbsp;Home</a></li> -->
        <li><a href="/rules-game"><i
                    class="fa fa-question-circle"></i>&nbsp;&nbsp;Cara Bermain</a></li>
                <li><a href="/history/number"><i
                    class="fa fa-line-chart"></i>&nbsp;&nbsp;History Nomor</a></li>
                <li><a href="/dream-book"><i
                    class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Buku Mimpi</a></li>
        <li><a href="/referral"><i
                    class="fa fa-users"></i>&nbsp;&nbsp;Referral</a></li>
                <li><a href="/support"><i class="fa fa-comments-o"></i>&nbsp;&nbsp;Hubungi Kami</a></li>
        
                <li><a href="/forgot/password"><i
                    class="fa fa-calendar"></i>&nbsp;&nbsp;Lupa Password</a></li>
                        <li><a href="/promotion"><i
            class="fa fa-window-restore"></i>&nbsp;Promosi</a></li>
    </ul>
    <div class="sidebar-button" align="center">
        <a class="btn btn-theme"
            href="/register" style="width: 100%"><span class="text-regis">Daftar</span></a>
    </div>
    <!-- END NAV -->

    <!-- LAST RESULTS -->
    <div class="results">
        <h4><i class="fa fa-calendar"></i>&nbsp;&nbsp;Hasil Terakhir</h4>
        <div class="btn-group custom-navigations circle-navigations with-heading no-top-margin">
            <span id="date-today-result"></span>
            <a href="javascript:void(0);" id="previous-result" class="btn prev prevControl"><i class="fa fa-angle-up"></i></a>
            <a href="javascript:void(0);" id="next-result" class="btn next nextControl"><i class="fa fa-angle-down"></i></a>
        </div>
        <div class="vertical-slider">
            <div class="cycle-slideshow" data-cycle-fx="scrollVert" data-cycle-timeout="3000" data-cycle-slides="> div"
                data-cycle-prev=".prevControl" data-cycle-next=".nextControl"
                style="position: relative; overflow: hidden;" id="result-slideshow">
                <img src="/mobile/assets/img/loader.gif" alt="">
            </div>
        </div>
    </div>
    <!-- END LAST RESULTS -->

    <!-- LAST WINNER -->
    <div class="results">
        <h4><i class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Berita Terakhir</h4>
        <div class="news-detail">
                        <div class="latest-news">
                <a href="/news/1506"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(0 0 0);color: #ffffff=" "="">*JAM & JADWAL PASARAN TOGEL</font></strong></marquee></a><br>
                                    <span class="dates">08-03-2026 16:10:04</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/1507"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(0 0 0);color: #ffffff=" "="">*DISKON TOGEL HADIAH TOGEL*</font></strong></marquee></a><br>
                                    <span class="dates">06-08-2025 17:34:00</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/1508"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(0 0 0);color: #ffffff=" "="">*JADWAL ONLINE OFFLINE BANK*</font></strong></marquee></a><br>
                                    <span class="dates">06-08-2025 16:46:13</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                                                <script>
    $(document).ready(function() {
        const $resultsElements = $(".results"); // Semua elemen dengan class "results"
        const limit = 76;

        // Sembunyikan semua elemen dengan class "results" terlebih dahulu
        $resultsElements.hide();

        // Tampilkan elemen-elemen dengan class "results" hingga mencapai batas limit
        $resultsElements.each(function(index, element) {
            if (index < limit) {
                $(element).show(); // Tampilkan elemen jika indexnya kurang dari batas limit
            } else {
                // Jika elemen tidak masuk dalam batasan limit, sembunyikan elemen ".slider" yang di atasnya
                $(element).prev(".slider").hide();
            }
        });
    });
</script>







<style>

.no-bottom {
    background: #000000 url(https://photoku.io/images/2026/06/02/bg-mobile-piala-dunia-neww2.jpeg)!important;
    background-size: 100%!important;
color: #000;
}

.inner-wrap {
    background: #00000061 !important;
}
@media only screen and (max-width: 1100px) {
.contact-button{display:none;}
.sidenav .closebtn{display:none;}
#mySidenav{display:none;}
mySidenav2{display:none;}
.bank{background-color: white !important;}
.bank{height: 25px !important;}
#btm_banner{display:none;}
}

@media only screen and (min-width: 1100px) {
.banmini{display: none !important;}
}

.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;WHATSAPP
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;
}
.results .lnnews {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 46px;
    padding: 2px;
}
.owl-theme .owl-controls .owl-page span {
    display: none;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    margin-bottom: -15px;
}

.custd-container {
    border-radius: 25px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 830px;
    height: 130px;
    margin-top: 10px;
}
.marquee.running-text {
    color: white;
    background: #840505;
    margin-bottom: 1px;
    line-height: 12px;
    text-shadow: 0px 0px 2px #f87076;
    box-shadow: 0px 0px 4px #ffe900;
    border: 1px solid #fa0505;
    font-size: 11px;
}

.note {
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 10px;
    text-shadow: 10px 4px 5px #000000;
}
a.buttonWrap.buttonlc2.button-orange {
    font-size: 13px;
    background: linear-gradient(270deg, rgba(201, 138, 0, 1) 0%, rgba(253, 243, 35, 1) 21%, rgba(253, 243, 35, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgba(252, 241, 34, 1) 73%, rgba(255, 247, 36, 1) 85%, rgba(201, 138, 0, 1) 100%);
    border: 2px solid #D0AD34;
    background-clip: padding-box;
    animation: borderAnimation 2s ease-in-out infinite;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 0px 0 rgb(255 202 0);
    color: #000000;
width: 100%;
    margin-top: 0px;
}

.button-reds {
    background: linear-gradient(to bottom,#21fd03 0%,#023f09 100%);
    border: 2px solid #06ff00;
}
.custd-bg {
    background-color: #5f0000;
    font-family: Muli !important;
}

.custd-25px {
    font-size: 25px;
    font-family: dinpro;
    color: #fff;
    font-weight: bold;
    font-family: Muli !important;
}

.custd-18px {
    font-size: 16px;
    font-family: dinpro;
    color: #fff;
    font-family: Muli !important;
}

.custd-15px {
    font-size: 15px;
    font-family: dinpro;
    color: #fff;
    font-family: Muli !important;
}

.custd-right {
    text-align: right;
    font-family: Muli !important;
}

.custd-left {
    text-align: left !important;
    font-family: Muli !important;
    margin-left: 2px;
}

.custd-center {
    vertical-align: center;
    font-family: Muli !important;
}
 .progresif-jackpot1 {
    font-size: 39px;
    font-weight: bold;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    width: 100%;
    height: 100px;
  
}

.bungkus-jackpot1 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    background: url(https://photoku.io/images/2024/11/29/new-progressif-jackpot-olx-webp5a7ec57c1b240b15.webp) center;
    background-size: 100%;
    width: 80%;
margin-top: -326px;
}

    .progresif-jackpot1 span {
        color: white;
        margin-right: 15px;
    }

.progress21,
.progress31 {
    padding: 3px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar21,
.progress-bar31 {
    height: 10px;
    border-radius: 30px;
    background-image:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;
    transition-property: width, background-color;
}

.progress-moved2 .progress-bar21 {
    width: 10%;
    background-color: #ff0000;
    animation: progressAnimation21 3s;
}

@keyframes progressAnimation21 {
    0% {
        width: 1%;
        background-color: #ff0000;
    }

    100% {
        width: 10%;
        background-color: #ff0000;
    }
}

.progress-moved11 .progress-bar31 {
    width: 30%;
    background-color: #ff0000;
    animation: progressAnimation31 3s;
}

@keyframes progressAnimation31 {
    0% {
        width: 1%;
        background-color: #ff0000;
    }

    100% {
        width: 30%;
        background-color: #ff0000;
    }
}

.app_title {
    font-size: 15px;
    font-weight: bold;
    color: #ffcc00;
}


.app_slogan {
    font-size: 11px;
    color: #FFF;
    letter-spacing: 0px;
}
    font-size: 14px;
    padding: 8px 8px;
    color: #000;
    background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
    box-shadow: 0px 0px 3px #ffe900;
    border: 1px solid #f6fa05;
    border-radius: 20px;
}
@media only screen and (max-width: 600px) {
    .app_title {
        font-size: 13px;
        font-weight: bold;
        color: #ffcc00;
    }

    .app_slogan {
        font-size: 10px;
        color: #FFF;
        letter-spacing: 0px;
    }

    .btn-green {
        font-size: 12px;
        padding: 8px 8px;
        color: #000;
        background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
        box-shadow: 0px 0px 3px #ffe900;
        border: 1px solid #f6fa05;
        border-radius: 20px;
    }

    .space {
        right: 9px !important;
    }

}

.results {
background-image: linear-gradient(to bottom, #1a1a1a 0%, #000000 100%);
color: #fff !important;
border: 1px solid #ffd200 !important;
}

.button-orange {
    background: linear-gradient(to bottom, #f00d0d 0%, #b42323 50%, #d91111 50%, #a91414 50%, #cf0404 100%);
}

@media only screen and (max-width: 300px) {
    .header-logo2 {
        width: 146px;
        height: 45px;
        margin-top: 0px;
        margin-left: 20%;
        margin-right: auto;
    }

    .app_title {
        font-size: 11px;
        font-weight: bold;
        color: #ffcc00;
    }

    .app_slogan {
        font-size: 8px;
        color: #FFF;
        letter-spacing: 0px;
    }

    .btn-green {
        font-size: 8px;
        padding: 8px 8px;
        color: #000;
        background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
        box-shadow: 0px 0px 3px #ffe900;
        border: 1px solid #f6fa05;
        border-radius: 20px;
    }

    .button-red {
        background: linear-gradient(to bottom, #fd0000 0%, #340303 100%);
        box-shadow: 2px 2px 9px 0px #ff0000;
        border: 1px solid #ff0000;
        font-size: 15px;
    }
}
.progresif-jackpot {
    font-size: 22px;
    font-weight: bold;
    padding: 28px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    background: url(https://photoku.io/images/2024/11/29/new-progressif-jackpot-olx-webp5a7ec57c1b240b15.webp) center;
    background-size: 100%;
    width: 100%;
    margin: 10px auto;
    height: 70px;
}

.bungkus-jackpot {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: flex;
    align-items: center;
    padding-top: 0px;
    justify-content: center;
    border-radius: 0px;
}

.progresif-jackpot span {
    color: white;
    margin-right: 15px;
}

.slick-dots {
    display: none !important;
}

.slider-olx {
    width: 80%;
    margin: 0 auto;
}

.slick-slide img {
    width: 100%;
}

.buttonjoin:nth-child(4) {
 display:none
}


a.buttonWrap.buttons.button-blue.contactSubmitButton {
    display: none !important;
}
.button-aaa {
background: #fed804;

}

.button-aab {
background: #fed804;

}

.button-aac {
background: #fed804;

}

.button-aad {
background: #fed804;

}

.button-aaf {
background: #fed804;


}

.button-blue {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
box-shadow: none;
border: 1px #404040 solid;
color: #000000;
border: 2px solid #08f1ff;
}
.buttonWrap {
    background: linear-gradient(270deg, rgb(0 194 201) 0%, rgb(0 136 193) 21%, rgb(0 154 255) 33%, rgb(0 236 255) 44%, rgb(9 200 215) 60%, rgb(34 126 252) 73%, rgb(0 180 255) 85%, rgb(0 217 255) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #00e9f1, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
    color: #000;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
:root {
  --one: #F6E290;
  --two: #936C18;
  --three: #4F3102;
  --four: #B68929;
  --five: #F0C45F;
  --six: #FEFDF9;
  --seven: #03040A;
  --eight: #9F7331;
  --gold-one: #A56407;
  --gold-two: #C37B09;
  --gold-three: #CE8A22;
  --gold-four: #D59D15;
  --gold-five: #D9B12A;
  --gold-six: #E8CB40;
}

.header-logo2{
margin-left: auto;
    margin-right: auto;
}
.header-logo2 {
    width: 170px !important;
    height: 51px !important;
    margin-top: 5px !important;
}

input[type="text"], input[type="password"], select, textarea
{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}




input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}




h1, h2, h3, h4, h5, h6 {
    font-family: arial;
    color: #ffffff;
}


.panel-blue {
    background: #0000004d !important;
}



.news-head {
     background: rgb(254, 216, 4);
     border-radius: 1px 1px 1px 50px;

}

.news-head > h5 {
    color: black;
    font-weight: bold;
text-transform: uppercase !important;
}



.bottomnv li {
    display: inline-block;
    list-style-type: none;
}

.bottomnv li a {
    line-height: 11px;
    display: block;
    background: rgb(21, 21, 41) !important;
    border-radius: 10px 10px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    padding: 4px 16px;
}
.buttondapk {
    background-image: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000000;
}


.button-green {
background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);
box-shadow: inset 0 -2px 0 #00fff4;
border: 1px #404040 solid;
color: #000000;
}
.buttonlc {

    position: absolute;
    top: 18px;
    right: 20px;
    width: 70px;
    font-size: 10px !important;
    margin-right: -17px;
}

.byebye {
width: 100%;
background-color: black;
color: white;
margin-top: 150px;
}


.modal-content{
background-color: #000000 !important;
}

.modal-header {
    border-bottom: 1px solid #000000;
}

.accordion-content{
display: none;
}


#header2 {
    height: auto;
    left: -0px;
    margin: 130px 0 0;
    padding: 0;
    position: absolute;
    width: 183px;
}
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.info-side {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20000+0,940000+50,740000+50,740000+50,4c0000+100 */
    background: #e20000; /* Old browsers */
    background: -moz-linear-gradient(top, #e20000 0%, #940000 50%, #740000 50%, #740000 50%, #4c0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20000', endColorstr='#4c0000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    float: left;
    margin-bottom: 5px;
    padding: 7px 15px;
    position: relative;
    width: 100%;
}
.info-side p{ margin-bottom:0px; font-size:14px; color:#fff;}
.info-side .mobinfo-title{font-family: 'AvenirNextLTPro-Bold';}
.info-icon {
    background-color: #efefef;
    border-radius: 50%;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4) inset;
    color: #484848;
    font-size: 24px;
    height: 38px;
    line-height: 60px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -2px;
    width: 38px;
}
.info-icon i {
    position: relative;
    top: -9px;
}
.blackb > img {
    margin-top: -9px;
    width: 60%;
}
.call-icon > img {
    margin-top: -10px;
    width: 60%;
}
.line-icon > img {
    margin-top: -9px;
    width: 60%;
}

@media (max-width: 767px) {
    #slider_secon {
        display: none;
    }
    .cont-mob {
        padding: 0 !important;
        overflow:hidden;
    }
    .banner-head {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .banner-col .banner-pic {
        margin-bottom:0px !important;
    }
}


.btn-group.with-heading {
display : none;

}

.owl-pagination {
    margin-top: -14px;
    margin-bottom: 5px;
}
.list-menu-mobile {
 width: 100%;
 margin-top: 5px;
}

.list-menu-mobile a {
 width: 20%;
 padding: 0px 5px;
 display: inline-block;
 margin-top: -7px;
}

.list-menu-mobile a img {
 width: 100%;
margin-top: 20px;
}

.button-red {
background: linear-gradient(to bottom,#fdf200 0%,#ffbe00 100%);
    box-shadow: 2px 2px 3px 0px #fbff00;
    border: 1px solid #fff700;
    color: #000000;
}

.grubsearchPasaran {
width: 100%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 6px;
    background: linear-gradient(to right top, #ffb500, #c39900, #ffee5f, #ab8c00, #ffbc00);
    border: 1px solid #ffcf00 !important;
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    position: relative;
  }
  .grubsearchPasaran input {
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 5px;
    color: #ffffff;
    letter-spacing: 1px;
    background: #000000;
    box-shadow: none;
  }
  .grubsearchPasaran img {
    width: 28px;
    margin-right: 5px;
    filter: brightness(10) drop-shadow(1px 2px 2px #00000054) contrast(1);
  }
  .grubsearchPasaran input::placeholder {
    color: #b3bfc5;
  }

.footer {
    background: #000000ba;
    font-size: 12px;
    color: #868686;
    border-top: 3px solid #ffd900;
    z-index: 5;
    border-radius: 18px;
}
.kotak3 {
  background-image: linear-gradient(to bottom, #470101 0%, #d50000 100%)!important;
  border-radius: 15px 2px 15px 5px !important;
  color: #000 !important;
  box-shadow: inset 0px 0px 0px 1px rgb(215 0 0), inset 0px 2px 0px 0px rgb(131 0 0), inset 0px 0px 0px 2px rgb(255 0 0), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
border: 1px #ff0000 groove!important;
  margin-bottom: 15px;
}



.olx-wrap {
    margin-inline: auto;
    padding: 0px 12px 2px;
    text-align: center;
    margin-top: -25px;
    width: 100%;
}

 .olx-title {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    background-size: 300% 300%;
    animation: olxShimmer 4s ease infinite;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    margin-bottom: 1px;
    letter-spacing: 1px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
text-shadow: 0px 0px 8px #000000, 0px 0px 16px #000000;
}
    @keyframes olxShimmer {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

   .olx-search-pill {
    flex: 1;
    height: 39px;
    border-radius: 50px;
    background: linear-gradient(270deg, #c3a200, #ffe700, #ffa500);
    background-size: 400% 400%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 1000;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    box-shadow: inset 1px 1px 0 rgb(255 186 0), 0 6px 14px rgba(0, 0, 0, 0.35);
    border: 2px solid #FFC107;
    animation: olxGradient 6s ease infinite;
    position: relative;
    overflow: hidden;
    transition: filter 0.2s ease;
font-size: 17px;
}

    .olx-search-pill::after {
        content: "";
        position: absolute;
        top: 0;
        left: -75px;
        width: 50px;
        height: 100%;
        background: rgba(255, 255, 255, 0.35);
        transform: skewX(-20deg);
        transition: all 0.3s ease;
    }

    .olx-search-pill:hover::after {
        left: 130%;
        transition: all 0.5s ease;
    }

    .olx-search-pill:hover {
        box-shadow: 0 12px 26px rgba(204, 46, 46, 0.55), 0 0 18px rrgba(204, 46, 46, 0.4) filter: brightness(1.08);
    }

    /* Search strip wrapper */
  .olx-search-strip {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 2px solid gold;
    padding: 5px;
    background: #000000;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 6px 18px rgba(0, 0, 0, 0.35);
    margin-bottom: 0px;
    border-radius: 50px;
    height: 53px;
}

    .olx-search-icon {
        width: 43px;
        height: 43px;
        min-width: 42px;
        display: grid;
        place-items: center;
        background: gold;
        border: 2px solid #FFC107;
        color: #fff;
        border-radius: 999px;
        justify-content: center;
        align-items: stretch;
        justify-items: stretch;
        align-content: center;
    }

@keyframes olxGradient {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }
 
</style>

<style>

    @media only screen and (max-width:600px){
#snackbar-mobile{
visibility:hidden;
width:53rem;
box-shadow: inset 0px 0px 0px 2px rgb(255, 208, 0), inset 0px 2px 0px 0px rgb(245, 205, 7), inset 0px 0px 0px 2px rgb(250, 221, 5), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
background: linear-gradient(to bottom, #ffc400 0%, #ffea00 50%, #ffc400 100%);
color: #000000;
text-align: center;
border-radius: 25px;
position: fixed;
font-family: Glory,sans-serif;
z-index: 99999999999999999999999999999999999999999999999999999999999999;
border:2px solid #fbff00 !important;
display: flex !important;
gap:1rem;
align-items: center;
max-width:95%;
height:60px;
left:2%;
font-size:12px;
bottom:3%;
padding:.3rem;
transform: translateX(0);
margin-top: auto;
}
.snackbar-mobile-icon{
max-width:2rem;
padding-right:.6rem
}

.snackbar-mobile-img{
max-width: 50px;
margin-left: 1rem;
border: 2px solid #000000;
border-radius: 8px
}

#snackbar-mobile.tampil{
visibility: visible;
-webkit-animation:.8s fadein,.8s 4.5s fadeout;
animation:.8s fadein,.8s 4.5s fadeout
}

@-webkit-keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@-webkit-keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

@keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

#snackbar-mobile span,#snackbar-mobile strong{
font-weight:700;
color: #000000 !important;
background: linear-gradient(358deg, #b30000, #ea0000, #ea0000) !important;
-webkit-background-clip: text !important;-webkit-text-fill-color: #ff000000 !important;
}

.snackbar-mobile-nominal{
font-size:1rem
}

#withdraw-mobile{font-size:.8rem}
}
</style>

<script src="https://olx.recamweek.com/snackbarmobile.js"></script>





<script>
$('<marquee style="color: white;margin-bottom: -6px;border: 1px solid #fff200;margin-top: 0px;background: #000;">SELAMAT DATANG DI OLXTOTO AGENT TOGEL & LIVE CASINO TERBAIK DAN TERPERCAYA INDONESIA DENGAN BONUS - BONUS TANPA BATAS & DISKON TOGEL TERBESAR.</marquee>').insertBefore($('.owl-carousel'));
</script>


<!-- style button lc -->
<style>

.pool-result {
    color: black;
}
.pool-date{
    color: white;
}
.pool-name{
  font-weight: bold;
}

.page-header{
padding-bottom: 0px;
margin: 0px;
}


.panel-blue {
    background: rgb(181, 181, 11);
    background: -moz-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(138,7,7,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(-45deg, rgb(254, 216, 4) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(135deg, rgb(254, 216, 4) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0707', endColorstr='#000000', GradientType=1 );
}


.panel {
    background: #000;
}

.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.buttonlc2 {
    line-height: 20px;
    padding-bottom: 24px;
    min-width: 43%;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(to left, #fff000 0%,#ffaf19 50%,#ffe600 100%);
    color: #000000;
box-shadow: inset 0 1px 0 #ff7c00;

}
.button-orange {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
color: #000000;
    border: 2px solid #ffe808;
}

.button-yellow{
    background-image: linear-gradient(to bottom,#f6f300 0%,#ffbb00 30%);
    animation: none;
    border: 2px solid #faa105 !important;
    box-shadow: 0px 0px 3px #ffe900;
}


.buttong {
    box-shadow: inset 0 0 0 1px #c0392b, inset 0 2px 0 0 #c0392b, inset 0 4px 4px 2px #ad0000, 3px 3px 3px 1px rgba(0,0,0,0.2);
    background-image: linear-gradient(to bottom,#c0392b 0%,#ad0000 50%,#FF0000 100%);
    border: 1px solid #ad0000 !important;
    animation: none;
    color: #fff;
}

@-webkit-keyframes change-color {
 0%{
    color:black;
 }
50% { color:white;
}
 100%{
    color:black;
 }
}

@keyframes change-color {
 0%{
    color:white;
 }
 50% { color:white;
}
 100%{
    color:black;
 }

} 

.pukiayam {
width: 100%;
height: 230px;
}
</style>

<style type='text/css'>
.hermez-app .page-header.smartb1.shead {
    height: 72px !important;
}

.hermez-app .smartb2.sindex {
    top: 0px !important;
}

.hermez-app .content.smartb4.scontent {
    margin-top: 0px !important;
}

.hermez-app .slc {
    top: 17px !important;
}
.list-menu-mobile {
    display:flex;
    padding-top: 10px;
}
.list-menu-mobile img {
    padding: 0px;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.gradientText{
     position: absolute;
     background: linear-gradient(180deg, rgba(244,223,74,1) 20%, rgba(243,219,51,1) 60%, rgba(242,215,29,1) 90%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 20px;
     font-weight: 900;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-family: 'aller';
}

.buttong {
    border: 1px solid gold;
}
.textSitus {
     color: #ffffff;
     border-image-width: 150px;
     padding-top: 5px;
     text-align: center;
     border-bottom-style: groove;
}

#close_button:hover {
  color: #ffcc00;
}
.button-biru {
    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    background-color: #79bbff;
    box-shadow: inset 0 -4px 0 #30659a;
}


.modal {
        z-index: 105000;
}
.modal-backdrop{
        z-index: 10400;
}
.modal-backdrop.in {
        opacity: .9;
}
.modal-content {
        background-color: transparent;
        border:none;
        box-shadow: none !important
}


.modal-header {
        border-bottom: none;
}
.close {
        font-size: 25px;
        opacity: 1;
        color: #000;
    background-color: rgb(255 234 0);
}

.box-middle {
        padding: 0;
        border: 4px groove #f59100;
        margin: 0 5px 0px;
        max-width: 267px;
        border-radius: 10px;
        position: relative;
        transition: all 0.3s ease;
        display: inline-block;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 2px;
        height: 100%;
        width: 100%;
    }

.btn-close{
    width: 80%;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(270deg, rgb(252, 207, 3) 0%, rgb(252, 244, 3) 21%, rgb(252, 186, 3) 33%, rgb(252, 227, 3) 44%, rgb(252, 215, 3) 60%, rgb(252, 186, 3) 73%, rgb(252, 240, 3) 85%, rgb(252, 219, 3) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #000000;
    border: 2px solid #fff400;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 6px 1px #ffdf00, inset 0 1px 0 0 #fffa00, inset 0 0 0 2px #ffe400, 3px 3px 3px 1px rgba(0, 0, 0, .2);
}
.modal-mobile {
    background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.modal-mobile.hidden {
    display: none;
}

.modal-mobile.show {
    opacity: 1;
    visibility: visible;
}

.modal-mobile .modal-container-mobile {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.modal-mobile .body {
    display: inline-block;
    padding: 10px;
}
.popup-img {
width: 100%;
height: auto;
}

.modal-mobile-qris .hidden {
        display:block;
    }
    
    .modal {
        z-index:10500000 !important;
    }
    .modal-mobile-qris {
        background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
    }

    .modal-mobile-qris .modal-container-mobile-qris {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 200px;
    }

    .modal-mobile-qris .body {
        display: inline-block;
        padding: 10px;
    }
      @keyframes spin {
        0%   {width:0px; height:0px; transform: rotate(360deg);}
        25%  {width:100px; height:100px;}
        50%  {width:200px; height:200px; }
        75%  { width:300px; height:300px; }
        100% { width:400px; height:400px; }
      }
      .modal-mobile .body {  
              /* This section calls the slideInFromLeft animation we defined above */
              animation: spin 1s ease-out forwards;
        }
      }

</style>

<!-- end button lc -->



<script type="text/javascript">
$(window).on('load', function () {
     $('.smartb1').addClass('shead');
     $('.smartb2').addClass('sindex');
     $('.smartb3').addClass('slc');
     $('.smartb4').addClass('scontent');

const ua = navigator.userAgent;
const hermez = !!( window.hermez || ua === 'Mozilla/5.0 (Linux; Android 10; SM-A205U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.62 Mobile Safari/537.36' || ua.includes('Hermez-WV') );

console.log('test', hermez);
if( ! hermez ) {

$('.app-container').append('<div id="smart_banner" style="position: fixed; width: 100%; padding: 10px; font-family: Verdana, arial, sans-serif; color: #fff; background: linear-gradient(to right, #1b1b1b 0%, #1b1b1b 50%, #1b1b1b 100%); height: inherit; transition: all 0.5s cubic-bezier(0, 1, 0.5, 1) 0s; overflow: hidden;"><div class="app_icon" style="width: 43px;margin: 0px 0px 0px 10px;"><img src="https://olx.recamweek.com/OLXTOTO/ICON/povicon_apk.png"alt="App Icon" style="display: block; max-width: 100%;"></div><div class="app_info" style="position: absolute;left: 65px;top: 10px;"><div class="app_title" style="font-size: 15px;font-weight: bold;color: #ffcc00;">APLIKASI OLXTOTO</div><div class="app_slogan" style="font-size: 11px;color: #FFF;letter-spacing: 0px;">Kini telah tersedia Aplikasi Android</div></div><div class="download_button" style="position: absolute;right: 5px;margin-top: -39px;"><a href="https://olx.recamweek.com/OLXTOTO/olx.apk" target="_blank" title="Download Apk OLXTOTO" class="btn btn-green" style="font-size: 12px;padding: 8px 8px;color: #000;background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);border-radius: 20px;border: 2px solid #05f4fa;box-shadow: 0px 0px 3px #00d3ff;"><strong>DOWNLOAD</strong></a></div><span id="close_button" style="position: absolute;display: block;top: 0px;left: -4px;width: 25px;height: 63px;color:#fff;text-align: center;font-size: 18px;line-height: 60px;">x</span></div>');

} else {
document.body.classList.add('hermez-app');
}


$("#close_button").click(function(){
    $('.app-container').hide();
    $('.smartb1').removeClass('shead');
    $('.smartb2').removeClass('sindex');
    $('.smartb3').removeClass('slc');
    $('.smartb4').removeClass('scontent');
    $('.app-container').remove();
    });
});
</script>


<style>
#at4-follow, #at4-foc {
        right: 84%;
    width: 213px;
}
.at4-follow .at4-follow-inner {
    padding: 5px 5px 5px 5px;
}
</style>
<style>
a#highlight {
    color: #FFF;
    animation: blur .9s ease-out infinite;
    text-shadow: 0px 0px 1px #FFDF00, 0px 0px 1px #FFDF00;
}

}
</style>


<script>
$(document).ready(function(){
if (document.location.pathname == "/m/") {
        $(".banmini").show();
    }   

});
</script>

<script>
$(document).ready(function(){
if (document.location.pathname == "//m/") {
        $(".banmini").show();
    }   

});
</script>

<script>
$(document).ready(function(){
$(".byebye").click(function(){
        $(".banmini").hide();
    });
$(".banmini").click(function(){
        $(".banmini").hide();
    });
});
</script>

<script>
$(document).ready(function(){
if (document.location.pathname == "//m/") {
        $(".banmini").show();
    }   

});
</script>


<script type="text/javascript">
    $(document).ready(function() {
      $(".slide1").slideUp();
    });

    function slide(a) {
      if ($(".slide" + a).is(":hidden")) {
        $(".slide" + a).slideDown();
      } else {
        $(".slide" + a).slideUp();
      }
    }
</script>
<style>
.wrapper2 {
    margin-top: 0px!important;
padding: 10px 20px;
}
</style>


<style>
.mask #loader {
    background: url(https://photoku.io/images/2024/11/29/loadinglogo.gif) center center no-repeat!important;
    background-size: 100%!important;
    width: 100px!important;
    height: 100px!important;
}</style>

<!-- Code Untuk Slide Mobile-->
<script type='text/javascript'>

  
$('<div class="list-menu-mobile"><a href="https://surkale.me/prediksi"target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/prediksitogel.gif" alt="TOGEL"></a><a href="https://surkale.me/Rtp" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/rtpslot.gif" alt="SLOT"></a><a href="https://yakale.me/keluhan" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2025/10/24/keluhan-member.gif" alt="Keluhan Member"></a><a href="https://surkale.me/promo" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/promo-1.gif" alt="PROMOSI"></a><a href="https://surkale.me/buktijp" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/buktijp.gif" alt="BUKTI JACKPOT"></a></div>').insertBefore($(".wrapper2"));
</script>

<script type='text/javascript'>

$('.owl-carousel').owlCarousel({
  loop:true,
  margin:10,
  autoPlay: true,
})

</script>



<script>
$('<p style="margin-top:5px; text-align: center; margin-bottom:18px;"><span style="color: white; text-shadow: 0px 0px 10px #777777, 0px 0px 20px #777777; font-size: 15px;">Klik Untuk Menghubungi CS OLXTOTO:</span></p><div class="buttoncontact"><div style=" margin-bottom:5px; display:flex;"><a href="https://yakale.me/teleolx1" target="_blank"><img src="https://imgku.io/download/tJKXbyoF.png" height="100%" width="100%" style="display: block;"></a><a href="https://yakale.me/teleolx2" target="_blank"><img src="https://imgku.io/download/pLK1dwVW.png" height="100%" width="100%" style="display: block;"></a></div><div style=" margin-bottom:5px; display:flex;"><a href="https://secure.livechatinc.com/licence/9871945/open_chat.cgi" target="_blank"><img src="https://photoku.io/images/2024/11/29/LIVECHAT.png" alt="LIVECHAT OLXTOTO" height="100%" width="100%" style="display: block;"></a><a href="https://yakale.me/Waofficial1" target="_blank"><img src="https://imgku.io/download/Z7bEM9dK.png"alt="WHATSAPP OLXTOTO" height="100%" width="100%" style="display: block;"</a></div></div>').insertAfter('.wrapper2');


$('<a title="survey" href="https://yakale.me/Surveyolx" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">SURVEY KEPUASAN LAYANAN</a>').insertAfter('.wrapper2');

$('<a title="telegrambot" href="https://t.me/olxtotogamebot" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">TELEGRAM GAME BOT</a>').insertAfter('.wrapper2');

$('<a title="group" href="https://surkale.me/GroupOlx" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">GROUP FACEBOOK</a>').insertAfter('.wrapper2');

$('<a title="JADWAL PASARAN TOGEL" href="https://olxpasaran.info/" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">JADWAL PASARAN TOGEL</a>').insertAfter('.wrapper2');

$('<div style="border: 1px ridge #00b9ff; margin-top:10px; display:table;margin-left: 20px;margin-right: 5px;width: 90%;"><a href="https://surkale.me/agenolx"  target="_blank"><img title="AGENOLX" src="https://photoku.io/images/2025/08/13/agenolx-new-gif-webp.webp" style="padding-top:0px;" alt="AGENOLX" height="" width="100%"></a></div>').insertAfter('.wrapper2');


$('<div class=olx-wrap><div class=olx-title>CARI OLXTOTO DISINI <svg aria-hidden=true class="dark:text-white h-6 text-gray-800 w-6"fill=none height=24 viewBox="0 0 24 24"width=24 xmlns=http://www.w3.org/2000/svg><path d="m8 7 4 4 4-4m-8 6 4 4 4-4"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 /></svg></div><div class=olx-search-strip><div class=olx-search-icon aria-hidden=true><img alt="search OLXTOTO"height=35 src=https://photoku.io/images/2025/09/15/cari.png srcset="search OLXTOTO"width=35></div><a class=olx-search-pill href=https://www.carikita.id rel="nofollow noopener"target=_blank>www.carikita.id</a></div></div>').insertAfter('.wrapper2');


$('<section class="slider-olx"><div><img src="https://photoku.io/images/2024/11/29/GATE-OF-OLYMPUS.png"></div><div><img src="https://photoku.io/images/2024/11/29/GATOT-KACA.png"></div><div><img src="https://photoku.io/images/2024/11/29/GOLDEN-LION.png"></div><div><img src="https://photoku.io/images/2025/08/21/power-odin-olxtoto.png"></div><div><img src="https://photoku.io/images/2024/11/29/LUCKY-FORTUNE.png"></div><div><img src="https://photoku.io/images/2024/11/29/MAHJONG-WAYS.png"></div><div><img src="https://photoku.io/images/2024/11/29/STARLIGHT-PRINCESS.png"></div><div><img src="https://photoku.io/images/2024/11/29/SWEET-BONANZA.png"></div><div><img src="https://photoku.io/images/2024/11/29/TREASURE-OF-AZTEC.png"></div><div><img src="https://photoku.io/images/2024/11/29/WILD-BANDITO.png"></div></section>').insertAfter('.wrapper2');

$('<div class=bungkus-jackpot><div class=progresif-jackpot><span>IDR</span>1,131,665,972</div></div>').insertAfter($(".wrapper2"));

$('.note.left').html('Versi WAP');
</script>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
function updateNumber() {
var element = document.querySelector('.progresif-jackpot');
var currentNumber = parseFloat(element.textContent.replace(/[^\d]/g, ''));
var increment = Math.floor(Math.random() * 5000) + 1; 
var newNumber = currentNumber + increment;
element.innerHTML = '<span>IDR</span>' + formatNumber(newNumber);
}

function formatNumber(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}


setInterval(updateNumber, 100);
</script>
<script>
$(document).ready(function () {
$('.slider-olx').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true,
responsive: [
{
  breakpoint: 768,
  settings: {
    slidesToShow: 3
  }
},
{
  breakpoint: 480,
  settings: {
    slidesToShow: 3
  }
}
]
});
});
</script>



<script>
    function updateNumber() {
        var element = document.querySelector('.progresif-jackpot1');
        var currentNumber = parseFloat(element.textContent.replace(/[^\d]/g, ''));
        var increment = Math.floor(Math.random() * 5000) + 1;
        var newNumber = currentNumber + increment;
        element.innerHTML = '<span>IDR</span>' + formatNumber(newNumber);
    }

    function formatNumber(number) {
        return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
    }

    setInterval(updateNumber, 100);
</script>


<!-- Code Untuk Ganti Pop Up HP-->
<script>
$(document).ready(function(){
$(".byebye").click(function(){
        $(".banmini").hide();
    });
$(".banmini").click(function(){
        $(".banmini").hide();
    });
});
</script>

<!-- Code Untuk Nama Lite Mode-->
<script type="text/javascript">
$('.note.left.underline').text('Versi WAP').removeClass("underline");
</script>

<script type="text/javascript">
$('.note.right.underline').removeClass("underline");
</script> 


<script>
    $(document).ready(function () {
        var iconUser = '<div class="iconuserlogin"><img src="https://photoku.io/images/2024/11/29/icon_user_.png" alt=""></div>';
        var iconKey = '<div class="iconkeylogin"><img src="https://photoku.io/images/2024/11/29/icon_passw.png" alt=""></div>';

        $('.wrapper2').append(iconUser + iconKey);
    });
</script>


<style>
 .iconuserlogin {
position: absolute;
    top: 41px;
    left: 18px;
    background: #000000;
    border-radius: 17px 0 0 17px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #000000;
    border: 1px solid #fff000;
}

    .iconuserlogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }

    .iconkeylogin {
        position: absolute;
        top: 91px;
        left: 18px;
        background: #000000;
        border-radius: 17px 0 0 17px;
        padding: 10px 13px;
        box-shadow: 1px 0 5px #000000;
border: 1px solid #fff000;
    }

    .iconkeylogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }
</style>


<meta name="google-site-verification" content="2LHACtt56yD_7Kgww65yKZPU2dtcR001KZkUqIsLRZQ" />

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-221530554-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-221530554-1');
</script>

<script>
    document.addEventListener("keydown", function (event) {
      if (event.ctrlKey && event.shiftKey && event.key === "I") {
        event.preventDefault();
      }
      if (event.ctrlKey && event.key === "u") {
        event.preventDefault();
      }
      if (event.key === "F12") {
        event.preventDefault();
      }
    });

    document.addEventListener("contextmenu", function (event) {
      event.preventDefault();
    });

  </script>




<script>
$(document).ready(function() {
// Mengganti href untuk setiap elemen <a> yang mengandung '/m/lupa-password'
$('a[href*="/forgot/password"]').attr('href', 'https://t.me/Olxlupapas');
});
</script>



<style>
    .modal-mobile {
        background-color: rgba(0, 0, 0, 0.4);
        /* Transparent dimmed overlay */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
        z-index: 20;
    }

    .box-middle {
        padding: 0;
        border: 4px groove #f59100;
        margin: 0 5px 0px;
        max-width: 267px;
        border-radius: 10px;
        position: relative;
        transition: all 0.3s ease;
        display: inline-block;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 2px;
        height: 100%;
        width: 100%;
    }

    .modal-mobile.hidden {
        display: none;
    }

    .modal-mobile .modal-container-mobile {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 200px;
    }

    .modal-mobile .body {
        display: inline-block;
        padding: 10px;
    }
    .popup-img {
        width: 100%;
        height: auto;
    }
</style>


    <!-- LEADERBOARDS -->
    <div style="position: absolute;z-index: 99;right:-235px;">
        <div onclick="OpenInNewTab()"></div>
            </div>
    
    <div id="slider" class="slider">
        <div class="owl-carousel owl-theme" style="height: auto">
                                                                        <div class="item">
                            <img src="https://photoku.io/images/2026/06/04/slide-jerserynewwww.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/06/04/bg-piala-dunia-olx.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/06/04/SLIDE-TEBAK-SCORE.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/06/04/slide-tebak-bintang-3.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/06/04/event-tebak-juara.jpeg" width="840px" />
                        </div>
                                                                                                                                <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SlideBannerHomepage840480.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SliderIDNArcadeDreamBlackjack.jpg" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SliderIDNSlotGoldenGoalRush.jpg" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidergp.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidersnc.webp" width="840px" height="482" />
                </div>
                    </div>
    </div>
    <!-- END SLIDER -->
    <!-- BANNER -->
    <!-- data banner diambil dari database -->
    <!-- END BANNER -->

                
    <!-- LATEST RESULTS -->
    <!-- data diambil dari table cache_lobby berdasarkan jenisgame -->
    <div id="latest-results" class="margin-top-15">
        <div class="owl-carousel owl-theme gameicon">
                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-hongkong.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-24dspin.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-dice6.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-totomacau.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-totomacau5d.jpg"
                                class="w-100">
                        </div>
                                                                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-24d.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-roulette.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-sicbo[dice].jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-sydney.jpg"
                                class="w-100">
                        </div>
                                                
        </div>
        <br>
        <!-- nomor telpon dan social media -->
            </div>
    <!-- END LATEST RESULTS -->

                
    

            </div>
        
    </div>

</div>
<!-- END CONTENT -->

</div>
</div>
    </section>
            <section class="section" id="bank">
                <div class="container">
                    <div class="row">

                        <div class="col-md-3">

                            <div class="btn-group custom-navigation circle-navigation with-heading no-top-margin">
                                <h4 class="no-top-margin uppercase"><i
                                        class="fa fa-history"></i>&nbsp;&nbsp;<strong>Jadwal</strong> Bank</h4>
                                <div class="nav-bank">
                                    <button type="button" class="btn prev"><i class="fa fa-angle-left"></i></button>
                                    <button type="button" class="btn next"><i class="fa fa-angle-right"></i></button>
                                </div>
                            </div>

                        </div>

                        <div class="col-md-9">

                            <div class="owl-carousel owl-theme bankscroll">
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bca">
                                        </div>
                                        <img src="/assets/img/global/banks/bca.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online mandiri">
                                        </div>
                                        <img src="/assets/img/global/banks/mandiri.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bri">
                                        </div>
                                        <img src="/assets/img/global/banks/bri.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bni">
                                        </div>
                                        <img src="/assets/img/global/banks/bni.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online danamon">
                                        </div>
                                        <img src="/assets/img/global/banks/danamon.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online permata">
                                        </div>
                                        <img src="/assets/img/global/banks/permata.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online panin">
                                        </div>
                                        <img src="/assets/img/global/banks/panin.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online ovo">
                                        </div>
                                        <img src="/assets/img/global/banks/ovo.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online gopay">
                                        </div>
                                        <img src="/assets/img/global/banks/gopay.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online dana">
                                        </div>
                                        <img src="/assets/img/global/banks/dana.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online linkaja">
                                        </div>
                                        <img src="/assets/img/global/banks/linkaja.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bsi">
                                        </div>
                                        <img src="/assets/img/global/banks/bsi.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online maybank">
                                        </div>
                                        <img src="/assets/img/global/banks/maybank.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bank_jago">
                                        </div>
                                        <img src="/assets/img/global/banks/bank jago.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online seabank">
                                        </div>
                                        <img src="/assets/img/global/banks/seabank.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online shopeepay">
                                        </div>
                                        <img src="/assets/img/global/banks/shopeepay.png?v=1781079827"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                            </div>
                            <div>
                                <center>
                                    <span style="line-height: 0.8;">Bank Online (<div
                                            style="display: inline-block;background: #89e745;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Gangguan (<div
                                            style="display: inline-block;background: #f7f014;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Offline (<div
                                            style="display: inline-block;background: #ff0000;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>)</span>
                                </center>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        <!-- END PAGE -->
<div class='col-xs-12 footer-menu'>
  <div class="container" style="text-align:center;">
    <ul style="display:inline-flex;list-style:none;font-size:16px;margin:0px;padding:0px;line-height:10px;">
          </ul>
  </div>
</div>
<footer id="footer">
  <div class="footer-main">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="widget widget-about">
                          <p>
                        <!-- ambil data footer dari table agency_runtext; -->
            <style>
body {
    font-family: Arial, sans-serif;
    color: #808080;
    background-color: #f5f5f5;
    margin: 0px !important;
cursor: url('https://photoku.io/images/2025/08/13/cursor.png'), auto;
}

#content .panel-heading center h2{
  display: none;
}

#content .panel-heading:nth-child(1), #content .panel-heading:nth-child(2), #content .panel-heading:nth-child(3), #content .panel-heading:nth-child(4), #content .panel-heading:nth-child(5), #content .panel-heading:nth-child(6), #content .panel-heading:nth-child(7), #content .panel-heading:nth-child(8), #content .panel-heading:nth-child(9), #content .panel-heading:nth-child(10), #content .panel-heading:nth-child(11), #content .panel-heading:nth-child(12), #content .panel-heading:nth-child(13), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(15), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(16), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(17), #content .panel-heading:nth-child(18), #content .panel-heading:nth-child(19), #content .panel-heading:nth-child(20), #content .panel-heading:nth-child(21), #content .panel-heading:nth-child(22), #content .panel-heading:nth-child(23), #content .panel-heading:nth-child(24), #content .panel-heading:nth-child(25), #content .panel-heading:nth-child(26), #content .panel-heading:nth-child(27), #content .panel-heading:nth-child(28), #content .panel-heading:nth-child(29), #content .panel-heading:nth-child(30) {
    margin-top: -60px;
padding: 10px;
  }




/* Pop-up container */
#pop-up-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 1rem; /* beri jarak di mobile */
}

/* Background hitam transparan */
#bg-black {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    opacity: 0;
    animation: fade-in 0.5s forwards;
}

/* Wrapper pop-up */
#pop-up-wrapper {
    width: 90%;
    max-width: 500px;
    background: #ffffff00;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    text-align: center;
    animation: swirl-in-fwd 0.6s forwards;
}

/* Gambar pop-up */
#pop-up-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tombol */
#pop-up-wrapper button {
    width: 100%;
    padding: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(270deg, rgb(252, 207, 3) 0%, rgb(252, 244, 3) 21%, rgb(252, 186, 3) 33%, rgb(252, 227, 3) 44%, rgb(252, 215, 3) 60%, rgb(252, 186, 3) 73%, rgb(252, 240, 3) 85%, rgb(252, 219, 3) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #000000;
    border: 2px solid #fff400;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 6px 1px #ffdf00, inset 0 1px 0 0 #fffa00, inset 0 0 0 2px #ffe400, 3px 3px 3px 1px rgba(0, 0, 0, .2);
}

/* Animasi gradient tombol */
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

/* Animasi muncul dan hilang pop-up */
@keyframes fade-in { from {opacity: 0;} to {opacity: 1;} }
.fade-out { animation: fade-out 0.5s forwards; }
@keyframes fade-out { from {opacity:1;} to {opacity:0;} }

@keyframes swirl-in-fwd { 0% {transform: rotateX(-90deg) scale(0); opacity:0;} 100% {transform: rotateX(0deg) scale(1); opacity:1;} }
.swirl-out-bck { animation: swirl-out-bck 0.5s forwards; }
@keyframes swirl-out-bck { 0% {transform: rotateX(0deg) scale(1); opacity:1;} 100% {transform: rotateX(90deg) scale(0); opacity:0;} }

/* ---------- RESPONSIVE MOBILE ---------- */
@media (max-width: 768px) {
    #pop-up-wrapper {
        width: 95%;          /* Lebar lebih fleksibel di mobile */
        max-width: 400px;    /* Maksimal 400px agar muat di layar kecil */
        font-size: 1rem;     /* Sesuaikan teks */
    }

    #pop-up-wrapper button {
        font-size: 1rem;     /* Ukuran tombol lebih kecil di mobile */
        padding: 0.8rem;
    }
}

@media (max-width: 480px) {
    #pop-up-wrapper {
        width: 100%;          /* Lebar penuh layar kecil */
        max-width: 360px;
        font-size: 0.95rem;
    }

    #pop-up-wrapper button {
        font-size: 0.95rem;
        padding: 0.7rem;
    }
}

.wbutton {
width : 150px;
margin-top : 13px;

}
.wrapper-category {
background : transparent !important;
margin-bottom: 30px !important;
}
.wrapper-category .btn-cat-spesial, .wrapper-category .btn-cat-provider {
border-radius: 18px 0 !important;
    margin: 0 15px !important;
}

li {
color: white;
}

body {
    background: #000000 url(https://photoku.io/images/2026/06/02/bg-piala-dunia-neww2.jpeg) center center no-repeat !important;
    background-attachment: fixed !important;
background-position: top;
     background-size: cover !important;
}

.animatedcolor, .animatedcolor i
{
    -webkit-animation: color-change 1s infinite;
}
</style>




<script>
window.onload = function() {
    // Temukan elemen dengan class 'fa-window-restore' yang ada di dalam li promosi
    const promoLink = document.querySelector('a[href="/promotion"]');

    if (promoLink) {
        // Buat elemen img untuk label HOT menggunakan gambar PNG
        const hotImage = document.createElement('img');
        hotImage.classList.add('hot-label');
        hotImage.src = 'https://photoku.io/images/2025/11/26/pngg.png';  // Ganti dengan URL gambar PNG Anda
        hotImage.alt = 'HOT';

        // Sisipkan gambar HOT setelah teks promosi
        promoLink.appendChild(hotImage);

        // Menambahkan CSS secara dinamis
        const style = document.createElement('style');
        style.innerHTML = `
            .hot-label {
width: 55px;
    height: auto;
    animation: blink 1s infinite;
    margin-left: 0px;
    position: absolute;
    margin-top: -5px;
            }

            @keyframes blink {
                0% { opacity: 1; }
                50% { opacity: 0; }
                100% { opacity: 1; }
            }
        `;
        document.head.appendChild(style);  // Menambahkan style ke head
    }
};

</script>

<script>
var bb855 = document.getElementsByClassName('sidebar-nav')[0];
var html = "<li><a href='https://yakale.me/prediksI' target='_blank'><i class='fa fa-newspaper-o'></i>Prediksi Togel</a></li>";
bb855.insertAdjacentHTML('beforeend',html);
</script>

<script>
var bb855 = document.getElementsByClassName('sidebar-nav')[0];
var html = "<li><a href='https://yakale.me/buktijP' target='_blank'><i class='fa fa-money'></i>Bukti Pembayaran</a></li>";
bb855.insertAdjacentHTML('beforeend',html);
</script>


<script>
var bb855 = document.getElementsByClassName('sidebar-nav')[0];
var html = "<li><a href='https://yakale.me/keluhan' target='_blank'><i class='fa fa-wpforms'></i>Keluhan Member</a></li>";
bb855.insertAdjacentHTML('beforeend',html);
</script>


<script>
var tombolside = '<a href="https://yakale.me/agenolX"><img class="btn-img" src="https://photoku.io/images/2025/08/13/button_1.jpeg" align="center"></a></div>';
bb855.insertAdjacentHTML('afterend',tombolside,);
</script>


  

<style>

.box-middle {
    padding: 0;
    border: 2px groove #dbaf4c;
    margin: 0 5px 10px;
    max-width: 267px;
    display: inline-block;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.post-card3 {
    position: relative;
    transition: all .3s ease;
    border-radius: 10px
}

.post-card3:hover {
    transform: scale(1.05);
    z-index: 10
}

.post-card3 img {
    border-radius: 10px;
    max-width: 100%;
    height: auto
}

.post-card3 a,
.post-card3 a:hover {
    text-decoration: none;
    color: #f1f1f1
}

.post-card3 .post-overlay {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    z-index: 5
}

.post-card3-link {
    position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #fff;
    font-size: 17px;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    font-family: Helvetica, sans-serif
}

.post-card3:hover .post-card3-link {
    opacity: 1
}

#historyDepoWd {
  display: flex;
  background: #000000;
  gap: 10px;
}

#historyDepoWd .historyDepo,
#historyDepoWd .historyWD {
  flex: 1;
  padding: 10px;
  color: #111a2dc2;
}

#historyDepoWd .historyTitle {
  font-weight: 600;
  font-size: 16px;
  background: linear-gradient(to bottom, #ffdc00 0%, #ffc200 50%, #ffbb00 100%)!important;
  display: flex;
  padding: 5px;
  justify-content: center;
  color: #001f1a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: black;
border: 2px solid #fff000;
}

#historyDepoWd .riwayatContainer {
  padding: 10px;
  background: #ffdd00;
  color: #c38108;
  list-style: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 210px;
  min-height: 210px;
  overflow: auto;
  margin: 0;
}

#historyDepoWd .riwayatContainer .riwayatItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

#historyDepoWd .riwayatContainer .riwayatItem:not(:last-child) {
  margin-bottom: 5px;
}

#historyDepoWd .riwayatContainer .riwayatItem .riwayatUser {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 576px) {
  #historyDepoWd {
    flex-direction: column;
    gap: 0;
  }
}

.navbar-fixed-top {
    background-color: transparent !important;
    box-shadow: none !important;
    background: url(https://photoku.io/images/2026/05/31/bg-navbar-piala-dunia-2026.png) bottom center no-repeat;
    background-size: cover;
}

img.btn-img {
    position: relative;
    border-radius: 6px 20px 0px 0px;
    transition: .2s;
    margin-left: 8px;
    margin-bottom: 8px;
    width: 242px;
    margin-top: -8px;
}

img.btn-img:hover {
box-shadow: 0px 0px #5b99cb;
 opacity: 0.8;
  cursor: pointer;
top: 2px;
}

.wimage {
    border-radius: 0px;
    width: 650px;
    height: 132px;
}

.blog-divider {
    margin: 40px 0;
}

.latest-news > a {
color: white;
  font-family: futura;
  font-weight: bold;
}

.latest-news .dates {
color: white;
}

@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-o-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}


.bank {
    text-align: center;
    width: 145px;
    height: 87px;
    padding: 0px !important;
    background-color: rgba(0,0,0,0);
    border: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-left: 0px;
}

.owl-wrapper .owl-item:nth-child(1) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BCA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MANDIRI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BRI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BNI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANAMON-6.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/CIMB-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PERMATA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PANIN-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/OVO-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/GOPAY-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(11) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(12) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/LINK-AJA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(13) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BSI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(14) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MAYBANK-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(15) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/JAGO-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(16) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SEABANK-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(17) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SHOPEEPAY-ONLINE.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(1) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BCA-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MANIDIRI-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BRI-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BNI-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANAMON-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/CIMB-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PERMATA-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PANIN-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/OVO-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/GOPAY-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(11) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANA-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(12) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/LINK-AJA-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(13) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BSI-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(14) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MAYBANK-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(15) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/JAGO-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(16) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SEABANK-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(17) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SHOPEEPAY-OFFLINE.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(1) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BCA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MANDIRI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BRI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BNI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANAMON-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/CIMB-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PERMATA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .trouble {
width: 145px !important;
  height: 94px  !important;
background: url('https://photoku.io/images/2025/08/13/PANIN-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/OVO-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/GOPAY-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(11) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(12) .bank .trouble {
width: 145px !important;
  height: 94px  !important;
background: url('https://photoku.io/images/2025/08/13/LINK-AJA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(13) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BSI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(14) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MAYBANK-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(15) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/JAGO-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(16) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SEABANK-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(17) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SHOPEEPAY_TROUBLE.webp') 0px 0px no-repeat !important;
}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_singapore.webp") !important;}/*singapore*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_syd.webp") !important;}/*sydney*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_hongkong.webp") !important;}/*hk*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ttm.webp") !important;}/*TOTOMACAU*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ttm5d.webp") !important;}/*TOTOMACAU5d*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_bogota.webp") !important;}/*BOGOTA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pcso.webp") !important;}/*PCSO*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_bullseye.webp") !important;}/*BE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kentuckymid.webp") !important;}/*KENTUCKY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_virginiaday.webp") !important;}/*VIRGINIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_cambo.webp") !important;}/*CAMBODIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_china.webp") !important;}/*CHINA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_carolinaday.webp") !important;}/*Carolina*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pheonix.webp") !important;}/*PHOENIX*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_buffalo.webp") !important;}/*BUFFALO*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_taiwan.webp") !important;}/*TAIWAN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_portland.webp") !important;}/*PORTLAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_korea.webp") !important;}/*KOREA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_thailand.webp") !important;}/*THAILAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_floridamid.webp") !important;}/*FLORIDAMID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_indianamid.webp") !important;}/*INDIANAMID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_missourimid.webp") !important;}/*MISSOURI-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_japan.webp") !important;}/*japan*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newyorkmid.webp") !important;}/*NEWYORK-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pennsylvania1.webp") !important;}/*PENNSYLVANIA-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(26) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pennsylvania2.webp") !important;}/*PENNSYLVANIA-EVE-2*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(27) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_indianaeve.webp") !important;}/*INDIANA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(28) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_floridaeve60382df033d19b5c.webp") !important;}/*FLORIDA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(29) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kentuckyeve.webp") !important;}/*KENTUCKY-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(30) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_missourieve.webp") !important;}/*MISSOURI-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(31) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newjerseyeve.webp") !important;}/*NEW-JERSEY-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(32) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newyorkeve.webp") !important;}/*NEW-YORK-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(33) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newjerseymid.webp") !important;}/*NORTH-CAROLINA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(34) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_virginianight.webp") !important;}/*VIRGINIA-NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(35) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texasday.webp") !important;}/*TEXAS DAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(36) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texaseve.webp") !important;}/*TEXAS EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(37) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texasnight.webp") !important;}/*TEXAS NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(38) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texasmor.webp") !important;}/*TEXAS MORNING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(39) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_tennessemid.webp") !important;}/*TENNESSE MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(40) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_tennesseeve.webp") !important;}/*TENNESSE EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(41) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_tennessemor.webp") !important;}/*TENNESSE MORNING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(42) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_illinoismid.webp") !important;}/*ILLINOIS MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_illinoiseve.webp") !important;}/*ILLINOIS EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(44) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_whasingtonmid.webp") !important;}/*WASHINGTON DC MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(45) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_whasingtoneve.webp") !important;}/*WASHINGTON DC EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(46) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_michiganmid.webp") !important;}/*MICHIGAN MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(47) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_michiganeve.webp") !important;}/*MICHIGAN EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(48) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ohiomid.webp") !important;}/*OHIO MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(49) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ohioeve.webp") !important;}/*OHIO EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(50) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_jakarta.webp") !important;}/*jakarta*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(51) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_georgiamid.webp") !important;}/*GEROGIA MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(52) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_georgiaeve.webp") !important;}/*GEROGIA EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(53) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_georgianight.webp") !important;}/*GEROGIA NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(54) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_california.webp") !important;}/*CALIFORNIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(55) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_marylandmid.webp") !important;}/*MARYLAND MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(56) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_rhodeisland.webp") !important;}/*RHODE ISLAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(57) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_delawareday.webp") !important;}/*DELAWARE DAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(58) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_delawarenight.webp") !important;}/*DELAWARE NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(59) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_wiconsin.webp") !important;}/*WICONSIN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(60) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_german.webp") !important;}/*GERMAN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(61) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_marylandeve.webp") !important;}/*MARYLAND EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(62) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_atlanta.webp") !important;}/*ATLANTA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(63) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kingkong.webp") !important;}/*KINGKONG 4D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(64) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_moscow.webp") !important;}/*MOSCOW*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(65) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_boston.webp") !important;}/*BOSTON*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(66) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_freetown.webp") !important;}/*freetown*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(67) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kingston.webp") !important;}/*kingston*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(68) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_lima.webp") !important;}/*limapools*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(69) {  content:url("https://photoku.io/images/2025/08/13/OSLO_POOLS.webp") !important;}/*oslopools*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(70) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pokerdice.webp") !important;}/*pokerdice*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(71) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_suwit.webp") !important;}/*suwit*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(72) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_redwhite.webp") !important;}/*redwhite*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(73) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_oglok.webp") !important;}/*oglok*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(74) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_gongball.webp") !important;}/*gongball*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(75) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_24D.webp") !important;}/*24D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(76) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_billiard.webp") !important;}/*BILLIARDS*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(77) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_12D.webp") !important;}/*12D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(78) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_IDNSLOT.webp") !important;}/*idnslot*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(79) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_habanero.webp") !important;}/*habanero*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(80) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pragmatic.webp") !important;}/*pragmaticplay*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(81) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_toptrend.webp") !important;}/*toptrend*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(82) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pgsoft.webp") !important;}/*pgsoft*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(83) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_microgaming.webp") !important;}/*microgaming*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(84) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_playstar.webp") !important;}/*GMWSLOT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(85) {  content:url("https://photoku.io/images/2025/08/13/SLOTMANIA.jpeg") !important;}/*SLOTMANIA*/

.owl-carousel.bankscroll  {
    margin-top: -150px;
}

.navbar-collapse.collapse.skrollable.skrollable-between {
    background: url(https://photoku.io/images/2026/05/31/giffmbappee-finall.gif);
    background-size: 10%;
    background-repeat: no-repeat;
    /*animation: move 10s linear infinite;*/
    background-size: 7%;
    background-position: 200px;
    background-repeat: no-repeat;
    
}
@keyframes move {
    from {
        background-position: 100% center;
    }
    to {
        background-position: 0% center;
    }
}
.navbar-collapse.collapse.skrollable.skrollable-after {
    background: url(https://photoku.io/images/2026/05/31/giffmbappee-finall.gif);
    background-size: 7%;
    background-position: 200px;
    background-repeat: no-repeat;
    transition: 0.5s;
    /*animation: move 10s linear infinite;*/

    
}

ul.newsticker > li > a {
color: #000000 !important;
}

.news-head > h5 > i {
    color: #fdf303;
background: black;
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.modal-content {
    background-color: #00000000 !important;
}

.results > h4 > i {
    color: #fdf303;
background: black;
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-group.with-heading {
display : none;

}


button.btn-theme, .btn.btn-theme:hover
{
color: black;
}


button.btn-theme, .btn.btn-theme
{
background-image: linear-gradient(to bottom, #ffeb00 0%, #d29100 100%);
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(255 191 0), inset 0px 2px 0px 0px rgb(255 170 0), inset 0px 0px 0px 2px rgb(255 189 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
}

.form-control {
    border-radius: 15px !important;
}
.wcover p {
    color: white !important;
}
.wcover {
    width: 650px;
    background: #000;
    color: white;
    padding: 10px;
    display: none;
    box-shadow: rgb(255 204 0 / 90%) 0 6px 12px -2px, rgb(255 204 0 / 90%) 0 3px 7px -3px;
    border-radius: 10px;
}

@media only screen and (max-width: 1100px) {
.contact-button{display:none;}
.sidenav .closebtn{display:none;}
#mySidenav{display:none;}
mySidenav2{display:none;}
.bank{background-color: white !important;}
.bank{height: 25px !important;}
.bank{width : 24% !important;}
#btm_banner{display:none;}
}

@media only screen and (min-width: 1100px) {
.banmini{display: none !important;}
}

.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;
}



.button-aaa {
background: #fed804;

}

.button-aab {
background: #fed804;

}

.button-aac {
background: #fed804;

}

.button-aad {
background: #fed804;

}

.button-aaf {
background: #fed804;

}

.button-blue {
background: #fed804 !important;
box-shadow: none;
border: 1px #404040 solid;
}



.header-logo2{
margin-left: auto;
    margin-right: auto;
}

input[type="text"], input[type="password"], select, textarea
{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}




input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}


.results h4 {
color: black;

}

.navbar-collapse .row .col-sm-7 {
    margin-left: 150px !important;
}

.news-head > h5 > i {
    color: #3c5f67;
}


h1, h2, h3, h4, h5, h6 {
    font-family: arial;
    color: #ffffff;
}


.fa-bullhorn:before {
    content: "\f0a1";
color: black;
}

.panel-blue {
    background: #000 !important;
}

.results {
  background: #fed804;
    color: #000 !important;
}
.reset-password-container {
display: none;
}

.news-head {
     background: rgb(254, 216, 4);
     border-radius: 1px 1px 1px 50px;

}

.news-head > h5 {
    color: black;
    font-weight: bold;
text-transform: uppercase !important;
}



.bottomnv li {
    display: inline-block;
    list-style-type: none;
}

.bottomnv li a {
    line-height: 11px;
    display: block;
    background: rgb(21, 21, 41) !important;
    border-radius: 10px 10px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    padding: 4px 16px;
}

.bottomnv_active {
    border-bottom: 1px solid yellow!important;
    border-top: 1px solid yellow!important;
    border-left: none;
    border-right: none;
    text-transform: uppercase;
    color: yellow!important;
}

a {
    color: white;
    text-decoration: none;
}


.contactusbg:nth-child(1) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(2) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(3) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(4) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(5) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

element.style {
    text-align: center;
    float: left;
    margin: 0px 5px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.col-lg-102 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-offset-125 {
    margin-left: 13.33333333%;
}

.col-xs-102 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-sm-offset-125 {
    margin-left: 8.33333333%;
}

.col-md-offset-125 {
    margin-left: 8.33333333%;
}

.yellowfoot {
    width: auto;
    padding: 0px 0px 0px;
}

footer#footer {
background: url(https://photoku.io/images/2026/06/01/footer-gambar-bawah-piala-dunia-new.jpeg) bottom center no-repeat;
    border-top: 1px solid #ffd800;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
    width: 1170px;
    margin: auto;
    box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
    background-color: #000;
}
footer#footer .footer-bottom {
    padding: 20px 0;
    background-color: transparent !important;
    font-size: 12px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}
.bottomnv {
    width: auto;
}

.bottomnv .blacktp {
    list-style-type: none;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: auto;
    padding-right: 55px;
}

.blog-posts ol, ul {
    color: #fff;
    line-height: 20px;
    padding: 0 25px;
    font-weight: 300;
}

.contactusbg:nth-child(1) {
    background: url(https://photoku.io/images/2025/08/13/facebook.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(2) {
    background: url(https://photoku.io/images/2025/08/13/tweeter.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(3) {
    background: url(https://photoku.io/images/2025/08/13/instagram.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(4) {
    background: url(https://photoku.io/images/2025/08/13/bukti-jp.png) no-repeat;
    width: 19%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(5) {
    background: url(https://photoku.io/images/2025/08/13/youtube.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.blog-sidebar .nav.menu > li > a {
    color: #ffffff;
    padding: 8px 0;
    border-bottom: 1px solid #ffd200;
    font-size: 16px;
    padding-left: 10px;
    background: linear-gradient(to bottom, #000000 0%, #191919 100%);
    border-right: 6px solid #ffe000;
    border-left: 4px solid #ffd300;
    border-top: 1px solid #ffd000 !important;
    border-radius: 35px !important;
    line-height: 20px;
    margin-bottom: 5px !important;
}

.section .container {
    background: #000000;
box-shadow: rgb(0 0 0 / 100%) 0 32px 62px -2px, rgb(0 0 0 / 100%) 0 30px 32px -3px;
}

#bank.section .container {
    background: #000000;
    margin-bottom: -5px;
}

.news-body {
     background: rgb(254, 216, 4);
}
.slider .owl-theme .owl-controls .owl-page span {
display: none;
}
.slider #progressBar {
display: none;
}
.owl-theme .owl-controls {
    margin-top: 0px;
    text-align: center;
}

.animation {
    height: 50px;
    overflow: hidden;
    margin-left: 1rem;
}

.animation>div>div {
    padding: 0.25rem 0.75rem;
    height: 2.81rem;
    margin-bottom: 2.81rem;
    display: inline-block;
}

.animation div:first-child {
    animation: text-animation 8s infinite;
}

.Slot-olxtoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}


.casino-olxtoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}

.card-slotgame {
  position: relative;
  overflow: visible;
}

.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.daftar-slot-olxtoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.daftar-casino-olxtoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.card-slotgame:hover .daftar-slot-olxtoto {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
}

.card-slotgame:hover .daftar-casino-olxtoto {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
}


.daftar-slot-olxtoto::before,
.daftar-slot-olxtoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-slot-olxtoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(0 0 0 / 50%) 68%, rgba(12, 13, 19) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(0, 0, 0, 0.8) inset;}
}
.daftar-slot-olxtoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-slot-olxtoto::before,
.daftar-slot-olxtoto::after {
  opacity: 1;
}


.daftar-casino-olxtoto::before,
.daftar-casaino-olxtoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-casino-olxtoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(0 0 0 / 50%) 68%, rgba(12, 13, 19) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(0, 0, 0, 0.8) inset;}
}
.daftar-casino-olxtoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-casino-olxtoto::before,
.daftar-casino-olxtoto::after {
  opacity: 1;
}



.card-slotgame:hover .daftar-slot-olxtoto::after {
  height: 120px;
}


.card-slotgame:hover .daftar-slot-casino::after {
  height: 120px;
}
.character {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  transition: all 0.5s;
}

.card-slotgame:hover .character {
  opacity: 1;
  transform: translateY(-10%);
}

@keyframes shadow {
    0% {
        box-shadow: inset 20px -14px 20px gold;
    }

    100% {
        box-shadow: inset 20px -20px 20px red;
    }
}

.link-alternatif-olxtoto-terbaik {
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin-top: 15px;
    margin: 30px auto;
}

.link-alternatif11 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.png);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white;
    text-shadow: 0px 0px 1px black;
    color: red;
    font-weight: bold !important;
}

.link-alternatif12 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.png);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white;
    text-shadow: 0px 0px 1px black;
    color: red;
    font-weight: bold !important;
}

.link-alternatif13 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.png);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white;
    text-shadow: 0px 0px 1px black;
    color: red;
    font-weight: bold !important;
}

.alternatif-dasar {
    display: flex;
}

.info-alternatif {
    border-top: 1px solid gold;
    margin-top: 4px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 13px;
    color: rgb(0 0 0);
    font-family: helvetica;
    text-shadow: 0 2px 1px rgb(255, 255, 255);
}

.alternatif-dasar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

a.link-alternatif11:hover {
    text-decoration: none;
    color: black;
}

a.link-alternatif12:hover {
    text-decoration: none;
    color: black;
}

a.link-alternatif13:hover {
    text-decoration: none;
    color: black;
}

.container-footer-bawah {
    max-width: 700px;
    margin: 25px auto;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    z-index: 99999;
}
.news-detail {
    width: 100%;
    height: 168px;
    display: inline-block;
    background: rgba(0, 0, 0, 1);
    padding: 5px 15px;
    color: #fff;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #ddb600;
    border-radius: 4px;
    overflow-x: hidden ! important;
    overflow-y: auto ! important;
}

.results-detail {
    width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 1);
    padding: 0px 15px;
    color: #fff;
    -webkit-transition: all 0.25s linear;
    border: 1px solid #ddb600;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.results-detail {
    min-height: 30px !important;
}

#slide-left1 {
        position: fixed;
        top: 110px;
        background: linear-gradient(149deg, rgb(0 0 0) -5%, rgb(97 0 0) 27%, rgb(70 0 0) 39%, rgba(129, 0, 0, 1) 63%, rgb(72 0 0) 80%, rgb(47 0 0) 98%);
        z-index: 99999;
        width: 180px;
        left: -180px;
        min-height: 180px;
        text-align: center;
        transition: left .4s ease-in-out;
        -o-transition: left .4s ease-in-out;
        -ms-transition: left .4s ease-in-out;
        -moz-transition: left .4s ease-in-out;
        -webkit-transition: left .4s ease-in-out;
        border-radius: 0px 12px 32px 0;
        border: 1px solid gold;
    }

    #toggle-left1 {
        font-size: 20px;
        position: absolute;
        z-index: 99999;
        left: 180px;
        text-align: center;
        cursor: pointer;
    }

    .card-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .card-img {
        width: 150px;
        height: auto;
        margin-bottom: 5px;
        margin-left: 20px;
    }

    .hours {
        margin: 20px;
    }

    .img-kontak {
        width: 50px;
        margin: 10px;
        padding-bottom: 9px;
        border-bottom: 5px double gold;
    }

    .img-kontak:hover {
        border-bottom: 5px double rgb(255, 0, 0);
    }


    .daftar-btn-bawah {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
.linkalte {
    color: black;
    text-decoration: none;
}

.linkalte:visited {
    color: #FFFFFF;
}

.linkalte:hover {
    color: rgb(113, 113, 113);
}

.linkalte {
    text-decoration: none;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
}

#fl_menu {
    position: fixed;
    top: 66px;
    right: 0px;
    z-index: 9999;
    width: 180px;
    height: 42px;
    display: block;
    overflow: visible;
    height: 0.5s;
}

#fl_menu:hover {
    height: 190px;
}

.menuaa {
    width: 185px;
    background: rgba(0, 0, 0, 0.6);
}

.menu_item {
    display: block;
    background: #f647472e;
    color: #003300;
    border-top: 0px;
    border-color: #d9aa0c;
    padding: 8px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    width: 179px;
    border-bottom: 1px #f03434 solid;
    padding: 10px;
}

.menu_item:hover {
    background: rgba(0, 40, 65, 0.5);
    text-decoration: none;
    color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    #fl_menu {
        display: none;
    }
}

.menuaa table,
.menuaa table tbody tr td {
    border: 0px;
}

</style>



<meta name="keywords"content="olxtoto, daftar olxtoto, login olxtoto, situs olxtoto, link alternatif olxtoto, olx toto, bandar togel online, toto online, alternatif olxtoto"/>
<center><h1 style="color: #ffd500;border-bottom: 1px solid gold;padding: 10px;">OLXTOTO | Akses Mobile Sportsbook, Live Casino, Slot, Togel Online & World Cup 2026</h1></center>

<div style="color: White; width: 400px ; text-align: left;margin: 10px 0;">
        <img src="https://photoku.io/images/2024/11/29/GIF_SLOTGAMES1.gif"
            title="Daftar Slot Games Olxtoto" alt="Daftar Slot Games olxtoto"
            style="width: 398px;height: 90px;">
    </div>

<div class="Slot-olxtoto">
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_pragmatic_1.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/praagmaticc.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_pgsoft.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/pgslott.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_idnslot.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/idnslott.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_habanero.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/habaneoo.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_microgaming.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/microo.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_toptren.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/toptrend.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_gmw.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/gmww.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_nolimit.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/nolimit.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/13/playstar.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/playstarr.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/13/idn-lottery.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/elottery.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/13/idn-arcade.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/arcade.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/14/booming-games.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/booming.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/15/slotmania.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/15/slot-mania.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/15/fatpanda.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/15/fat-panda.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/15/5dgames.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/15/5d-gaming.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/09/15/playtech.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/09/15/plytech.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/10/12/redtiger.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/10/12/red-tiger.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/11/21/fast-spin.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/11/21/fastspinn.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2026/04/11/spadegaming.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2026/04/11/png-slot-spadegaming.png" class="character"></div></a>

</div>

<div style="color: White; width: 400px ; text-align: center;margin: 10px 0;">
        <a href="/">
            <img src="https://photoku.io/images/2024/11/29/GIF_LIVECASINO.gif"
                title="Daftar Casino Olxtoto" alt="Daftar Casino Olxtoto" style="width:398px;height:90px;"></a>
    </div>
    
 <div class="casino-olxtoto">
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_billiard.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/billiard.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_oglok.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/oglok.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_roulette.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/roulettee.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="	https://photoku.io/images/2024/11/29/gifcasino_dragontiger.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/dragontiger.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_boomcity4636bfea75e853e9.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/boomcity.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_sweetbonanza.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/sweetbonanza.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_vegazball.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/vegazball.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="	https://photoku.io/images/2024/11/29/gifcasino_megawheel.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/megawheel.png" class="character"></div></a>
</div>


 <div class="link-alternatif-olxtoto">
        <div style="color: White; width: 400px ; text-align: center;margin: 10px 0;">
            <img src="https://photoku.io/images/2024/11/29/GIF_LINKALTERNATIF.gif"
                title="Pragmatic Play Slot Online" alt="Pragmatic Play" style="width:440px;height:90px;">
        </div>
        <div class="link-alternatif-olxtoto-terbaik">
            <div class="alternatif-dasar">
                <a href="/" class="link-alternatif11">LINK ALTERNATIF<span
                        class="info-alternatif">Server Idn
                        Singapore</span></a>

            </div>
            <div class="alternatif-dasar">
                <a href="/" class="link-alternatif12">LINK ALTERNATIF<span
                        class="info-alternatif">Server Idn
                        Thailand</span></a>

            </div>
            <div class="alternatif-dasar">
                <a href="/" class="link-alternatif13">LINK ALTERNATIF<span
                        class="info-alternatif">Server Idn
                        filipina</span></a>

            </div>
        </div>


<p>Ada begitu banyak keuntungan-keuntungan sangat menarik dalam permainan <strong>togel online, sportsbook, live casino, slot, hingga informasi World Cup 2026</strong> yang senantiasa para pemain bisa dapatkan. Meskipun terkadang hal itu tidak selalu dapat dengan mudah diraih jika memilih bandar yang kurang tepat. Namun, jika anda bermain dengan memilih <strong>platform terbaik seperti <a href="/"><span style="color: #ffff00;">OLXTOTO</span></a></strong>, keuntungan seperti apapun bisa secara realistis anda dapatkan dengan mudah, termasuk salah satunya untuk hadiah full bet terbesar di <strong>togel online</strong>.</p>
<p>Di antara banyaknya keuntungan atau hadiah terbesar yang disediakan <strong>OLXTOTO</strong>, hadiah full bet menjadi salah satu yang cukup menarik. Hadiah terbesar ini bisa pemain dapatkan tentu dengan syarat tertentu walaupun hal tersebut sebetulnya sangat mudah, baik melalui <strong>akses mobile, sportsbook, live casino, slot, maupun togel online</strong>.</p>
<p>Hadiah full bet seperti mana namanya yaitu keuntungan yang diberikan <strong>OLXTOTO</strong> di mana bisa anda dapatkan dengan cara melakukan taruhan maksimum. Dalam <strong>togel online</strong> sendiri, full bet dapat merujuk pada pemasangan taruhan dengan semua kombinasi angka. Jika menang dengan taruhan maksimum tersebut, pemain pastinya berpeluang mendapat hadiah full bet yang diberikan OLXTOTO.</p>
<p>Di sisi lain, <strong>OLXTOTO</strong> juga memberikan hadiah full bet yang terbagi ke dalam beberapa kategori sesuai dengan jenis permainan <strong>toto togel</strong> yang dimainkan setiap member. Tentu saja, besaran keuntungan hadiah full bet yang diberikan juga berbeda karena disesuaikan pula pada jenis permainan yang bettor pilih, sementara untuk <strong>sportsbook, live casino, slot, dan World Cup 2026</strong> juga tersedia promo menarik tersendiri.</p>

<h2>Inilah Sejumlah Kategori Hadiah Full Bet Terbesar yang Diberikan OLXTOTO untuk Togel Online</h2>
<p>Mendapatkan keuntungan semacam hadiah full bet di <strong>OLXTOTO</strong> tentu saja sangat mudah. Apalagi, hadiah full bet tersedia untuk beberapa jenis permainan togel yang berbeda. Sehingga, anda yang ingin mendapatkannya bisa dengan memilih bertaruh pada jenis permainan toto togel manapun yang memang menyediakan hadiah terbesar paling menarik ini. Jangan lupa, <strong>akses mobile OLXTOTO</strong> juga mendukung penuh semua taruhan Anda kapan saja.</p>
<p>Ketentuan setiap platform untuk hadiah full bet mungkin berbeda. Namun yang jelas hadiah full bet yang dihadirkan OLXTOTO sama dengan jenis-jenis keuntungan lainnya di mana keuntungannya akan diberikan secara realistis serta berlaku bagi seluruh member resmi. Untuk lebih lengkapnya, berikut adalah beberapa kategori hadiah full bet terbesar yang diberikan oleh <strong>OLXTOTO</strong>:</p>
<ul>
<li><strong>Hadiah Full Bet 2D</strong></li>
<p>Hadiah full bet 2D mungkin menjadi keuntungan yang terendah bisa anda dapatkan di <strong>OLXTOTO</strong>. Meskipun begitu, OLXTOTO tetap memberikan keuntungannya lebih besar dibanding platform judi lain manapun. Adapun untuk hadiah full bet 2D yang diberikan yaitu sebanyak <strong>x98</strong>.</p>
<li><strong>Hadiah Full Bet 3D</strong></li>
<p>Bermain togel 3D di <strong>OLXTOTO</strong> juga berpeluang memberikan pemain hadiah full bet 3D yang tentu saja keuntungannya lebih besar dari hadiah bet 2D. Di OLXTOTO sendiri, hadiah full bet 3D yang diberikan yakni sebesar <strong>x980</strong> yang tentunya bisa pemain dapatkan jika menang dengan pasang taruhan maksimum pada jenis permainan 3 angka.</p>
<li><strong>Hadiah Full Bet 4D</strong></li>
<p>Untuk hadiah full bet paling besar yang disediakan oleh <strong>OLXTOTO</strong> yaitu hadiah full bet 4D. Tentu sesuai dengan namanya, di mana hadiah full bet 4D akan diberikan kepada member yang memasang taruhan maksimum pada jenis permainan togel 4 angka. Untuk keuntungan hadiah full bet 4D ini, OLXTOTO memberikannya dengan keuntungan sebesar <strong>x9800</strong>.</p>
</ul>

<h2>Berbagai Macam Pilihan Permainan Togel Terbaik dengan Hadiah Terbesar di OLXTOTO</h2>
<p>Mendapatkan hadiah terbesar di <strong>OLXTOTO</strong> sebetulnya bisa dilakukan dengan menjajal berbagai cara. Salah satu yang paling potensial yakni dengan harus menentukan jenis permainan togel yang paling sesuai atau relevan. Untungnya, di platform terpercaya seperti <strong>OLXTOTO</strong>, ada lebih banyak pilihan jenis-jenis permainan togel yang tersedia, ditambah dengan <strong>akses mobile, sportsbook, live casino, slot, dan update World Cup 2026</strong>.</p>
<p>Sehingga demikian, melalui jenis-jenis permainan togel yang lengkap itulah, pemain bisa coba peruntungannya dengan memainkan jenis permainan toto togel manapun. Terlebih karena setiap jenis permainan dalam taruhan togel punya peluang berbeda terkait dengan yang namanya keuntungan. Namun begitu, ada beberapa pilihan permainan togel terbaik yang berikan hadiah terbesar di <strong>OLXTOTO</strong> untuk anda mainkan diantaranya seperti:</p>
<ul>
<li><strong>Togel Shio</strong></li>
<p>Togel shio merupakan salah satu kategori permainan togel terbaik di <strong>OLXTOTO</strong> yang layak untuk dimainkan lantaran memberikan hadiah dengan keuntungan terbesar. Meskipun jadi jenis taruhan togel yang paling sulit dimainkan, tetapi togel shio punya pembayaran kemenangan yang nilai keuntungannya lebih fantastis dibanding jenis-jenis taruhan togel lain manapun. Untuk menang taruhan togel shio, pastinya pemain harus menebak result togel dengan jenis shio yang tepat sesuai angkanya.</p>
<li><strong>Togel 4D</strong></li>
<p>Selain shio, togel 4D juga jadi salah satu kategori permainan toto togel yang menawarkan hadiah terbesar di <strong>OLXTOTO</strong>. Besarnya keuntungan atau bayaran kemenangan yang diberikan oleh permainan togel 4D karena sesuai pula dengan tingkat kesulitannya, di mana untuk menang taruhan togel 4D, tentunya pemain perlu berhasil dalam menebak sebanyak 4 angka keluaran.</p>
<li><strong>Togel Kombinasi</strong></li>
<p>Berikutnya ada togel kombinasi yang dapat anda coba mainkan melalui <strong>OLXTOTO</strong> yang bisa membuat anda berkesempatan dapatkan hadiah terbesar. Apalagi, togel kombinasi ini terbilang lebih mudah jika dibanding dengan jenis-jenis permainan toto togel lain. Pasalnya, pemain hanya perlu menebak apakah keluaran togel tersebut jenis angkanya ganjil/genap ataupun besar/kecil.</p>
<li><strong>Togel Colok Naga</strong></li>
<p>Togel colok naga merupakan jenis permainan toto togel yang mengharuskan para pemainnya untuk memprediksi 3 keluaran angka pasaran tertentu. Walaupun secara mekanisme atau aturan menebak angkanya cukup sulit, tetapi permainan togel colok naga ini sangat recommended buat anda mainkan di <strong>OLXTOTO</strong> lantaran sangat potensial memberikan hadiah terbesar dari bayaran kemenangannya.</p>
<li><strong>Togel Colok Jitu</strong></li>
<p><strong>OLXTOTO</strong> juga menghadirkan togel colok jitu sebagai opsi permainan togel terbaik lain yang bisa membernya mainkan untuk memperoleh hadiah terbesar. Apalagi, togel colok jitu ini lebih mudah dimainkan dibandingkan dengan jenis-jenis permainan toto lain. Pasalnya, pemain hanya perlu menebak keluaran 1 sebanyak satu angka saja dengan jenis angka yang akurat.</p>
</ul>

<h3>Main di OLXTOTO: Akses Mobile Sportsbook, Live Casino, Slot, Togel Online & World Cup 2026, Menang Berapapun Dibayar!</h3>
<p>Memang benar jika sekarang ini platform <strong>togel online, sportsbook, live casino, dan slot</strong> sudah semakin banyak, memungkinkan para bettor bisa bermain lewat mana pun. Namun, memilih platform terpercaya seperti <strong>OLXTOTO</strong> tentulah tetap harus jadi prioritas, apalagi dengan <strong>akses mobile</strong> yang super nyaman dan <strong>update World Cup 2026</strong> yang lengkap.</p>
<p>Pasalnya, jika anda pilih bergabung dan main di <strong>OLXTOTO</strong>, jelas banyak sekali keuntungan bisa anda dapatkan. Tentu saja, salah satu yang paling menguntungkan adalah menang berapapun dari taruhan pasti dibayar secara realistis dengan nominal keuntungannya yang juga sangat besar, baik dari <strong>togel online, sportsbook, live casino, slot, maupun taruhan spesial World Cup 2026</strong>.</p>
</div><center>
<img class="size-full wp-image-546 aligncenter" src="https://photoku.io/images/2024/11/29/gif-icon-webp12c213b55ebf7c95.webp" alt="" width="924" height="74" /></strong></p>
</center>

<section class="yellowfoot">
    <div class="container">
      <div class="row">


<div class="col-xs-102 col-lg-102 col-sm-10 col-md-10 col-lg-offset-126 col-md-offset-125 col-sm-offset-125 col-xs-offset-125" style="margin-bottom: 5px;margin-top: 10px;">
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://www.facebook.com/groups/groupfreespinolxtotonew" target="_blank" style="text-decoration: none;">OLXTOTO </a></div>
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://x.com/OLXTOTO66" target="_blank" style="text-decoration: none;">OLXTOTO </a></div>
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://www.instagram.com/olxtotoofficial_/" target="_blank" style="text-decoration: none;">OLXTOTO</a></div>
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://yakale.me/buktijP" target="_blank" style="text-decoration: none;">Bukti Jackpot</a></div>
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://www.youtube.com/channel/UCOFTEO_PzoUgwIEY-OBOLeg" target="_blank" style="text-decoration: none;">OLXTOTO </a></div>
</div>

 <div id="fl_menu"><img
                        src="https://photoku.io/images/2024/09/25/button-linkalternatif.png"
                        width="100%" height="auto">
                    <div class="menuaa">
                        <table width="200">
                            <tbody>
                                  <tr style="background: none;">
                <td class="menu_item"><a class="linkalte" href="/" target="_blank"
                        style="text-decoration: none;" rel="nofollow" title="OLXTOTO">KLIK LINK
                        VIP 1</a></td>
                <td class="menu_item"><a class="linkalte" href="/" target="_blank"
                        style="text-decoration: none;" rel="nofollow" title="OLXTOTO">KLIK LINK
                        VIP 2</a></td>
            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

<div id="slide-left1">
    <div id="toggle-left1"><img src="https://photoku.io/images/2024/09/25/hubungikami.gif"></div>
    <div class="card-toggle">
        <div class="hours">
            <a href="/" target="/"><img class="card-img"
                    src="https://photoku.io/images/2024/09/25/ICON-24-JAM-png.png"></a>
        </div>
        <div class="daftar-btn-bawah">
            <a href="https://www.instagram.com/olxtotoofficial_/" rel="nofollow" class="tombol_hubungi" target="_blank">
                <img class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/ig.png"
                    alt="Instagram olxtoto">
            </a>
            <a href="https://yakale.me/whatsaapolx" rel="nofollow" target="_blank" class="tombol_hubungi"><img class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/wa.png"
                    alt="Whatsapp olxtoto"></a>
            <a href="https://yakale.me/FBoffcial" rel="nofollow" target="_blank" class="tombol_hubungi"><img
                    class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/fb.png"
                    alt="Facebook olxtoto"></a>
            <a href="https://yakale.me/TELEOLX" rel="nofollow" target="_blank" class="tombol_hubungi" rel="nofollow"><img class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/tele.png"
                    alt="Telegram olxtoto"></a>
        </div>
    </div>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const slideLeft = document.getElementById("slide-left1");
        const toggleLeft = document.getElementById("toggle-left1");

        // Fungsi untuk mengubah posisi elemen saat tombol ditekan
        function toggleSlide() {
            if (slideLeft.style.left === "0px") {
                slideLeft.style.left = "-180px";
            } else {
                slideLeft.style.left = "0px";
            }
        }

        // Menambahkan event listener untuk tombol
        toggleLeft.addEventListener("click", toggleSlide);
    });
</script>


<script>
document.addEventListener(
  "DOMContentLoaded",
  function () {
    $(
      '<center><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="OLXTOTO" width="100%" src="https://photoku.io/images/2024/11/29/togel-gif-webpe2a262adfae5168a.webp" alt="OLXTOTO"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="OLXTOTO" width="100%" src="https://photoku.io/images/2024/11/29/live-gif-webp92f2c31ea698cbbd.webp" alt="OLXTOTO"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="OLXTOTO" width="100%" src="https://photoku.io/images/2025/08/15/slotgames14provider-webp.webp" alt="OLXTOTO"></a></div></center>'
    ).insertAfter("#slider");
  },

  false
);
</script>


<style>
/* ===== Toggle Button (pojok kiri bawah) ===== */
.olxtoto-toggle-btn {
  position: fixed;
  left: 4px;
  bottom: 87px;
  background: linear-gradient(to bottom, #ffa900 0%, #ffd400 80%);
  color: #ff0000;
  padding: 10px 16px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #fff500;
  z-index: 10000;
  transition: all 0.3s ease;
}
.olxtoto-toggle-btn:hover {
  background: #ffbe00;
}

/* ===== Sidebar Panel ===== */
.olxtoto-social {
    position: fixed;
    left: -320px;
    bottom: 87px;
    width: 294px;
    background: linear-gradient(to bottom, #ffe000 0%, #ffb800 80%);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    transition: left 0.4s ease;
    padding: 6px;
    border-radius: 0 20px 20px 0;
    overflow-y: auto;
    z-index: 99999;
    box-shadow: inset 0 0 0 1px #ffa300, inset 0 2px 0 0 #ff5e00, inset 0 4px 4px 2px #fff000, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    border-right: 2px solid #ffd800;
}
.olxtoto-social.olxtoto-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.olxtoto-social h3 {
  color: #ff0000 !important;
  font-size: 20px;
  margin-bottom: 4px;
}
.olxtoto-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.olxtoto-social ul {
  list-style: none;
}
.olxtoto-social ul li {
  margin-bottom: 14px;
}
.olxtoto-social ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 14px;
  background: rgb(0 0 0);
  border: 1px solid rgb(255 247 0);
  border-radius: 14px;
  transition: all 0.3s ease;
}
.olxtoto-social ul li a:hover {
  background: rgba(255,255,255,0.1);
}
.olxtoto-info {
  flex: 1;
  margin-left: 10px;
}
.olxtoto-info span {
  color: gold;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.olxtoto-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.olxtoto-social ul li img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

/* ===== Footer Close Button ===== */
.olxtoto-close-btn {
    display: block;
    position: unset !important;
    margin: 20px auto 0;
    padding: 8px 16px;
    border: 2px solid #ffee04;
    border-radius: 20px;
    font-size: 14px;
    color: #ff0000 !important;
    background: transparent;
    cursor: pointer;
    transition: background 0.3s;
}
 @media (max-width: 400px) {
        .olxtoto-toggle-btn {
    position: fixed;
    left: 1px;
    bottom: 87px;
    background: linear-gradient(to bottom, #ff8500 0%, #ff4700 80%);
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid gold;
    z-index: 10000;
    transition: all 0.3s ease;
}
    }
.olxtoto-close-btn:hover {
  background: rgba(255,255,255,0.1);
}
</style>

<!-- Toggle Button -->
<div class="olxtoto-toggle-btn" id="olxtotoToggleButton" onclick="toggleIosSocial()" bis_skin_checked="1"> Menu</div>

<!-- Sidebar Menu -->
<nav class="olxtoto-social" id="olxtotoSocialMenu">
  <h3>Menu Cepat</h3>
  <p><span style="color: #000000 !important;">Akses Menu Cepat olxtoto</span></p>
  <ul>
    <li>
      <a href="https://yakale.me/xGNgF0" target="_blank" rel="noopener noreferrer">
        <img src="https://photoku.io/images/2025/12/18/rtp-slot-baruu-webp.webp" alt="Rtp Slot Olxtoto">
        <div class="olxtoto-info">
          <span>RTP SLOT</span>
          <small>Cek RTP Slot Hari Ini</small>
        </div>
      </a>
    </li>
    <li>
      <a href="https://bit.ly/olxapk" target="_blank" rel="noopener noreferrer">
        <img src="https://photoku.io/images/2025/12/18/download-apk-baruu-webp.webp" alt="Download Apk Olxtoto">
        <div class="olxtoto-info">
          <span>Download Aplikasi</span>
          <small>Download dan Klaim Freechip</small>
        </div>
      </a>
    </li>
    <li>
      <a href="https://surkale.me/buktijp" target="_blank" rel="noopener noreferrer">
        <img src="https://photoku.io/images/2025/12/18/bukti-jp-baruu-webp.webp" alt="Bukti Jackpot">
        <div class="olxtoto-info">
          <span>Bukti Jackpot</span>
          <small>Cek Bukti Jackpot Hari Ini</small>
        </div>
      </a>
    </li>
       </ul>
<button class="olxtoto-close-btn" onclick="toggleIosSocial()" fdprocessedid="c63tcs">X Close Menu</button>
</nav>

<script>
function toggleIosSocial() {
  const menu = document.getElementById('olxtotoSocialMenu');
  menu.classList.toggle('olxtoto-open');
}
</script>


<button type="button"
    onclick="window.open('https://yakale.me/Surveyolx', '_blank')"
    style="
    position: fixed;
    top: 39%;
    left: -5px;
    display: flex;
    flex-direction: column;
    background: #0000ff00;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border: 1px solid #ffd70000 !important;
    border-left: none !important;
    cursor: pointer;
    padding: 0;
    ">

    <!-- Bagian Icon -->
    <div><img src="https://photoku.io/images/2025/11/02/survey-layanan.gif" alt="Survey"></div>
</button>

<script>
document.addEventListener('DOMContentLoaded', () => {

    // Cek apakah popup sudah pernah muncul saat sesi website ini
    if (sessionStorage.getItem('popup_sudah_muncul') === 'yes') {
        return;
    }

    // Tandai popup sudah muncul
    sessionStorage.setItem('popup_sudah_muncul', 'yes');

    // Buat pop-up container
    const popupHTML = `
        <div id="pop-up-container">
            <div id="bg-black"></div>
            <div id="pop-up-wrapper">
                <img
                    src="https://photoku.io/images/2026/05/17/POP-UP-OLXTOTO.png"
                    alt="OLXTOTO"
                />
                <button id="close-popup-btn">KLIK DIMANA SAJA UNTUK TUTUP</button>
            </div>
        </div>
    `;

    document.body.insertAdjacentHTML('beforeend', popupHTML);

    const container = document.getElementById('pop-up-container');
    const wrapper = document.getElementById('pop-up-wrapper');
    const bgBlack = document.getElementById('bg-black');
    const closeBtn = document.getElementById('close-popup-btn');

    let isClosing = false;

    // Klik area popup untuk menutup
    container.addEventListener('click', closePopUp);

    // Tombol menutup popup
    closeBtn.addEventListener('click', closePopUp);

    // Auto-close setelah 5 detik
    setTimeout(closePopUp, 5000);

    function closePopUp() {
        if (isClosing) return;
        isClosing = true;

        wrapper.classList.add('swirl-out-bck');
        bgBlack.classList.add('fade-out');

        setTimeout(() => {
            const popup = document.getElementById('pop-up-container');
            if (popup) {
                popup.remove();
            }
        }, 300);
    }
});
</script>

<script>
  var colors = new Array(
    [255, 235, 0], [17, 18, 17], [255, 235, 0], [173, 128, 3], [255, 145, 0], [17, 18, 17]
  );

  var step = 0;
  var colorIndices = [0, 1, 2, 3];
  var gradientSpeed = 0.005;

  function updateGradient() {
    if ($ === undefined) return;

    var c0_0 = colors[colorIndices[0]];
    var c0_1 = colors[colorIndices[1]];
    var c1_0 = colors[colorIndices[2]];
    var c1_1 = colors[colorIndices[3]];

    var istep = 1 - step;
    var r1 = Math.round(istep * c0_0[0] + step * c0_1[0]);
    var g1 = Math.round(istep * c0_0[1] + step * c0_1[1]);
    var b1 = Math.round(istep * c0_0[2] + step * c0_1[2]);
    var color1 = "rgb(" + r1 + "," + g1 + "," + b1 + ")";

    var r2 = Math.round(istep * c1_0[0] + step * c1_1[0]);
    var g2 = Math.round(istep * c1_0[1] + step * c1_1[1]);
    var b2 = Math.round(istep * c1_0[2] + step * c1_1[2]);
    var color2 = "rgb(" + r2 + "," + g2 + "," + b2 + ")";

    $('.pool-name').css({
      background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))"
    }).css({
      background: "-moz-linear-gradient(left, " + color1 + " 0%, " + color2 + " 100%)"
    });
    step += gradientSpeed;
    if (step >= 1) {
      step %= 1;
      colorIndices[0] = colorIndices[1];
      colorIndices[2] = colorIndices[3];
      colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
      colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
    }

    $('.btn').css({
      background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))"
    }).css({
      background: "-moz-linear-gradient(right, " + color1 + " 0%, " + color2 + " 100%)"
    });
    step += gradientSpeed;
    if (step >= 1) {
      step %= 1;
      colorIndices[0] = colorIndices[1];
      colorIndices[2] = colorIndices[3];
      colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
      colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
    }

    const pages = ['m/tm_game', 'm/game'];
    pages.forEach(function(page) {
      if (window.location.href.includes(page)) {
        $('#kirimkan').css({
          background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))"
        }).css({
          background: "-moz-linear-gradient(left, " + color1 + " 0%, " + color2 + " 100%)"
        });
        step += gradientSpeed;
        if (step >= 1) {
          step %= 1;
          colorIndices[0] = colorIndices[1];
          colorIndices[2] = colorIndices[3];
          colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
          colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
        }
      }
    })
  }

  setInterval(updateGradient, 10);

</script>

        <div class="bottomnv">
          <ul class="blacktp">
            <li><a class="bottomnv_active" href="//">Home</a></li>
            <li><a href="/promotion/">Promosi</a></li>
            <li><a href="/how-to-play/">Cara Bermain</a></li>
            <li><a href="/history_nomor_interface/">histori nomor</a></li>
            <li><a href="/bukumimpi/">buku mimpi</a></li>
            <li><a href="/support/">bantuan</a></li>
            <li><a href="/referral/">refferal</a></li>
            <li><a href="/register/">daftar</a></li>
            <div class="clearfix"></div>
          </ul>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </section>



            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container">
      <div class="row">
                    <div class="brand-support" style="display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px">
                
                
            </div>
                            <div class="col-md-12 copyright" >
                        &copy; Copyright 2014 - 2026 <a href="#">OLXTOTO</a>. All Rights Reserved.
            </div>
      </div>
    </div>
  </div>
</footer>
<div class="scroll-top">
  <a href="#">
    <i class="fa fa-angle-up"></i>
  </a>
</div>
<style type="text/css">
	@font-face {
		font-family: Muli;
		src: url('/assets/fonts/Muli.ttf');
        font-display: swap;
	}
	h1, h2, h3, h4, h5, h6, a, button.btn-theme, .btn.btn-theme, span, .date, p, .copyright, li, thead, tbody, .row{
		font-family: Muli !important;
	}
</style>
<style type="text/css">
.tickercontainer{width:100%;margin:0px;padding:0px;overflow:hidden;}
.tickercontainer .masking{position:relative;left:0px;width:100%;height:35px;overflow:hidden;}
ul.newsticker{position:relative;width:100%;list-style-type:none;margin-top:7px;padding:0px;}
ul.newsticker li{float:left;margin:0px;padding:0px;}
ul.newsticker a{white-space:nowrap;padding:0px;margin:0 45px 0 0;color:#717171;}
ul.newsticker span{margin:0 10px 0 0;}
</style>
<script src="/assets/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js" ></script>

<script src="/assets/js/vendor/bootstrap/bootstrap.min.js" ></script>
<script src="/assets/js/vendor/skrollr/skrollr.min.js" ></script>
<script src="/assets/js/vendor/text-rotator/jquery.simple-text-rotator.js" ></script>
<script src="/assets/js/vendor/owl-carousel/owl.carousel.min.js" ></script>
<script src="/assets/js/vendor/nivo-lightbox/nivo-lightbox.min.js" ></script>
<script src="/assets/js/vendor/tweet-js/jquery.tweet.min.js" ></script>
<!-- <script src="../assets/js/vendor/vticker/jquery.vticker.min.js" ></script> -->
<script src="/assets/js/vendor/jflickrfeed/jflickrfeed.min.js" ></script>
<script src="/assets/js/vendor/appear/jquery.appear.js" ></script>
<script src="/assets/js/vendor/parallax/jquery.parallax-1.1.3.js" ></script>
<script src="/assets/js/vendor/liScroller/jquery.li-scroller.1.0.js" ></script>
<script src="/assets/js/jquery.cycle2.min.js" ></script>
<script src="/assets/js/jquery.fixedheadertable.min.js" ></script>
<script src="/assets/js/style.js?v=1.0" ></script>
<script>
    jQuery.event.special.touchstart = {
        setup: function( _, ns, handle ) {
            this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
        }
    };
    jQuery.event.special.touchmove = {
        setup: function( _, ns, handle ) {
            this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
        }
    };
    jQuery.event.special.wheel = {
        setup: function( _, ns, handle ){
            this.addEventListener("wheel", handle, { passive: true });
        }
    };
    jQuery.event.special.mousewheel = {
        setup: function( _, ns, handle ){
            this.addEventListener("mousewheel", handle, { passive: true });
        }
    };
  (function($){"use strict";$.fn.cycle.transitions.scrollVert={before:function(opts,curr,next,fwd){opts.API.stackSlides(opts,curr,next,fwd);var height=opts.container.css('overflow','hidden').height();opts.cssBefore={top:fwd?height:-height,left:0,opacity:1,display:'block',visibility:'visible'};opts.animIn={top:0};opts.animOut={top:fwd?-height:height};}};})(jQuery);
</script>
<script language="JavaScript">
    function OpenInNewTab(url) {
      var win = window.open('https://olxtoto.com/register', '_blank');
      win.focus();
    }
    function target_popup(url,w,h,windowName) {
     var left = (screen.width/2)-(w/2);
     var top = (screen.height/2)-(h/2);
       newwindow=window.open(url,windowName,'height='+h+',width='+w+',top='+top+',left='+left);
       if (window.focus) {newwindow.focus()}
       return false;
     }
  </script>
<!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='></script> -->
<script type="text/javascript" src="/js/vbulletin_md5.js"></script>

    <script defer src="/js/auth/login.js?v=1781079827"></script>

<script src="/js/frontend/desktop/template_v1/before/index.js?v=fdcfk6ova4v7l14wfzot"></script>
<script>
    window.onkeydown = function(e) {
        if (e.keyCode == 8 && e.target == document.body)
            e.preventDefault();
    }
</script>
<script src="/js/custom/floating_icons.min.js?v=1781079827"></script>
<script src="/js/custom/quick_menus.min.js?v=1781079827"></script>

    <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a097070ff820bd2d',t:'MTc4MTA4MDM2OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>
