<script>
    $(document).ready(function() {
        const $resultsElements = $(".results"); // Semua elemen dengan class "results"
        const limit = 68;

        // Sembunyikan semua elemen dengan class "results" terlebih dahulu
        $resultsElements.hide();

        // Tampilkan elemen-elemen dengan class "results" hingga mencapai batas limit
        $resultsElements.each(function(index, element) {
            if (index < limit) {
                $(element).show(); // Tampilkan elemen jika indexnya kurang dari batas limit
            } else {
                // Jika elemen tidak masuk dalam batasan limit, sembunyikan elemen ".slider" yang di atasnya
                $(element).prev(".slider").hide();
            }
        });
    });
</script>

<style>

#snowCanvas {
             display: none !important;
          }

.sub-item-data {
margin-top: 20px;
}

.game-togel .lobby-game-angka-keluar, div#lobtoto>a>div.angka-keluar {
    font-size: 30px !important;
    margin-top: -5px !important;
}

div#lobtoto>a>b {
    margin-top: 30px !important;
}

.game-togel a.game-lobby-content, #game-live a.game-lobby-content, div#lobtoto>a {
    border: inset 2px rgb(0, 238, 255);
    border-radius: 10px;
background: #17171791;
height: 150px;
}

div#lobmini>a{
    background-size: 100% 100% !important;
}

div#lobtoto .button-extra-big2 {
    padding: 15px 0 0 0 !important;
}
.body-mobile {
    background-color: #000;
    margin-top: 6.5rem;
    min-height: calc(100vh - 6.5rem);
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin-right: 0px;
    margin-left: 0px;
}

.tab button.tab-wikaa.active {
    color: #000000;
  
}

.games-btn-container .btn-games-wrapper .btn-game-hs {
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    background: linear-gradient(to bottom, #00eef6 0%, #009ab2 100%);
    color: #000!important;
    padding: 0.75rem 0.5rem;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 2px solid #fac005;
}
.panel-grey {
    background: #000 !important;
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #00e6f6, inset 0 2px 0 0 #fff, inset 0 0 0 2px #00a6b2, 3px 3px 3px 1px rgba(0,0,0,.2)!important;
    color: #000;
text-align: center;
}

button#mop-bank img {
    background: url(https://photoku.io/images/2024/08/30/Sffg.png) no-repeat;
    object-position: -99999px 99999px;
    background-size: 80%;
    background-position: center;
}

.mb-sidenav .side-link-container>li .side-link .side-link-desc .side-link-text {
    font-size: 1.6rem;
    color: #ffffff!important;
    margin-left: 1.5rem;
    white-space: nowrap;
	
}

.mb-sidenav .side-link-container>li .side-link .side-link-desc .icon-menu {
    background-image: url(https://photoku.io/images/2024/05/30/cG0DA32w.png)!important;
    color: #ffffff!important;
    height: 2.5rem;
    width: 2.5rem;
}

.mb-sidenav .side-link-container>li {
    margin: unset;
    line-height: unset;
    list-style: none;
    padding: 1.25rem 1.5rem;
    border-bottom: 2px solid #000!important;
	background: linear-gradient(0deg, rgb(0, 65, 72) 0%, rgb(0, 157, 182) 62%,rgb(0, 229, 255)) 100% !important;

}


.tab button.tab-wikaa {
    background-color: #000000;
    color: #ffffff;
    border: 2px solid #00e6f6;
}


.tab button.tab-wikaa-bank.active img {
    content: url(https://photoku.io/images/2024/08/30/sthrdyh.png)!important;
}

.tab button.tab-wikaa-qrispayment.active img {
    content: url(https://photoku.io/images/2024/05/30/Dm0Qc7ip.png)!important;
}

.text-center {
    text-align: center !important;
    border-top: 2px solid #00e6f6;
}

.bank-cashier {
    gap: 10px;
    background: #fff;
    border-radius: 12px !important;
    height: 32px;
}
button#mop-qrispayment {
background: linear-gradient(245.59deg, #000000 0, #000000 28.53%, #000000 75.52%) !important;
color: #fff;
}

button#mop-bank {
background: linear-gradient(0deg, rgb(0, 65, 72) 0%, rgb(0, 157, 182) 62%,rgb(0, 229, 255)) 100% !important;
    color: #000;
}

.depo-ibanking .link-ibanking {
    background: #ffd900;
    color: #1e1e1e;
    display: flex;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    margin-top: 2rem;
    margin: 5px;
}

.warning-content-info .notice-warning-info {
    border-radius: 20px;
    padding: 8px 15px;
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) !important;
    box-shadow: inset 0px 0px 0px 1px #00e5ff, inset 0px 2px 0px 0px #009ec6, inset 0px 0px 0px 2px #00e5ff, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    display: flex;
    font-size: 10px;
    color: #ffffff;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    font-weight: bold;
    text-align: justify;
    font-family: sans-serif;
    margin-bottom: -5px;
    border: 2px groove;
    animation: borderAnimation 2s ease-in-out infinite;
}

@keyframes borderAnimation {
    0% {border-color:#00f7ff}
    50%{border-color:#00a8ce}
    100%{border-color:#00e1ff}
}

.warning-content .notice-warning-info {
   border: 2px solid #00f7ff;
   border-radius: 20px;
   padding: 8px 15px;
   background: #fef2f2;
   display: flex;
   font-size: 12px;
   color: black;
   justify-content: space-between;
   align-items: center;
   gap: 15px;
   font-weight: bold;
   text-align: justify;
   font-family: sans-serif;
}

.warning-content .notice-warning-info i {
   font-size: 23px;
   color: #ffffff;
}

.warning-content-info {
   padding: 10px;
}

.warning-content-info .notice-warning-info i {
   font-size: 23px;
   color: #ffffff;
}
.pagination > li > a, .pagination > li > span {
background-color: #000000 !important;
}
.pagination > li:first-child > a, .pagination > li:last-child > a {
    color: #ffffff !important;
}
.copy {
    border-radius: 5px !important;
    background: linear-gradient(to bottom, #eeff00 0, #9c8f00 100%) !important;
    width: 21%;
    border: 1px groove #fff12e !important;
    padding: 3px !important;
    color: #ffffff !important;
}
.warning-content .notice-warning-qris {
    border: 2px solid #fff12e !important;
    background: #000000 !important;
    color: #ffffff !important;
}

.b-green {
    border: 1px solid #00f7ff;
    border-radius: 1rem;
    background: #4d4d4d;
}

.slot-wrapper {
    font-weight: bold;
    color: black;
    align-content: center;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    padding: 8px;
    width: 100%;
    }

.slot-wrapper {
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) ;
    box-shadow: inset 0px 0px 0px 1px #00e5ff, inset 0px 2px 0px 0px #009ec6, inset 0px 0px 0px 2px #00e5ff, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    border: 1px solid #00f7ff !important;
    border-radius: 15px 15px 15px 15px !important;
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    }

    @keyframes gradient {
    0% {
    background-position: 0% 82%;
    }
    
    50% {
    background-position: 100% 0%;
    }
    
    100% {
    background-position: 0% 82%;
    }

    }

.slot-header span {
    font-weight: 700;
    color: #ffffff !important;
    font-size: 15px;
}

.slot-header img {
    margin-top: 0px;
}

.mb-sidenav .sidenav-header .close-button {
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) !important;
    color: #ffffff;
    border: 2px solid #00f7ff;
    background-clip: padding-box;
    animation: borderAnimation 2s ease-in-out infinite;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 0px 0 rgb(0, 216, 224);
    color: #ffffff !important;
}

.pasarantogel {
    font-weight: bold;
    color: #ffffff;
    align-content: center;
    font-size: 15px;
    text-align: center;
    padding: 8px;
    width: 100%;
    }

.pasarantogel {
    border-radius: 20px 20px 20px 20px !important;
    /* background: linear-gradient(90deg, #c62a2a 0%, #fcc616 30%, #f4d15d 70%, #c62a2a 100%); */
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) !important;
    box-shadow: inset 0px 0px 0px 1px #00e5ff, inset 0px 2px 0px 0px #009ec6, inset 0px 0px 0px 2px #00e5ff, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    }

    @keyframes gradient {
    0% {
    background-position: 0% 82%;
    }
    
    50% {
    background-position: 100% 0%;
    }
    
    100% {
    background-position: 0% 82%;
    }
    }
    
    .game-lobby-content {
        background: linear-gradient(0deg, #000000, #350000, #000000);
    }

    .game-title {
    /* background: linear-gradient(90deg, #c62a2a 0%, #fcc616 30%, #f4d15d 70%, #c62a2a 100%); */
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) ;
    box-shadow: inset 0px 0px 0px 1px #00e5ff, inset 0px 2px 0px 0px #009ec6, inset 0px 0px 0px 2px #00e5ff, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    padding: 0px;
    }

    @keyframes gradient {
    0% {
    background-position: 0% 82%;
    }
    
    50% {
    background-position: 100% 0%;
    }
    
    100% {
    background-position: 0% 82%;
    }
    }

    .game-angka {
        padding-top: 30px;
        padding-bottom: 10px;
        color: rgb(0, 193, 219);
    }

.game-wrapper .game-lobby-content .game-title {
    color: #ffffff!important;
    font-size: 14px;
    text-indent: 0px;
    height: 60px;
    font-weight: bold !important;
    letter-spacing: -0.3px;
    width: 200px;
    padding-top: 3.2rem !important;
    margin-top: -70px;
    }

</style>

<style>


.inner-wrap {
    background: #000000c2 !important;
}

div.lobby-content-top {
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) !important;
    padding: 1.5rem 2rem !important;
    background-size: 100% ;
    border-bottom: 2px solid #00f7ff !important;
}

.mb-lobby-username, .mb-lobby-balance, .mb-lobby-balance-text {
  color: #ffffff!important;
}

.slot-content img {
    border: 2px groove #00f7ff;
    border-radius: 7px !important;
    height: 100px !important;
}

.elottery-tag-img.tag--top-left {
    border: 0px;
}

.slot-content {
    background: #0e131c00 !important;
}

.banner-promotion {
Display: none !important;
}
.promosi-content-container .promosi-more {
    background-color: #000000 !important;
}
.promosi-content-container {
    margin-bottom: 0px !important;
}
.main-content .title-page {
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 2px 2px 0px rgb(0 0 0) !important;
}
.promosi-content-container .promosi-content .promosi-btn-wrapper .btn-promo#btn-promo-more {
    background: linear-gradient(to bottom, #fdef02 0%, #ffae00 100%) !important;
    color: #000 !important;
    width: 100% !important;
    height: 76px !important;
    box-shadow: inset 0 0 5px 3px #00cccf, inset 0 2px 0 0 #fff, inset 0 0 0 2px #004d67, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border-radius: 0px 5px 5px 0px !important;
    margin-top: 0px !important;
    padding: 2px !important;
    border: 1px solid #00f7ff;
}
.promosi-content-container .promosi-content .promosi-btn-wrapper {
        width: 14%!important;
        height: 100%!important;
        display: flex!important;
}
.promosi-content-container .promosi-content {
        display: flex!important;
        flex-direction: row!important;
        overflow: hidden!important;
        border-radius: 0 0 0.5rem 0.5rem!important;
        z-index: 1!important;
}
.promosi-content-container .promosi-content .promosi-btn-wrapper .btn-promo#btn-promo-play {
    background-color: #1e9fbe;
    color: #fff;
    display: none;
}
.button-tournament-container {
    margin-bottom: 2rem;
    display: none;
}
</style>
<script>
document.addEventListener("DOMContentLoaded",function(){
$('<div class="kotak3" style="margin-top: 12px;"><a href="promotion/v3"><img alt="TOTOCC" src="https://hose-hose.me/promo/bn-promonew_02.jpg" style="width:100%;border: 3px groove #00f7ff;border-radius: 15px;" /></a><div style="margin-top: 15px;margin-bottom:5px;"><a href="https://t.ly/bukuprediksi" target="_blank" rel="noopener noreferrer nofollow"><p class="pasarantogel"><i class="fa-solid fa-arrow-down-1-9"></i> PREDIKSI AKURAT HARI INI</p></a></div></div>').insertBefore(".title-game-child h3");}
,false);
</script>

<script>

$(document).ready(function () {
    const sectionHTML = `
    <div style="margin: 12px 0; padding: 10px; border: 2px solid rgb(0, 234, 255); border-radius: 12px; background: linear-gradient(#000000 0, #151515 100%); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 15px;">
        
        <!-- Kolom Kiri -->
        <div style="flex: 1; color: #fff; max-width: 50%;">
            <p style="text-align: center; font-weight: bold; color: #fff; font-size: 12px; margin-bottom: 10px;">
                Pastikan Selalu Login Dengan Link Resmi Kami
            </p>
            <!-- Tombol totocc.games -->
            <a onclick="copyToClipboard('https://totocc.games/')" 
                style="font-weight: 500; background: linear-gradient(rgb(0, 167, 209) 0, rgb(0, 173, 247) 100%); color: #000; border: 1px solid #00ddff; border-radius: 5px; padding: 8px 12px; font-size: 12px; cursor: pointer; width: auto;">
                totocc.games
            </a><br>

            <!-- Dropdown Pilihan Link -->
            <label for="linkDropdown" style="font-size: 12px; margin-bottom: 5px; display: block;">Pilih Link Alternatif:</label>
            <select id="linkDropdown" style="font-size: 12px; padding: 5px; border-radius: 5px; width: 100%; margin-bottom: 5px;">
                <option data-link="https://totocc.tech/">totocc.tech</option>
            </select>

            <!-- Tombol Salin -->
            <button onclick="copySelectedLink()" 
                style="font-size: 10px; background: rgb(0, 234, 255); border: 1px solid #00ddff; padding: 6px 10px; border-radius: 5px; cursor: pointer;">
                Salin Link
            </button>

            <p style="color: white; font-size: 8px; margin-top: 10px;">
                * Klik tombol untuk menyalin link yang dipilih
            </p>
        </div>

        <!-- Kolom Kanan -->
        <div style="max-width: 45%; flex-shrink: 0;">
            <a href="https://generator2.idns889.net/totocc.apk">
                <img alt="TOTOCC" src="https://hose-hose.me/img/apktoto.png" 
                     style="width: 100%; border: 1px solid gold; border-radius: 12px; box-shadow: 0 0 10px rgba(255,0,0,0.5);">
            </a>
        </div>
    </div>
`;

    $(sectionHTML).insertBefore(".game-togel");

    // Fungsi salin ke clipboard
    window.copyToClipboard = function (text) {
        navigator.clipboard.writeText(text).then(function () {
            alert("Link berhasil disalin: " + text);
        }, function () {
            alert("Gagal menyalin link.");
        });
    };

    // Fungsi salin dari dropdown
    window.copySelectedLink = function () {
        const dropdown = document.getElementById("linkDropdown");
        const selectedOption = dropdown.options[dropdown.selectedIndex];
        const fullLink = selectedOption.getAttribute("data-link");
        copyToClipboard(fullLink);
    };
});

</script>
	
<script>
document.addEventListener("DOMContentLoaded",function(){
$('<div class="promoslot"><a href="promotion/v3" rel="noopener noreferrer nofollow"><img alt="TOTOCC" src="https://hose-hose.me/promo/bn-promonew_03.jpg" width="100%" style="border: 3px groove #00f7ff;border-radius: 15px;"/></a><div class="warning-content-info nbqris" style="text-transform: uppercase;"><div class="notice-warning-info"><i class="fa fa-info-circle"></i><span class="span-text">Info Terbaru Kini Untuk Semua Provider Games Slot Minimal Bet (Stake) Menjadi <b style="color: #ffffff;">400 Perak.</b></span></div></div>').insertBefore(".slot-wrapper");}
,false);
</script>

<script type="text/javascript">
window.addEventListener('load', function () {
 $('<div class="side-link-container show"><li><a href="https://t.ly/bukuprediksi" id="prediksi" target="_blank" class="side-link-desc" rel="nofollow" style="padding: 10px 26px 10px 26px; margin-bottom: 0px; font-family: aller; font-size: 15px; background-color: #000000; border: 2px solid #fff000; box-shadow: 0px 5px 4px #0000005c;border-radius: 30px; color: #fff;text-align: center;">PREDIKSI TOGEL<em class="side-link-text"></em></a></li></div><div class="side-link-container show"><li><a href="https://t.ly/rtp.bukuprediksi" id="rtp" target="_blank" class="side-link-desc" rel="nofollow" style="padding: 10px 26px 10px 26px; margin-bottom: 0px; font-family: aller; font-size: 15px; background-color: #000000; border: 2px solid #fff000; box-shadow: 0px 5px 4px #0000005c;border-radius: 30px; color: #fff;text-align: center;">RTP SLOT<em class="side-link-text"></em></a></li></div>').insertAfter(".sidenav-header");
  }); 
  </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<style>
	.panel-blue{
		 background: linear-gradient(to right, #0981F3 0%, #0981F3 50%, #0981F3 100%);
		 padding: 10px;
		 border-radius: 16px;
		 border: 1px solid #fff000;
	}
       #slider-hasil .slider {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: start;
        justify-items: stretch;
        justify-content: center;
    }

    .slider {
        width: 100%;
    }

    .results {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 5px;
        padding: 0px !important;
        border: solid 1px #00f7ff !important;
        /* background: linear-gradient(to bottom, rgba(120,120,120,1) 0%, rgba(38,38,38,1) 100%); */
    }


    .pool-name {
        color: black !important;
        font-weight: bolder !important;
        text-transform: uppercase;
        font-size: 7px !important;
        width: 100% !important;
        text-align: center !important;
        background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) !important;
        background-size: 300% 300%;
        animation: background-gold 8s infinite;
        padding: 3px 2px;
        border: 2px solid #00f7ff;
    }

    .pool-date {
        font-size: 10px !important;
        color: #fff !important;
        margin-left: 0% !important;
        padding-top: 2px;
        text-align: center;
        font-weight: 500;
        font-size: 8px !important;
    }

    .pool-result {
        font-size: 18px !important;
        color: #00f7ff !important;
    }
	.slc {
	  top: 80px !important;
	}
	@keyframes background-gold {
		  0% {
			background-position: 0% 82%;
		  }
	
		  50% {
			background-position: 100% 0%;
		  }
	
		  100% {
			background-position: 0% 82%;
		  }
		}
.button-lobby-container .button-lobby-wrapper>.button-filter-lobby {
    border: none;
    outline: none;
    width: 100%;
    background: linear-gradient(to bottom,#f2f600 0%,#c49300 100%);
    color: #000000 !important;
    border-radius: 10px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.3rem;
    font-weight: 600;
    border: 2px solid #ffc800 !important;
    box-shadow: 0px 0px 3px #f6ff00;
}
header.header-after-login .header-wrapper .buttn-header-deposit {
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) !important;
    color: #ffffff !important;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 4px;
    animation: borderAnimation 2s ease-in-out infinite;
    box-shadow: inset 0 0 5px 3px #00f7ff, inset 0 2px 0 0 #fff;
padding: 0.9rem 2rem !important;
}
@keyframes background-gold {
		  0% {
			background-position: 0% 82%;
		  }
	
		  50% {
			background-position: 100% 0%;
		  }
	
		  100% {
			background-position: 0% 82%;
		  }
		}
a.buttonWrap.buttonlc2.button-orange {
    background: linear-gradient(195deg, rgb(0, 60, 78) 11%, rgb(0, 103, 129) 21%, rgb(0, 135, 169) 33%, rgb(0, 238, 255) 60%, rgba(0, 135, 169) 73%, rgb(0, 103, 129) 85%, rgb(0, 60, 78) 100%) !important;
    border: 2px solid #00f7ff;
    background-clip: padding-box;
    animation: borderAnimation 2s ease-in-out infinite;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 0px 0 rgb(0, 229, 255);
    color: #000000;
    width: 70%;
    margin-top: 10px;
}
.btn-refresh-balance {
    position: absolute;
    right: 0;
    background: linear-gradient(to bottom, #00f600 0%, #022f00 100%) !important;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    box-shadow: inset 0 0 5px 3px #00cf19, inset 0 2px 0 0 #fff;
}
header.header-after-login .header-wrapper {
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
    border-bottom: 1px solid #00f7ff;
}
.input-cari-wrapper input#cari-game {
    text-align: center;
    border: 1px solid #00f7ff !important;
    background: #303030;
    border-radius: 18px !important;
    color: #d2d2d2 !important;
}
.main-content {
    background: #000000 url(https://hose-hose.me/images/bg-mobile-02.webp) !important;
    background-repeat: no-repeat;
    background-size: 100% !important;
    background-attachment: fixed;

}
button#mop-qrispayment img {
    background: url(https://photoku.io/images/2024/08/30/qrisss.png) no-repeat;
    object-position: -99999px 99999px;
    background-size: 80%;
    background-position: center;
}
.slot-header-right button {
    padding: 4px 10px;
    border-radius: 10px;
    color: #ffffff !important;
    background: linear-gradient(to bottom, #2c2c2c 0%, #000000 100%) !important;
    border: 2px solid #000000 !important;
}

.arcade-content .arcade-content-item span {
    text-shadow: 2px 1px 0px rgb(0 0 0) !important;
    text-align: center;
    color: #ffc800 !important;
    font-weight: bold !important;
    font-size: 15px;
}

.peraturan-content {
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 1rem 0;
    color: #fff;
}

</style>
