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

Source: https://tempistico.com

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>APPLE4D - Terbaik & Terbesar Number 1 di Asia</title>
  7.        <meta name="Description" content="APPLE4D merupakan situs asli terbesar number 1 di asia, Proses qris cepat aman secepat kilat hanya 10k saja." />
  8. <meta name="Keywords" content="apple4d, apple 4d, apple4d slot"/>
  9. <meta name="google-site-verification" content="BzT3JWHKv1om5s_rPJC2Lyj2sTuCvlRk65ZllBI87h8" />
  10. <meta name="google-site-verification" content="YtalIyThWJ0IY81Vg3vMGeB3FfWgehgZsCxNK4NNM7Y" />
  11. <meta name="google-site-verification" content="7rDPGyK-23D-cyoBd9wVVyODvZ2da08JQ4Rw6F_jlVo" />
  12. <meta name="google-site-verification" content="x-aHjIde58G8nrTKyUbJotwfaaCfZvmef_PGPLdSnuA" />
  13. <meta name="google-site-verification" content="BP0PO06K9hh5Av4yjbekfXhG6OhqPhZ_qA_CfUnnnws" />
  14. <link rel="icon" href="https://apple4d-awil-amp.pages.dev/images/favicon.png" type="image/png">
  15. <link rel="canonical" href="https://apple4drocket.com/">
  16. <link rel="amphtml" href="https://apple4d-awil-amp.pages.dev/amp/" />
  17. <meta content="index, follow" name="robots">
  18. <meta name="geo.placename" content="Jakarta">
  19. <meta name="geo.region" content="ID-JK">
  20. <meta name="geo.country" content="ID">
  21. <meta name="language" content="ID">
  22. <meta name="tgn.nation" content="Indonesia">
  23. <meta name="rating" content="general">
  24. <meta name="copyright" content="APPLE4D">
  25. <meta property="og:locale" content="id_ID">
  26. <meta property="og:type" content="website">
  27. <meta property="og:url" content="https://apple4drocket.com/">
  28. <meta property="og:title" content="APPLE4D - Terbaik & Terbesar Number 1 di Asia">
  29. <meta property="og:description" content="APPLE4D merupakan situs asli terbesar number 1 di asia, Proses qris cepat aman secepat kilat hanya 10k saja.">
  30. <meta property="og:image" content="https://i.postimg.cc/639356Px/pop-up-apple4d.png">
  31. <meta name="twitter:card" content="summary">
  32. <meta name="twitter:title" content="APPLE4D - Terbaik & Terbesar Number 1 di Asia">
  33. <meta name="twitter:description" content="APPLE4D merupakan situs asli terbesar number 1 di asia, Proses qris cepat aman secepat kilat hanya 10k saja.">
  34. <meta name="twitter:image" content="https://i.postimg.cc/639356Px/pop-up-apple4d.png">
  35. <meta name="google-site-verification" content="IHQsnu62XjtD93bYdjEK5G-g2P6drCUf285OQOJ31T8" />
  36. <meta name="google-site-verification" content="nnd9ukBF5jmmMcdffOfFYnAQAJJdikBZBqp2xrJVKCo" />
  37. <meta name="google-site-verification" content="JRAie2xrQp98PC53QylJkg1sQ1xHDh_lO_HwmkNnppU" />                <meta name="viewport" content="width=1200, initial-scale=0.33">
  38.        
  39.        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  40.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  41.        <link rel="stylesheet" href="/style.scss" >
  42.  
  43.        <!--<link rel="stylesheet" href="/css/old/template/LD.css">-->
  44.        <link rel="stylesheet" href="/css/old/template/LD.css">
  45.        <link rel="stylesheet" href="/css/old/variable.css">
  46.        
  47.                <link rel="stylesheet" href="/css/old/dark.css">
  48.                
  49.        <link rel="stylesheet" href="/css/old/style.css">
  50.        <link rel="icon" type="image/png" href="favicon.png">
  51.  
  52.  
  53.        <script src="/js/old/jquery-3.6.4.min.js"></script>
  54.        
  55.        <style>
  56.            
  57.            .login-input-field {
  58.                font-size: 1rem;
  59.            }
  60.            
  61.            .btn-aduan {
  62.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  63.                -webkit-background-clip: text;
  64.                -webkit-text-fill-color: transparent;
  65.                background-size: 300% 300%;
  66.                animation: gradient 2s ease infinite;
  67.            }
  68.            
  69.            .transaksi-title {
  70.                place-items: start;
  71.            }
  72.  
  73.            
  74.            @media only screen and (max-width: 1000px) {
  75.                
  76.            .transaksi-title {
  77.                place-items: center;
  78.            }
  79.                
  80.                .login-input-field {
  81.                    font-size: 1.2rem;
  82.                }      
  83.            }
  84.            
  85.            
  86.            
  87.        </style>
  88.  
  89.    </head>
  90.    
  91.    
  92.  
  93.    <body id="desktop">
  94.        
  95.        
  96. <div id="hover" class="hover desktop-only">
  97.  
  98.    <div id="hover-togel" class="hover-menu">
  99.        <a href="/?content=register" class="hover-item">
  100.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  101.            <figcaption>TOGEL</figcaption>
  102.        </a>          
  103.    </div>
  104.  
  105.    <div id="hover-slot" class="hover-menu">
  106.        <a href="/?content=slot&provider=pp" class="hover-item">
  107.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  108.            <figcaption>PRAGMATIC PLAY</figcaption>
  109.        </a>
  110.  
  111.        <a href="/?content=slot&provider=pg" class="hover-item">
  112.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  113.            <figcaption>PG SOFT</figcaption>
  114.        </a>
  115.  
  116.        <a href="/?content=slot&provider=hb" class="hover-item">
  117.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  118.            <figcaption>HABANERO</figcaption>
  119.        </a>
  120.  
  121.        <a href="/?content=slot&provider=jl" class="hover-item">
  122.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  123.            <figcaption>JILI</figcaption>
  124.        </a>
  125.        
  126.        <a href="/?content=slot&provider=sg" class="hover-item">
  127.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  128.            <figcaption>SPADEGAMING</figcaption>
  129.        </a>
  130.  
  131.        <a href="/?content=slot&provider=nxt" class="hover-item">
  132.            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
  133.            <figcaption>NEXTSPIN</figcaption>
  134.        </a>
  135.        
  136.        <a href="/?content=slot&provider=fgs" class="hover-item">
  137.            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
  138.            <figcaption>5G GAMES</figcaption>
  139.        </a>
  140.  
  141.        <a href="/?content=slot&provider=wow" class="hover-item">
  142.            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
  143.            <figcaption>WOW GAMING</figcaption>
  144.        </a>
  145.  
  146.        <a href="/?content=slot&provider=jg" class="hover-item">
  147.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  148.            <figcaption>JOKER</figcaption>
  149.        </a>
  150.  
  151.        <a href="/?content=slot&provider=mg" class="hover-item">
  152.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  153.            <figcaption>MICROGAMING</figcaption>
  154.        </a>
  155.  
  156.        <a href="/?content=slot&provider=hks" class="hover-item">
  157.            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
  158.            <figcaption>HACKSAW GAMING</figcaption>
  159.        </a>
  160.  
  161.        <a href="/?content=slot&provider=fs" class="hover-item">
  162.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  163.            <figcaption>FASTSPIN</figcaption>
  164.        </a>
  165.  
  166.        <a href="/?content=slot&provider=nlc" class="hover-item">
  167.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  168.            <figcaption>NOLIMIT CITY</figcaption>
  169.        </a>
  170.        
  171.        <a href="/?content=slot&provider=ps" class="hover-item">
  172.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  173.            <figcaption>PLAYSTAR</figcaption>
  174.        </a>
  175.  
  176.        <a href="/?content=slot&provider=pt" class="hover-item">
  177.            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
  178.            <figcaption>PLAYTECH</figcaption>
  179.        </a>
  180.  
  181.        <a href="/?content=slot&provider=adv" class="hover-item">
  182.            <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
  183.            <figcaption>ADVANT PLAY</figcaption>
  184.        </a>
  185.  
  186.        <a href="/?content=slot&provider=l22" class="hover-item">
  187.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  188.            <figcaption>LIVE22</figcaption>
  189.        </a>
  190.        
  191.        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
  192.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  193.            <figcaption>NETENT</figcaption>
  194.        </a> -->
  195.        
  196.        <a href="/?content=slot&provider=cq9" class="hover-item">
  197.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  198.            <figcaption>CQ9</figcaption>
  199.        </a>    
  200.      
  201.        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
  202.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  203.            <figcaption>TOPTREND GAMING</figcaption>
  204.        </a> -->
  205.  
  206.        <a href="/?content=slot&provider=ss" class="hover-item">
  207.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  208.            <figcaption>SBO SLOT</figcaption>
  209.        </a>
  210.    </div>
  211.  
  212.    <div id="hover-live" class="hover-menu" >
  213.        <a href="/?content=casino&provider=pplc" class="hover-item">
  214.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  215.            <figcaption>PRAGMATIC PLAY</figcaption>
  216.        </a>
  217.  
  218.        <a href="/?content=casino&provider=evo" class="hover-item">
  219.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  220.            <figcaption>EVOLUTION</figcaption>
  221.        </a>
  222.  
  223.        <a href="/?content=casino&provider=mg" class="hover-item">
  224.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
  225.            <figcaption>MICROGAMING</figcaption>
  226.        </a>
  227.  
  228.        <a href="/?content=casino&provider=ptlc" class="hover-item">
  229.            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
  230.            <figcaption>PLAYTECH LIVE</figcaption>
  231.        </a>
  232.  
  233.        <a href="/?content=casino&provider=ion" class="hover-item">
  234.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  235.            <figcaption>ION CASINO</figcaption>
  236.        </a>
  237.  
  238.        <a href="/?content=casino&provider=sx" class="hover-item">
  239.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  240.            <figcaption>SEXY GAMING</figcaption>
  241.        </a>
  242.  
  243.        <a href="/?content=casino&provider=sa" class="hover-item">
  244.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  245.            <figcaption>SA GAMING</figcaption>
  246.        </a>  
  247.  
  248.        <a href="/?content=casino&provider=ab" class="hover-item">
  249.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  250.            <figcaption>ALLBET</figcaption>
  251.        </a>
  252.  
  253.        <a href="/?content=casino&provider=gmnl" class="hover-item">
  254.            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
  255.            <figcaption>GEMINI LIVE</figcaption>
  256.        </a>
  257.  
  258.        <a href="/?content=casino&provider=og" class="hover-item">
  259.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  260.            <figcaption>OPUS PLUS</figcaption>
  261.        </a>
  262.  
  263.        <a href="/?content=casino&provider=sbol" class="hover-item">
  264.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  265.            <figcaption>SBOBET CASINO</figcaption>
  266.        </a>    
  267.    </div>
  268.  
  269.    <div id="hover-sport" class="hover-menu">
  270.        <a href="/?content=register" class="hover-item">
  271.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  272.            <figcaption>SABA</figcaption>
  273.        </a>
  274.  
  275.        <a href="/?content=register" class="hover-item">
  276.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  277.            <figcaption>SBOBET</figcaption>
  278.        </a>
  279.        
  280.        <a href="/?content=register" class="hover-item">
  281.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  282.            <figcaption>CMD368</figcaption>
  283.        </a>  
  284.  
  285.        <!-- <a href="/?content=register" class="hover-item">
  286.            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
  287.            <figcaption>PINNACLE</figcaption>
  288.        </a>   -->
  290.    <a href="/?content=register" class="hover-item">
  291.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  292.            <figcaption>TFGAMING</figcaption>
  293.        </a>        
  294.    </div>
  295.  
  296.    <div id="hover-fishing" class="hover-menu">
  297.        <a href="/?content=fish&provider=jl" class="hover-item">
  298.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  299.            <figcaption>JILI</figcaption>
  300.        </a>
  301.    
  302.        <a href="/?content=fish&provider=sg" class="hover-item">
  303.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  304.            <figcaption>SPADE GAMING</figcaption>
  305.        </a>
  306.  
  307.        <a href="/?content=fish&provider=fs" class="hover-item">
  308.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  309.            <figcaption>FASTSPIN</figcaption>
  310.        </a>
  311.  
  312.        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
  313.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  314.            <figcaption>PLAYSTAR</figcaption>
  315.        </a>
  316.  
  317.    <a href="/?content=fish&provider=l22" class="hover-item">
  318.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  319.            <figcaption>LIVE22</figcaption>
  320.        </a>  -->
  321.  
  322.    </div>
  323.  
  324.    <div id="hover-sabung" class="hover-menu">
  325.        <a href="/?content=sabung&provider=sv" class="hover-item">
  326.            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
  327.            <figcaption>SV388</figcaption>
  328.        </a>
  329.        <a href="/?content=sabung&provider=ws" class="hover-item">
  330.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  331.            <figcaption>WS168</figcaption>
  332.        </a>
  333.    </div>
  334.    
  335.    <div id="hover-interactive" class="hover-menu">
  336.        <a href="/?content=interactive&provider=gmn" class="hover-item">
  337.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  338.            <figcaption>GEMINI</figcaption>
  339.        </a>
  340.  
  341.        <!-- <a href="/?content=interactive&provider=pp" class="hover-item">
  342.            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
  343.            <figcaption>PRAGMATIC PLAY</figcaption>
  344.        </a>  -->
  345.  
  346.        <a href="/?content=interactive&provider=jl" class="hover-item">
  347.            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
  348.            <figcaption>JILI</figcaption>
  349.        </a>
  350.  
  351.        <a href="/?content=interactive&provider=wow" class="hover-item">
  352.            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
  353.            <figcaption>WOW GAMING</figcaption>
  354.        </a>
  355.  
  356.        <a href="/?content=interactive&provider=jg" class="hover-item">
  357.            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
  358.            <figcaption>JOKER</figcaption>
  359.        </a>
  360.  
  361.        <a href="/?content=interactive&provider=mg" class="hover-item">
  362.            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
  363.            <figcaption>MICRO GAMING</figcaption>
  364.        </a>
  365.  
  366.        <a href="/?content=interactive&provider=hks" class="hover-item">
  367.            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
  368.            <figcaption>HACKSAW GAMING</figcaption>
  369.        </a>
  370.  
  371.        <a href="/?content=interactive&provider=pt" class="hover-item">
  372.            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
  373.            <figcaption>PLAYTECH</figcaption>
  374.        </a>
  375.  
  376.        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
  377.            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
  378.            <figcaption>PLAYSTAR</figcaption>
  379.        </a>  -->
  380.    </div>
  381.  
  382.  
  383.  
  384. </div>
  385. <style>
  386.    .my-navbar {
  387.        height: 52px;
  388.        padding: 0px;
  389.        width: 100%;
  390.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  391.        position: fixed;
  392.        bottom: 0;
  393.        color: white;
  394.        z-index: 1100;
  395.        display: flex;
  396.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  397.    }
  398.    
  399.    .navbar-item {
  400.        height: 100%;
  401.        width: 100%;
  402.        display: flex;
  403.        flex-direction: column;
  404.        align-items: center;
  405.        justify-content: center;
  406.    }
  407.    
  408.    .navbar-item-content {
  409.        display: flex;
  410.        flex-direction: column;
  411.        justify-content: center;
  412.        align-items: center;
  413.        position: absolute;
  414.        top: -16px
  415.    }
  416.    
  417.    .navbar-item-content>i {
  418.         font-size: 20px;
  419.         line-height: 22px;
  420.         color: white;
  421.         padding-bottom: 4px;
  422.    }
  423.    
  424.    .navbar-item-content>img {
  425.         height: 36px;
  426.         width: 36px;
  427.    }
  428.    
  429.    .navbar-item-content>label {
  430.        white-space: nowrap;
  431.        margin-top: 4px;
  432.        font-weight: bold;
  433.        font-size: var(--text-size-default);
  434.        color: white
  435.    }
  436.    
  437.    .speed-dial-item {
  438.        opacity: 0;
  439.        visibility: hidden;
  440.        transform: translateY(10px);
  441.        transition: opacity 0.3s ease, transform 0.3s ease;
  442.    }
  443.    
  444.    .speed-dial-active .speed-dial-item {
  445.        opacity: 1;
  446.        visibility: visible;
  447.        transform: translateY(0);
  448.    }
  449.    
  450.    /* Delay each item’s appearance */
  451.    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
  452.    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
  453.    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
  454.    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
  455.    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }      
  456.  
  457.    
  458. </style>
  459.  
  460.  
  461. <div class="mobile-only" >
  462.        <div class="my-navbar">
  463.            <a href="/" class="navbar-item" style="position: relative">
  464.                <div class="navbar-item-content">
  465.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  466.                    <label>BERANDA</label>
  467.                </div>
  468.            </a>
  469.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  470.            <a href="/m/promosi.php"  class="navbar-item">
  471.                <div class="navbar-item-content">
  472.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  473.                    <label>PROMOSI</label>
  474.                </div>
  475.            </a>
  476.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  477.            <a href="/m/event.php"  class="navbar-item">
  478.                <div class="navbar-item-content">
  479.                    <img src="https://img.viva88athenae.com//events.png"/>
  480.                    <label>EVENT</label>
  481.                </div>
  482.            </a>
  483.            
  484.                                
  485.                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  486.                    <a href="https://api.whatsapp.com/send/?phone=6282174523324" target='_blank'  class="navbar-item">
  487.                        <div class="navbar-item-content">
  488.                            <img src="https://img.viva88athenae.com//whatsapp.png"/>
  489.                            <label>WHATSAPP</label>
  490.                        </div>
  491.                    </a>
  492.                    
  493.                                    
  494.            
  495.            
  496.            
  497.            
  498.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  499.                <a href="https://secure.livechatenterprise.com/licence/12628197/v2/open_chat.cgi"  target="_blank" class="navbar-item">
  500.                <div class="navbar-item-content">
  501.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  502.                    <label>LIVECHAT</label>
  503.                </div>
  504.                </a>
  505.            
  506.        </div>
  507. </div>
  508.  
  509. <script>
  510.    document.addEventListener("DOMContentLoaded", function () {
  511.    const speedDialBtn = document.querySelector(".speed-dial-btn");
  512.    const speedDialItems = document.querySelectorAll(".speed-dial-item");
  513.    let isOpen = false;
  514.  
  515.    speedDialBtn.addEventListener("click", function () {
  516.        isOpen = !isOpen;
  517.  
  518.        speedDialItems.forEach((item, index) => {
  519.            if (isOpen) {
  520.                item.style.opacity = "1";
  521.                item.style.visibility = "visible";
  522.                item.style.transform = "translateY(0)";
  523.                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
  524.            } else {
  525.                item.style.opacity = "0";
  526.                item.style.visibility = "hidden";
  527.                item.style.transform = "translateY(10px)";
  528.                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
  529.            }
  530.        });
  531.    });
  532. });
  533. </script>        
  534.        
  535.        
  536.        <div id="top" class="wrapper">
  537.  
  538.            
  539.                
  540.            <header class="header">
  541.                <div class="header-content">
  542.                    <div class="logo" href="/">
  543.                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
  544.                    </div>
  545.                    
  546.                    <div id="marquee-mobile" class="marquee mobile-only">
  547.                        <div class="marquee-content">
  548.                            <div class="d-flex align-items-center gap-2">
  549.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  550.                            </div>
  551.                            <div class="running">
  552.                                <div class="marquee-shadow"></div>
  553.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  554.                            </div>
  555.                            <div class="d-flex align-items-center gap-2">
  556.                            </div>
  557.                        </div>
  558.                    </div>
  559.                    
  560.                    <div class="mslider mobile-only">
  561.                                            </div>
  562.                    
  563.                    <div class="login">
  564.                    
  565.                            <div id="desktoplogin" class="desktop-only">
  566.                                <form class="login-form form" role="form">
  567.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  568.                                    <div class="input-group login-field">
  569.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  570.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  571.                                    </div>
  572.                                    
  573.                                    <div id="marquee" class="marquee mobile-only">
  574.                                        <div class="marquee-content">
  575.                                            <div class="d-flex align-items-center gap-2">
  576.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  577.                                            </div>
  578.                                            <div class="running">
  579.                                                <div class="marquee-shadow"></div>
  580.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  581.                                            </div>
  582.                                        </div>
  583.                                    </div>
  584.                                    
  585.                                    
  586.                                    <div class="input-group login-field">
  587.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  588.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  589.                                    </div>
  590.                                    
  591.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  592.                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
  593.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  594.                                    </div>
  595.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  596.        
  597.        
  598.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  599.                                    <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button>
  600.  
  601.                                    <input type="hidden" name="task" value="login">    
  602.                                    <input type="hidden" name="logindesktop" value="0t5P//+CXrNcUzFIsgehZERAQ7qzb9jhq4+oTTfxLNA=">
  603.                                </form>
  604.                            </div>
  605.                        
  606.                        
  607.                        
  608.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  609.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  610.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  611.                                    <div class="input-group login-field">
  612.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  613.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  614.                                    </div>
  615.                                    <div class="input-group login-field">
  616.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  617.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  618.                                    </div>
  619.                                    
  620.                                    
  621.                                    <div class="verifikasiform w-100">
  622.                                        
  623.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?9054" width="100%" height="44" style="border-radius: 5px;"></span>
  624.                                                <div class="input-group login-field mt-1">
  625.                                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
  626.                                                   <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  627.                                                </div>
  628.                                        
  629.                                    </div>
  630.  
  631.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  632.                                    
  633.                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:4px;margin-bottom:8px;cursor:pointer;">
  634.                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:6px;width:16px;height:16px;cursor:pointer;"> Remember Me
  635.                                    </label>
  636.        
  637.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  638.                                    <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
  639.  
  640.                                    
  641.                                    <input type="hidden" name="task" value="login">    
  642.                                    <input type="hidden" name="loginmobile" value="0t5P//+CXrNcUzFIsgehZERAQ7qzb9jhq4+oTTfxLNA=">
  643.                                </form>
  644.                            </div>
  645.                            
  646.                            <style>
  647.                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
  648.                              .error-border { border-color: red !important; }
  649.                              .valid-border { border-color: green !important; }
  650.                            </style>
  651.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  652.                                    <div id="mobileregister">
  653.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  654.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  655.                                            <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
  656.                                            <div class="input-group login-field">
  657.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  658.                                                <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
  659.                                            </div>
  660.                                            <div class="error-msg" id="err_username"></div>
  661.                                            <div class="input-group login-field">
  662.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  663.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  664.                                            </div>
  665.                                                <div class="error-msg" id="err_password"></div>
  666.                                            <div class="input-group login-field">
  667.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  668.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  669.                                            </div>
  670.                                                <div class="error-msg" id="err_passcon"></div>
  671.                                            <div class="input-group login-field">
  672.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  673.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  674.                                            </div>
  675.                                                <div class="error-msg" id="err_email"></div>
  676.                                            <div class="input-group login-field">
  677.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  678.                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  679.                                            </div>
  680.                                                <div class="error-msg" id="err_telpon"></div>
  681.                                            
  682.                                            <div class="input-group login-field">
  683.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  684.                                             <option value="">Pilih Bank</option>
  685.                             <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
  686.                                            </div>
  687.                                                <div class="error-msg" id="err_bank"></div>
  688.                        
  689.                                            <div class="input-group login-field">
  690.                                                <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
  691.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  692.                                            </div>
  693.                                                <div class="error-msg" id="err_rek"></div>
  694.                                            <div class="input-group login-field">
  695.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  696.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  697.                                            </div>
  698.                                                <div class="error-msg" id="err_nama"></div>
  699.                                            <div class="input-group login-field">
  700.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
  701.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  702.                                            </div>
  703.                                            <div class="error-msg" id="err_ref"></div>
  704.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  705.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  706.                                            
  707.                                                                              
  708.                                  <div class="w-100 my-1">
  709.                                      <div id="capverifikasi">
  710.                                          <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
  711.                                      </div>
  712.                                    
  713.                                     <div class="input-group login-field mt-1">
  714.                                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
  715.                                                   <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
  716.                                                </div>
  717.                                                   <div class="error-msg" id="err_verifikasi"></div>
  718.                                    
  719.                                  </div>
  720.  
  721.                                                                          
  722.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  723.                                                <input type="hidden" name="task" value="register">
  724.                                                <input type="hidden" name="regmobile" value="CXx+BDGhPTtR1P5ijNOVwUCHxyRI0qNym7i3bbTbkzw=">
  725.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  726.                                    </form>
  727.                                </div>
  728.                                <script>
  729.                                (function(){
  730.                                  function root(){ return document.getElementById('mobileregister'); }
  731.                                  function q(id){ return root()?.querySelector('#'+id) || null; }
  732.                                  function qe(sel){ return root()?.querySelector(sel) || null; }
  733.                                
  734.                                  function showError(field,msg){
  735.                                    const err = qe('#err_'+field);
  736.                                    const inp = q('reg_'+field);
  737.                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
  738.                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
  739.                                  }
  740.                                  function clearError(field){
  741.                                    const err = qe('#err_'+field);
  742.                                    const inp = q('reg_'+field);
  743.                                    if (err) err.style.display = 'none';
  744.                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
  745.                                  }
  746.                                
  747.                                  function vUsername(){
  748.                                    const v = (q('reg_username')?.value || '').trim();
  749.                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
  750.                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
  751.                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
  752.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
  753.                                    clearError('username'); return true;
  754.                                  }
  755.                                  function vPass(){
  756.                                    const v = q('reg_pass')?.value || '';
  757.                                    if (!v) return showError('password','Password tidak boleh kosong'), false;
  758.                                    if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
  759.                                    clearError('password'); return true;
  760.                                  }
  761.                                  function vPasscon(){
  762.                                    const p1 = q('reg_pass')?.value || '';
  763.                                    const p2 = q('reg_passcon')?.value || '';
  764.                                    if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
  765.                                    if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
  766.                                    clearError('passcon'); return true;
  767.                                  }
  768.                                  function vEmail(){
  769.                                    const v = (q('reg_email')?.value || '').trim();
  770.                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
  771.                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
  772.                                    clearError('email'); return true;
  773.                                  }
  774.                                  function vTelp(){
  775.                                    const el = q('reg_telpon'); if (!el) return true;
  776.                                    el.value = (el.value || '').replace(/\D/g,'');
  777.                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
  778.                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
  779.                                    clearError('telpon'); return true;
  780.                                  }
  781.                                  function vBank(){
  782.                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
  783.                                    clearError('bank'); return true;
  784.                                  }
  785.                                  function vRek(){
  786.                                    const el = q('reg_rek'); if (!el) return true;
  787.                                    el.value = (el.value || '').replace(/\D/g,'');
  788.                                    if (!el.value) return showError('rek','Rekening kosong'), false;
  789.                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
  790.                                    clearError('rek'); return true;
  791.                                  }
  792.                                  function vNama(){
  793.                                    const v = (q('reg_nama')?.value || '').trim();
  794.                                    if (!v) return showError('nama','Nama kosong'), false;
  795.                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
  796.                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
  797.                                    clearError('nama'); return true;
  798.                                  }
  799.                                  function vRefOpt(){
  800.                                    const el = q('reg_ref'); if (!el) return true;
  801.                                    const v = (el.value || '').trim();
  802.                                    if (!v) return clearError('ref'), true;
  803.                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
  804.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
  805.                                    clearError('ref'); return true;
  806.                                  }
  807.                                  function vVerifOpt(){
  808.                                    const el = q('reg_verifikasi'); if (!el) return true;
  809.                                    const v = (el.value || '').trim();
  810.                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
  811.                                    clearError('verifikasi'); return true;
  812.                                  }
  813.                                
  814.                                  function validateAll(){
  815.                                    const ok =
  816.                                      vUsername() & vPass() & vPasscon() & vEmail() &
  817.                                      vTelp() & vBank() & vRek() & vNama() &
  818.                                      vRefOpt() & vVerifOpt();
  819.                                    return !!ok;
  820.                                  }
  821.                                  
  822.                                  function attach(id, validator, opts){
  823.                                    const el = q(id); if (!el) return;
  824.                                    const run = () => validator();
  825.                                    el.addEventListener('focus', run);
  826.                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
  827.                                    el.addEventListener('blur', run);
  828.                                    if (opts && opts.change) el.addEventListener('change', run);
  829.                                  }
  830.                                
  831.                                  document.addEventListener('DOMContentLoaded', function(){
  832.                                    attach('reg_username',   vUsername);
  833.                                    attach('reg_pass',       vPass);
  834.                                    attach('reg_passcon',    vPasscon);
  835.                                    attach('reg_email',      vEmail);
  836.                                    attach('reg_telpon',     vTelp);
  837.                                    attach('reg_bank',       vBank, { input:false, change:true });
  838.                                    attach('reg_rek',        vRek);
  839.                                    attach('reg_nama',       vNama);
  840.                                    attach('reg_ref',        vRefOpt);
  841.                                    attach('reg_verifikasi', vVerifOpt);
  842.                                
  843.                                    const f = q('formRegister');
  844.                                    if (f) {
  845.                                      f.addEventListener('submit', function(e){
  846.                                        if (!validateAll()) {
  847.                                          e.preventDefault();
  848.                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
  849.                                          if (firstErr && firstErr.focus) firstErr.focus();
  850.                                        }
  851.                                      });
  852.                                    }
  853.                                  });
  854.                                })();
  855.                                </script>
  856.                        </div>
  857.                    </div>
  858.    
  859.                    <div class="menu">
  860.                        <div class="menu-item desktop-only">
  861.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  862. </div>
  863. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  864.  
  865.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  866.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  867.        <label>TOGEL</label>
  868.    </a>
  869.    
  870.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  871.  
  872.  
  873. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  874.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  875.    <label>SLOT</label>
  876. </a>
  877. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  878. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  879.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  880.    <label>LIVE CASINO</label>
  881. </a>
  882. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  883. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  884.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  885.    <label>SPORT</label>
  886. </a>
  887. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  888. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  889.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  890.    <label>ARCADE</label>
  891. </a>
  892. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  893. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  894. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  895.    <label>SABUNG</label>
  896. </a>
  897. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  898. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  899. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  900.    <label>INTERACTIVE</label>
  901. </a>
  902.  
  903. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  904.                    </div>
  905.                                        
  906.  
  907.  
  908.                    <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
  909.                        
  910.                        
  911.                            <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
  912.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  913.                            </div>
  914.                            
  915.                            <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
  916.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  917.                            </div>
  918.                        
  919.                        
  920.                        <div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
  921.                        
  922.                        
  923.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  924.                                                                                
  925.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  926.                                            <div style="display: grid; place-items: center; height: 100%">
  927.                                                <div class="menu-item">
  928.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  929.                                                    <label>TOGEL</label>
  930.                                                </div>
  931.                                            </div>
  932.                                        </a>
  933.                                            
  934.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  935.                                        <div style="display: grid; place-items: center; height: 100%">
  936.                                            <div class="menu-item" onclick="showProvider('slot')">
  937.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  938.                                                <label>SLOT</label>
  939.                                            </div>
  940.                                        </div>
  941.                                    </div>
  942.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  943.                                        <div style="display: grid; place-items: center; height: 100%">
  944.                                            <div class="menu-item" onclick="showProvider('casino')">
  945.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  946.                                                <label>LIVE CASINO</label>
  947.                                            </div>
  948.                                        </div>
  949.                                    </div>
  950.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  951.                                        <div style="display: grid; place-items: center; height: 100%">
  952.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  953.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  954.                                                <label>SPORT</label>
  955.                                            </div>
  956.                                        </div>
  957.                                    </div>
  958.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  959.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  960.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  961.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  962.                                    <!--            <label>E-SPORT</label>-->
  963.                                    <!--        </div>-->
  964.                                    <!--    </div>-->
  965.                                    <!--</div>-->
  966.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  967.                                        <div style="display: grid; place-items: center; height: 100%">
  968.                                        <div class="menu-item" onclick="showProvider('fish')">
  969.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  970.                                            <label>ARCADE</label>
  971.                                        </div>
  972.                                        </div>
  973.                                    </div>
  974.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  975.                                        <div style="display: grid; place-items: center; height: 100%">
  976.                                            <div class="menu-item" onclick="showProvider('sabung')">
  977.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  978.                                                <label>SABUNG</label>
  979.                                            </div>
  980.                                        </div>
  981.                                    </div>
  982.                                    
  983.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  984.                                        <div style="display: grid; place-items: center; height: 100%">
  985.                                            <div class="menu-item" onclick="showProvider('interactive')">
  986.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  987.                                                <label>INTERACTIVE</label>
  988.                                            </div>
  989.                                        </div>
  990.                                    </div>
  991.                            </div>
  992.                        </div>                                                                                                                        
  993.                    </div>                    
  994.                    <div class="menu-content mobile-only">
  995.                            <div id="main-content" style="background: var(--content-box-background)">
  996.                                                        </div>
  997.                    </div>
  998.                    
  999.                    
  1000.        
  1001.                    <div class="promosi">
  1002.                        
  1003.                        <!-- Desktop -->
  1004.                        
  1005.                        <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
  1006.                        <div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>
  1007.                        
  1008.                        <!-- Mobile -->
  1009.                        
  1010.                        <div class="mobile-only" style="padding-top: 32px">
  1011.                            
  1012.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  1013.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  1014.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  1015.                                        
  1016.                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  1017.                            </div>
  1018.                            
  1019.                        </div>
  1020.                    </div>
  1021.                                    </div>
  1022.            </header>
  1023.    
  1024.    
  1025.            <div id="marquee" class="marquee desktop-only">
  1026.                <div class="marquee-content">
  1027.                    <div class="d-flex align-items-center gap-2">
  1028.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  1029.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  1030.                    </div>
  1031.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  1032.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  1033.                    </div>
  1034.                    <div class="d-flex align-items-center gap-2">
  1035.                        <a href="/?content=event">
  1036.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  1037.                        </a>
  1038.                    </div>
  1039.                </div>
  1040.            </div>
  1041.            
  1042.            
  1043.            
  1044.            <!--Informasi Modal -->
  1045.            <div id="modal-wrapper" class="modal" style=" background:none;">
  1046.            
  1047.                <div class="slideDown" id="informasi-menu">
  1048.                  <div class="row">
  1049.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  1050.                        <div id="informasi-logo">
  1051.                            <img src="/images/logoweb.png" width="120px"/>
  1052.                        </div>
  1053.                        <div class="menuleft">
  1054.  
  1055.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  1056.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  1057.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  1058.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  1059.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  1060.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  1061.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  1062.  
  1063.                        </div>
  1064.                   </div>    
  1065.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  1066.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  1067.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  1068.                        </div>
  1069.                    </div>
  1070.                    
  1071.                </div>
  1072.              </div>
  1073.            </div>
  1074.    
  1075.    
  1076.            <div class="contentdata">
  1077.                <div id="content-primary" class="p-0">
  1078.                
  1079.                                            <div class="desktop-only">
  1080. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  1081.  <div class="carousel-indicators">
  1082.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1083.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1084.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  1085.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  1086.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  1087.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
  1088.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
  1089.              </div>
  1090.  <div class="carousel-inner" style="height: 100%">
  1091.            <div class="carousel-item active" style="height: 100%">
  1092.          <img src="/images/upload-Slides-20230708155535.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1093.        </div>
  1094.            <div class="carousel-item " style="height: 100%">
  1095.          <img src="/images/upload-Slides-20230708155550.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1096.        </div>
  1097.            <div class="carousel-item " style="height: 100%">
  1098.          <img src="/images/upload-Slides-20230708155620.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1099.        </div>
  1100.            <div class="carousel-item " style="height: 100%">
  1101.          <img src="/images/upload-Slides-20240119201025.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1102.        </div>
  1103.            <div class="carousel-item " style="height: 100%">
  1104.          <img src="https://img.viva88athenae.com/banner/5g-10rb.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1105.        </div>
  1106.            <div class="carousel-item " style="height: 100%">
  1107.          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1108.        </div>
  1109.            <div class="carousel-item " style="height: 100%">
  1110.          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1111.        </div>
  1112.      </div>
  1113. </div>
  1114.  
  1115. </div>
  1116.                        <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
  1117.  
  1118.     <img src="images/upload-SlidesMobile-20210423181756.gif" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/>
  1119. </div>
  1120. <div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
  1121.     <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
  1122. </div></div>
  1123.                        
  1124.                                    </div>
  1125.            </div>
  1126.    
  1128.    
  1129.            
  1130.            <!-- Togel -->    
  1131.            
  1132. <style>
  1133.    .togel-desktop {
  1134.            background: var(--togel-background);
  1135.            grid-area: togel-desktop;
  1136.            position: relative;
  1137.        }
  1138.        
  1139.        .togel-mobile {
  1140.            display: none;
  1141.        }
  1142.  
  1143.        .show-more {
  1144.            position: absolute;
  1145.        
  1146.            z-index: 999;
  1147.            bottom: 0px;
  1148.            width: 100%;
  1149.            
  1150.            /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
  1151.        }
  1152.        
  1153.        .show-more-content {
  1154.            background: var(--secondary-background);
  1155.            opacity: .7;
  1156.            display: grid;
  1157.            place-items: center;
  1158.            height: 32px
  1159.        }
  1160.        
  1161.        .togel-content {    
  1162.            position: relative;  
  1163.            display: flex;
  1164.            flex-wrap: wrap;
  1165.            justify-content: center;
  1166.            /*display: grid;*/
  1167.            /*grid-template-columns: repeat(10, 1fr);*/
  1168.            gap: 8px 4px;
  1169.            padding: 16px 0;
  1170.        }
  1171.        
  1172.        .see-more {
  1173.            padding: 16px 0 48px 0;
  1174.            max-height: 162px;
  1175.            transition: max-height .75s ease-out;
  1176.            transition-delay: .1s;
  1177.            overflow: hidden;
  1178.        }
  1179.        
  1180.        .togel-content:hover{
  1181.            max-height: 1000px;
  1182.            transition: max-height 0.25s ease-in;
  1183.        }
  1184.        
  1185.        .result {
  1186.            height: 110px;
  1187.            width: 96px;
  1188.            border-radius: 10px;
  1189.            background: var(--result-background);
  1190.            border: var(--result-border);
  1191.            
  1192.            display: grid;
  1193.            grid-template-rows: 0px 20px 1fr 28px;
  1194.            grid-template-areas:
  1195.            "badge"
  1196.            "pasaran"
  1197.            "keluaran"
  1198.            "tanggal"
  1199.            ;
  1200.        
  1201.            /* display: flex;
  1202.            flex-direction: column;
  1203.            justify-content: space-between; */
  1204.        
  1205.            overflow: hidden;
  1206.        }
  1207.        
  1208.        .badge {
  1209.            grid-area: badge;
  1210.            display: grid;
  1211.            place-items: center;
  1212.        }
  1213.        
  1214.        .result>.pasaran {
  1215.        
  1216.            grid-area: pasaran;
  1217.        
  1218.            padding-top: 8px;
  1219.            white-space: nowrap;
  1220.            font-size: .7rem;
  1221.            line-height: .7rem;
  1222.        
  1223.            color: var(--result-pasaran-color);
  1224.            display: grid;
  1225.            place-items: center;
  1226.        }
  1227.        
  1228.        .result>.keluaran {
  1229.        
  1230.            grid-area: keluaran;
  1231.            padding-bottom: 8px;
  1232.            font-family: 'Oswald', sans-serif;
  1233.            line-height: 40px;
  1234.            font-size: 40px;
  1235.            color: var(--result-keluaran-color);
  1236.            display: grid;
  1237.            place-items: center;
  1238.        }
  1239.        
  1240.        .result>.tanggal {
  1241.        
  1242.            grid-area: tanggal;
  1243.        
  1244.            width: 100%;
  1245.            height: 100%;
  1246.            /* background: rgb(40,0,0);
  1247.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1248.            background: var(--result-tanggal-background);
  1249.            white-space: nowarp;
  1250.            font-size: .79rem;
  1251.            display: grid;
  1252.            place-items: center;
  1253.            font-family: 'Abel', sans-serif;
  1254.            color: var(--result-tanggal-color);
  1255.        }
  1256.        
  1257.        @media only screen and (max-width: 1000px) {
  1258.            
  1259.            .togel-desktop {
  1260.                display: none;
  1261.            }
  1262.            
  1263.            .togel-mobile {
  1264.  
  1265.                background: var(--secondary-background);
  1266.                grid-area: togel-mobile;
  1267.                padding: 24px;
  1268.                padding-bottom: 12px;
  1269.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1270.            }
  1271.        
  1272.            .togel-title {
  1273.                padding: 0px;
  1274.                padding-bottom: 20px;
  1275.                font-size: 1.4rem;
  1276.                font-weight: bold;
  1277.                color: var(--primary-text-color);
  1278.            }
  1279.        
  1280.            .togel-content {
  1281.                max-height: fit-content;
  1282.                display: grid;
  1283.                grid-template-columns: 1fr;
  1284.                gap: 0;
  1285.                border-radius: 8px;
  1286.            }
  1287.            
  1288.  
  1289.        
  1290.            .provider-group {
  1291.                padding: var(--mobile-padding-horizontal);
  1292.            }
  1293.        
  1294.            .badge {
  1295.                display: none;
  1296.            }
  1297.        
  1298.            .result {
  1299.                height: auto;
  1300.                width: 100%;
  1301.                display: grid;
  1302.                grid-template-rows: 1fr;
  1303.                grid-template-columns: 1fr 1fr 80px;
  1304.                grid-template-areas: "pasaran tanggal keluaran";
  1305.                border-radius: 0;
  1306.                border: none;
  1307.                background: transparent;
  1308.                padding: 4px 12px;
  1309.                color: var(--primary-text-color);
  1310.                font-family: 'Abel', sans-serif;
  1311.                
  1312.            }
  1313.            
  1314.                        
  1315.            .result-data:nth-child(odd) {
  1316.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1317.            }
  1318.            
  1319.                        
  1320.            .accordion-item {
  1321.                background-color: transparent;
  1322.                border: 0px;
  1323.            }
  1324.            
  1325.            .accordion-button:not(.collapsed) {
  1326.                color: inherit;
  1327.                background-color: transparent;
  1328.                box-shadow: none;
  1329.            }
  1330.            
  1331.            .accordion-button::after {
  1332.                height: 0px;
  1333.            }
  1334.        
  1335.            .result>* {
  1336.                padding: 0px!important;
  1337.                margin: 0px!important;
  1338.                font-size: 1.4rem!important;
  1339.                line-height: auto!important;
  1340.                font-weight: normal!important;
  1341.            }
  1342.        
  1343.            .result>.pasaran {
  1344.                display: flex;
  1345.                justify-content: start;
  1346.                color: var(--primary-text-color)!important;
  1347.                opacity: .7;
  1348.            }
  1349.        
  1350.            .result>.tanggal {        
  1351.                display: flex;
  1352.                justify-content: center;
  1353.                background: transparent;
  1354.                color: var(--primary-text-color)!important;
  1355.                opacity: .7;
  1356.            }
  1357.        
  1358.            .result>.keluaran {
  1359.                display: flex;
  1360.                justify-content: end;
  1361.                /*color: var(--primary-text-color)!important;*/
  1362.                font-family: 'Abel', sans-serif;
  1363.                color: var(--highlight-text-color);
  1364.            }
  1365.            
  1366.        }
  1367. </style>
  1371. <div id="togel-desktop" class="togel-desktop desktop-only">
  1372.    
  1373.        
  1374.        
  1375.    
  1376.        <div class="togel-content ">
  1377.                            <a href="/?content=hasil&pid=HKD" class="result">
  1378.                    
  1379.                    <div class="badge">
  1380.                                            </div>
  1381.                    
  1382.                    <div class="pasaran">HK SIANG&nbsp</div>
  1383.                    <div class="keluaran">6891</div>
  1384.                    <div class="tanggal">SELASA 2/9/2025</div>
  1385.                </a>
  1386.                            <a href="/?content=hasil&pid=SY" class="result">
  1387.                    
  1388.                    <div class="badge">
  1389.                                            </div>
  1390.                    
  1391.                    <div class="pasaran">SYDNEY&nbsp</div>
  1392.                    <div class="keluaran">4390</div>
  1393.                    <div class="tanggal">SELASA 2/9/2025</div>
  1394.                </a>
  1395.                            <a href="/?content=hasil&pid=HAI" class="result">
  1396.                    
  1397.                    <div class="badge">
  1398.                                            </div>
  1399.                    
  1400.                    <div class="pasaran">HAIPHONG&nbsp</div>
  1401.                    <div class="keluaran">2542</div>
  1402.                    <div class="tanggal">SELASA 2/9/2025</div>
  1403.                </a>
  1404.                            <a href="/?content=hasil&pid=SG" class="result">
  1405.                    
  1406.                    <div class="badge">
  1407.                                            </div>
  1408.                    
  1409.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1410.                    <div class="keluaran">2718</div>
  1411.                    <div class="tanggal">SENIN 1/9/2025</div>
  1412.                </a>
  1413.                            <a href="/?content=hasil&pid=MY" class="result">
  1414.                    
  1415.                    <div class="badge">
  1416.                                            </div>
  1417.                    
  1418.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1419.                    <div class="keluaran">3965</div>
  1420.                    <div class="tanggal">SELASA 2/9/2025</div>
  1421.                </a>
  1422.                            <a href="/?content=hasil&pid=JINAN" class="result">
  1423.                    
  1424.                    <div class="badge">
  1425.                                            </div>
  1426.                    
  1427.                    <div class="pasaran">JINAN&nbsp</div>
  1428.                    <div class="keluaran">6095</div>
  1429.                    <div class="tanggal">SELASA 2/9/2025</div>
  1430.                </a>
  1431.                            <a href="/?content=hasil&pid=QTR" class="result">
  1432.                    
  1433.                    <div class="badge">
  1434.                                            </div>
  1435.                    
  1436.                    <div class="pasaran">QATAR&nbsp</div>
  1437.                    <div class="keluaran">5861</div>
  1438.                    <div class="tanggal">SELASA 2/9/2025</div>
  1439.                </a>
  1440.                            <a href="/?content=hasil&pid=HK" class="result">
  1441.                    
  1442.                    <div class="badge">
  1443.                                            </div>
  1444.                    
  1445.                    <div class="pasaran">HONGKONG&nbsp</div>
  1446.                    <div class="keluaran">7613</div>
  1447.                    <div class="tanggal">SELASA 2/9/2025</div>
  1448.                </a>
  1449.                            <a href="/?content=hasil&pid=TWH" class="result">
  1450.                    
  1451.                    <div class="badge">
  1452.                                            </div>
  1453.                    
  1454.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1455.                    <div class="keluaran">2166</div>
  1456.                    <div class="tanggal">SELASA 10/6/2025</div>
  1457.                </a>
  1458.                        
  1459.        </div>
  1460.    </div>
  1461.    
  1462.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1463.        
  1464.        <div class="togel-title">Togel Result</div>
  1465.        
  1466.                
  1467.    <div class="carousel slide p-0" data-bs-ride="carousel" style="">
  1468.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1469.              
  1470.                          
  1471.          </div>
  1472.          <div class="carousel-inner">
  1473.  
  1474.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1475.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  1476.                                    <div class="badge">
  1477.                                                                            </div>
  1478.                                    <div class="pasaran">HK SIANG&nbsp</div>
  1479.                                    <div class="keluaran">6891</div>
  1480.                                    <div class="tanggal">02-09-2025</div>
  1481.                              </button>
  1482.                                                                <div id="paito-HKD" class="accordion-collapse collapse">
  1483.                                        
  1484.                                                <div class="result">
  1485.                                                    <div class="pasaran"></div>
  1486.                                                    <div class="keluaran">5723</div>
  1487.                                                    <div class="tanggal">01-09-2025</div>
  1488.                                                </div>
  1489.                                            
  1490.                                                <div class="result">
  1491.                                                    <div class="pasaran"></div>
  1492.                                                    <div class="keluaran">5693</div>
  1493.                                                    <div class="tanggal">31-08-2025</div>
  1494.                                                </div>
  1495.                                            
  1496.                                                <div class="result">
  1497.                                                    <div class="pasaran"></div>
  1498.                                                    <div class="keluaran">9618</div>
  1499.                                                    <div class="tanggal">30-08-2025</div>
  1500.                                                </div>
  1501.                                            
  1502.                                                <div class="result">
  1503.                                                    <div class="pasaran"></div>
  1504.                                                    <div class="keluaran">4281</div>
  1505.                                                    <div class="tanggal">29-08-2025</div>
  1506.                                                </div>
  1507.                                            
  1508.                                                <div class="result">
  1509.                                                    <div class="pasaran"></div>
  1510.                                                    <div class="keluaran">3224</div>
  1511.                                                    <div class="tanggal">28-08-2025</div>
  1512.                                                </div>
  1513.                                            
  1514.                                                <div class="result">
  1515.                                                    <div class="pasaran"></div>
  1516.                                                    <div class="keluaran">8646</div>
  1517.                                                    <div class="tanggal">27-08-2025</div>
  1518.                                                </div>
  1519.                                            
  1520.                                                <div class="result">
  1521.                                                    <div class="pasaran"></div>
  1522.                                                    <div class="keluaran">4711</div>
  1523.                                                    <div class="tanggal">26-08-2025</div>
  1524.                                                </div>
  1525.                                                                                </div>
  1526.                                                            </div>
  1527.                            
  1528.                                                    <div class="result-data accordion-item">
  1529.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
  1530.                                    <div class="badge">
  1531.                                                                            </div>
  1532.                                    <div class="pasaran">SYDNEY&nbsp</div>
  1533.                                    <div class="keluaran">4390</div>
  1534.                                    <div class="tanggal">02-09-2025</div>
  1535.                              </button>
  1536.                                                                <div id="paito-SY" class="accordion-collapse collapse">
  1537.                                        
  1538.                                                <div class="result">
  1539.                                                    <div class="pasaran"></div>
  1540.                                                    <div class="keluaran">9630</div>
  1541.                                                    <div class="tanggal">01-09-2025</div>
  1542.                                                </div>
  1543.                                            
  1544.                                                <div class="result">
  1545.                                                    <div class="pasaran"></div>
  1546.                                                    <div class="keluaran">6852</div>
  1547.                                                    <div class="tanggal">31-08-2025</div>
  1548.                                                </div>
  1549.                                            
  1550.                                                <div class="result">
  1551.                                                    <div class="pasaran"></div>
  1552.                                                    <div class="keluaran">1538</div>
  1553.                                                    <div class="tanggal">30-08-2025</div>
  1554.                                                </div>
  1555.                                            
  1556.                                                <div class="result">
  1557.                                                    <div class="pasaran"></div>
  1558.                                                    <div class="keluaran">0211</div>
  1559.                                                    <div class="tanggal">29-08-2025</div>
  1560.                                                </div>
  1561.                                            
  1562.                                                <div class="result">
  1563.                                                    <div class="pasaran"></div>
  1564.                                                    <div class="keluaran">6956</div>
  1565.                                                    <div class="tanggal">28-08-2025</div>
  1566.                                                </div>
  1567.                                            
  1568.                                                <div class="result">
  1569.                                                    <div class="pasaran"></div>
  1570.                                                    <div class="keluaran">1597</div>
  1571.                                                    <div class="tanggal">27-08-2025</div>
  1572.                                                </div>
  1573.                                            
  1574.                                                <div class="result">
  1575.                                                    <div class="pasaran"></div>
  1576.                                                    <div class="keluaran">7898</div>
  1577.                                                    <div class="tanggal">26-08-2025</div>
  1578.                                                </div>
  1579.                                                                                </div>
  1580.                                                            </div>
  1581.                            
  1582.                                                    <div class="result-data accordion-item">
  1583.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HAI">
  1584.                                    <div class="badge">
  1585.                                                                            </div>
  1586.                                    <div class="pasaran">HAIPHONG&nbsp</div>
  1587.                                    <div class="keluaran">2542</div>
  1588.                                    <div class="tanggal">02-09-2025</div>
  1589.                              </button>
  1590.                                                                <div id="paito-HAI" class="accordion-collapse collapse">
  1591.                                        
  1592.                                                <div class="result">
  1593.                                                    <div class="pasaran"></div>
  1594.                                                    <div class="keluaran">2790</div>
  1595.                                                    <div class="tanggal">01-09-2025</div>
  1596.                                                </div>
  1597.                                            
  1598.                                                <div class="result">
  1599.                                                    <div class="pasaran"></div>
  1600.                                                    <div class="keluaran">7406</div>
  1601.                                                    <div class="tanggal">31-08-2025</div>
  1602.                                                </div>
  1603.                                            
  1604.                                                <div class="result">
  1605.                                                    <div class="pasaran"></div>
  1606.                                                    <div class="keluaran">5694</div>
  1607.                                                    <div class="tanggal">30-08-2025</div>
  1608.                                                </div>
  1609.                                            
  1610.                                                <div class="result">
  1611.                                                    <div class="pasaran"></div>
  1612.                                                    <div class="keluaran">5770</div>
  1613.                                                    <div class="tanggal">29-08-2025</div>
  1614.                                                </div>
  1615.                                            
  1616.                                                <div class="result">
  1617.                                                    <div class="pasaran"></div>
  1618.                                                    <div class="keluaran">3447</div>
  1619.                                                    <div class="tanggal">28-08-2025</div>
  1620.                                                </div>
  1621.                                            
  1622.                                                <div class="result">
  1623.                                                    <div class="pasaran"></div>
  1624.                                                    <div class="keluaran">4246</div>
  1625.                                                    <div class="tanggal">27-08-2025</div>
  1626.                                                </div>
  1627.                                            
  1628.                                                <div class="result">
  1629.                                                    <div class="pasaran"></div>
  1630.                                                    <div class="keluaran">2277</div>
  1631.                                                    <div class="tanggal">26-08-2025</div>
  1632.                                                </div>
  1633.                                                                                </div>
  1634.                                                            </div>
  1635.                            
  1636.                                                    <div class="result-data accordion-item">
  1637.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  1638.                                    <div class="badge">
  1639.                                                                            </div>
  1640.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  1641.                                    <div class="keluaran">2718</div>
  1642.                                    <div class="tanggal">01-09-2025</div>
  1643.                              </button>
  1644.                                                                <div id="paito-SG" class="accordion-collapse collapse">
  1645.                                        
  1646.                                                <div class="result">
  1647.                                                    <div class="pasaran"></div>
  1648.                                                    <div class="keluaran">7057</div>
  1649.                                                    <div class="tanggal">31-08-2025</div>
  1650.                                                </div>
  1651.                                            
  1652.                                                <div class="result">
  1653.                                                    <div class="pasaran"></div>
  1654.                                                    <div class="keluaran">9468</div>
  1655.                                                    <div class="tanggal">30-08-2025</div>
  1656.                                                </div>
  1657.                                            
  1658.                                                <div class="result">
  1659.                                                    <div class="pasaran"></div>
  1660.                                                    <div class="keluaran">7816</div>
  1661.                                                    <div class="tanggal">28-08-2025</div>
  1662.                                                </div>
  1663.                                            
  1664.                                                <div class="result">
  1665.                                                    <div class="pasaran"></div>
  1666.                                                    <div class="keluaran">6768</div>
  1667.                                                    <div class="tanggal">27-08-2025</div>
  1668.                                                </div>
  1669.                                            
  1670.                                                <div class="result">
  1671.                                                    <div class="pasaran"></div>
  1672.                                                    <div class="keluaran">7879</div>
  1673.                                                    <div class="tanggal">25-08-2025</div>
  1674.                                                </div>
  1675.                                            
  1676.                                                <div class="result">
  1677.                                                    <div class="pasaran"></div>
  1678.                                                    <div class="keluaran">9197</div>
  1679.                                                    <div class="tanggal">24-08-2025</div>
  1680.                                                </div>
  1681.                                            
  1682.                                                <div class="result">
  1683.                                                    <div class="pasaran"></div>
  1684.                                                    <div class="keluaran">2250</div>
  1685.                                                    <div class="tanggal">23-08-2025</div>
  1686.                                                </div>
  1687.                                                                                </div>
  1688.                                                            </div>
  1689.                            
  1690.                                                    <div class="result-data accordion-item">
  1691.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  1692.                                    <div class="badge">
  1693.                                                                            </div>
  1694.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  1695.                                    <div class="keluaran">3965</div>
  1696.                                    <div class="tanggal">02-09-2025</div>
  1697.                              </button>
  1698.                                                                <div id="paito-MY" class="accordion-collapse collapse">
  1699.                                        
  1700.                                                <div class="result">
  1701.                                                    <div class="pasaran"></div>
  1702.                                                    <div class="keluaran">0292</div>
  1703.                                                    <div class="tanggal">01-09-2025</div>
  1704.                                                </div>
  1705.                                            
  1706.                                                <div class="result">
  1707.                                                    <div class="pasaran"></div>
  1708.                                                    <div class="keluaran">6763</div>
  1709.                                                    <div class="tanggal">31-08-2025</div>
  1710.                                                </div>
  1711.                                            
  1712.                                                <div class="result">
  1713.                                                    <div class="pasaran"></div>
  1714.                                                    <div class="keluaran">8066</div>
  1715.                                                    <div class="tanggal">30-08-2025</div>
  1716.                                                </div>
  1717.                                            
  1718.                                                <div class="result">
  1719.                                                    <div class="pasaran"></div>
  1720.                                                    <div class="keluaran">7604</div>
  1721.                                                    <div class="tanggal">29-08-2025</div>
  1722.                                                </div>
  1723.                                            
  1724.                                                <div class="result">
  1725.                                                    <div class="pasaran"></div>
  1726.                                                    <div class="keluaran">4585</div>
  1727.                                                    <div class="tanggal">28-08-2025</div>
  1728.                                                </div>
  1729.                                            
  1730.                                                <div class="result">
  1731.                                                    <div class="pasaran"></div>
  1732.                                                    <div class="keluaran">0801</div>
  1733.                                                    <div class="tanggal">27-08-2025</div>
  1734.                                                </div>
  1735.                                            
  1736.                                                <div class="result">
  1737.                                                    <div class="pasaran"></div>
  1738.                                                    <div class="keluaran">3220</div>
  1739.                                                    <div class="tanggal">26-08-2025</div>
  1740.                                                </div>
  1741.                                                                                </div>
  1742.                                                            </div>
  1743.                            
  1744.                                                    <div class="result-data accordion-item">
  1745.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-JINAN">
  1746.                                    <div class="badge">
  1747.                                                                            </div>
  1748.                                    <div class="pasaran">JINAN&nbsp</div>
  1749.                                    <div class="keluaran">6095</div>
  1750.                                    <div class="tanggal">02-09-2025</div>
  1751.                              </button>
  1752.                                                                <div id="paito-JINAN" class="accordion-collapse collapse">
  1753.                                        
  1754.                                                <div class="result">
  1755.                                                    <div class="pasaran"></div>
  1756.                                                    <div class="keluaran">3327</div>
  1757.                                                    <div class="tanggal">01-09-2025</div>
  1758.                                                </div>
  1759.                                            
  1760.                                                <div class="result">
  1761.                                                    <div class="pasaran"></div>
  1762.                                                    <div class="keluaran">2672</div>
  1763.                                                    <div class="tanggal">31-08-2025</div>
  1764.                                                </div>
  1765.                                            
  1766.                                                <div class="result">
  1767.                                                    <div class="pasaran"></div>
  1768.                                                    <div class="keluaran">8217</div>
  1769.                                                    <div class="tanggal">30-08-2025</div>
  1770.                                                </div>
  1771.                                            
  1772.                                                <div class="result">
  1773.                                                    <div class="pasaran"></div>
  1774.                                                    <div class="keluaran">7886</div>
  1775.                                                    <div class="tanggal">29-08-2025</div>
  1776.                                                </div>
  1777.                                            
  1778.                                                <div class="result">
  1779.                                                    <div class="pasaran"></div>
  1780.                                                    <div class="keluaran">8181</div>
  1781.                                                    <div class="tanggal">28-08-2025</div>
  1782.                                                </div>
  1783.                                            
  1784.                                                <div class="result">
  1785.                                                    <div class="pasaran"></div>
  1786.                                                    <div class="keluaran">3726</div>
  1787.                                                    <div class="tanggal">27-08-2025</div>
  1788.                                                </div>
  1789.                                            
  1790.                                                <div class="result">
  1791.                                                    <div class="pasaran"></div>
  1792.                                                    <div class="keluaran">8636</div>
  1793.                                                    <div class="tanggal">26-08-2025</div>
  1794.                                                </div>
  1795.                                                                                </div>
  1796.                                                            </div>
  1797.                            
  1798.                                                    <div class="result-data accordion-item">
  1799.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
  1800.                                    <div class="badge">
  1801.                                                                            </div>
  1802.                                    <div class="pasaran">QATAR&nbsp</div>
  1803.                                    <div class="keluaran">5861</div>
  1804.                                    <div class="tanggal">02-09-2025</div>
  1805.                              </button>
  1806.                                                                <div id="paito-QTR" class="accordion-collapse collapse">
  1807.                                        
  1808.                                                <div class="result">
  1809.                                                    <div class="pasaran"></div>
  1810.                                                    <div class="keluaran">3228</div>
  1811.                                                    <div class="tanggal">01-09-2025</div>
  1812.                                                </div>
  1813.                                            
  1814.                                                <div class="result">
  1815.                                                    <div class="pasaran"></div>
  1816.                                                    <div class="keluaran">7724</div>
  1817.                                                    <div class="tanggal">31-08-2025</div>
  1818.                                                </div>
  1819.                                            
  1820.                                                <div class="result">
  1821.                                                    <div class="pasaran"></div>
  1822.                                                    <div class="keluaran">5991</div>
  1823.                                                    <div class="tanggal">30-08-2025</div>
  1824.                                                </div>
  1825.                                            
  1826.                                                <div class="result">
  1827.                                                    <div class="pasaran"></div>
  1828.                                                    <div class="keluaran">4388</div>
  1829.                                                    <div class="tanggal">29-08-2025</div>
  1830.                                                </div>
  1831.                                            
  1832.                                                <div class="result">
  1833.                                                    <div class="pasaran"></div>
  1834.                                                    <div class="keluaran">6974</div>
  1835.                                                    <div class="tanggal">28-08-2025</div>
  1836.                                                </div>
  1837.                                            
  1838.                                                <div class="result">
  1839.                                                    <div class="pasaran"></div>
  1840.                                                    <div class="keluaran">6545</div>
  1841.                                                    <div class="tanggal">27-08-2025</div>
  1842.                                                </div>
  1843.                                            
  1844.                                                <div class="result">
  1845.                                                    <div class="pasaran"></div>
  1846.                                                    <div class="keluaran">0562</div>
  1847.                                                    <div class="tanggal">26-08-2025</div>
  1848.                                                </div>
  1849.                                                                                </div>
  1850.                                                            </div>
  1851.                            
  1852.                                                    <div class="result-data accordion-item">
  1853.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
  1854.                                    <div class="badge">
  1855.                                                                            </div>
  1856.                                    <div class="pasaran">HONGKONG&nbsp</div>
  1857.                                    <div class="keluaran">7613</div>
  1858.                                    <div class="tanggal">02-09-2025</div>
  1859.                              </button>
  1860.                                                                <div id="paito-HK" class="accordion-collapse collapse">
  1861.                                        
  1862.                                                <div class="result">
  1863.                                                    <div class="pasaran"></div>
  1864.                                                    <div class="keluaran">0092</div>
  1865.                                                    <div class="tanggal">01-09-2025</div>
  1866.                                                </div>
  1867.                                            
  1868.                                                <div class="result">
  1869.                                                    <div class="pasaran"></div>
  1870.                                                    <div class="keluaran">3448</div>
  1871.                                                    <div class="tanggal">31-08-2025</div>
  1872.                                                </div>
  1873.                                            
  1874.                                                <div class="result">
  1875.                                                    <div class="pasaran"></div>
  1876.                                                    <div class="keluaran">9077</div>
  1877.                                                    <div class="tanggal">30-08-2025</div>
  1878.                                                </div>
  1879.                                            
  1880.                                                <div class="result">
  1881.                                                    <div class="pasaran"></div>
  1882.                                                    <div class="keluaran">1489</div>
  1883.                                                    <div class="tanggal">29-08-2025</div>
  1884.                                                </div>
  1885.                                            
  1886.                                                <div class="result">
  1887.                                                    <div class="pasaran"></div>
  1888.                                                    <div class="keluaran">1335</div>
  1889.                                                    <div class="tanggal">28-08-2025</div>
  1890.                                                </div>
  1891.                                            
  1892.                                                <div class="result">
  1893.                                                    <div class="pasaran"></div>
  1894.                                                    <div class="keluaran">8710</div>
  1895.                                                    <div class="tanggal">27-08-2025</div>
  1896.                                                </div>
  1897.                                            
  1898.                                                <div class="result">
  1899.                                                    <div class="pasaran"></div>
  1900.                                                    <div class="keluaran">5498</div>
  1901.                                                    <div class="tanggal">26-08-2025</div>
  1902.                                                </div>
  1903.                                                                                </div>
  1904.                                                            </div>
  1905.                            
  1906.                                                    <div class="result-data accordion-item">
  1907.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  1908.                                    <div class="badge">
  1909.                                                                            </div>
  1910.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1911.                                    <div class="keluaran">2166</div>
  1912.                                    <div class="tanggal">10-06-2025</div>
  1913.                              </button>
  1914.                                                                <div id="paito-TWH" class="accordion-collapse collapse">
  1915.                                        
  1916.                                                <div class="result">
  1917.                                                    <div class="pasaran"></div>
  1918.                                                    <div class="keluaran">2833</div>
  1919.                                                    <div class="tanggal">10-06-2025</div>
  1920.                                                </div>
  1921.                                            
  1922.                                                <div class="result">
  1923.                                                    <div class="pasaran"></div>
  1924.                                                    <div class="keluaran">3723</div>
  1925.                                                    <div class="tanggal">10-06-2025</div>
  1926.                                                </div>
  1927.                                            
  1928.                                                <div class="result">
  1929.                                                    <div class="pasaran"></div>
  1930.                                                    <div class="keluaran">1602</div>
  1931.                                                    <div class="tanggal">10-06-2025</div>
  1932.                                                </div>
  1933.                                            
  1934.                                                <div class="result">
  1935.                                                    <div class="pasaran"></div>
  1936.                                                    <div class="keluaran">1873</div>
  1937.                                                    <div class="tanggal">10-06-2025</div>
  1938.                                                </div>
  1939.                                            
  1940.                                                <div class="result">
  1941.                                                    <div class="pasaran"></div>
  1942.                                                    <div class="keluaran">5812</div>
  1943.                                                    <div class="tanggal">09-06-2025</div>
  1944.                                                </div>
  1945.                                            
  1946.                                                <div class="result">
  1947.                                                    <div class="pasaran"></div>
  1948.                                                    <div class="keluaran">8642</div>
  1949.                                                    <div class="tanggal">09-06-2025</div>
  1950.                                                </div>
  1951.                                            
  1952.                                                <div class="result">
  1953.                                                    <div class="pasaran"></div>
  1954.                                                    <div class="keluaran">6667</div>
  1955.                                                    <div class="tanggal">09-06-2025</div>
  1956.                                                </div>
  1957.                                                                                </div>
  1958.                                                            </div>
  1959.                            
  1960.                        </div>              
  1961.              
  1962.          </div>
  1963.        </div>
  1964.    </div>
  1965.    
  1966.    <script>
  1967.        
  1968.        function togglePaito(paitoid) {
  1969.            let paito = document.getElementById(paitoid);
  1970.            paito.classList.add("open");
  1971.        }
  1972.        
  1973.        
  1974.    </script>
  1975.  
  1976.    
  1977.            <div class="provider">
  1978.                <div class="provider-group">
  1979.                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  1980.                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
  1981.    
  1982.                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  1983.                </div>
  1984.            </div>
  1985.            
  1986.            <div class="transaksi">
  1987.    
  1988.                <div>
  1989.                    <div class="transaksi-kontak">
  1990.                        
  1991.                        <div class="d-flex flex-column w-100">
  1992.                            <div class="transaksi-title">
  1993.                                <div class="transaksi-title-group">
  1994.                                    <div class="fitur-header">Transaksi</div>
  1995.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  1996.                                </div>
  1997.                                
  1998.                                <div class="devider desktop-only" style="width: 320px"></div>
  1999.                            </div>
  2000.                            
  2001.                            <div class="transaksi-content">
  2002.                                <!-- Bank -->
  2003.                                
  2004. <style>
  2005.  
  2006.    .transaksi-group {
  2007.        display: grid;
  2008.        grid-template-columns: 380px 1fr;
  2009.        justify-content: space-between;
  2010.        grid-template-areas:
  2011.        "transaksi-bank transaksi-other transaksi-crypto";
  2012.    }
  2013.    
  2014.    .transaksi-bank {
  2015.        grid-area: transaksi-bank;
  2016.        display: grid;
  2017.        place-items: center
  2018.    }
  2019.    
  2020.    .transaksi-other {
  2021.        grid-area: transaksi-other;
  2022.        display: flex;
  2023.        justify-content: space-evenly;
  2024.        width: 100%;
  2025.    }
  2026.    
  2027.    .transaksi-crypto {
  2028.        grid-area: transaksi-crypto;
  2029.        display: flex;
  2030.        justify-content: space-evenly;
  2031.        width: 100%;
  2032.    }
  2033.    
  2034.    .icon-crypto {
  2035.        width: 24px;
  2036.        height: 24px;
  2037.    }
  2038.    
  2039.    .transaksi-list-bank {
  2040.        height: fit-content;
  2041.        display: grid;
  2042.        grid-template-columns: repeat(4, 92px);
  2043.        grid-template-rows: repeat(4, auto);
  2044.        gap: 4px;
  2045.    }
  2046.    
  2047.    .transaksi-list-other {
  2048.        height: fit-content;
  2049.        display: grid;
  2050.        grid-template-columns: repeat(3, 92px);
  2051.        gap: 4px;
  2052.    }
  2053.    
  2054.    .transaksi-list-crypto {
  2055.        height: fit-content;
  2056.        display: grid;
  2057.        grid-template-columns: repeat(2, 80px);
  2058.        gap: 10px 8px;
  2059.    }
  2060.    
  2061.    
  2062.    .transaksi-item {
  2063.        display: flex;
  2064.        flex-direction: column;
  2065.        /* transform: perspective(10px) rotateX(3deg); */
  2066.    }
  2067.    
  2068.    .transaksi-header {
  2069.  
  2070.        height: 30px;
  2071.        border-radius: 5px;
  2072.        display: grid;
  2073.        place-items: center;
  2074.        font-weight: bold;
  2075.        border: 2px solid rgba(108,108,108,1);
  2076.        background: rgba(54,54,54,1);
  2077.        color: white;
  2078.    }
  2079.    
  2080.    .transaksi-status {
  2081.        margin-left: 3px;
  2082.        margin-right: 3px;
  2083.        height: 3px;
  2084.        border-radius: 0px 0px 4px 4px;
  2085.        background: rgb(54,54,54);
  2086.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  2087.    }
  2088.    
  2089.    .header-green {
  2090.        background: rgba(44,121,6,1);
  2091.        border-color: rgba(168,255,0,1);
  2092.    }
  2093.    
  2094.    .header-blue {
  2095.        background: rgba(0,80,89,1);
  2096.        border-color: rgba(0,255,204,1);
  2097.    }
  2098.    
  2099.    .status-green {
  2100.        background: rgb(44,121,6);
  2101.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  2102.    }
  2103.    
  2104.    .status-blue {
  2105.        background: rgb(0,80,89);
  2106.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  2107.    }
  2108.    
  2109.    .transaksi-name {
  2110.        font-size: 1.1rem;
  2111.        font-weight: bold;
  2112.        line-height: 1.5rem
  2113.    }
  2114.    
  2115.    .transaksi-wrapper {
  2116.        display: flex;
  2117.        flex-direction: column;
  2118.        gap: .5rem;
  2119.    }
  2120.  
  2121.  
  2122.    @media only screen and (max-width: 768px) {
  2123.        
  2124.        .transaksi-group {
  2125.            display: grid;
  2126.            grid-template-columns: 1fr;
  2127.            grid-template-areas:
  2128.            "transaksi-bank"
  2129.            "transaksi-other"
  2130.            "transaksi-crypto";
  2131.            gap: 32px;
  2132.            margin-bottom: 8px;
  2133.            
  2134.        }
  2135.        
  2136.        .transaksi-header {
  2137.            font-size: 1.1rem;
  2138.            height: 36px;
  2139.        }
  2140.        
  2141.        .transaksi-list-bank {
  2142.            grid-template-columns: repeat(4, 1fr);
  2143.        }
  2144.        
  2145.        .transaksi-list-other {
  2146.            grid-template-columns: repeat(4, 1fr);
  2147.        }
  2148.        
  2149.        .transaksi-list-crypto {
  2150.            width: 86%;
  2151.            margin: auto;
  2152.            grid-template-columns: repeat(4, 1fr);
  2153.        }
  2154.        
  2155.        .transaksi-list {
  2156.            display: grid;
  2157.            grid-template-columns: repeat(3, 1fr);
  2158.        }
  2159.        
  2160.        .transaksi-item {
  2161.            width: 100%;
  2162.        }
  2163.        
  2164.        .transaksi-title-group {
  2165.            justify-content: center;
  2166.            padding: 16px 0;
  2167.        }
  2168.        
  2169.        .transaksi-name {
  2170.            font-size: 1.3rem;
  2171.            text-align: center;    
  2172.            line-height: 1.8rem;
  2173.        }
  2174.  
  2175.        .transaksi-wrapper {
  2176.            width: 100%;
  2177.            max-width: 100%!important;
  2178.            gap: 1rem;
  2179.        }
  2180.        
  2181.        .icon-crypto {
  2182.            width: 28px;
  2183.            height: 28px;
  2184.        }
  2185.  
  2186.    }
  2187. </style>
  2188.  
  2189.  
  2190. <div class="transaksi-group">
  2191.    <div class="transaksi-bank">
  2192.  
  2193.            <div class="transaksi-wrapper">
  2194.                <div class="transaksi-name">Bank Lokal</div>
  2195.                
  2196.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  2197.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2198.                    
  2199.                                        
  2200.                </div>
  2201.                <div class="carousel-inner" >
  2202.                                            <div class="carousel-item active" style="min-height: 144px">
  2203.                            <div class="transaksi-list-bank">
  2204.                            
  2205.                                                        
  2206.                                                                
  2207.                                <div class="transaksi-item">
  2208.                                    <div class="transaksi-header">BCA</div>
  2209.                                    <div class="transaksi-status status-green"></div>
  2210.                                </div>
  2211.                                                        
  2212.                                                                
  2213.                                <div class="transaksi-item">
  2214.                                    <div class="transaksi-header">Mandiri</div>
  2215.                                    <div class="transaksi-status status-green"></div>
  2216.                                </div>
  2217.                                                        
  2218.                                                                
  2219.                                <div class="transaksi-item">
  2220.                                    <div class="transaksi-header">BNI</div>
  2221.                                    <div class="transaksi-status status-green"></div>
  2222.                                </div>
  2223.                                                        
  2224.                                                                
  2225.                                <div class="transaksi-item">
  2226.                                    <div class="transaksi-header">BRI</div>
  2227.                                    <div class="transaksi-status status-green"></div>
  2228.                                </div>
  2229.                                                        
  2230.                                                                
  2231.                                <div class="transaksi-item">
  2232.                                    <div class="transaksi-header">CIMB</div>
  2233.                                    <div class="transaksi-status status-green"></div>
  2234.                                </div>
  2235.                                                        
  2236.                                                                
  2237.                                <div class="transaksi-item">
  2238.                                    <div class="transaksi-header">Danamon</div>
  2239.                                    <div class="transaksi-status status-green"></div>
  2240.                                </div>
  2241.                                                        
  2242.                                                                
  2243.                                <div class="transaksi-item">
  2244.                                    <div class="transaksi-header">Permata</div>
  2245.                                    <div class="transaksi-status status-green"></div>
  2246.                                </div>
  2247.                                                        
  2248.                                                                
  2249.                                <div class="transaksi-item">
  2250.                                    <div class="transaksi-header">BJB</div>
  2251.                                    <div class="transaksi-status status-green"></div>
  2252.                                </div>
  2253.                                                        
  2254.                                                                
  2255.                                <div class="transaksi-item">
  2256.                                    <div class="transaksi-header">PANIN</div>
  2257.                                    <div class="transaksi-status status-green"></div>
  2258.                                </div>
  2259.                                                        
  2260.                                                                
  2261.                                <div class="transaksi-item">
  2262.                                    <div class="transaksi-header">OCBC</div>
  2263.                                    <div class="transaksi-status status-green"></div>
  2264.                                </div>
  2265.                                                        
  2266.                                                                
  2267.                                <div class="transaksi-item">
  2268.                                    <div class="transaksi-header">DKI</div>
  2269.                                    <div class="transaksi-status status-green"></div>
  2270.                                </div>
  2271.                                                        
  2272.                                                                
  2273.                                <div class="transaksi-item">
  2274.                                    <div class="transaksi-header">SUMUT</div>
  2275.                                    <div class="transaksi-status status-green"></div>
  2276.                                </div>
  2277.                                                        
  2278.                                                                
  2279.                                <div class="transaksi-item">
  2280.                                    <div class="transaksi-header">NEO</div>
  2281.                                    <div class="transaksi-status status-green"></div>
  2282.                                </div>
  2283.                                                        
  2284.                                                                
  2285.                                <div class="transaksi-item">
  2286.                                    <div class="transaksi-header">JAGO</div>
  2287.                                    <div class="transaksi-status status-green"></div>
  2288.                                </div>
  2289.                                                        
  2290.                                                            
  2291.                            </div>
  2292.                        </div>
  2293.                    
  2294.                    
  2295.                    
  2296.                  </div>
  2297.                </div>
  2298.  
  2299.        </div>
  2300.    </div>
  2301.    
  2302.    <div class="transaksi-other">
  2303.            
  2304.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2305.            
  2306.            <div class="transaksi-wrapper" style="max-width: 284px">
  2307.  
  2308.                <div class="transaksi-name">E Money & Pulsa</div>
  2309.  
  2310.    
  2311.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  2312.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2313.                    
  2314.                                        
  2315.                    </div>
  2316.                  <div class="carousel-inner" >
  2317.                                            <div class="carousel-item active">
  2318.                            <div class="transaksi-list-other">
  2319.                            
  2320.                                                        
  2321.                                                                
  2322.                                <div class="transaksi-item">
  2323.                                    <div class="transaksi-header">Jenius</div>
  2324.                                    <div class="transaksi-status status-blue"></div>
  2325.                                </div>
  2326.                                                        
  2327.                                                                
  2328.                                <div class="transaksi-item">
  2329.                                    <div class="transaksi-header">DANA</div>
  2330.                                    <div class="transaksi-status status-blue"></div>
  2331.                                </div>
  2332.                                                        
  2333.                                                                
  2334.                                <div class="transaksi-item">
  2335.                                    <div class="transaksi-header">OVO</div>
  2336.                                    <div class="transaksi-status status-blue"></div>
  2337.                                </div>
  2338.                                                        
  2339.                                                                
  2340.                                <div class="transaksi-item">
  2341.                                    <div class="transaksi-header">GOPAY</div>
  2342.                                    <div class="transaksi-status status-blue"></div>
  2343.                                </div>
  2344.                                                        
  2345.                                                                
  2346.                                <div class="transaksi-item">
  2347.                                    <div class="transaksi-header">LinkAja</div>
  2348.                                    <div class="transaksi-status status-blue"></div>
  2349.                                </div>
  2350.                                                        
  2351.                                                                
  2352.                                <div class="transaksi-item">
  2353.                                    <div class="transaksi-header">Sakuku</div>
  2354.                                    <div class="transaksi-status status-blue"></div>
  2355.                                </div>
  2356.                                                        
  2357.                                                                
  2358.                                <div class="transaksi-item">
  2359.                                    <div class="transaksi-header">Lain-lain</div>
  2360.                                    <div class="transaksi-status status-blue"></div>
  2361.                                </div>
  2362.                                                        
  2363.                                                                
  2364.                                <div class="transaksi-item">
  2365.                                    <div class="transaksi-header">Telkomsel</div>
  2366.                                    <div class="transaksi-status status-blue"></div>
  2367.                                </div>
  2368.                                                        
  2369.                                                                
  2370.                                <div class="transaksi-item">
  2371.                                    <div class="transaksi-header">Axiata</div>
  2372.                                    <div class="transaksi-status status-blue"></div>
  2373.                                </div>
  2374.                                                        
  2375.                                                            
  2376.                            </div>
  2377.                        </div>
  2378.                    
  2379.                    
  2380.                    
  2381.                </div>
  2382.            </div>
  2383.        </div>
  2384.        
  2385.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2386.        
  2387.        
  2388.    </div>
  2389.    
  2390.     <div class="transaksi-crypto">
  2391.    <div class="transaksi-wrapper" style="max-width: 284px">
  2392.  
  2393.                <div class="transaksi-name mb-1">Crypto Currency</div>
  2394.  
  2395.    
  2396.                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
  2397.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2398.                    
  2399.                                        
  2400.                    </div>
  2401.                  <div class="carousel-inner" >
  2402.                    
  2403.                    
  2404.                </div>
  2405.            </div>
  2406.        </div>
  2407.    </div>
  2408. </div>
  2409.  
  2410.  
  2411.        
  2412.  
  2413.  
  2414.                            </div>
  2415.                            
  2416.                            
  2417.                        </div>
  2418.                        
  2419.                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
  2420.                            
  2421.                        <!--    <div class="transaksi-title">-->
  2422.                        <!--        <div class="transaksi-title-group">-->
  2423.                        <!--            <div class="fitur-header">Kontak Kami</div>-->
  2424.                        <!--        </div>-->
  2425.                                
  2426.                        <!--        <div class="devider desktop-only"></div>-->
  2427.                        <!--    </div>-->
  2428.                            
  2429.    
  2430.                        <!--    
  2431. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  2432.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  2433.        
  2434.                
  2435.    </div>
  2436.      <div class="carousel-inner" style="height: 164px">
  2437.        
  2438.        
  2439.    </div>
  2440. </div>
  2441. -->
  2442.                                    
  2443.                        <!--</div>-->
  2444.                    </div>
  2445.                </div>
  2446.            </div>
  2447.            
  2448.            <div class="guidelines">
  2449.                <div class="guidelines-content desktop-only">
  2450.                    <img src="https://img.viva88athenae.com/guidelines.png" />
  2451.                </div>
  2452.            </div>
  2453.    
  2454.    
  2455.            <div class="bantuan">
  2456.                                <ul class="bantuan-content">
  2457.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  2458.                    <div class="bantuan-devider desktop-only">|</div>
  2459.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  2460.                    <div class="bantuan-devider desktop-only">|</div>
  2461.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  2462.                    <div class="bantuan-devider desktop-only">|</div>
  2463.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  2464.                    <div class="bantuan-devider desktop-only">|</div>
  2465.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  2466.                    <div class="bantuan-devider desktop-only">|</div>
  2467.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  2468.                    <div class="bantuan-devider desktop-only">|</div>
  2469.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  2470.                </ul>
  2471.                            </div>
  2472.    
  2473.    
  2474.            <footer class="footer">
  2475.                <div>
  2476.                    <!DOCTYPE html>
  2477. <html>
  2478. <head>
  2479. </style>
  2480. <script>
  2481. document.addEventListener('DOMContentLoaded', () => {
  2482.  
  2483. const min = 12554;
  2484. const max = 36548;
  2485. const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
  2486.  
  2487. $(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div>  </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">3</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div>  </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://iili.io/Hbz4Fwu.png
  2488. " /> <p>SUGIH4D</p></div></div> </div>').insertBefore(".provider-group");
  2489.  
  2490. });
  2491. </script>
  2492. </body>
  2493. </html>
  2494. <title></title>
  2495. <title></title>
  2496. </head>
  2497. <body>
  2498. <nav class="social">
  2499. <ul>
  2500. <li><a href="https://wa.me/6282174523324?text=Halo%20Beb" target=
  2501. "_blank"><span style=
  2502. "position:relative; left:-20px; top:10px;">WHATSAPP</span><img src=
  2503. "https://imagestore.site/images/2025/07/22/WA-apple4d.png" style="float:right;" width="40"
  2504. height="40"></a></li>
  2505. <li><a href="https://t.me/apple4d" target=
  2506. "_blank"><span style=
  2507. "position:relative; left:-20px; top:10px;">TELEGRAM</span><img src=
  2508. "https://imagestore.site/images/2025/07/22/telegram-apple4d-png.png" style="float:right;" width="40"
  2509. height="40"></a></li>
  2510. <li><a href=
  2511. "https://www.facebook.com/apple4d"
  2512. target="_blank"><span style=
  2513. "position:relative; left: -20px; top:10px;">FACEBOOK</span><img src="https://imagestore.site/images/2025/07/22/logo-facebook-apple4d.png"
  2514. style="float:right;" width="40" height="40"></a></li>
  2515. <li><a href=
  2516. "https://www.facebook.com/apple4djitu"
  2517. target="_blank"><span style=
  2518. "position:relative; left: -20px; top:10px;">PREDIKSI TOGEL</span><img src="https://imagestore.site/images/2025/07/22/logo-facebook-apple4d.png"
  2519. style="float:right;" width="40" height="40"></a></li>
  2520. <li><a href="https://www.instagram.com/apple4d.official" target=
  2521. "_blank"><span style=
  2522. "position:relative; left: -20px; top:10px;">INSTAGRAM</span><img src="https://imagestore.site/images/2025/07/22/INSTAGRAM.png"
  2523. style="float:right;" width="40" height="40"></a></li>
  2524. </ul>
  2525. </nav>
  2526. <style>
  2527. div.col-sm-0 span{
  2528.        display: none;}
  2529. div.social{
  2530.        width: 100%;
  2531.        background-image: url(https://i.imgur.com/1SHCzVn.jpg);
  2532.        background-size: contain;
  2533.        padding: 5px 1px 10px 1px;
  2534.        margin: auto;
  2535.        text-align: center;}
  2536. #ico{
  2537.        background: #131313;
  2538.        padding: 5px 15px 5px 15px;
  2539.        color: #fff;
  2540.        text-decoration: none;
  2541.        border-radius: 5px;
  2542.        margin: 5px 3px;
  2543.        border: .5px solid #ffffff;
  2544.        display: inline-block;}
  2545. div.social img {
  2546.        vertical-align: middle;
  2547.        display: inline;}
  2548. div.social p {
  2549.        display: inline-block;
  2550.        font-size: 14px;}
  2551. .social {              
  2552. left: 0;                
  2553. width: 0;              
  2554. position: fixed;                
  2555. top: 130px;            
  2556. z-index: 9999999999;            
  2557. }
  2558.                
  2559. .social ul {            
  2560. padding: 0px;          
  2561. -webkit-transform: translate(-130px, 0);                
  2562. -moz-transform: translate(-130px, 0);          
  2563. -ms-transform: translate(-130px, 0);            
  2564. -o-transform: translate(-130px, 0);            
  2565. transform: translate(-130px, 0);                
  2566. }
  2567.                
  2568.  
  2569. .social ul li {
  2570.    display: block;
  2571.    margin: 6px;
  2572.    margin-left: 0px;
  2573.    background: rgba(0, 0, 0, 0.86);
  2574.    width: 189px;
  2575.    text-align: right;
  2576.    padding: 4px;
  2577.    -webkit-border-radius: 0 20px 20px 0;
  2578.    -moz-border-radius: 0 20px 20px 0;
  2579.    border-radius: 0 20px 20px 0;
  2580.    -webkit-transition: all 1s;
  2581.    -moz-transition: all 1s;
  2582.    -ms-transition: all 1s;
  2583.    -o-transition: all 1s;
  2584.    transition: all 1s;
  2585.    height: 53px;
  2586.    border: groove 2px #D4217C;
  2587. }
  2588.                
  2589. .social ul li:hover {          
  2590. -webkit-transform: translate(110px, 0);        
  2591. -moz-transform: translate(110px, 0);            
  2592. -ms-transform: translate(110px, 0);            
  2593. -o-transform: translate(110px, 0);              
  2594. transform: translate(110px, 0);        
  2595. background: rgba(95, 95, 95, 0.7);              
  2596. }      
  2597.  
  2598. .buttonWrap{
  2599.     text-transform: uppercase !important;
  2600. }
  2601. </style>
  2602.  
  2603.  
  2604. <style>
  2605. a.btn.btn-info {
  2606.    animation: change-color1 0.5s ease 0s infinite normal;
  2607. }
  2608. @-webkit-keyframes change-color1 {
  2609. 0%{
  2610. color:white;
  2611. }
  2612. 50%{
  2613. color:white;
  2614. }
  2615.  
  2616. 100%{
  2617. color:#a33cd6b3;
  2618. }
  2619. }
  2620.  
  2621. @keyframes change-color1 {
  2622. 0%{
  2623. color:white;
  2624. }
  2625. 50%{
  2626. color:gold;
  2627. }
  2628.  
  2629. 100%{
  2630. color:white;
  2631. }
  2632. }
  2633. </style>
  2634.  
  2635.  
  2636. <style>
  2637. a.btn.btn-info {
  2638.    animation: change-color1 0.5s ease 0s infinite normal;
  2639. }
  2640. @-webkit-keyframes change-color1 {
  2641. 0%{
  2642. color:white;
  2643. }
  2644. 50%{
  2645. color:white;
  2646. }
  2647.  
  2648. 100%{
  2649. color:#a33cd6b3;
  2650. }
  2651. }
  2652.  
  2653. @keyframes change-color1 {
  2654. 0%{
  2655. color:white;
  2656. }
  2657. 50%{
  2658. color:gold;
  2659. }
  2660.  
  2661. 100%{
  2662. color:white;
  2663. }
  2664. }
  2665. </style>
  2666. <div style="position: fixed; bottom: 400px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://nefitfasto.com" target="_blank" rel="noopener"><img class="wabutton" src="https://liluliluli.files.wordpress.com/2024/01/hdosp3b-1.gif" alt="Lucky Spin di APPLE4D" title="Lucky Spin APPLE4D" width="60" height="60"></a></div>
  2667.  
  2668. <div style="position: fixed; bottom: 300px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://cutt.ly/qwxKWcHf" target="_blank" rel="noopener"><img class="wabutton" src="https://imagestore.site/images/2025/07/22/JAd7CfR.png" alt="Anti Blokir APPLE4D" title="Anti Nawala APPLE4D" width="60" height="60"></a></div>
  2669.  
  2670. <div style="position: fixed; bottom: 200px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://apple4djago.com/" target="_blank" rel="noopener"><img class="wabutton" src="https://i.ibb.co/2cGQTjW/JdaLfuR.gif" alt="QRIS di Apple4D" title="QRIS Apple4D" width="60" height="60"></a></div>
  2671.  
  2672. <div style="position: fixed; bottom: 100px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://rtpapple4dok.com/" target="_blank" rel="noopener"><img class="wabutton" src="https://imagestore.site/images/2025/07/22/JuGeZsn.gif" alt="RTP APPLE4D" title="RTP di APPLE4D" width="60" height="60"></a></div>
  2673.  
  2674. <script>
  2675.  $("<div class='alert'><span class='blinking' style='text-align : center; font-size:20px;'>PEMBERITAHUAN PENTING !!</span><p style='text-align: center !important;font-size:14px;'>LINK ALTERNATIF ANTI BLOKIR ADD TELEGRAM: </strong><br></span><p style='text-align: center !important;font-size:13px;'><strong>APPLE4D</strong> </span><p style='text-align: center !important;font-size:14px;'>AKSES MUDAH DENGAN GABUNG GROUP OFFICIAL</p></p></p><p style='text-align: center;border: #000000 solid 1px;background:#ffbf00;color:#000000;margin:auto;font-size:14px;'><marquee><strong>UNTUK MEMPERMUDAH BERTRANSAKSI MAKA SILAHKAN ADD TELEGRAM OFFICIAL KAMI!!</strong></marquee></p></div>").insertBefore('.panel-body:eq(0)');
  2676.    
  2677. </script>
  2678.  
  2679. <style>
  2680.        #pop-up-container {
  2681.        display: flex;
  2682.        align-items: center;
  2683.        justify-content: space-evenly;
  2684.        position: fixed;
  2685.        z-index: 11;
  2686.        top: 0;
  2687.        left: 0;
  2688.        right: 0;
  2689.        bottom: 0;
  2690.        }
  2691.        #pop-up-wrapper {
  2692.        width: 85%;
  2693.        min-width: 315px;
  2694.        max-width: 500px;
  2695.        min-height: 210px;
  2696.        position: relative;
  2697.        z-index: 11;
  2698.        overflow: visible;
  2699.        border-radius: 5px;
  2700.        }
  2701.        #pop-up-wrapper img {
  2702.        width: 100%;
  2703.        border-radius: 5px 5px 0 0;
  2704.        }
  2705.        #pop-up-wrapper button {
  2706.        width: 100%;
  2707.        padding: 0.75rem;
  2708.        font-size: -0.75rem;
  2709.        font-weight: 700;
  2710.        border: none;
  2711.        border-radius: 0 0 5px 5px;
  2712.        margin: 0;
  2713.        background-color: #f29200;
  2714.        }
  2715.        .gray-bg {
  2716.        background: #00000000 no-repeat;
  2717.        }
  2718.        .swirl-in-fwd {
  2719.        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
  2720.        animation: swirl-in-fwd 0.6s ease-out both;
  2721.        }
  2722.        .x-mark-container {
  2723.        position: absolute;
  2724.        top: 5px;
  2725.        right: 5px;
  2726.        background-color: black;
  2727.        border-radius: 50%;
  2728.        width: 8%;
  2729.        }
  2730.        #bg-black {
  2731.        background-color: rgba(0, 0, 0, 0.86);
  2732.        position: fixed;
  2733.        z-index: 10;
  2734.        top: 0;
  2735.        left: 0;
  2736.        right: 0;
  2737.        bottom: 0;
  2738.        }
  2739.        @-webkit-keyframes swirl-in-fwd {
  2740.        0% {
  2741.        -webkit-transform: rotate(-540deg) scale(0);
  2742.        transform: rotate(-540deg) scale(0);
  2743.        opacity: 0;
  2744.        }
  2745.        100% {
  2746.        -webkit-transform: rotate(0) scale(1);
  2747.        transform: rotate(0) scale(1);
  2748.        opacity: 1;
  2749.        }
  2750.        }
  2751.        @keyframes swirl-in-fwd {
  2752.        0% {
  2753.        -webkit-transform: rotate(-540deg) scale(0);
  2754.        transform: rotate(-540deg) scale(0);
  2755.        opacity: 0;
  2756.        }
  2757.        100% {
  2758.        -webkit-transform: rotate(0) scale(1);
  2759.        transform: rotate(0) scale(1);
  2760.        opacity: 1;
  2761.        }
  2762.        }
  2763.        .swirl-out-bck {
  2764.        -webkit-animation: swirl-out-bck 0.6s ease-in both;
  2765.        animation: swirl-out-bck 0.6s ease-in both;
  2766.        }
  2767.        @-webkit-keyframes swirl-out-bck {
  2768.        0% {
  2769.        -webkit-transform: rotate(0) scale(1);
  2770.        transform: rotate(0) scale(1);
  2771.        opacity: 1;
  2772.        }
  2773.        100% {
  2774.        -webkit-transform: rotate(-540deg) scale(0);
  2775.        transform: rotate(-540deg) scale(0);
  2776.        opacity: 0;
  2777.        }
  2778.        }
  2779.        @keyframes swirl-out-bck {
  2780.        0% {
  2781.        -webkit-transform: rotate(0) scale(1);
  2782.        transform: rotate(0) scale(1);
  2783.        opacity: 1;
  2784.        }
  2785.        100% {
  2786.        -webkit-transform: rotate(-540deg) scale(0);
  2787.        transform: rotate(-540deg) scale(0);
  2788.        opacity: 0;
  2789.        }
  2790.        }
  2791.        .fade-in {
  2792.        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  2793.        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  2794.        }
  2795.        @-webkit-keyframes fade-in {
  2796.        0% {
  2797.        opacity: 0;
  2798.        }
  2799.        100% {
  2800.        opacity: 1;
  2801.        }
  2802.        }
  2803.        @keyframes fade-in {
  2804.        0% {
  2805.        opacity: 0;
  2806.        }
  2807.        100% {
  2808.        opacity: 1;
  2809.        }
  2810.        }
  2811.        .fade-out {
  2812.        -webkit-animation: fade-out 1s ease-out both;
  2813.        animation: fade-out 1s ease-out both;
  2814.        }
  2815.        @-webkit-keyframes fade-out {
  2816.        0% {
  2817.        opacity: 1;
  2818.        }
  2819.        100% {
  2820.        opacity: 0;
  2821.        }
  2822.        }
  2823.        @keyframes fade-out {
  2824.        0% {
  2825.        opacity: 1;
  2826.        }
  2827.        100% {
  2828.        opacity: 0;
  2829.        }
  2830.        }
  2831. </style>
  2832. <script>
  2833.        window.addEventListener('DOMContentLoaded', () => {
  2834.            if (window.location.pathname === '/' || window.location.pathname === '/') {
  2835.                $('body').append(`
  2836.                <div id="pop-up-container" onclick="close_pop_up()">
  2837.                <div id="bg-black" class="fade-in"></div>
  2838.        
  2839.                <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
  2840.                    <img
  2841.                    src="https://imagestore.site/images/2025/07/15/1-2.png"
  2842.                    alt="popup"
  2843.                    />
  2844.        
  2845.        
  2846.                    <button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button>
  2847.                </div>
  2848.                </div>
  2849.            `);
  2850.        
  2851.                document.getElementById('pop-up-wrapper').addEventListener('click', e => {
  2852.                    e.stopPropagation();
  2853.                });
  2854.            }
  2855.        });
  2856.        
  2857.        const close_pop_up = () => {
  2858.            document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck');
  2859.            document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out');
  2860.        
  2861.            setTimeout(() => {
  2862.                const pop_up_container = document.getElementById('pop-up-container');
  2863.                pop_up_container?.parentElement.removeChild(pop_up_container);
  2864.            }, 1000);
  2865.        };
  2866. </script>
  2867.  
  2868.  
  2869. <style>
  2870. .btn-aduan{
  2871. display:none;
  2872. }
  2873. </style>
  2874.  
  2875.  
  2876.  
  2877.  
  2878.  
  2879.                </div>
  2880.                
  2881.                
  2882.                <div class="footer-group">
  2883.                    <div class="copyright">
  2884.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright APPLE4D.</div>
  2885.                        <div>All Rights Reserved.</div>
  2886.                    </div>
  2887.                    <div class="desktop-only">
  2888.                        <div class="d-flex gap-1">
  2889.                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
  2890.                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
  2891.                        </div>
  2892.                    </div>
  2893.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
  2894.                    
  2895.                    <button class="btn btn-aduan ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=joPbF1KBEgX7mbegrkjxcmB_IrqZfNFXiaYPyKHjjnc.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
  2896.                        <i class="bi bi-shield-fill-exclamation"></i>
  2897.                        <strong class="ms-1">LAPOR PUSAT</strong>
  2898.                    </button>
  2899.                </div>
  2900.            </footer>
  2901.            
  2902.            
  2903.            
  2904.            <!-- SIDENAV -->
  2905.            <div id="mySidenav" class="sidenav desktop-only">
  2906.                <div id="nav">
  2907.                    <div style="display: flex; align-items: start;">
  2908.                        <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
  2909.                            
  2910.                            <img src="/assets/hubungi.png?11">
  2911.                            
  2912.                        </div>
  2913.                        <!--<img id="about" src="/images/kontak.png?4">-->
  2914.                    </div>
  2915.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  2916.                       <div id="" style="padding: 4px">
  2917.                       <img src="/assets/24h.png" style="width: 100%"></img>
  2918.                        </div>
  2919.                    
  2920.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  2921.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  2922.                            
  2923.                                                        
  2924.    
  2925.                        </div>
  2926.                            <div style="margin: 8px">
  2927.                                <a href="/?content=register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
  2928.                            </div>
  2929.                    </div>
  2930.                </div>
  2931.            </div>
  2932.        </div>
  2933.        
  2934.        <!--POP UP -->
  2935.                
  2936.        <!-- LIVE CHAT -->
  2937.        <!-- Start of LiveChat (www.livechat.com) code -->
  2938. <script>
  2939.    window.__lc = window.__lc || {};
  2940.    window.__lc.license = 12628197;
  2941.    window.__lc.integration_name = "manual_channels";
  2942.    window.__lc.product_name = "livechat";
  2943.    ;(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))
  2944. </script>
  2945. <noscript><a href="https://www.livechat.com/chat-with/12628197/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
  2946. <!-- End of LiveChat code -->
  2947.  
  2948.  
  2949.  
  2950.  
  2951. <!-- popup -->
  2952. <style>
  2953.        #pop-up-container {
  2954.        display: flex;
  2955.        align-items: center;
  2956.        justify-content: space-evenly;
  2957.        position: fixed;
  2958.        z-index: 11;
  2959.        top: 0;
  2960.        left: 0;
  2961.        right: 0;
  2962.        bottom: 0;
  2963.        }
  2964.        #pop-up-wrapper {
  2965.        width: 85%;
  2966.        min-width: 315px;
  2967.        max-width: 500px;
  2968.        min-height: 210px;
  2969.        position: relative;
  2970.        z-index: 11;
  2971.        overflow: visible;
  2972.        border-radius: 5px;
  2973.        }
  2974.        #pop-up-wrapper img {
  2975.        width: 100%;
  2976.        border-radius: 5px 5px 0 0;
  2977.        }
  2978.        #pop-up-wrapper button {
  2979.        width: 100%;
  2980.        padding: 0.75rem;
  2981.        font-size: -0.75rem;
  2982.        font-weight: 700;
  2983.        border: none;
  2984.        border-radius: 0 0 5px 5px;
  2985.        margin: 0;
  2986.        background-color: #D4217C;
  2987.        }
  2988.        .gray-bg {
  2989.        background: #00000000 no-repeat;
  2990.        }
  2991.        .swirl-in-fwd {
  2992.        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
  2993.        animation: swirl-in-fwd 0.6s ease-out both;
  2994.        }
  2995.        .x-mark-container {
  2996.        position: absolute;
  2997.        top: 5px;
  2998.        right: 5px;
  2999.        background-color: black;
  3000.        border-radius: 50%;
  3001.        width: 8%;
  3002.        }
  3003.        #bg-black {
  3004.        background-color: rgba(0, 0, 0, 0.86);
  3005.        position: fixed;
  3006.        z-index: 10;
  3007.        top: 0;
  3008.        left: 0;
  3009.        right: 0;
  3010.        bottom: 0;
  3011.        }
  3012.        @-webkit-keyframes swirl-in-fwd {
  3013.        0% {
  3014.        -webkit-transform: rotate(-540deg) scale(0);
  3015.        transform: rotate(-540deg) scale(0);
  3016.        opacity: 0;
  3017.        }
  3018.        100% {
  3019.        -webkit-transform: rotate(0) scale(1);
  3020.        transform: rotate(0) scale(1);
  3021.        opacity: 1;
  3022.        }
  3023.        }
  3024.        @keyframes swirl-in-fwd {
  3025.        0% {
  3026.        -webkit-transform: rotate(-540deg) scale(0);
  3027.        transform: rotate(-540deg) scale(0);
  3028.        opacity: 0;
  3029.        }
  3030.        100% {
  3031.        -webkit-transform: rotate(0) scale(1);
  3032.        transform: rotate(0) scale(1);
  3033.        opacity: 1;
  3034.        }
  3035.        }
  3036.        .swirl-out-bck {
  3037.        -webkit-animation: swirl-out-bck 0.6s ease-in both;
  3038.        animation: swirl-out-bck 0.6s ease-in both;
  3039.        }
  3040.        @-webkit-keyframes swirl-out-bck {
  3041.        0% {
  3042.        -webkit-transform: rotate(0) scale(1);
  3043.        transform: rotate(0) scale(1);
  3044.        opacity: 1;
  3045.        }
  3046.        100% {
  3047.        -webkit-transform: rotate(-540deg) scale(0);
  3048.        transform: rotate(-540deg) scale(0);
  3049.        opacity: 0;
  3050.        }
  3051.        }
  3052.        @keyframes swirl-out-bck {
  3053.        0% {
  3054.        -webkit-transform: rotate(0) scale(1);
  3055.        transform: rotate(0) scale(1);
  3056.        opacity: 1;
  3057.        }
  3058.        100% {
  3059.        -webkit-transform: rotate(-540deg) scale(0);
  3060.        transform: rotate(-540deg) scale(0);
  3061.        opacity: 0;
  3062.        }
  3063.        }
  3064.        .fade-in {
  3065.        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  3066.        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  3067.        }
  3068.        @-webkit-keyframes fade-in {
  3069.        0% {
  3070.        opacity: 0;
  3071.        }
  3072.        100% {
  3073.        opacity: 1;
  3074.        }
  3075.        }
  3076.        @keyframes fade-in {
  3077.        0% {
  3078.        opacity: 0;
  3079.        }
  3080.        100% {
  3081.        opacity: 1;
  3082.        }
  3083.        }
  3084.        .fade-out {
  3085.        -webkit-animation: fade-out 1s ease-out both;
  3086.        animation: fade-out 1s ease-out both;
  3087.        }
  3088.        @-webkit-keyframes fade-out {
  3089.        0% {
  3090.        opacity: 1;
  3091.        }
  3092.        100% {
  3093.        opacity: 0;
  3094.        }
  3095.        }
  3096.        @keyframes fade-out {
  3097.        0% {
  3098.        opacity: 1;
  3099.        }
  3100.        100% {
  3101.        opacity: 0;
  3102.        }
  3103.        }
  3104. </style>
  3105. <script>
  3106.        window.addEventListener('DOMContentLoaded', () => {
  3107.            if (window.location.pathname === '/' || window.location.pathname === '/') {
  3108.                $('body').append(`
  3109.                <div id="pop-up-container" onclick="close_pop_up()">
  3110.                <div id="bg-black" class="fade-in"></div>
  3111.        
  3112.                <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
  3113.                    <img
  3114.                    src="https://i.postimg.cc/PxTD2W99/449760674-446874431530670-2045351887029952071-n.jpg"
  3115.                    alt="popup"
  3116.                    />
  3117.        
  3118.        
  3119.                    <button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button>
  3120.                </div>
  3121.                </div>
  3122.            `);
  3123.        
  3124.                document.getElementById('pop-up-wrapper').addEventListener('click', e => {
  3125.                    e.stopPropagation();
  3126.                });
  3127.            }
  3128.        });
  3129.        
  3130.        const close_pop_up = () => {
  3131.            document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck');
  3132.            document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out');
  3133.        
  3134.            setTimeout(() => {
  3135.                const pop_up_container = document.getElementById('pop-up-container');
  3136.                pop_up_container?.parentElement.removeChild(pop_up_container);
  3137.            }, 1000);
  3138.        };
  3139. </script>
  3140.  
  3141.  
  3142.  
  3143. <style>
  3144. .appbar .logoimg {
  3145.    content:url("https://i.ibb.co/WPZw7mY/Logo-Apple4-D.gif") !important;
  3146.    height: 90px;
  3147.    width: 350px;
  3148.    margin: 18px;
  3149.    object-position: center;
  3150. }
  3151. .appbar {
  3152.    grid-area: appbar;
  3153.    height: 100px;
  3154.    display: grid;
  3155. }
  3156. .logoimg {content:url("https://i.ibb.co/WPZw7mY/Logo-Apple4-D.gif") !important;
  3157.    width: 340px;
  3158.    margin: 0px;
  3159.    object-position: center;
  3160. }
  3161. .provider {
  3162.        background: url('https://i.postimg.cc/YS1VTkYd/aaaa.png') #000000;
  3163.        background-attachment: fixed;
  3164.        background-size: cover;
  3165. }
  3166. .transaksi {
  3167.        background: url('https://i.postimg.cc/YS1VTkYd/aaaa.png') #000000;
  3168.        background-attachment: fixed;
  3169.        background-size: cover;
  3170. }
  3171. .guidelines {
  3172.        background: url('https://i.postimg.cc/YS1VTkYd/aaaa.png') #000000;
  3173.        background-attachment: fixed;
  3174.        background-size: cover;
  3175. }
  3176. .bantuan  {
  3177.        background: url('https://i.postimg.cc/YS1VTkYd/aaaa.png') #000000;
  3178.        background-attachment: fixed;
  3179.        background-size: cover;
  3180. }
  3181. .contentdata {
  3182.        background: url('https://i.postimg.cc/YS1VTkYd/aaaa.png') #000000;
  3183.        background-attachment: fixed;
  3184.        background-size: cover;
  3185. }
  3186. .footer {
  3187.        background: url('https://i.postimg.cc/YS1VTkYd/aaaa.png') #000000;
  3188.        background-attachment: fixed;
  3189.        background-size: cover;
  3190. }
  3191. .d-flex.gap-3.justify-content-center.align-items-center {
  3192.     display:none!important;
  3193. }
  3194. #boxprivacy {
  3195.     display:none!important;
  3196. }
  3197. </style>
  3198.  
  3199.  
  3200.  
  3201.  
  3202.  
  3203. </style>
  3204.  
  3205. <!-- Additional Image -->
  3206. <style>
  3207. .box-middle {
  3208.    padding: 0;
  3209.    border: 2px groove #D4217C;
  3210.    margin: 0 5px 10px;
  3211.    max-width: 267px;
  3212.    display: inline-block;
  3213.    text-align: center;
  3214.    margin-top: 14px;
  3215.    margin-bottom: 15px;
  3216. }
  3217. .post-card3 {
  3218. position:relative;
  3219. 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}
  3220. </style>
  3221.  
  3222.  
  3223.  
  3224.  
  3225.  
  3226.  
  3227.  
  3228.  
  3229.  
  3230.  
  3231. <style>
  3232. #mobile .logo-div {
  3233.    margin-top: 50px;
  3234.    margin-bottom: 10px;
  3235. }
  3236. .alert {
  3237.    margin-bottom: 0px;
  3238.    border: #555 2px solid;
  3239.    margin-right: 25px;
  3240.    margin-left: 25px;
  3241.    margin-top: 10px;
  3242.    margin-bottom: -25px;
  3243. }
  3244.  
  3245.  .menup{
  3246.  width: 75%;
  3247.  display: block;
  3248.  background: #b6af85;
  3249.  color: white;
  3250.  margin: auto;
  3251.  margin-top: 3px;
  3252.  text-align: center;
  3253.  padding: 9px 0px;
  3254.  font-size: 15px;
  3255.  font-weight: bold;
  3256.  border-radius: 5px;
  3257.  }
  3258. .blinking{
  3259.    animation:blinkingText 1.5s infinite;
  3260.    margin:auto;
  3261.    display:block;
  3262.    font-weight: 900;
  3263.    color:#d1c17e;
  3264. </style>
  3265.  
  3266. <style type="text/css">.messagebleft-container{transition:all .5s ease;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;border-radius:6px;background:rgb(113 0 170);border:2px solid #d98eff;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:1;padding:6px 9px;z-index:9999999999}.messagebleft-container .action{background:inherit;display:inline-block;font-size:inherit;text-transform:uppercase;color:#4caf50;margin:0 0 0 24px;padding:0;min-width:min-content;cursor:pointer}@media (min-width:640px){.messagebleft-container{min-width:288px;max-width:568px;display:inline-flex;border-radius:6px;margin:24px}}@media (max-width:640px){.messagebleft-container{left:0;right:0;width:100%}}.messagebleft-pos.bottom-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.bottom-left{bottom:auto!important;top:0;left:0}.messagebleft-pos.bottom-right{top:auto!important;bottom:0;right:0}.messagebleft-pos.top-left{top:auto!important;top:0;left:0}.messagebleft-pos.top-center{top:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.top-right{top:auto!important;top:0;right:0}@media (max-width:640px){.messagebleft-pos.bottom-center,.messagebleft-pos.top-center{left:0;transform:none}}</style>
  3267. <style>@keyframes marqueeAnimation-40122620  { 100%  {transform:translateX(-1250px)}}</style>
  3268.  
  3269.  
  3270.  
  3271. <script>
  3272.  
  3273.        const container = document.querySelector('.fireworks-container')
  3274.        const fireworks = new Fireworks({
  3275.            target: container,
  3276.            hue: 120,
  3277.            startDelay: 1,
  3278.            minDelay: 20,
  3279.            maxDelay: 30,
  3280.            speed: 3,
  3281.            acceleration: 1.05,
  3282.            friction: 0.98,
  3283.            gravity: 1,
  3284.            particles: 75,
  3285.            trace: 3,
  3286.            explosion: 5,
  3287.            boundaries: {
  3288.                top: 70,
  3289.                bottom: container.clientHeight,
  3290.                left: 70,
  3291.                right: container.clientWidth
  3292.            }
  3293.        })
  3294.        // start fireworks
  3295.        fireworks.start()
  3296. </script>
  3297.  
  3298.  
  3299.  
  3300.  
  3301.  
  3302. <!-- firefly -->
  3303. <div>
  3304. <style>
  3305.    .firefly {
  3306.    position: fixed;
  3307.    left: 50%;
  3308.    top: 50%;
  3309.    width: 1vw;
  3310.    height: 1vw;
  3311.    margin: -0.2vw 0 0 9.8vw;
  3312.    animation: ease 200s alternate infinite;
  3313.    pointer-events: none;
  3314.  }
  3315.  .firefly::before, .firefly::after {
  3316.    content: "";
  3317.    position: absolute;
  3318.    width: 100%;
  3319.    height: 100%;
  3320.    border-radius: 50%;
  3321.    transform-origin: -10vw;
  3322.  }
  3323.  .firefly::before {
  3324.    background: grey;
  3325.    opacity: 0.4;
  3326.    animation: drift ease alternate infinite;
  3327.  }
  3328.  .firefly::after {
  3329.    background: rgb(251, 255, 0);
  3330.    opacity: 0;
  3331.    box-shadow: 0 0 0vw 0vw red;
  3332.    animation: drift ease alternate infinite, flash ease infinite;
  3333.  }
  3334.  
  3335.  .firefly:nth-child(1) {
  3336.    animation-name: move1;
  3337.  }
  3338.  .firefly:nth-child(1)::before {
  3339.    animation-duration: 10s;
  3340.  }
  3341.  .firefly:nth-child(1)::after {
  3342.    animation-duration: 10s, 8200ms;
  3343.    animation-delay: 0ms, 3218ms;
  3344.  }
  3345.  
  3346.  @keyframes move1 {
  3347.    0% {
  3348.      transform: translateX(32vw) translateY(25vh) scale(0.9);
  3349.    }
  3350.    5.2631578947% {
  3351.      transform: translateX(-5vw) translateY(42vh) scale(0.71);
  3352.    }
  3353.    10.5263157895% {
  3354.      transform: translateX(47vw) translateY(24vh) scale(0.58);
  3355.    }
  3356.    15.7894736842% {
  3357.      transform: translateX(-11vw) translateY(-15vh) scale(0.73);
  3358.    }
  3359.    21.0526315789% {
  3360.      transform: translateX(2vw) translateY(1vh) scale(0.9);
  3361.    }
  3362.    26.3157894737% {
  3363.      transform: translateX(14vw) translateY(-4vh) scale(0.96);
  3364.    }
  3365.    31.5789473684% {
  3366.      transform: translateX(38vw) translateY(-3vh) scale(0.28);
  3367.    }
  3368.    36.8421052632% {
  3369.      transform: translateX(40vw) translateY(-26vh) scale(0.94);
  3370.    }
  3371.    42.1052631579% {
  3372.      transform: translateX(0vw) translateY(-47vh) scale(0.47);
  3373.    }
  3374.    47.3684210526% {
  3375.      transform: translateX(-26vw) translateY(22vh) scale(0.84);
  3376.    }
  3377.    52.6315789474% {
  3378.      transform: translateX(43vw) translateY(2vh) scale(0.7);
  3379.    }
  3380.    57.8947368421% {
  3381.      transform: translateX(22vw) translateY(41vh) scale(0.71);
  3382.    }
  3383.    63.1578947368% {
  3384.      transform: translateX(43vw) translateY(-19vh) scale(0.32);
  3385.    }
  3386.    68.4210526316% {
  3387.      transform: translateX(-2vw) translateY(-37vh) scale(0.81);
  3388.    }
  3389.    73.6842105263% {
  3390.      transform: translateX(5vw) translateY(-49vh) scale(0.45);
  3391.    }
  3392.    78.9473684211% {
  3393.      transform: translateX(-14vw) translateY(37vh) scale(0.79);
  3394.    }
  3395.    84.2105263158% {
  3396.      transform: translateX(17vw) translateY(-37vh) scale(0.65);
  3397.    }
  3398.    89.4736842105% {
  3399.      transform: translateX(-1vw) translateY(-49vh) scale(0.81);
  3400.    }
  3401.    94.7368421053% {
  3402.      transform: translateX(-30vw) translateY(6vh) scale(0.44);
  3403.    }
  3404.    100% {
  3405.      transform: translateX(18vw) translateY(42vh) scale(0.49);
  3406.    }
  3407.  }
  3408.  .firefly:nth-child(2) {
  3409.    animation-name: move2;
  3410.  }
  3411.  .firefly:nth-child(2)::before {
  3412.    animation-duration: 15s;
  3413.  }
  3414.  .firefly:nth-child(2)::after {
  3415.    animation-duration: 15s, 6959ms;
  3416.    animation-delay: 0ms, 6951ms;
  3417.  }
  3418.  
  3419.  @keyframes move2 {
  3420.    0% {
  3421.      transform: translateX(-39vw) translateY(-35vh) scale(0.32);
  3422.    }
  3423.    5.5555555556% {
  3424.      transform: translateX(16vw) translateY(44vh) scale(0.66);
  3425.    }
  3426.    11.1111111111% {
  3427.      transform: translateX(34vw) translateY(15vh) scale(0.26);
  3428.    }
  3429.    16.6666666667% {
  3430.      transform: translateX(0vw) translateY(-25vh) scale(0.83);
  3431.    }
  3432.    22.2222222222% {
  3433.      transform: translateX(-24vw) translateY(-10vh) scale(1);
  3434.    }
  3435.    27.7777777778% {
  3436.      transform: translateX(-35vw) translateY(-26vh) scale(0.8);
  3437.    }
  3438.    33.3333333333% {
  3439.      transform: translateX(-28vw) translateY(-16vh) scale(0.94);
  3440.    }
  3441.    38.8888888889% {
  3442.      transform: translateX(0vw) translateY(25vh) scale(0.52);
  3443.    }
  3444.    44.4444444444% {
  3445.      transform: translateX(4vw) translateY(-47vh) scale(0.83);
  3446.    }
  3447.    50% {
  3448.      transform: translateX(12vw) translateY(-9vh) scale(0.56);
  3449.    }
  3450.    55.5555555556% {
  3451.      transform: translateX(10vw) translateY(-45vh) scale(0.58);
  3452.    }
  3453.    61.1111111111% {
  3454.      transform: translateX(15vw) translateY(19vh) scale(0.29);
  3455.    }
  3456.    66.6666666667% {
  3457.      transform: translateX(40vw) translateY(-35vh) scale(0.35);
  3458.    }
  3459.    72.2222222222% {
  3460.      transform: translateX(30vw) translateY(-5vh) scale(0.47);
  3461.    }
  3462.    77.7777777778% {
  3463.      transform: translateX(-21vw) translateY(-5vh) scale(0.69);
  3464.    }
  3465.    83.3333333333% {
  3466.      transform: translateX(26vw) translateY(-12vh) scale(0.9);
  3467.    }
  3468.    88.8888888889% {
  3469.      transform: translateX(43vw) translateY(27vh) scale(0.45);
  3470.    }
  3471.    94.4444444444% {
  3472.      transform: translateX(10vw) translateY(-21vh) scale(0.73);
  3473.    }
  3474.    100% {
  3475.      transform: translateX(49vw) translateY(-15vh) scale(0.42);
  3476.    }
  3477.  }
  3478.  .firefly:nth-child(3) {
  3479.    animation-name: move3;
  3480.  }
  3481.  .firefly:nth-child(3)::before {
  3482.    animation-duration: 10s;
  3483.  }
  3484.  .firefly:nth-child(3)::after {
  3485.    animation-duration: 10s, 9138ms;
  3486.    animation-delay: 0ms, 7635ms;
  3487.  }
  3488.  
  3489.  @keyframes move3 {
  3490.    0% {
  3491.      transform: translateX(-33vw) translateY(-43vh) scale(0.59);
  3492.    }
  3493.    4.5454545455% {
  3494.      transform: translateX(30vw) translateY(-19vh) scale(0.35);
  3495.    }
  3496.    9.0909090909% {
  3497.      transform: translateX(43vw) translateY(32vh) scale(0.68);
  3498.    }
  3499.    13.6363636364% {
  3500.      transform: translateX(-8vw) translateY(-22vh) scale(0.27);
  3501.    }
  3502.    18.1818181818% {
  3503.      transform: translateX(8vw) translateY(50vh) scale(0.67);
  3504.    }
  3505.    22.7272727273% {
  3506.      transform: translateX(43vw) translateY(32vh) scale(0.44);
  3507.    }
  3508.    27.2727272727% {
  3509.      transform: translateX(-21vw) translateY(25vh) scale(0.55);
  3510.    }
  3511.    31.8181818182% {
  3512.      transform: translateX(9vw) translateY(-9vh) scale(0.47);
  3513.    }
  3514.    36.3636363636% {
  3515.      transform: translateX(39vw) translateY(-34vh) scale(0.78);
  3516.    }
  3517.    40.9090909091% {
  3518.      transform: translateX(4vw) translateY(38vh) scale(0.76);
  3519.    }
  3520.    45.4545454545% {
  3521.      transform: translateX(21vw) translateY(0vh) scale(0.52);
  3522.    }
  3523.    50% {
  3524.      transform: translateX(30vw) translateY(9vh) scale(0.85);
  3525.    }
  3526.    54.5454545455% {
  3527.      transform: translateX(45vw) translateY(-4vh) scale(0.58);
  3528.    }
  3529.    59.0909090909% {
  3530.      transform: translateX(27vw) translateY(-34vh) scale(0.62);
  3531.    }
  3532.    63.6363636364% {
  3533.      transform: translateX(-19vw) translateY(-13vh) scale(0.76);
  3534.    }
  3535.    68.1818181818% {
  3536.      transform: translateX(21vw) translateY(-42vh) scale(0.54);
  3537.    }
  3538.    72.7272727273% {
  3539.      transform: translateX(-45vw) translateY(-18vh) scale(0.98);
  3540.    }
  3541.    77.2727272727% {
  3542.      transform: translateX(4vw) translateY(44vh) scale(0.95);
  3543.    }
  3544.    81.8181818182% {
  3545.      transform: translateX(-46vw) translateY(35vh) scale(0.41);
  3546.    }
  3547.    86.3636363636% {
  3548.      transform: translateX(14vw) translateY(0vh) scale(0.52);
  3549.    }
  3550.    90.9090909091% {
  3551.      transform: translateX(11vw) translateY(-44vh) scale(0.87);
  3552.    }
  3553.    95.4545454545% {
  3554.      transform: translateX(16vw) translateY(10vh) scale(0.94);
  3555.    }
  3556.    100% {
  3557.      transform: translateX(8vw) translateY(-15vh) scale(0.92);
  3558.    }
  3559.  }
  3560.  .firefly:nth-child(4) {
  3561.    animation-name: move4;
  3562.  }
  3563.  .firefly:nth-child(4)::before {
  3564.    animation-duration: 13s;
  3565.  }
  3566.  .firefly:nth-child(4)::after {
  3567.    animation-duration: 13s, 9470ms;
  3568.    animation-delay: 0ms, 2819ms;
  3569.  }
  3570.  
  3571.  @keyframes move4 {
  3572.    0% {
  3573.      transform: translateX(28vw) translateY(27vh) scale(0.7);
  3574.    }
  3575.    4.5454545455% {
  3576.      transform: translateX(28vw) translateY(-21vh) scale(0.8);
  3577.    }
  3578.    9.0909090909% {
  3579.      transform: translateX(37vw) translateY(-32vh) scale(0.74);
  3580.    }
  3581.    13.6363636364% {
  3582.      transform: translateX(-46vw) translateY(5vh) scale(0.87);
  3583.    }
  3584.    18.1818181818% {
  3585.      transform: translateX(-34vw) translateY(-6vh) scale(0.45);
  3586.    }
  3587.    22.7272727273% {
  3588.      transform: translateX(-28vw) translateY(44vh) scale(0.42);
  3589.    }
  3590.    27.2727272727% {
  3591.      transform: translateX(24vw) translateY(9vh) scale(0.94);
  3592.    }
  3593.    31.8181818182% {
  3594.      transform: translateX(37vw) translateY(33vh) scale(0.37);
  3595.    }
  3596.    36.3636363636% {
  3597.      transform: translateX(33vw) translateY(-42vh) scale(0.66);
  3598.    }
  3599.    40.9090909091% {
  3600.      transform: translateX(-28vw) translateY(-44vh) scale(0.74);
  3601.    }
  3602.    45.4545454545% {
  3603.      transform: translateX(20vw) translateY(-19vh) scale(0.79);
  3604.    }
  3605.    50% {
  3606.      transform: translateX(38vw) translateY(-27vh) scale(0.37);
  3607.    }
  3608.    54.5454545455% {
  3609.      transform: translateX(50vw) translateY(14vh) scale(0.99);
  3610.    }
  3611.    59.0909090909% {
  3612.      transform: translateX(2vw) translateY(20vh) scale(0.44);
  3613.    }
  3614.    63.6363636364% {
  3615.      transform: translateX(-9vw) translateY(46vh) scale(0.67);
  3616.    }
  3617.    68.1818181818% {
  3618.      transform: translateX(13vw) translateY(-16vh) scale(0.39);
  3619.    }
  3620.    72.7272727273% {
  3621.      transform: translateX(20vw) translateY(6vh) scale(0.46);
  3622.    }
  3623.    77.2727272727% {
  3624.      transform: translateX(47vw) translateY(42vh) scale(0.8);
  3625.    }
  3626.    81.8181818182% {
  3627.      transform: translateX(21vw) translateY(-19vh) scale(0.52);
  3628.    }
  3629.    86.3636363636% {
  3630.      transform: translateX(25vw) translateY(10vh) scale(0.65);
  3631.    }
  3632.    90.9090909091% {
  3633.      transform: translateX(1vw) translateY(-17vh) scale(0.8);
  3634.    }
  3635.    95.4545454545% {
  3636.      transform: translateX(5vw) translateY(-40vh) scale(0.79);
  3637.    }
  3638.    100% {
  3639.      transform: translateX(-12vw) translateY(2vh) scale(0.93);
  3640.    }
  3641.  }
  3642.  .firefly:nth-child(5) {
  3643.    animation-name: move5;
  3644.  }
  3645.  .firefly:nth-child(5)::before {
  3646.    animation-duration: 17s;
  3647.  }
  3648.  .firefly:nth-child(5)::after {
  3649.    animation-duration: 17s, 9059ms;
  3650.    animation-delay: 0ms, 1619ms;
  3651.  }
  3652.  
  3653.  @keyframes move5 {
  3654.    0% {
  3655.      transform: translateX(-17vw) translateY(12vh) scale(0.51);
  3656.    }
  3657.    4.1666666667% {
  3658.      transform: translateX(7vw) translateY(-26vh) scale(0.4);
  3659.    }
  3660.    8.3333333333% {
  3661.      transform: translateX(43vw) translateY(-49vh) scale(0.97);
  3662.    }
  3663.    12.5% {
  3664.      transform: translateX(-45vw) translateY(-24vh) scale(0.83);
  3665.    }
  3666.    16.6666666667% {
  3667.      transform: translateX(-43vw) translateY(-28vh) scale(0.33);
  3668.    }
  3669.    20.8333333333% {
  3670.      transform: translateX(-23vw) translateY(-19vh) scale(0.51);
  3671.    }
  3672.    25% {
  3673.      transform: translateX(-36vw) translateY(-1vh) scale(0.68);
  3674.    }
  3675.    29.1666666667% {
  3676.      transform: translateX(-8vw) translateY(33vh) scale(0.95);
  3677.    }
  3678.    33.3333333333% {
  3679.      transform: translateX(13vw) translateY(19vh) scale(0.9);
  3680.    }
  3681.    37.5% {
  3682.      transform: translateX(13vw) translateY(-13vh) scale(0.31);
  3683.    }
  3684.    41.6666666667% {
  3685.      transform: translateX(31vw) translateY(3vh) scale(0.28);
  3686.    }
  3687.    45.8333333333% {
  3688.      transform: translateX(-26vw) translateY(9vh) scale(0.74);
  3689.    }
  3690.    50% {
  3691.      transform: translateX(-23vw) translateY(34vh) scale(0.59);
  3692.    }
  3693.    54.1666666667% {
  3694.      transform: translateX(13vw) translateY(-24vh) scale(0.28);
  3695.    }
  3696.    58.3333333333% {
  3697.      transform: translateX(-48vw) translateY(-22vh) scale(0.81);
  3698.    }
  3699.    62.5% {
  3700.      transform: translateX(48vw) translateY(-23vh) scale(0.42);
  3701.    }
  3702.    66.6666666667% {
  3703.      transform: translateX(15vw) translateY(-41vh) scale(0.75);
  3704.    }
  3705.    70.8333333333% {
  3706.      transform: translateX(22vw) translateY(11vh) scale(0.44);
  3707.    }
  3708.    75% {
  3709.      transform: translateX(47vw) translateY(-22vh) scale(0.92);
  3710.    }
  3711.    79.1666666667% {
  3712.      transform: translateX(31vw) translateY(21vh) scale(0.83);
  3713.    }
  3714.    83.3333333333% {
  3715.      transform: translateX(18vw) translateY(27vh) scale(0.55);
  3716.    }
  3717.    87.5% {
  3718.      transform: translateX(-39vw) translateY(33vh) scale(0.32);
  3719.    }
  3720.    91.6666666667% {
  3721.      transform: translateX(48vw) translateY(19vh) scale(0.31);
  3722.    }
  3723.    95.8333333333% {
  3724.      transform: translateX(27vw) translateY(-29vh) scale(0.63);
  3725.    }
  3726.    100% {
  3727.      transform: translateX(12vw) translateY(-16vh) scale(0.44);
  3728.    }
  3729.  }
  3730.  .firefly:nth-child(6) {
  3731.    animation-name: move6;
  3732.  }
  3733.  .firefly:nth-child(6)::before {
  3734.    animation-duration: 16s;
  3735.  }
  3736.  .firefly:nth-child(6)::after {
  3737.    animation-duration: 16s, 8811ms;
  3738.    animation-delay: 0ms, 3587ms;
  3739.  }
  3740.  
  3741.  @keyframes move6 {
  3742.    0% {
  3743.      transform: translateX(28vw) translateY(-35vh) scale(0.98);
  3744.    }
  3745.    3.5714285714% {
  3746.      transform: translateX(18vw) translateY(36vh) scale(0.8);
  3747.    }
  3748.    7.1428571429% {
  3749.      transform: translateX(-43vw) translateY(39vh) scale(0.71);
  3750.    }
  3751.    10.7142857143% {
  3752.      transform: translateX(-22vw) translateY(-39vh) scale(1);
  3753.    }
  3754.    14.2857142857% {
  3755.      transform: translateX(-11vw) translateY(26vh) scale(0.87);
  3756.    }
  3757.    17.8571428571% {
  3758.      transform: translateX(0vw) translateY(-26vh) scale(0.63);
  3759.    }
  3760.    21.4285714286% {
  3761.      transform: translateX(46vw) translateY(7vh) scale(1);
  3762.    }
  3763.    25% {
  3764.      transform: translateX(10vw) translateY(6vh) scale(0.67);
  3765.    }
  3766.    28.5714285714% {
  3767.      transform: translateX(26vw) translateY(22vh) scale(0.31);
  3768.    }
  3769.    32.1428571429% {
  3770.      transform: translateX(4vw) translateY(17vh) scale(0.89);
  3771.    }
  3772.    35.7142857143% {
  3773.      transform: translateX(-41vw) translateY(39vh) scale(0.81);
  3774.    }
  3775.    39.2857142857% {
  3776.      transform: translateX(45vw) translateY(8vh) scale(0.94);
  3777.    }
  3778.    42.8571428571% {
  3779.      transform: translateX(-49vw) translateY(39vh) scale(0.91);
  3780.    }
  3781.    46.4285714286% {
  3782.      transform: translateX(-15vw) translateY(-2vh) scale(0.44);
  3783.    }
  3784.    50% {
  3785.      transform: translateX(44vw) translateY(38vh) scale(0.71);
  3786.    }
  3787.    53.5714285714% {
  3788.      transform: translateX(47vw) translateY(49vh) scale(0.71);
  3789.    }
  3790.    57.1428571429% {
  3791.      transform: translateX(-24vw) translateY(-5vh) scale(0.79);
  3792.    }
  3793.    60.7142857143% {
  3794.      transform: translateX(15vw) translateY(28vh) scale(0.41);
  3795.    }
  3796.    64.2857142857% {
  3797.      transform: translateX(-14vw) translateY(-35vh) scale(0.95);
  3798.    }
  3799.    67.8571428571% {
  3800.      transform: translateX(15vw) translateY(-5vh) scale(0.67);
  3801.    }
  3802.    71.4285714286% {
  3803.      transform: translateX(3vw) translateY(-12vh) scale(0.69);
  3804.    }
  3805.    75% {
  3806.      transform: translateX(32vw) translateY(-6vh) scale(0.95);
  3807.    }
  3808.    78.5714285714% {
  3809.      transform: translateX(-17vw) translateY(16vh) scale(0.96);
  3810.    }
  3811.    82.1428571429% {
  3812.      transform: translateX(-30vw) translateY(-34vh) scale(0.99);
  3813.    }
  3814.    85.7142857143% {
  3815.      transform: translateX(32vw) translateY(8vh) scale(0.27);
  3816.    }
  3817.    89.2857142857% {
  3818.      transform: translateX(28vw) translateY(-6vh) scale(0.37);
  3819.    }
  3820.    92.8571428571% {
  3821.      transform: translateX(-35vw) translateY(23vh) scale(0.45);
  3822.    }
  3823.    96.4285714286% {
  3824.      transform: translateX(48vw) translateY(-27vh) scale(0.66);
  3825.    }
  3826.    100% {
  3827.      transform: translateX(-28vw) translateY(34vh) scale(0.5);
  3828.    }
  3829.  }
  3830.  .firefly:nth-child(7) {
  3831.    animation-name: move7;
  3832.  }
  3833.  .firefly:nth-child(7)::before {
  3834.    animation-duration: 18s;
  3835.  }
  3836.  .firefly:nth-child(7)::after {
  3837.    animation-duration: 18s, 6858ms;
  3838.    animation-delay: 0ms, 5353ms;
  3839.  }
  3840.  
  3841.  @keyframes move7 {
  3842.    0% {
  3843.      transform: translateX(29vw) translateY(-37vh) scale(0.99);
  3844.    }
  3845.    4.7619047619% {
  3846.      transform: translateX(48vw) translateY(26vh) scale(0.69);
  3847.    }
  3848.    9.5238095238% {
  3849.      transform: translateX(-30vw) translateY(-25vh) scale(0.79);
  3850.    }
  3851.    14.2857142857% {
  3852.      transform: translateX(35vw) translateY(-34vh) scale(0.82);
  3853.    }
  3854.    19.0476190476% {
  3855.      transform: translateX(34vw) translateY(12vh) scale(0.31);
  3856.    }
  3857.    23.8095238095% {
  3858.      transform: translateX(21vw) translateY(-26vh) scale(0.46);
  3859.    }
  3860.    28.5714285714% {
  3861.      transform: translateX(-32vw) translateY(20vh) scale(0.6);
  3862.    }
  3863.    33.3333333333% {
  3864.      transform: translateX(-16vw) translateY(4vh) scale(0.46);
  3865.    }
  3866.    38.0952380952% {
  3867.      transform: translateX(1vw) translateY(5vh) scale(0.65);
  3868.    }
  3869.    42.8571428571% {
  3870.      transform: translateX(2vw) translateY(-28vh) scale(0.78);
  3871.    }
  3872.    47.619047619% {
  3873.      transform: translateX(-41vw) translateY(25vh) scale(0.43);
  3874.    }
  3875.    52.380952381% {
  3876.      transform: translateX(-9vw) translateY(-41vh) scale(0.82);
  3877.    }
  3878.    57.1428571429% {
  3879.      transform: translateX(2vw) translateY(36vh) scale(0.37);
  3880.    }
  3881.    61.9047619048% {
  3882.      transform: translateX(-5vw) translateY(-49vh) scale(0.39);
  3883.    }
  3884.    66.6666666667% {
  3885.      transform: translateX(17vw) translateY(25vh) scale(1);
  3886.    }
  3887.    71.4285714286% {
  3888.      transform: translateX(15vw) translateY(26vh) scale(0.51);
  3889.    }
  3890.    76.1904761905% {
  3891.      transform: translateX(37vw) translateY(43vh) scale(0.41);
  3892.    }
  3893.    80.9523809524% {
  3894.      transform: translateX(-8vw) translateY(38vh) scale(0.98);
  3895.    }
  3896.    85.7142857143% {
  3897.      transform: translateX(28vw) translateY(-39vh) scale(0.51);
  3898.    }
  3899.    90.4761904762% {
  3900.      transform: translateX(47vw) translateY(-13vh) scale(0.99);
  3901.    }
  3902.    95.2380952381% {
  3903.      transform: translateX(-7vw) translateY(37vh) scale(0.52);
  3904.    }
  3905.    100% {
  3906.      transform: translateX(-2vw) translateY(-10vh) scale(0.79);
  3907.    }
  3908.  }
  3909.  .firefly:nth-child(8) {
  3910.    animation-name: move8;
  3911.  }
  3912.  .firefly:nth-child(8)::before {
  3913.    animation-duration: 18s;
  3914.  }
  3915.  .firefly:nth-child(8)::after {
  3916.    animation-duration: 18s, 6340ms;
  3917.    animation-delay: 0ms, 3988ms;
  3918.  }
  3919.  
  3920.  @keyframes move8 {
  3921.    0% {
  3922.      transform: translateX(-16vw) translateY(27vh) scale(0.29);
  3923.    }
  3924.    4% {
  3925.      transform: translateX(-31vw) translateY(-3vh) scale(0.4);
  3926.    }
  3927.    8% {
  3928.      transform: translateX(-15vw) translateY(-38vh) scale(0.79);
  3929.    }
  3930.    12% {
  3931.      transform: translateX(-44vw) translateY(-6vh) scale(0.46);
  3932.    }
  3933.    16% {
  3934.      transform: translateX(-14vw) translateY(41vh) scale(0.95);
  3935.    }
  3936.    20% {
  3937.      transform: translateX(41vw) translateY(13vh) scale(0.69);
  3938.    }
  3939.    24% {
  3940.      transform: translateX(36vw) translateY(20vh) scale(0.29);
  3941.    }
  3942.    28% {
  3943.      transform: translateX(32vw) translateY(0vh) scale(0.38);
  3944.    }
  3945.    32% {
  3946.      transform: translateX(-37vw) translateY(22vh) scale(0.65);
  3947.    }
  3948.    36% {
  3949.      transform: translateX(41vw) translateY(43vh) scale(0.74);
  3950.    }
  3951.    40% {
  3952.      transform: translateX(-1vw) translateY(-41vh) scale(0.89);
  3953.    }
  3954.    44% {
  3955.      transform: translateX(9vw) translateY(17vh) scale(0.58);
  3956.    }
  3957.    48% {
  3958.      transform: translateX(2vw) translateY(-9vh) scale(0.49);
  3959.    }
  3960.    52% {
  3961.      transform: translateX(-32vw) translateY(4vh) scale(0.51);
  3962.    }
  3963.    56% {
  3964.      transform: translateX(40vw) translateY(-27vh) scale(0.32);
  3965.    }
  3966.    60% {
  3967.      transform: translateX(-12vw) translateY(1vh) scale(0.47);
  3968.    }
  3969.    64% {
  3970.      transform: translateX(-7vw) translateY(21vh) scale(0.34);
  3971.    }
  3972.    68% {
  3973.      transform: translateX(-13vw) translateY(-33vh) scale(0.91);
  3974.    }
  3975.    72% {
  3976.      transform: translateX(-14vw) translateY(-37vh) scale(0.94);
  3977.    }
  3978.    76% {
  3979.      transform: translateX(46vw) translateY(5vh) scale(0.38);
  3980.    }
  3981.    80% {
  3982.      transform: translateX(43vw) translateY(44vh) scale(0.95);
  3983.    }
  3984.    84% {
  3985.      transform: translateX(7vw) translateY(45vh) scale(0.91);
  3986.    }
  3987.    88% {
  3988.      transform: translateX(-15vw) translateY(-31vh) scale(0.8);
  3989.    }
  3990.    92% {
  3991.      transform: translateX(40vw) translateY(-34vh) scale(1);
  3992.    }
  3993.    96% {
  3994.      transform: translateX(-34vw) translateY(-35vh) scale(0.32);
  3995.    }
  3996.    100% {
  3997.      transform: translateX(-2vw) translateY(-36vh) scale(0.75);
  3998.    }
  3999.  }
  4000.  .firefly:nth-child(9) {
  4001.    animation-name: move9;
  4002.  }
  4003.  .firefly:nth-child(9)::before {
  4004.    animation-duration: 15s;
  4005.  }
  4006.  .firefly:nth-child(9)::after {
  4007.    animation-duration: 15s, 9720ms;
  4008.    animation-delay: 0ms, 1791ms;
  4009.  }
  4010.  
  4011.  @keyframes move9 {
  4012.    0% {
  4013.      transform: translateX(-39vw) translateY(12vh) scale(0.39);
  4014.    }
  4015.    4.7619047619% {
  4016.      transform: translateX(-6vw) translateY(-7vh) scale(0.52);
  4017.    }
  4018.    9.5238095238% {
  4019.      transform: translateX(-18vw) translateY(-45vh) scale(0.76);
  4020.    }
  4021.    14.2857142857% {
  4022.      transform: translateX(48vw) translateY(-33vh) scale(0.63);
  4023.    }
  4024.    19.0476190476% {
  4025.      transform: translateX(-19vw) translateY(39vh) scale(0.45);
  4026.    }
  4027.    23.8095238095% {
  4028.      transform: translateX(15vw) translateY(19vh) scale(0.33);
  4029.    }
  4030.    28.5714285714% {
  4031.      transform: translateX(-33vw) translateY(2vh) scale(0.87);
  4032.    }
  4033.    33.3333333333% {
  4034.      transform: translateX(44vw) translateY(-34vh) scale(0.9);
  4035.    }
  4036.    38.0952380952% {
  4037.      transform: translateX(40vw) translateY(-29vh) scale(0.92);
  4038.    }
  4039.    42.8571428571% {
  4040.      transform: translateX(38vw) translateY(27vh) scale(0.6);
  4041.    }
  4042.    47.619047619% {
  4043.      transform: translateX(21vw) translateY(-32vh) scale(0.46);
  4044.    }
  4045.    52.380952381% {
  4046.      transform: translateX(50vw) translateY(-38vh) scale(0.67);
  4047.    }
  4048.    57.1428571429% {
  4049.      transform: translateX(-45vw) translateY(6vh) scale(0.38);
  4050.    }
  4051.    61.9047619048% {
  4052.      transform: translateX(-32vw) translateY(14vh) scale(0.9);
  4053.    }
  4054.    66.6666666667% {
  4055.      transform: translateX(40vw) translateY(21vh) scale(0.97);
  4056.    }
  4057.    71.4285714286% {
  4058.      transform: translateX(41vw) translateY(48vh) scale(0.74);
  4059.    }
  4060.    76.1904761905% {
  4061.      transform: translateX(-27vw) translateY(5vh) scale(0.95);
  4062.    }
  4063.    80.9523809524% {
  4064.      transform: translateX(9vw) translateY(-11vh) scale(0.31);
  4065.    }
  4066.    85.7142857143% {
  4067.      transform: translateX(-30vw) translateY(39vh) scale(0.83);
  4068.    }
  4069.    90.4761904762% {
  4070.      transform: translateX(17vw) translateY(34vh) scale(0.28);
  4071.    }
  4072.    95.2380952381% {
  4073.      transform: translateX(22vw) translateY(-5vh) scale(0.54);
  4074.    }
  4075.    100% {
  4076.      transform: translateX(-4vw) translateY(45vh) scale(0.52);
  4077.    }
  4078.  }
  4079.  .firefly:nth-child(10) {
  4080.    animation-name: move10;
  4081.  }
  4082.  .firefly:nth-child(10)::before {
  4083.    animation-duration: 12s;
  4084.  }
  4085.  .firefly:nth-child(10)::after {
  4086.    animation-duration: 12s, 7181ms;
  4087.    animation-delay: 0ms, 3058ms;
  4088.  }
  4089.  
  4090.  @keyframes move10 {
  4091.    0% {
  4092.      transform: translateX(-16vw) translateY(-18vh) scale(0.3);
  4093.    }
  4094.    3.8461538462% {
  4095.      transform: translateX(16vw) translateY(41vh) scale(0.27);
  4096.    }
  4097.    7.6923076923% {
  4098.      transform: translateX(37vw) translateY(-20vh) scale(0.49);
  4099.    }
  4100.    11.5384615385% {
  4101.      transform: translateX(9vw) translateY(-5vh) scale(0.6);
  4102.    }
  4103.    15.3846153846% {
  4104.      transform: translateX(-32vw) translateY(-7vh) scale(0.6);
  4105.    }
  4106.    19.2307692308% {
  4107.      transform: translateX(-38vw) translateY(17vh) scale(0.98);
  4108.    }
  4109.    23.0769230769% {
  4110.      transform: translateX(-27vw) translateY(22vh) scale(0.73);
  4111.    }
  4112.    26.9230769231% {
  4113.      transform: translateX(-6vw) translateY(44vh) scale(0.76);
  4114.    }
  4115.    30.7692307692% {
  4116.      transform: translateX(48vw) translateY(-2vh) scale(0.57);
  4117.    }
  4118.    34.6153846154% {
  4119.      transform: translateX(-12vw) translateY(8vh) scale(0.26);
  4120.    }
  4121.    38.4615384615% {
  4122.      transform: translateX(31vw) translateY(-48vh) scale(0.41);
  4123.    }
  4124.    42.3076923077% {
  4125.      transform: translateX(-47vw) translateY(4vh) scale(0.56);
  4126.    }
  4127.    46.1538461538% {
  4128.      transform: translateX(31vw) translateY(-45vh) scale(0.97);
  4129.    }
  4130.    50% {
  4131.      transform: translateX(37vw) translateY(-21vh) scale(0.93);
  4132.    }
  4133.    53.8461538462% {
  4134.      transform: translateX(36vw) translateY(-49vh) scale(0.85);
  4135.    }
  4136.    57.6923076923% {
  4137.      transform: translateX(41vw) translateY(32vh) scale(0.35);
  4138.    }
  4139.    61.5384615385% {
  4140.      transform: translateX(36vw) translateY(-21vh) scale(0.96);
  4141.    }
  4142.    65.3846153846% {
  4143.      transform: translateX(2vw) translateY(-46vh) scale(0.28);
  4144.    }
  4145.    69.2307692308% {
  4146.      transform: translateX(-42vw) translateY(-18vh) scale(0.61);
  4147.    }
  4148.    73.0769230769% {
  4149.      transform: translateX(16vw) translateY(-39vh) scale(0.68);
  4150.    }
  4151.    76.9230769231% {
  4152.      transform: translateX(7vw) translateY(-13vh) scale(0.48);
  4153.    }
  4154.    80.7692307692% {
  4155.      transform: translateX(-8vw) translateY(19vh) scale(0.83);
  4156.    }
  4157.    84.6153846154% {
  4158.      transform: translateX(38vw) translateY(2vh) scale(0.44);
  4159.    }
  4160.    88.4615384615% {
  4161.      transform: translateX(46vw) translateY(6vh) scale(0.32);
  4162.    }
  4163.    92.3076923077% {
  4164.      transform: translateX(31vw) translateY(-38vh) scale(0.79);
  4165.    }
  4166.    96.1538461538% {
  4167.      transform: translateX(-16vw) translateY(10vh) scale(0.59);
  4168.    }
  4169.    100% {
  4170.      transform: translateX(-15vw) translateY(0vh) scale(0.88);
  4171.    }
  4172.  }
  4173.  .firefly:nth-child(11) {
  4174.    animation-name: move11;
  4175.  }
  4176.  .firefly:nth-child(11)::before {
  4177.    animation-duration: 9s;
  4178.  }
  4179.  .firefly:nth-child(11)::after {
  4180.    animation-duration: 9s, 8516ms;
  4181.    animation-delay: 0ms, 2476ms;
  4182.  }
  4183.  
  4184.  @keyframes move11 {
  4185.    0% {
  4186.      transform: translateX(49vw) translateY(-2vh) scale(0.53);
  4187.    }
  4188.    4% {
  4189.      transform: translateX(27vw) translateY(48vh) scale(0.66);
  4190.    }
  4191.    8% {
  4192.      transform: translateX(37vw) translateY(-12vh) scale(0.92);
  4193.    }
  4194.    12% {
  4195.      transform: translateX(23vw) translateY(34vh) scale(0.94);
  4196.    }
  4197.    16% {
  4198.      transform: translateX(-25vw) translateY(21vh) scale(0.7);
  4199.    }
  4200.    20% {
  4201.      transform: translateX(-4vw) translateY(47vh) scale(0.5);
  4202.    }
  4203.    24% {
  4204.      transform: translateX(-28vw) translateY(43vh) scale(0.32);
  4205.    }
  4206.    28% {
  4207.      transform: translateX(-41vw) translateY(-14vh) scale(0.43);
  4208.    }
  4209.    32% {
  4210.      transform: translateX(45vw) translateY(-37vh) scale(0.46);
  4211.    }
  4212.    36% {
  4213.      transform: translateX(-19vw) translateY(13vh) scale(0.96);
  4214.    }
  4215.    40% {
  4216.      transform: translateX(-25vw) translateY(-6vh) scale(0.69);
  4217.    }
  4218.    44% {
  4219.      transform: translateX(-34vw) translateY(48vh) scale(0.89);
  4220.    }
  4221.    48% {
  4222.      transform: translateX(11vw) translateY(-19vh) scale(0.5);
  4223.    }
  4224.    52% {
  4225.      transform: translateX(18vw) translateY(2vh) scale(1);
  4226.    }
  4227.    56% {
  4228.      transform: translateX(-40vw) translateY(40vh) scale(0.32);
  4229.    }
  4230.    60% {
  4231.      transform: translateX(23vw) translateY(22vh) scale(0.97);
  4232.    }
  4233.    64% {
  4234.      transform: translateX(-41vw) translateY(41vh) scale(0.35);
  4235.    }
  4236.    68% {
  4237.      transform: translateX(20vw) translateY(2vh) scale(0.27);
  4238.    }
  4239.    72% {
  4240.      transform: translateX(-19vw) translateY(2vh) scale(0.71);
  4241.    }
  4242.    76% {
  4243.      transform: translateX(22vw) translateY(48vh) scale(0.79);
  4244.    }
  4245.    80% {
  4246.      transform: translateX(17vw) translateY(-22vh) scale(0.73);
  4247.    }
  4248.    84% {
  4249.      transform: translateX(43vw) translateY(-11vh) scale(0.47);
  4250.    }
  4251.    88% {
  4252.      transform: translateX(-48vw) translateY(-24vh) scale(0.49);
  4253.    }
  4254.    92% {
  4255.      transform: translateX(-3vw) translateY(-6vh) scale(0.69);
  4256.    }
  4257.    96% {
  4258.      transform: translateX(-38vw) translateY(25vh) scale(0.35);
  4259.    }
  4260.    100% {
  4261.      transform: translateX(6vw) translateY(-3vh) scale(0.39);
  4262.    }
  4263.  }
  4264.  .firefly:nth-child(12) {
  4265.    animation-name: move12;
  4266.  }
  4267.  .firefly:nth-child(12)::before {
  4268.    animation-duration: 12s;
  4269.  }
  4270.  .firefly:nth-child(12)::after {
  4271.    animation-duration: 12s, 5804ms;
  4272.    animation-delay: 0ms, 3233ms;
  4273.  }
  4274.  
  4275.  @keyframes move12 {
  4276.    0% {
  4277.      transform: translateX(-15vw) translateY(31vh) scale(0.6);
  4278.    }
  4279.    4.5454545455% {
  4280.      transform: translateX(-6vw) translateY(-21vh) scale(0.34);
  4281.    }
  4282.    9.0909090909% {
  4283.      transform: translateX(-27vw) translateY(-29vh) scale(0.57);
  4284.    }
  4285.    13.6363636364% {
  4286.      transform: translateX(19vw) translateY(-2vh) scale(0.8);
  4287.    }
  4288.    18.1818181818% {
  4289.      transform: translateX(-26vw) translateY(-18vh) scale(0.78);
  4290.    }
  4291.    22.7272727273% {
  4292.      transform: translateX(-11vw) translateY(5vh) scale(0.97);
  4293.    }
  4294.    27.2727272727% {
  4295.      transform: translateX(-39vw) translateY(49vh) scale(0.58);
  4296.    }
  4297.    31.8181818182% {
  4298.      transform: translateX(36vw) translateY(23vh) scale(0.47);
  4299.    }
  4300.    36.3636363636% {
  4301.      transform: translateX(-25vw) translateY(5vh) scale(0.93);
  4302.    }
  4303.    40.9090909091% {
  4304.      transform: translateX(44vw) translateY(17vh) scale(0.26);
  4305.    }
  4306.    45.4545454545% {
  4307.      transform: translateX(33vw) translateY(18vh) scale(0.37);
  4308.    }
  4309.    50% {
  4310.      transform: translateX(-3vw) translateY(22vh) scale(0.9);
  4311.    }
  4312.    54.5454545455% {
  4313.      transform: translateX(-9vw) translateY(33vh) scale(0.32);
  4314.    }
  4315.    59.0909090909% {
  4316.      transform: translateX(-35vw) translateY(3vh) scale(0.31);
  4317.    }
  4318.    63.6363636364% {
  4319.      transform: translateX(-24vw) translateY(8vh) scale(0.92);
  4320.    }
  4321.    68.1818181818% {
  4322.      transform: translateX(-2vw) translateY(-3vh) scale(0.3);
  4323.    }
  4324.    72.7272727273% {
  4325.      transform: translateX(-31vw) translateY(-18vh) scale(0.89);
  4326.    }
  4327.    77.2727272727% {
  4328.      transform: translateX(-11vw) translateY(-41vh) scale(0.32);
  4329.    }
  4330.    81.8181818182% {
  4331.      transform: translateX(-30vw) translateY(46vh) scale(0.85);
  4332.    }
  4333.    86.3636363636% {
  4334.      transform: translateX(17vw) translateY(-30vh) scale(0.72);
  4335.    }
  4336.    90.9090909091% {
  4337.      transform: translateX(-18vw) translateY(-39vh) scale(0.26);
  4338.    }
  4339.    95.4545454545% {
  4340.      transform: translateX(40vw) translateY(-9vh) scale(0.69);
  4341.    }
  4342.    100% {
  4343.      transform: translateX(-11vw) translateY(49vh) scale(0.81);
  4344.    }
  4345.  }
  4346.  .firefly:nth-child(13) {
  4347.    animation-name: move13;
  4348.  }
  4349.  .firefly:nth-child(13)::before {
  4350.    animation-duration: 18s;
  4351.  }
  4352.  .firefly:nth-child(13)::after {
  4353.    animation-duration: 18s, 9171ms;
  4354.    animation-delay: 0ms, 6692ms;
  4355.  }
  4356.  
  4357.  @keyframes move13 {
  4358.    0% {
  4359.      transform: translateX(20vw) translateY(6vh) scale(0.29);
  4360.    }
  4361.    3.8461538462% {
  4362.      transform: translateX(0vw) translateY(-26vh) scale(0.7);
  4363.    }
  4364.    7.6923076923% {
  4365.      transform: translateX(25vw) translateY(10vh) scale(0.5);
  4366.    }
  4367.    11.5384615385% {
  4368.      transform: translateX(-19vw) translateY(-12vh) scale(0.85);
  4369.    }
  4370.    15.3846153846% {
  4371.      transform: translateX(-47vw) translateY(-19vh) scale(0.75);
  4372.    }
  4373.    19.2307692308% {
  4374.      transform: translateX(-28vw) translateY(-21vh) scale(0.68);
  4375.    }
  4376.    23.0769230769% {
  4377.      transform: translateX(-7vw) translateY(-49vh) scale(0.44);
  4378.    }
  4379.    26.9230769231% {
  4380.      transform: translateX(-28vw) translateY(-7vh) scale(0.58);
  4381.    }
  4382.    30.7692307692% {
  4383.      transform: translateX(4vw) translateY(-18vh) scale(0.37);
  4384.    }
  4385.    34.6153846154% {
  4386.      transform: translateX(8vw) translateY(-34vh) scale(0.45);
  4387.    }
  4388.    38.4615384615% {
  4389.      transform: translateX(42vw) translateY(47vh) scale(0.67);
  4390.    }
  4391.    42.3076923077% {
  4392.      transform: translateX(34vw) translateY(8vh) scale(0.61);
  4393.    }
  4394.    46.1538461538% {
  4395.      transform: translateX(-7vw) translateY(-32vh) scale(0.28);
  4396.    }
  4397.    50% {
  4398.      transform: translateX(-32vw) translateY(-24vh) scale(0.59);
  4399.    }
  4400.    53.8461538462% {
  4401.      transform: translateX(-3vw) translateY(45vh) scale(0.57);
  4402.    }
  4403.    57.6923076923% {
  4404.      transform: translateX(8vw) translateY(-48vh) scale(0.55);
  4405.    }
  4406.    61.5384615385% {
  4407.      transform: translateX(31vw) translateY(-4vh) scale(0.43);
  4408.    }
  4409.    65.3846153846% {
  4410.      transform: translateX(-30vw) translateY(-30vh) scale(0.32);
  4411.    }
  4412.    69.2307692308% {
  4413.      transform: translateX(-15vw) translateY(-43vh) scale(0.99);
  4414.    }
  4415.    73.0769230769% {
  4416.      transform: translateX(-48vw) translateY(29vh) scale(0.96);
  4417.    }
  4418.    76.9230769231% {
  4419.      transform: translateX(-26vw) translateY(39vh) scale(0.52);
  4420.    }
  4421.    80.7692307692% {
  4422.      transform: translateX(-37vw) translateY(-29vh) scale(0.39);
  4423.    }
  4424.    84.6153846154% {
  4425.      transform: translateX(-17vw) translateY(40vh) scale(0.55);
  4426.    }
  4427.    88.4615384615% {
  4428.      transform: translateX(17vw) translateY(-4vh) scale(0.35);
  4429.    }
  4430.    92.3076923077% {
  4431.      transform: translateX(33vw) translateY(31vh) scale(0.69);
  4432.    }
  4433.    96.1538461538% {
  4434.      transform: translateX(23vw) translateY(-12vh) scale(0.72);
  4435.    }
  4436.    100% {
  4437.      transform: translateX(46vw) translateY(18vh) scale(0.47);
  4438.    }
  4439.  }
  4440.  .firefly:nth-child(14) {
  4441.    animation-name: move14;
  4442.  }
  4443.  .firefly:nth-child(14)::before {
  4444.    animation-duration: 9s;
  4445.  }
  4446.  .firefly:nth-child(14)::after {
  4447.    animation-duration: 9s, 8504ms;
  4448.    animation-delay: 0ms, 7453ms;
  4449.  }
  4450.  
  4451.  @keyframes move14 {
  4452.    0% {
  4453.      transform: translateX(39vw) translateY(18vh) scale(0.56);
  4454.    }
  4455.    4.7619047619% {
  4456.      transform: translateX(-24vw) translateY(6vh) scale(0.46);
  4457.    }
  4458.    9.5238095238% {
  4459.      transform: translateX(14vw) translateY(-47vh) scale(0.62);
  4460.    }
  4461.    14.2857142857% {
  4462.      transform: translateX(-21vw) translateY(38vh) scale(0.68);
  4463.    }
  4464.    19.0476190476% {
  4465.      transform: translateX(14vw) translateY(49vh) scale(0.83);
  4466.    }
  4467.    23.8095238095% {
  4468.      transform: translateX(-23vw) translateY(27vh) scale(0.48);
  4469.    }
  4470.    28.5714285714% {
  4471.      transform: translateX(-48vw) translateY(-7vh) scale(0.79);
  4472.    }
  4473.    33.3333333333% {
  4474.      transform: translateX(19vw) translateY(36vh) scale(0.37);
  4475.    }
  4476.    38.0952380952% {
  4477.      transform: translateX(-37vw) translateY(14vh) scale(0.9);
  4478.    }
  4479.    42.8571428571% {
  4480.      transform: translateX(-23vw) translateY(29vh) scale(0.41);
  4481.    }
  4482.    47.619047619% {
  4483.      transform: translateX(2vw) translateY(18vh) scale(0.35);
  4484.    }
  4485.    52.380952381% {
  4486.      transform: translateX(27vw) translateY(-15vh) scale(0.72);
  4487.    }
  4488.    57.1428571429% {
  4489.      transform: translateX(-38vw) translateY(-12vh) scale(0.53);
  4490.    }
  4491.    61.9047619048% {
  4492.      transform: translateX(-36vw) translateY(30vh) scale(0.79);
  4493.    }
  4494.    66.6666666667% {
  4495.      transform: translateX(-19vw) translateY(26vh) scale(0.86);
  4496.    }
  4497.    71.4285714286% {
  4498.      transform: translateX(-43vw) translateY(-28vh) scale(0.31);
  4499.    }
  4500.    76.1904761905% {
  4501.      transform: translateX(-37vw) translateY(0vh) scale(0.35);
  4502.    }
  4503.    80.9523809524% {
  4504.      transform: translateX(-13vw) translateY(16vh) scale(0.39);
  4505.    }
  4506.    85.7142857143% {
  4507.      transform: translateX(1vw) translateY(16vh) scale(0.39);
  4508.    }
  4509.    90.4761904762% {
  4510.      transform: translateX(-31vw) translateY(-40vh) scale(0.88);
  4511.    }
  4512.    95.2380952381% {
  4513.      transform: translateX(-10vw) translateY(21vh) scale(0.66);
  4514.    }
  4515.    100% {
  4516.      transform: translateX(-18vw) translateY(15vh) scale(0.75);
  4517.    }
  4518.  }
  4519.  .firefly:nth-child(15) {
  4520.    animation-name: move15;
  4521.  }
  4522.  .firefly:nth-child(15)::before {
  4523.    animation-duration: 18s;
  4524.  }
  4525.  .firefly:nth-child(15)::after {
  4526.    animation-duration: 18s, 8385ms;
  4527.    animation-delay: 0ms, 4285ms;
  4528.  }
  4529.  
  4530.  @keyframes move15 {
  4531.    0% {
  4532.      transform: translateX(-32vw) translateY(-8vh) scale(1);
  4533.    }
  4534.    5.5555555556% {
  4535.      transform: translateX(18vw) translateY(-7vh) scale(0.57);
  4536.    }
  4537.    11.1111111111% {
  4538.      transform: translateX(-28vw) translateY(-24vh) scale(0.96);
  4539.    }
  4540.    16.6666666667% {
  4541.      transform: translateX(11vw) translateY(30vh) scale(0.68);
  4542.    }
  4543.    22.2222222222% {
  4544.      transform: translateX(-31vw) translateY(-9vh) scale(0.86);
  4545.    }
  4546.    27.7777777778% {
  4547.      transform: translateX(-11vw) translateY(0vh) scale(0.68);
  4548.    }
  4549.    33.3333333333% {
  4550.      transform: translateX(10vw) translateY(13vh) scale(0.96);
  4551.    }
  4552.    38.8888888889% {
  4553.      transform: translateX(-19vw) translateY(1vh) scale(0.34);
  4554.    }
  4555.    44.4444444444% {
  4556.      transform: translateX(-44vw) translateY(-2vh) scale(0.74);
  4557.    }
  4558.    50% {
  4559.      transform: translateX(25vw) translateY(38vh) scale(0.88);
  4560.    }
  4561.    55.5555555556% {
  4562.      transform: translateX(-39vw) translateY(-38vh) scale(0.3);
  4563.    }
  4564.    61.1111111111% {
  4565.      transform: translateX(33vw) translateY(46vh) scale(0.35);
  4566.    }
  4567.    66.6666666667% {
  4568.      transform: translateX(-11vw) translateY(10vh) scale(0.88);
  4569.    }
  4570.    72.2222222222% {
  4571.      transform: translateX(17vw) translateY(-12vh) scale(0.49);
  4572.    }
  4573.    77.7777777778% {
  4574.      transform: translateX(-12vw) translateY(44vh) scale(0.57);
  4575.    }
  4576.    83.3333333333% {
  4577.      transform: translateX(-38vw) translateY(-9vh) scale(0.33);
  4578.    }
  4579.    88.8888888889% {
  4580.      transform: translateX(32vw) translateY(50vh) scale(0.78);
  4581.    }
  4582.    94.4444444444% {
  4583.      transform: translateX(14vw) translateY(26vh) scale(0.89);
  4584.    }
  4585.    100% {
  4586.      transform: translateX(-20vw) translateY(-31vh) scale(0.55);
  4587.    }
  4588.  }
  4589.  @keyframes drift {
  4590.    0% {
  4591.      transform: rotate(0deg);
  4592.    }
  4593.    100% {
  4594.      transform: rotate(360deg);
  4595.    }
  4596.  }
  4597.  @keyframes flash {
  4598.    0%, 30%, 100% {
  4599.      opacity: 0;
  4600.      box-shadow: 0 0 0vw 0vw red;
  4601.    }
  4602.    5% {
  4603.      opacity: 1;
  4604.      box-shadow: 0 0 2vw 0.4vw red;
  4605.    }
  4606.  }
  4607. </style>
  4608. <div>
  4609. <div class="firefly"></div>
  4610. <div class="firefly"></div>
  4611. <div class="firefly"></div>
  4612. <div class="firefly"></div>
  4613. <div class="firefly"></div>
  4614. <div class="firefly"></div>
  4615. <div class="firefly"></div>
  4616. <div class="firefly"></div>
  4617. <div class="firefly"></div>
  4618. <div class="firefly"></div>
  4619. <div class="firefly"></div>
  4620. <div class="firefly"></div>
  4621. <div class="firefly"></div>
  4622. <div class="firefly"></div>
  4623. <div class="firefly"></div>
  4624. </div>
  4625. </div>        
  4626.  
  4627.  
  4628.  
  4629.  
  4630.  
  4631. <style>
  4632.  
  4633.  
  4634. .alert {
  4635.    border: 1px solid #ff0037;
  4636.    box-shadow: #ff0037 0px 0px 10px 1px;
  4637.    border-radius: 5px;
  4638.    margin-right: 25px;
  4639.    margin-left: 25px;
  4640.    margin-top: 10px;
  4641.    margin-bottom: -25px;
  4642. }
  4643. .blinking{
  4644.    animation:blinkingText 1.5s infinite;
  4645.    margin:auto;
  4646.    display:block;
  4647.    font-weight: 900;
  4648.    color:#ff0037;
  4649.    text-shadow:#ff0037 0px 0px 3px;
  4650. }
  4651.  
  4652. @keyframes glowingBorder {
  4653.    0% {
  4654.        border-image-source: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);
  4655.    }
  4656.    100% {
  4657.        border-image-source: linear-gradient(90deg, #0000ff, #ff0000, #00ff00);
  4658.    }
  4659. }
  4660.  
  4661. .result {
  4662.    background-color: transparent;
  4663.    border: 3px solid #ff0000; / Warna merah pada border
  4664. /
  4665.    border-image: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);
  4666.    border-image-slice: 1;
  4667.    animation: glowingBorder 2s infinite;
  4668. }
  4669.  
  4670. </style>
  4671.  
  4672.  
  4673.  
  4674.  
  4675.  
  4676. <style>
  4677.              
  4678.        .provider {
  4679.        padding-top: 1rem;
  4680.        background: #000000;
  4681.        color: #ffffff;
  4682.        }
  4683.        
  4684.        .login-field {
  4685.        width: 147px;
  4686.        }
  4687.        
  4688.        .header {
  4689.        background: #000;
  4690.        }
  4691.        
  4692.        .menu-item>label, .menu span {
  4693.        color: #fff !important;
  4694.        }
  4695.  
  4696.        .title-infos {
  4697.        text-transform: uppercase;
  4698.        color: #fff;
  4699.        font-size: 1.2rem;
  4700.        text-align: center;
  4701.        display: flex;
  4702.        align-items:center;
  4703.        justify-content: center;
  4704.        }
  4705.        
  4706.        .img-title-infos {
  4707.        width: 40px;
  4708.        margin-right: 0.5rem;
  4709.        }
  4710.        
  4711.        .transaksi {
  4712.        padding-top: 1.5rem;
  4713.        }
  4714.        
  4715.        .wrap-all-trans {
  4716.        display: grid;
  4717.        grid-template-columns: repeat(2, 1fr);
  4718.        gap: 5px;
  4719.        }
  4720.        
  4721.        .wrapper-transactions {
  4722.                width: 35rem;
  4723.                    max-width: 100%;
  4724.                    padding: 0.7rem;
  4725.                    margin-bottom: 1rem;
  4726.                    margin-top: 1rem;
  4727.                    border-radius: 10px;
  4728.                    border: 3px solid #f9bb08;
  4729.                    background: var(--result-background);
  4730.                }
  4731.        
  4732.                .content-trans {
  4733.                    height: 15rem;
  4734.                    overflow: hidden;
  4735.                    position: relative;
  4736.                }
  4737.        
  4738.                .avatar-trans {
  4739.                    width: 2rem;
  4740.                    max-width: 100%;
  4741.                    margin-right: 0.7rem;
  4742.                }
  4743.        
  4744.                .avatar-wrapper {
  4745.                    display: flex;
  4746.                    justify-content: center;
  4747.                }
  4748.        
  4749.                .item-trans {
  4750.                    color: #fff;
  4751.                    background: #312402;
  4752.                    display: flex;
  4753.                    width: 100%;
  4754.                    border: 1px solid #fab907;
  4755.                    justify-content: space-between;
  4756.                    align-items: center;
  4757.                    border-radius: 5px;
  4758.                    font-size: 1rem;
  4759.                    margin-bottom: 0.45rem !important;
  4760.                    padding: 0.4rem;
  4761.        position: relative;
  4762.            bottom: 0; /* Start the boxes at the bottom of the container */
  4763.            animation: moveUp 40s linear infinite;
  4764.                }
  4765.        
  4766.                .rupiah-trans {
  4767.                    color: #ffffff;
  4768.        font-weight: bold;
  4769.                }
  4770.        
  4771.                .text-centertitle {
  4772.                    color: #ffffff;
  4773.                    margin-top: 0;
  4774.        padding-bottom: 0.5rem;
  4775.        font-size: 1.15rem;
  4776.        font-weight: bold;
  4777.                }
  4778.        
  4779.        .divider-trans {
  4780.        margin-top: 14px !important;
  4781.        border-top: 1px solid rgb(0 0 0);
  4782.        }
  4783.        
  4784.        
  4785.        
  4786.        
  4787.        
  4788.        
  4789.        .menu-alternatif {
  4790.        display: flex;
  4791.        justify-content: center;
  4792.        align-items: center;
  4793.        flex-wrap: wrap;
  4794.        list-style-type: none;
  4795.        gap: 8px;
  4796.        margin-bottom: 0.5rem;
  4797.        }
  4798.        
  4799.        .menu-alternatif li:first-child {
  4800.        background: #000000
  4801.        border: 3px solid #f9bb08;
  4802.        text-transform: uppercase;
  4803.        box-shadow: none;
  4804.        }
  4805.        
  4806.        .menu-alternatif li {
  4807.        background: #000000;
  4808.        padding: 0.8rem;
  4809.        font-size: 1.3rem;
  4810.        font-weight: bold;
  4811.       border: 3px solid #f9bb08;
  4812.        border-radius: 0 25px;
  4813.        box-shadow: 5px 3px 20px #000;
  4814.        }
  4815.        
  4816.        @keyframes moveUp {
  4817.            0% {
  4818.                transform: translateY(0); /* Initial position, no translation */
  4819.            }
  4820.            100% {
  4821.                transform: translateY(-1500px); /* Move the box upwards by the height of container */
  4822.            }
  4823.        }
  4824.        
  4825.        @keyframes glowing  {
  4826.        
  4827.            0%  {
  4828.             background-position:  0 0;
  4829.         }
  4830.        50%  {
  4831.             background-position:  400% 0;
  4832.         }
  4833.        100%  {
  4834.             background-position:  0 0;
  4835.         }
  4836.        }
  4837.        @keyframes glowing  {
  4838.            0%  {
  4839.             background-position:  0 0;
  4840.         }
  4841.        50%  {
  4842.             background-position:  400% 0;
  4843.         }
  4844.        100%  {
  4845.             background-position:  0 0;
  4846.         }
  4847.        
  4848.        }
  4849.        
  4850.        @media only screen and (max-width: 1000px) {
  4851.                .wrap-all-trans {
  4852.                        display: block;
  4853.                }
  4854.                
  4855.                .wrapper-transactions {
  4856.                        width: 100%;
  4857.                }
  4858.        
  4859.                .gambar-samping {
  4860.                        display: none;
  4861.                }
  4862.        
  4863.                .menu-alternatif li {
  4864.                        width: 100%;
  4865.                        text-align: center;
  4866.                        padding: 0.3rem;
  4867.                        font-size: 1rem;
  4868.                }
  4869.        
  4870.        }
  4871.        
  4872.        
  4873.        @media only screen and (max-width: 1000px) {
  4874.                .login-form {
  4875.                        margin: 0 20px;
  4876.                }
  4877.        
  4878.                .login-field, .login-form>button, .btn-promosi, .wikwik {
  4879.                        border-radius: 5px;
  4880.                }
  4881.        
  4882.              
  4883.        
  4884.                
  4885.        }
  4886. </style>
  4887.  
  4888.  
  4889.  
  4890.  
  4891.  
  4892. <script>
  4893.        document.addEventListener('DOMContentLoaded', () => {
  4894.        // General Setting
  4895.        const getLoginBtn = document.querySelector('.btn.btn-masuk.fw-bold.p-0.px-2.submit');
  4896.        const getPromosiBtn = document.querySelector('.btn-promosi.fw-bold.desktop-only');
  4897.        
  4898.        getLoginBtn.textContent = 'Login';
  4899.        getPromosiBtn.textContent = 'PROMO';
  4900.        
  4901.        // Withdraw & Deposit
  4902.        const getProvider = document.querySelector('.provider-group');
  4903.        const transWrap = document.createElement('div');
  4904.        transWrap.className = 'wrapper-transactions';
  4905.        
  4906.        const transWrapDp = document.createElement('div');
  4907.        transWrapDp.className = 'wrapper-transactions';
  4908.        
  4909.        const transContent = document.createElement('div');
  4910.        transContent.className = 'content-trans';
  4911.        
  4912.        const transContentDp = document.createElement('div');
  4913.        transContentDp.className = 'content-trans';
  4914.        
  4915.        const makeDp = document.createElement('div');
  4916.        makeDp.className = 'deposit-members';
  4917.        
  4918.        const makeWd = document.createElement('div');
  4919.        makeWd.className = 'withdraw-members';
  4920.        
  4921.        const titleDp = document.createElement('h3');
  4922.        titleDp.className = 'text-centertitle';
  4923.        titleDp.textContent = 'NEW DEPOSIT';
  4924.        
  4925.        const titleWd = document.createElement('h3');
  4926.        titleWd.className = 'text-centertitle';
  4927.        titleWd.textContent = 'NEW WITHDRAW';
  4928.        
  4929.        transContentDp.appendChild(makeDp);
  4930.        transContent.appendChild(makeWd);
  4931.        transWrapDp.appendChild(titleDp);
  4932.        transWrap.appendChild(titleWd);
  4933.        
  4934.        transWrapDp.appendChild(transContentDp);
  4935.        transWrap.appendChild(transContent);
  4936.        
  4937.        const wrapAllTrans = document.createElement('div');
  4938.        wrapAllTrans.className = 'wrap-all-trans';
  4939.        
  4940.        wrapAllTrans.appendChild(transWrapDp);
  4941.        wrapAllTrans.appendChild(transWrap);
  4942.        
  4943.        getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
  4944.        
  4945.        function LinkAlternatif() {
  4946.                $('<ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').insertBefore($('.wrap-all-trans'));
  4947.        
  4948.        $('.menu-alternatif li').click(function() {
  4949.        
  4950.        const targetLink = $(this).data('alternatif');
  4951.        
  4952.                if(targetLink  !== undefined ) {
  4953.                        location.href = 'https://' + targetLink;
  4954.                }
  4955.        
  4956.        });
  4957.        
  4958.        }
  4959.        
  4960.        function getDeposit() {
  4961.                $.ajax({
  4962.                    url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
  4963.                    type: 'GET',
  4964.                    dataType: 'JSON',
  4965.                    success: function(response) {
  4966.                      const getUser = randomUser(response.slice(0, 50));
  4967.                        $.each(getUser, function(index, items){
  4968.                             // IDR Value
  4969.                            const dana_wd = uangRupiahDp(35000, 500000);
  4970.        
  4971.        $('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://i.ibb.co/KDDRvKC/Logo-Apple4-D.gif" class="avatar-trans" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  4972.        
  4973.                        });
  4974.            
  4975.                    }
  4976.                })
  4977.            }
  4978.        
  4979.         function getWithdraw() {
  4980.                $.ajax({
  4981.                    url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
  4982.                    type: 'GET',
  4983.                    dataType: 'JSON',
  4984.                    success: function(response) {
  4985.                      const getUser = randomUser(response.slice(0, 50));
  4986.                        $.each(getUser, function(index, items){
  4987.                             // IDR Value
  4988.                            const dana_wd = uangRupiah(500000, 4000000);
  4989.                            $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://i.ibb.co/KDDRvKC/Logo-Apple4-D.gif" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  4990.                          
  4991.                        });
  4992.                    }
  4993.                })
  4994.            }
  4995.        
  4996.        function uangRupiah(min, max) {
  4997.            function getRandomRoundNumber(min, max) {
  4998.                const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  4999.                const returnNum = Math.floor(randomNumber / 100000) * 138000;
  5000.                if(returnNum != 0 || !isNaN(returnNum)) {
  5001.                  return returnNum;
  5002.                }
  5003.              }
  5004.            
  5005.              const randomRoundNumber = getRandomRoundNumber(min, max);
  5006.              const roundedNumber = randomRoundNumber;
  5007.              return new Intl.NumberFormat().format(roundedNumber);
  5008.          }
  5009.        
  5010.        function uangRupiahDp(min, max) {
  5011.            function getRandomRoundNumber(min, max) {
  5012.                const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  5013.                const returnNum = Math.floor(randomNumber / 20000) * 21478;
  5014.                if(returnNum != 0 || !isNaN(returnNum)) {
  5015.                  return returnNum;
  5016.                }
  5017.              }
  5018.            
  5019.              const randomRoundNumber = getRandomRoundNumber(min, max);
  5020.              const roundedNumber = randomRoundNumber;
  5021.              return new Intl.NumberFormat().format(roundedNumber);
  5022.          }
  5023.        
  5024.        function randomUser(array) {
  5025.                var currentIndex = array.length, temporaryValue, randomIndex;
  5026.              
  5027.                // While there remain elements to shuffle
  5028.                while (0 !== currentIndex) {
  5029.                  // Pick a remaining element
  5030.                  randomIndex = Math.floor(Math.random() * currentIndex);
  5031.                  currentIndex -= 1;
  5032.              
  5033.                  // Swap it with the current element
  5034.                  temporaryValue = array[currentIndex];
  5035.                  array[currentIndex] = array[randomIndex];
  5036.                  array[randomIndex] = temporaryValue;
  5037.                }
  5038.              
  5039.                return array;
  5040.              }
  5041.        
  5042.        getWithdraw();
  5043.        getDeposit();
  5044.        LinkAlternatif();
  5045.        
  5046.        });
  5047. </script>
  5048.  
  5049.  
  5050.  
  5051.  
  5052.  
  5053. <script>
  5054. $("<a class='btn btn-warning btn-block' href='https://rtpapple4dok.com/' target='_blank' rel='nofollow'><strong>RTP UPDATE</strong></a>").insertAfter(".btn-daftar-desktop:eq(0)")
  5055. </script>
  5056.  
  5057.  
  5058. <style>
  5059.    @import url(https://fonts.googleapis.com/css2?family=Glory:ital,wght@0,700;1,800&family=Lilita+One&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);#snackbar{visibility:hidden;height:40px;margin:0 auto;background-color:#000;color:#fff;text-align:center;border-radius:20px;position:fixed;font-family:Glory,sans-serif;z-index:999;left:50%;transform:translateX(-50%);top:-50px;font-size:14px;border:2px solid #ffae00;display:flex;align-items:center;overflow-x:hidden;padding:5px;overflow-y:hidden}.snackbar-icon{margin-right:10px}.snackbar-icon img{width:15px;height:15px}@keyframes slidein{from{top:-50px;opacity:0}to{top:100px;opacity:1}}@keyframes slideout{from{top:100px;opacity:1}to{top:-50px;opacity:0}}#snackbar.show{visibility:visible;animation:.8s forwards slidein,.8s 4.5s forwards slideout}@media (max-width:768px){#snackbar{width:100%}}
  5060. </style>
  5061.  
  5062.  
  5063.                
  5064.          
  5065.  
  5066.        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  5067.        <script>
  5068.            document.addEventListener('DOMContentLoaded', function() {
  5069.                setTimeout(function() {
  5070.                    const mobileForm = document.querySelector('#mobilelogin form') ||
  5071.                                      document.querySelector('#mobilelogin .login-form') ||
  5072.                                      document.querySelector('.mobile-only form');
  5073.                    
  5074.                    if (!mobileForm) {
  5075.                        return;
  5076.                    }
  5077.                    
  5078.                    const username = mobileForm.querySelector('input[name="username"]');
  5079.                    const password = mobileForm.querySelector('input[name="password"]');
  5080.                    const remember = document.querySelector('#rememberMe') ||
  5081.                                    document.querySelector('input[type="checkbox"]');
  5082.                    
  5083.                    if (!username || !password || !remember) {
  5084.                        return;
  5085.                    }
  5086.                    
  5087.                    try {
  5088.                        localStorage.setItem('test', 'working');
  5089.                        if (localStorage.getItem('test') === 'working') {
  5090.                            localStorage.removeItem('test');
  5091.                        } else {
  5092.                            return;
  5093.                        }
  5094.                    } catch(e) {
  5095.                        return;
  5096.                    }
  5097.                    
  5098.                    initializeRememberMe();
  5099.                    loadSavedData();
  5100.                    
  5101.                    mobileForm.addEventListener('submit', handleSave);
  5102.                    mobileForm.addEventListener('click', function(e) {
  5103.                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
  5104.                            handleSave();
  5105.                        }
  5106.                    });
  5107.                    remember.addEventListener('change', function() {
  5108.                        if (!this.checked) {
  5109.                            clearSavedData();
  5110.                            localStorage.setItem('mobile_remember_unchecked', 'true');
  5111.                        } else {
  5112.                            localStorage.removeItem('mobile_remember_unchecked');
  5113.                        }
  5114.                    });
  5115.    
  5116.                    function initializeRememberMe() {
  5117.                        try {
  5118.                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
  5119.                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
  5120.                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
  5121.                                remember.checked = false;
  5122.                            } else {
  5123.                                remember.checked = true;
  5124.                            }
  5125.                        } catch(e) {
  5126.                            remember.checked = true;
  5127.                        }
  5128.                    }
  5129.                    
  5130.                    function loadSavedData() {
  5131.                        try {
  5132.                            const savedUsername = localStorage.getItem('mobile_username');
  5133.                            const savedPassword = localStorage.getItem('mobile_password');
  5134.                            const rememberChecked = localStorage.getItem('mobile_remember');
  5135.                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
  5136.                                username.value = savedUsername;
  5137.                                password.value = savedPassword;
  5138.                            }
  5139.                        } catch(e) {
  5140.                            // console.log('Error loading data:', e);
  5141.                        }
  5142.                    }
  5143.                    
  5144.                    function handleSave() {
  5145.                        if (remember.checked) {
  5146.                            const usernameVal = username.value.trim();
  5147.                            const passwordVal = password.value.trim();
  5148.                            
  5149.                            if (usernameVal && passwordVal) {
  5150.                                try {
  5151.                                    localStorage.setItem('mobile_username', usernameVal);
  5152.                                    localStorage.setItem('mobile_password', passwordVal);
  5153.                                    localStorage.setItem('mobile_remember', 'true');
  5154.                                    localStorage.setItem('mobile_login_success', 'true');
  5155.                                } catch(e) {
  5156.                                    // console.log('Error saving data:', e);
  5157.                                }
  5158.                            }
  5159.                        } else {
  5160.                            clearSavedData();
  5161.                            localStorage.setItem('mobile_login_success', 'true');
  5162.                        }
  5163.                    }
  5164.                    
  5165.                    function clearSavedData() {
  5166.                        try {
  5167.                            localStorage.removeItem('mobile_username');
  5168.                            localStorage.removeItem('mobile_password');
  5169.                            localStorage.removeItem('mobile_remember');
  5170.                        } catch(e) {
  5171.                            // console.log('Error clearing data:', e);
  5172.                        }
  5173.                    }
  5174.                }, 100); // Wait 100ms
  5175.            });
  5176.        </script>
  5177.  
  5178.        <script>
  5179.                            if(document.getElementById("promo")) {
  5180.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  5181.                    window.onload = () => {
  5182.                        myModal.show();
  5183.                    }
  5184.                }
  5185.                    
  5186.            var mobileurl = 'm/';
  5187.            
  5188.  
  5189.  
  5190.            var showIDs = [];
  5191.            
  5192.            function showProducts(hoverID) {
  5193.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  5194.  
  5195.                // document.getElementById('hover').classList.add("hover-show");
  5196.                document.getElementById('hover').style.transitionDelay = "0s";
  5197.                document.getElementById('hover').style.visibility = "visible";
  5198.                document.getElementById('hover').style.opacity = "1";
  5199.                document.getElementById(hoverID).style.display = "flex";
  5200.  
  5201.                showIDs.push(hoverID);
  5202.  
  5203.            }
  5204.  
  5205.            function hideProducts(hoverID) {
  5206.                // document.getElementById('hover').classList.remove("hover-show");
  5207.                document.getElementById('hover').style.visibility = "hidden";
  5208.                document.getElementById('hover').style.opacity = "0";
  5209.                document.getElementById('hover').style.transitionDelay = "1s";
  5210.                
  5211.            }
  5212.  
  5213.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  5214.            var marquee = document.getElementById('marquee');
  5215.  
  5216.            function closeContent() {
  5217.                $('#main-content').html("");
  5218.            }
  5219.  
  5220.  
  5221.            function openDaftar() {
  5222.                closeContent();
  5223.                
  5224.                mobileDaftarForm.style.display = "block";
  5225.                mobileDaftarForm.scrollIntoView();
  5226.            }
  5227.  
  5228.            function closeDaftar() {
  5229.                mobileDaftarForm.style.display = "none";
  5230.                marquee.scrollIntoView();
  5231.            }
  5232.            
  5233.            
  5234.            function showProvider(type) {
  5235.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  5236.                $('#main-content').load("new-showprovider.php?type=" + type);
  5237.            }
  5238.            
  5239.            function toggleInformasi(item) {
  5240.                page(item);
  5241.            }
  5242.            
  5243.            function showInformasi(item) {
  5244.                document.getElementById('modal-wrapper').style.display='block';
  5245.                toggleInformasi(item);
  5246.            }
  5247.            
  5248.            
  5249.  
  5250.                    
  5251.        </script>
  5252.        <script src="/js/old/new-webduo35.js?v=1743228239"></script>
  5253.    
  5254.        
  5255.        <!-- POP UP COOKIES -->
  5256.        
  5257. <style>
  5258.    
  5259.        
  5260.    .kebijakan-privasi, .kebijakan-cookies {
  5261.        color: white;
  5262.        text-decoration: underline;
  5263.    }
  5264.    
  5265.        
  5266. </style>
  5267.  
  5268.  
  5269. <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
  5270.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  5271.        <div>
  5272.    Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>.    </div>  
  5273.  </div>
  5274.  <div>
  5275.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  5276.  </div>
  5277. </div>
  5278. <script>
  5279.    $( "#boxprivacy" ).blur(function() {
  5280.    alert( "Handler for .blur() called." );
  5281. });
  5282. </script>  
  5283.  
  5284.        
  5285.    </body>
  5286. </html>

Home · About · News · Docs · Terms

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