body {
    font-family: Arial, sans-serif;
    color: #808080;
    background-color: #f5f5f5;
    margin: 0px !important;
cursor: url('https://dash.takenupload.org/6a53d431eca3b'), auto;
}

#content .panel-heading center h2{
  display: none;
}

.navbar-fixed-top .navbar-header .navbar-brand {
    background: url(https://dash.takenupload.org/6a4ff12983a4f) no-repeat !important;
        background-size: 210px 61px !important;
    background-position: center !important;
}

#content .panel-heading:nth-child(1), #content .panel-heading:nth-child(2), #content .panel-heading:nth-child(3), #content .panel-heading:nth-child(4), #content .panel-heading:nth-child(5), #content .panel-heading:nth-child(6), #content .panel-heading:nth-child(7), #content .panel-heading:nth-child(8), #content .panel-heading:nth-child(9), #content .panel-heading:nth-child(10), #content .panel-heading:nth-child(11), #content .panel-heading:nth-child(12), #content .panel-heading:nth-child(13), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(15), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(16), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(17), #content .panel-heading:nth-child(18), #content .panel-heading:nth-child(19), #content .panel-heading:nth-child(20), #content .panel-heading:nth-child(21), #content .panel-heading:nth-child(22), #content .panel-heading:nth-child(23), #content .panel-heading:nth-child(24), #content .panel-heading:nth-child(25), #content .panel-heading:nth-child(26), #content .panel-heading:nth-child(27), #content .panel-heading:nth-child(28), #content .panel-heading:nth-child(29), #content .panel-heading:nth-child(30) {
    margin-top: -60px;
padding: 10px;
  }

#bank.section .container {
    display: contents !important;
}
#bank .col-md-9 {
  margin-left: 20px !important;
  margin-top: -70px !important;
  width : 100% !important;
}

#bank .btn-group.with-heading {
  position: relative !important;
  margin: 0 !important;
  top: 0 !important;

  width: 100% !important;
  padding: 15px 10px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  box-shadow: inset 0 0 5px #fff, 1px 1px 5px rgba(0, 0, 0, 0.5) !important;
  border: 1px solid #fff !important;
}

#bank .btn-group.with-heading h4 {
  margin-bottom: 0px !important;
}

.inner-wrap .bank {
  width: 23.9% !important;
}
.bank {
  vertical-align: middle !important;
  background: #fed804 !important;
  border: none !important;
}
.bank img:first-child {
  margin-top: 0 !important;
  filter: drop-shadow(1px 1px 1px #00000073) !important;
}
.bank img:last-child {
  filter: drop-shadow(1px 1px 1px #00000073) !important;
}


/* Pop-up container */
#pop-up-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 1rem; /* beri jarak di mobile */
}

/* Background hitam transparan */
#bg-black {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    opacity: 0;
    animation: fade-in 0.5s forwards;
}

/* Wrapper pop-up */
#pop-up-wrapper {
    width: 90%;
    max-width: 500px;
    background: #ffffff00;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    text-align: center;
    animation: swirl-in-fwd 0.6s forwards;
}

/* Gambar pop-up */
#pop-up-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tombol */
#pop-up-wrapper button {
    width: 100%;
    padding: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(270deg, rgb(252, 207, 3) 0%, rgb(252, 244, 3) 21%, rgb(252, 186, 3) 33%, rgb(252, 227, 3) 44%, rgb(252, 215, 3) 60%, rgb(252, 186, 3) 73%, rgb(252, 240, 3) 85%, rgb(252, 219, 3) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #000000 !important;
    border: 2px solid #fff400;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 6px 1px #ffdf00, inset 0 1px 0 0 #fffa00, inset 0 0 0 2px #ffe400, 3px 3px 3px 1px rgba(0, 0, 0, .2);
}

/* Animasi gradient tombol */
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

/* Animasi muncul dan hilang pop-up */
@keyframes fade-in { from {opacity: 0;} to {opacity: 1;} }
.fade-out { animation: fade-out 0.5s forwards; }
@keyframes fade-out { from {opacity:1;} to {opacity:0;} }

@keyframes swirl-in-fwd { 0% {transform: rotateX(-90deg) scale(0); opacity:0;} 100% {transform: rotateX(0deg) scale(1); opacity:1;} }
.swirl-out-bck { animation: swirl-out-bck 0.5s forwards; }
@keyframes swirl-out-bck { 0% {transform: rotateX(0deg) scale(1); opacity:1;} 100% {transform: rotateX(90deg) scale(0); opacity:0;} }

/* ---------- RESPONSIVE MOBILE ---------- */
@media (max-width: 768px) {
    #pop-up-wrapper {
        width: 95%;          /* Lebar lebih fleksibel di mobile */
        max-width: 400px;    /* Maksimal 400px agar muat di layar kecil */
        font-size: 1rem;     /* Sesuaikan teks */
    }

    #pop-up-wrapper button {
        font-size: 1rem;     /* Ukuran tombol lebih kecil di mobile */
        padding: 0.8rem;
    }
}

@media (max-width: 480px) {
    #pop-up-wrapper {
        width: 100%;          /* Lebar penuh layar kecil */
        max-width: 360px;
        font-size: 0.95rem;
    }

    #pop-up-wrapper button {
        font-size: 0.95rem;
        padding: 0.7rem;
    }
}

.wbutton {
width : 150px;
margin-top : 13px;

}
.wrapper-category {
background : transparent !important;
margin-bottom: 30px !important;
}
.wrapper-category .btn-cat-spesial, .wrapper-category .btn-cat-provider {
border-radius: 18px 0 !important;
    margin: 0 15px !important;
}

li {
color: white !important;
}

body {
    background-attachment: fixed !important;
background-position: top;
     background-size: cover !important;
}

.animatedcolor, .animatedcolor i
{
    -webkit-animation: color-change 1s infinite;
}
 .bank-status-blink {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Muli';
            margin: 0px !important;
        }

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

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

        .dp_barcode img {
            transition: all 1s ease;
        }
        .w-100 {
            width: 100%;
            height: auto !important;
        }

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

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

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

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

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

        .ads-container img {
            border-radius: 5px;
            border: 1px solid #fff;
            width: 100%;
        }
.blink {
    text-decoration: blink;
    font-weight: bold;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

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

    to {
        opacity: 0.0;
    }
}
.cycle-slideshow img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.text-regis {
    animation: blink 1.2s step-start infinite;
    transition: opacity 0.3s ease;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes  blink {
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.no-bottom {
    background: #000000 !important url(https://photoku.io/images/2026/06/02/bg-mobile-piala-dunia-neww2.jpeg)!important;
    background-size: 100%!important;
color: #000;
}

.inner-wrap {
    background: #00000061 !important;
}
@media only screen and (max-width: 1100px) {
.contact-button{display:none;}
.sidenav .closebtn{display:none;}
#mySidenav{display:none;}
mySidenav2{display:none;}
.bank{background-color: white !important;}
.bank{height: 25px !important;}
#btm_banner{display:none;}
}

@media only screen and (min-width: 1100px) {
.banmini{display: none !important;}
}

.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;WHATSAPP
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;
}
.results .lnnews {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    width: 46px !important;
    padding: 2px !important;
}
.owl-theme .owl-controls .owl-page span {
    display: none;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    margin-bottom: -15px;
}

.custd-container {
    border-radius: 25px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 830px;
    height: 130px;
    margin-top: 10px;
}
.marquee.running-text {
    color: white !important;
    background: #840505;
    margin-bottom: 1px;
    line-height: 12px;
    text-shadow: 0px 0px 2px #f87076;
    box-shadow: 0px 0px 4px #ffe900;
    border: 1px solid #fa0505;
    font-size: 11px;
}

.note {
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 10px;
    text-shadow: 10px 4px 5px #000000 !important;
}
a.buttonWrap.buttonlc2.button-orange {
    font-size: 13px;
    background: linear-gradient(270deg, rgba(201, 138, 0, 1) 0%, rgba(253, 243, 35, 1) 21%, rgba(253, 243, 35, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgba(252, 241, 34, 1) 73%, rgba(255, 247, 36, 1) 85%, rgba(201, 138, 0, 1) 100%);
    border: 2px solid #D0AD34;
    background-clip: padding-box;
    animation: borderAnimation 2s ease-in-out infinite;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 0px 0 rgb(255 202 0);
    color: #000000 !important;
width: 100%;
    margin-top: 0px;
}

.button-reds {
    background: linear-gradient(to bottom,#21fd03 0%,#023f09 100%);
    border: 2px solid #06ff00;
}
.custd-bg {
    background-color: #5f0000;
    font-family: Muli !important;
}

.custd-25px {
    font-size: 25px;
    font-family: dinpro;
    color: #fff;
    font-weight: bold;
    font-family: Muli !important;
}

.custd-18px {
    font-size: 16px;
    font-family: dinpro;
    color: #fff;
    font-family: Muli !important;
}

.custd-15px {
    font-size: 15px;
    font-family: dinpro;
    color: #fff;
    font-family: Muli !important;
}

.custd-right {
    text-align: right;
    font-family: Muli !important;
}

.custd-left {
    text-align: left !important;
    font-family: Muli !important;
    margin-left: 2px;
}

.custd-center {
    vertical-align: center;
    font-family: Muli !important;
}
 .progresif-jackpot1 {
    font-size: 39px;
    font-weight: bold;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    width: 100%;
    height: 100px;
  
}

.bungkus-jackpot1 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    background: url(https://photoku.io/images/2024/11/29/new-progressif-jackpot-olx-webp5a7ec57c1b240b15.webp) center;
    background-size: 100%;
    width: 80%;
margin-top: -326px;
}

    .progresif-jackpot1 span {
        color: white !important;
        margin-right: 15px;
    }

.progress21,
.progress31 {
    padding: 3px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar21,
.progress-bar31 {
    height: 10px;
    border-radius: 30px;
    background-image:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;
    transition-property: width, background-color;
}

.progress-moved2 .progress-bar21 {
    width: 10%;
    background-color: #ff0000;
    animation: progressAnimation21 3s;
}

@keyframes progressAnimation21 {
    0% {
        width: 1%;
        background-color: #ff0000;
    }

    100% {
        width: 10%;
        background-color: #ff0000;
    }
}

.progress-moved11 .progress-bar31 {
    width: 30%;
    background-color: #ff0000;
    animation: progressAnimation31 3s;
}

@keyframes progressAnimation31 {
    0% {
        width: 1%;
        background-color: #ff0000;
    }

    100% {
        width: 30%;
        background-color: #ff0000;
    }
}

.app_title {
    font-size: 15px;
    font-weight: bold;
    color: #ffcc00;
}


.app_slogan {
    font-size: 11px;
    color: #FFF;
    letter-spacing: 0px;
}
    font-size: 14px;
    padding: 8px 8px;
    color: #000;
    background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
    box-shadow: 0px 0px 3px #ffe900;
    border: 1px solid #f6fa05;
    border-radius: 20px;
}
@media only screen and (max-width: 600px) {
    .app_title {
        font-size: 13px;
        font-weight: bold;
        color: #ffcc00;
    }

    .app_slogan {
        font-size: 10px;
        color: #FFF;
        letter-spacing: 0px;
    }

    .btn-green {
        font-size: 12px;
        padding: 8px 8px;
        color: #000;
        background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
        box-shadow: 0px 0px 3px #ffe900;
        border: 1px solid #f6fa05;
        border-radius: 20px;
    }

    .space {
        right: 9px !important;
    }

}

.results {
background-image: linear-gradient(to bottom, #1a1a1a 0%, #000000 100%) !important;
color: #fff !important;
border: 1px solid #ffd200 !important;
}

.button-orange {
    background: linear-gradient(to bottom, #f00d0d 0%, #b42323 50%, #d91111 50%, #a91414 50%, #cf0404 100%);
}

@media only screen and (max-width: 300px) {
    .header-logo2 {
        width: 146px;
        height: 45px;
        margin-top: 0px;
        margin-left: 20%;
        margin-right: auto;
    }

    .app_title {
        font-size: 11px;
        font-weight: bold;
        color: #ffcc00;
    }

    .app_slogan {
        font-size: 8px;
        color: #FFF;
        letter-spacing: 0px;
    }

    .btn-green {
        font-size: 8px;
        padding: 8px 8px;
        color: #000;
        background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
        box-shadow: 0px 0px 3px #ffe900;
        border: 1px solid #f6fa05;
        border-radius: 20px;
    }

    .button-red {
        background: linear-gradient(to bottom, #fd0000 0%, #340303 100%);
        box-shadow: 2px 2px 9px 0px #ff0000;
        border: 1px solid #ff0000;
        font-size: 15px;
    }
}
.progresif-jackpot {
    font-size: 22px;
    font-weight: bold;
    padding: 28px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    background: url(https://photoku.io/images/2024/11/29/new-progressif-jackpot-olx-webp5a7ec57c1b240b15.webp) center;
    background-size: 100%;
    width: 100%;
    margin: 10px auto;
    height: 70px;
}

.bungkus-jackpot {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: flex;
    align-items: center;
    padding-top: 0px;
    justify-content: center;
    border-radius: 0px;
}

.progresif-jackpot span {
    color: white !important;
    margin-right: 15px;
}

.slick-dots {
    display: none !important;
}

.slider-olx {
    width: 80%;
    margin: 0 auto;
}

.slick-slide img {
    width: 100%;
}

.buttonjoin:nth-child(4) {
 display:none
}


a.buttonWrap.buttons.button-blue.contactSubmitButton {
    display: none !important;
}
.button-aaa {
background: #fed804 !important;

}

.button-aab {
background: #fed804 !important;

}

.button-aac {
background: #fed804 !important;

}

.button-aad {
background: #fed804 !important;

}

.button-aaf {
background: #fed804 !important;


}

.button-blue {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
box-shadow: none;
border: 1px #404040 solid;
color: #000000 !important;
border: 2px solid #08f1ff;
}
.buttonWrap {
    background: linear-gradient(270deg, rgb(0 194 201) 0%, rgb(0 136 193) 21%, rgb(0 154 255) 33%, rgb(0 236 255) 44%, rgb(9 200 215) 60%, rgb(34 126 252) 73%, rgb(0 180 255) 85%, rgb(0 217 255) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #00e9f1, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
    color: #000;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
:root {
  --one: #F6E290;
  --two: #936C18;
  --three: #4F3102;
  --four: #B68929;
  --five: #F0C45F;
  --six: #FEFDF9;
  --seven: #03040A;
  --eight: #9F7331;
  --gold-one: #A56407;
  --gold-two: #C37B09;
  --gold-three: #CE8A22;
  --gold-four: #D59D15;
  --gold-five: #D9B12A;
  --gold-six: #E8CB40;
}

.header-logo2{
margin-left: auto;
    margin-right: auto;
}
.header-logo2 {
    width: 170px !important;
    height: 51px !important;
    margin-top: 5px !important;
}

input[type="text"], input[type="password"], select, textarea
{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}




input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}




h1, h2, h3, h4, h5, h6 {
    font-family: arial;
    color: #ffffff;
}


.panel-blue {
    background: #0000004d !important;
}



.news-head {
     background: rgb(254, 216, 4) !important;
     border-radius: 1px 1px 1px 50px;

}

.news-head > h5 {
    color: black !important;
    font-weight: bold;
text-transform: uppercase !important;
}



.bottomnv li {
    display: inline-block;
    list-style-type: none;
}

.bottomnv li a {
    line-height: 11px;
    display: block;
    background: rgb(21, 21, 41) !important;
    border-radius: 10px 10px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid white !important;
    border-top: 1px solid white !important;
    padding: 4px 16px;
}
.buttondapk {
    background-image: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000000 !important;
}


.button-green {
background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);
box-shadow: inset 0 -2px 0 #00fff4;
border: 1px #404040 solid;
color: #000000 !important;
}
.buttonlc {

    position: absolute;
    top: 18px;
    right: 20px;
    width: 70px;
    font-size: 10px !important;
    margin-right: -17px;
}

.byebye {
width: 100%;
background-color: black !important;
color: white !important;
margin-top: 150px;
}


.modal-content{
background-color: #000000 !important;
}

.modal-header {
    border-bottom: 1px solid #000000 !important;
}

.accordion-content{
display: none;
}


#header2 {
    height: auto;
    left: -0px;
    margin: 130px 0 0;
    padding: 0;
    position: absolute;
    width: 183px;
}
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.info-side {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20000+0,940000+50,740000+50,740000+50,4c0000+100 */
    background: #e20000; /* Old browsers */
    background: -moz-linear-gradient(top, #e20000 0%, #940000 50%, #740000 50%, #740000 50%, #4c0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20000', endColorstr='#4c0000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    float: left;
    margin-bottom: 5px;
    padding: 7px 15px;
    position: relative;
    width: 100%;
}
.info-side p{ margin-bottom:0px; font-size:14px; color:#fff;}
.info-side .mobinfo-title{font-family: 'AvenirNextLTPro-Bold';}
.info-icon {
    background-color: #efefef;
    border-radius: 50%;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4) inset;
    color: #484848;
    font-size: 24px;
    height: 38px;
    line-height: 60px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -2px;
    width: 38px;
}
.info-icon i {
    position: relative;
    top: -9px;
}
.blackb > img {
    margin-top: -9px;
    width: 60%;
}
.call-icon > img {
    margin-top: -10px;
    width: 60%;
}
.line-icon > img {
    margin-top: -9px;
    width: 60%;
}

@media (max-width: 767px) {
    #slider_secon {
        display: none;
    }
    .cont-mob {
        padding: 0 !important;
        overflow:hidden;
    }
    .banner-head {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .banner-col .banner-pic {
        margin-bottom:0px !important;
    }
}


.btn-group.with-heading {
display : none;

}

.owl-pagination {
    margin-top: -14px;
    margin-bottom: 5px;
    display: none !important;
}
.list-menu-mobile {
 width: 100%;
 margin-top: 5px;
}

.list-menu-mobile a {
 width: 20%;
 padding: 0px 5px;
 display: inline-block;
 margin-top: -7px;
}

.list-menu-mobile a img {
 width: 100%;
margin-top: 10px;
}

.button-red {
background: linear-gradient(to bottom,#fdf200 0%,#ffbe00 100%);
    box-shadow: 2px 2px 3px 0px #fbff00;
    border: 1px solid #fff700;
    color: #000000 !important;
}

.grubsearchPasaran {
width: 100%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 6px;
    background: linear-gradient(to right top, #ffb500, #c39900, #ffee5f, #ab8c00, #ffbc00);
    border: 1px solid #ffcf00 !important;
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    position: relative;
  }
  .grubsearchPasaran input {
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 5px;
    color: #ffffff;
    letter-spacing: 1px;
    background: #000000 !important;
    box-shadow: none;
  }
  .grubsearchPasaran img {
    width: 28px;
    margin-right: 5px;
    filter: brightness(10) drop-shadow(1px 2px 2px #00000054) contrast(1) !important;
  }
  .grubsearchPasaran input::placeholder {
    color: #b3bfc5;
  }

.footer {
    background: #000000ba !important;
    font-size: 12px;
    color: #868686;
    border-top: 3px solid #ffd900;
    z-index: 5;
    border-radius: 18px;
}
.kotak3 {
  background-image: linear-gradient(to bottom, #470101 0%, #d50000 100%)!important;
  border-radius: 15px 2px 15px 5px !important;
  color: #000 !important;
  box-shadow: inset 0px 0px 0px 1px rgb(215 0 0), inset 0px 2px 0px 0px rgb(131 0 0), inset 0px 0px 0px 2px rgb(255 0 0), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
border: 1px #ff0000 groove!important;
  margin-bottom: 15px;
}

.kotak2 {
  background-image: linear-gradient(to bottom, #470101 0%, #d50000 100%)!important;
  border-radius: 15px 2px 15px 5px !important;
  color: #000 !important;
  box-shadow: inset 0px 0px 0px 1px rgb(215 0 0), inset 0px 2px 0px 0px rgb(131 0 0), inset 0px 0px 0px 2px rgb(255 0 0), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
border: 1px #ff0000 groove!important;
  margin-bottom: 15px;
}



.olx-wrap {
    margin-inline: auto;
    padding: 0px 12px 2px;
    text-align: center;
    margin-top: -25px;
    width: 100%;
}

 .olx-title {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: white !important;
    background-size: 300% 300%;
    animation: olxShimmer 4s ease infinite;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    margin-bottom: 1px;
    letter-spacing: 1px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
text-shadow: 0px 0px 8px #000000, 0px 0px 16px #000000 !important;
}
    @keyframes olxShimmer {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

   .olx-search-pill {
    flex: 1;
    height: 39px;
    border-radius: 50px;
    background: linear-gradient(270deg, #c3a200, #ffe700, #ffa500);
    background-size: 400% 400%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 1000;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000 !important;
    text-decoration: none;
    box-shadow: inset 1px 1px 0 rgb(255 186 0), 0 6px 14px rgba(0, 0, 0, 0.35);
    border: 2px solid #FFC107;
    animation: olxGradient 6s ease infinite;
    position: relative;
    overflow: hidden;
    transition: filter 0.2s ease;
font-size: 17px;
}

    .olx-search-pill::after {
        content: "";
        position: absolute;
        top: 0;
        left: -75px;
        width: 50px;
        height: 100%;
        background: rgba(255, 255, 255, 0.35);
        transform: skewX(-20deg);
        transition: all 0.3s ease;
    }

    .olx-search-pill:hover::after {
        left: 130%;
        transition: all 0.5s ease;
    }

    .olx-search-pill:hover {
        box-shadow: 0 12px 26px rgba(204, 46, 46, 0.55), 0 0 18px rrgba(204, 46, 46, 0.4) filter: brightness(1.08);
    }

    /* Search strip wrapper */
  .olx-search-strip {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 2px solid gold;
    padding: 5px;
    background: #000000 !important;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 6px 18px rgba(0, 0, 0, 0.35);
    margin-bottom: 0px;
    border-radius: 50px;
    height: 53px;
}

    .olx-search-icon {
        width: 43px;
        height: 43px;
        min-width: 42px;
        display: grid;
        place-items: center;
        background: gold;
        border: 2px solid #FFC107;
        color: #fff;
        border-radius: 999px;
        justify-content: center;
        align-items: stretch;
        justify-items: stretch;
        align-content: center;
    }

@keyframes olxGradient {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }
    @media only screen and (max-width:600px){
#snackbar-mobile{
visibility:hidden;
width:53rem;
box-shadow: inset 0px 0px 0px 2px rgb(255, 208, 0), inset 0px 2px 0px 0px rgb(245, 205, 7), inset 0px 0px 0px 2px rgb(250, 221, 5), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
background: linear-gradient(to bottom, #ffc400 0%, #ffea00 50%, #ffc400 100%);
color: #000000 !important;
text-align: center;
border-radius: 25px;
position: fixed;
font-family: Glory,sans-serif;
z-index: 99999999999999999999999999999999999999999999999999999999999999;
border:2px solid #fbff00 !important;
display: flex !important;
gap:1rem;
align-items: center;
max-width:95%;
height:60px;
left:2%;
font-size:12px;
bottom:3%;
padding:.3rem;
transform: translateX(0);
margin-top: auto;
}
.snackbar-mobile-icon{
max-width:2rem;
padding-right:.6rem
}

.snackbar-mobile-img{
max-width: 50px;
margin-left: 1rem;
border: 2px solid #000000 !important;
border-radius: 8px
}

#snackbar-mobile.tampil{
visibility: visible;
-webkit-animation:.8s fadein,.8s 4.5s fadeout;
animation:.8s fadein,.8s 4.5s fadeout
}

@-webkit-keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@-webkit-keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

@keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

#snackbar-mobile span,#snackbar-mobile strong{
font-weight:700;
color: #000000 !important !important;
background: linear-gradient(358deg, #b30000, #ea0000, #ea0000) !important;
-webkit-background-clip: text !important;-webkit-text-fill-color: #ff000000 !important;
}

.snackbar-mobile-nominal{
font-size:1rem
}

#withdraw-mobile{font-size:.8rem}
}
.pool-result {
    color: black !important;
}
.pool-date{
    color: white !important;
}
.pool-name{
  font-weight: bold;
}

.page-header{
padding-bottom: 0px;
margin: 0px;
}


.panel-blue {
    background: rgb(181, 181, 11);
    background: -moz-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(138,7,7,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(-45deg, rgb(254, 216, 4) 0%, rgba(0,0,0,1) 100%) !important;
    background: -o-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(135deg, rgb(254, 216, 4) 0%, rgba(0,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0707', endColorstr='#000000', GradientType=1 ) !important;
}


.panel {
    background: #000;
}

.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.buttonlc2 {
    line-height: 20px;
    padding-bottom: 24px;
    min-width: 43%;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(to left, #fff000 0%,#ffaf19 50%,#ffe600 100%);
    color: #000000 !important;
box-shadow: inset 0 1px 0 #ff7c00;

}
.button-orange {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
color: #000000 !important;
    border: 2px solid #ffe808;
}

.button-yellow{
    background-image: linear-gradient(to bottom,#f6f300 0%,#ffbb00 30%);
    animation: none;
    border: 2px solid #faa105 !important;
    box-shadow: 0px 0px 3px #ffe900;
}


.buttong {
    box-shadow: inset 0 0 0 1px #c0392b, inset 0 2px 0 0 #c0392b, inset 0 4px 4px 2px #ad0000, 3px 3px 3px 1px rgba(0,0,0,0.2);
    background-image: linear-gradient(to bottom,#c0392b 0%,#ad0000 50%,#FF0000 100%);
    border: 1px solid #ad0000 !important;
    animation: none;
    color: #fff;
}

@-webkit-keyframes change-color {
 0%{
    color:black !important;
 }
50% { color:white !important;
}
 100%{
    color:black !important;
 }
}

@keyframes change-color {
 0%{
    color:white !important;
 }
 50% { color:white !important;
}
 100%{
    color:black !important;
 }

} 

.pukiayam {
width: 100%;
height: 230px;
}
.hermez-app .page-header.smartb1.shead {
    height: 72px !important;
}

.hermez-app .smartb2.sindex {
    top: 0px !important;
}

.hermez-app .content.smartb4.scontent {
    margin-top: 0px !important;
}

.hermez-app .slc {
    top: 17px !important;
}
.list-menu-mobile {
    display:flex;
    padding-top: 10px;
}
.list-menu-mobile img {
    padding: 0px;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.gradientText{
     position: absolute;
     background: linear-gradient(180deg, rgba(244,223,74,1) 20%, rgba(243,219,51,1) 60%, rgba(242,215,29,1) 90%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 20px;
     font-weight: 900;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-family: 'aller';
}

.buttong {
    border: 1px solid gold;
}
.textSitus {
     color: #ffffff;
     border-image-width: 150px;
     padding-top: 5px;
     text-align: center;
     border-bottom-style: groove;
}

#close_button:hover {
  color: #ffcc00;
}
.button-biru {
    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    background-color: #79bbff;
    box-shadow: inset 0 -4px 0 #30659a;
}


.modal {
        z-index: 105000;
}
.modal-backdrop{
        z-index: 10400;
}
.modal-backdrop.in {
        opacity: .9;
}
.modal-content {
        background-color: transparent;
        border:none;
        box-shadow: none !important
}


.modal-header {
        border-bottom: none;
}
.close {
        font-size: 25px;
        opacity: 1;
        color: #000;
    background-color: rgb(255 234 0);
}

.box-middle {
        padding: 0;
        border: 4px groove #f59100;
        margin: 0 5px 0px;
        max-width: 267px;
        border-radius: 10px;
        position: relative;
        transition: all 0.3s ease;
        display: inline-block;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 2px;
        height: 100%;
        width: 100%;
    }

.btn-close{
    width: 80%;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(270deg, rgb(252, 207, 3) 0%, rgb(252, 244, 3) 21%, rgb(252, 186, 3) 33%, rgb(252, 227, 3) 44%, rgb(252, 215, 3) 60%, rgb(252, 186, 3) 73%, rgb(252, 240, 3) 85%, rgb(252, 219, 3) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #000000 !important;
    border: 2px solid #fff400;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 6px 1px #ffdf00, inset 0 1px 0 0 #fffa00, inset 0 0 0 2px #ffe400, 3px 3px 3px 1px rgba(0, 0, 0, .2);
}
.modal-mobile {
    background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.modal-mobile.hidden {
    display: none;
}

.modal-mobile.show {
    opacity: 1;
    visibility: visible;
}

.modal-mobile .modal-container-mobile {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.modal-mobile .body {
    display: inline-block;
    padding: 10px;
}
.popup-img {
width: 100%;
height: auto;
}

.modal-mobile-qris .hidden {
        display:block;
    }
    
    .modal {
        z-index:10500000 !important;
    }
    .modal-mobile-qris {
        background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
    }

    .modal-mobile-qris .modal-container-mobile-qris {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 200px;
    }

    .modal-mobile-qris .body {
        display: inline-block;
        padding: 10px;
    }
      @keyframes spin {
        0%   {width:0px; height:0px; transform: rotate(360deg);}
        25%  {width:100px; height:100px;}
        50%  {width:200px; height:200px; }
        75%  { width:300px; height:300px; }
        100% { width:400px; height:400px; }
      }
      .modal-mobile .body {  
              /* This section calls the slideInFromLeft animation we defined above */
              animation: spin 1s ease-out forwards;
        }
      }
#at4-follow, #at4-foc {
        right: 84%;
    width: 213px;
}
.at4-follow .at4-follow-inner {
    padding: 5px 5px 5px 5px;
}
a#highlight {
    color: #FFF;
    animation: blur .9s ease-out infinite;
    text-shadow: 0px 0px 1px #FFDF00, 0px 0px 1px #FFDF00;
}

}
.wrapper2 {
    margin-top: 0px!important;
padding: 10px 20px;
}
.mask #loader {
    background: url(https://dash.takenupload.org/6a53d7e5cc6c3) center center no-repeat!important;
    background-size: 100%!important;
    width: 100px!important;
    height: 100px!important;
}
 .iconuserlogin {
position: absolute;
    top: 41px;
    left: 18px;
    background: #000000 !important;
    border-radius: 17px 0 0 17px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #000000 !important;
    border: 1px solid #fff000;
}

    .iconuserlogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }

    .iconkeylogin {
        position: absolute;
        top: 91px;
        left: 18px;
        background: #000000 !important;
        border-radius: 17px 0 0 17px;
        padding: 10px 13px;
        box-shadow: 1px 0 5px #000000 !important;
border: 1px solid #fff000;
    }

    .iconkeylogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }
    .modal-mobile {
        background-color: rgba(0, 0, 0, 0.4);
        /* Transparent dimmed overlay */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
        z-index: 20;
    }

    .box-middle {
        padding: 0;
        border: 4px groove #f59100;
        margin: 0 5px 0px;
        max-width: 267px;
        border-radius: 10px;
        position: relative;
        transition: all 0.3s ease;
        display: inline-block;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 2px;
        height: 100%;
        width: 100%;
    }

    .modal-mobile.hidden {
        display: none;
    }

    .modal-mobile .modal-container-mobile {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 200px;
    }

    .modal-mobile .body {
        display: inline-block;
        padding: 10px;
    }
    .popup-img {
        width: 100%;
        height: auto;
    }
.box-middle {
    padding: 0;
    border: 2px groove #dbaf4c;
    margin: 0 5px 10px;
    max-width: 267px;
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

.post-card3 {
    position: relative;
    transition: all .3s ease;
    border-radius: 10px
}

.post-card3:hover {
    transform: scale(1.05);
    z-index: 10
}

.post-card3 img {
    border-radius: 10px;
    max-width: 100%;
    height: auto
}

.post-card3 a,
.post-card3 a:hover {
    text-decoration: none;
    color: #f1f1f1
}

.post-card3 .post-overlay {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    z-index: 5
}

.post-card3-link {
    position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #fff;
    font-size: 17px;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    font-family: Helvetica, sans-serif
}

.post-card3:hover .post-card3-link {
    opacity: 1
}

#historyDepoWd {
  display: flex;
  background: #000000 !important;
  gap: 10px;
}

#historyDepoWd .historyDepo,
#historyDepoWd .historyWD {
  flex: 1;
  padding: 10px;
  color: #111a2dc2;
}

#historyDepoWd .historyTitle {
  font-weight: 600;
  font-size: 16px;
  background: linear-gradient(to bottom, #ffdc00 0%, #ffc200 50%, #ffbb00 100%)!important;
  display: flex;
  padding: 5px;
  justify-content: center;
  color: #001f1a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: black !important;
border: 2px solid #fff000;
}

#historyDepoWd .riwayatContainer {
  padding: 10px;
  background: #ffdd00;
  color: #c38108;
  list-style: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 210px;
  min-height: 210px;
  overflow: auto;
  margin: 0;
}

#historyDepoWd .riwayatContainer .riwayatItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000;
  color: white !important;
  padding: 5px 10px;
  border-radius: 5px;
}

#historyDepoWd .riwayatContainer .riwayatItem:not(:last-child) {
  margin-bottom: 5px;
}

#historyDepoWd .riwayatContainer .riwayatItem .riwayatUser {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 576px) {
  #historyDepoWd {
    flex-direction: column;
    gap: 0;
  }
}

.navbar-fixed-top {

    box-shadow: none !important;

    background-size: cover;
}

img.btn-img {
    position: relative;
    border-radius: 6px 20px 0px 0px;
    transition: .2s;
    margin-left: 8px;
    margin-bottom: 8px;
    width: 242px;
    margin-top: -8px;
}

img.btn-img:hover {
box-shadow: 0px 0px #5b99cb;
 opacity: 0.8;
  cursor: pointer;
top: 2px;
}

.wimage {
    border-radius: 0px;
    width: 650px;
    height: 132px;
}

.blog-divider {
    margin: 40px 0;
}

.latest-news > a {
color: white !important;
  font-family: futura;
  font-weight: bold;
}

.latest-news .dates {
color: white !important;
}

@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-o-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}


.bank {
    text-align: center;
    width: 145px;
    height: 87px;
    padding: 0px !important;
    background-color: rgba(0,0,0,0);
    border: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-left: 0px;
}

.owl-wrapper .owl-item:nth-child(1n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/BCA.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/BNI.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/BRI.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(4n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/DANAMON.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/GOPAY.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(6n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL%2Fbank%20desktop%2Fresult%2FMANDIRI.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/OVO.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/PERMATA.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/DANA.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(10n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/LINK%20AJA.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(11n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/BSI.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(12n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/seabank%20online.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(13n) .bank .online {
    width: 170px !important;
    height: 94px !important;
    background: url('https://imagestaticcontent.com/default/ABUTOGEL/bank%20desktop/result/shopeePAY-1.gif') 0px 0px no-repeat !important;
}
 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) { content: url("https://i.ibb.co/k6ysbXW/yornadina.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) { content: url("https://i.ibb.co/4ZSrNKy/bullseye.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) { content: url("https://i.ibb.co/Km5N6jr/cambodia.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) { content: url("https://i.ibb.co/V9Lpnqw/carolina.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) { content: url("https://imagestaticcontent.com/default/ABUTOGEL/icone-hongkonglotto.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) { content: url("https://i.ibb.co/Cw3sXC7/jakarta.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) { content: url("https://i.ibb.co/qNyHRSr/japan.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) { content: url("https://i.ibb.co/k8H3g4V/kamboja.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) { content: url("https://i.ibb.co/6JdXDDR/libanon.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) { content: url("https://i.ibb.co/02jmdL3/maroko.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) { content: url("https://i.ibb.co/GJyyBP7/oregon.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) { content: url("https://i.ibb.co/GQGkTcx/PCSO.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) { content: url("https://i.ibb.co/5sFtcwF/singapore.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) { content: url("https://imagestaticcontent.com/default/ABUTOGEL/icone-sydneylotto.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) { content: url("https://i.ibb.co/DzRN2B2/taiwan.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) { content: url("https://i.ibb.co/dfPznYt/totomacau.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) { content: url("https://i.ibb.co/LZPLY7R/turki.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) { content: url("https://i.ibb.co/jrjXyTG/12D.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) { content: url("https://i.ibb.co/94vSv1t/24D.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) { content: url("https://i.ibb.co/BByNhQ4/48D.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) { content: url("https://i.ibb.co/XYK4gR9/baccarat.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) { content: url("https://i.ibb.co/xgvczmD/billiard.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) { content: url("https://i.ibb.co/1nHcY66/binggo-sicbo.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) { content: url("https://i.ibb.co/2FH8zhf/fantan.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) { content: url("https://i.ibb.co/2ZDy7nt/niu-niu.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(26) { content: url("https://i.ibb.co/CvhxydN/raceball.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(27) { content: url("https://i.ibb.co/4SLVB0w/red-white.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(28) { content: url("https://i.ibb.co/dKf9dLG/roullete.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(29) { content: url("https://i.ibb.co/DfpxQxZ/sicbo.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(30) { content: url("https://i.ibb.co/T48PfZg/suit.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(31) { content: url("https://i.ibb.co/k6ysbXW/yornadina.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(32) { content: url("https://i.ibb.co/4ZSrNKy/bullseye.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(33) { content: url("https://i.ibb.co/Km5N6jr/cambodia.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(34) { content: url("https://i.ibb.co/V9Lpnqw/carolina.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(35) { content: url("https://imagestaticcontent.com/default/ABUTOGEL/icone-hongkonglotto.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(36) { content: url("https://i.ibb.co/Cw3sXC7/jakarta.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(37) { content: url("https://i.ibb.co/qNyHRSr/japan.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(38) { content: url("https://i.ibb.co/k8H3g4V/kamboja.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(39) { content: url("https://i.ibb.co/6JdXDDR/libanon.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(40) { content: url("https://i.ibb.co/02jmdL3/maroko.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(41) { content: url("https://i.ibb.co/GJyyBP7/oregon.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(42) { content: url("https://i.ibb.co/GQGkTcx/PCSO.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) { content: url("https://i.ibb.co/5sFtcwF/singapore.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(44) { content: url("https://imagestaticcontent.com/default/ABUTOGEL/icone-sydneylotto.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(45) { content: url("https://i.ibb.co/DzRN2B2/taiwan.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(46) { content: url("https://i.ibb.co/dfPznYt/totomacau.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(47) { content: url("https://i.ibb.co/LZPLY7R/turki.gif") !important; } 
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(48) { content: url("https://i.ibb.co/jrjXyTG/12D.gif") !important; }

.owl-carousel.bankscroll  {
    margin-top: 7rem;
}

.navbar-collapse.collapse.skrollable.skrollable-between {
    background: url(https://photoku.io/images/2026/05/31/giffmbappee-finall.gif);
    background-size: 10%;
    background-repeat: no-repeat;
    /*animation: move 10s linear infinite;*/
    background-size: 7%;
    background-position: 200px;
    background-repeat: no-repeat;
    
}
@keyframes move {
    from {
        background-position: 100% center;
    }
    to {
        background-position: 0% center;
    }
}
.navbar-collapse.collapse.skrollable.skrollable-after {
    background: url(https://photoku.io/images/2026/05/31/giffmbappee-finall.gif);
    background-size: 7%;
    background-position: 200px;
    background-repeat: no-repeat;
    transition: 0.5s;
    /*animation: move 10s linear infinite;*/

    
}

ul.newsticker > li > a {
color: #000000 !important;
}

.news-head > h5 > i {
    color: #fdf303 !important;
background: black !important;
-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.modal-content {
    background-color: #00000000 !important;
}

.results > h4 > i {
    color: #fdf30 !important;
background: black !important;
-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.btn-group.with-heading {
display : none;

}


button.btn-theme, .btn.btn-theme:hover
{
color: black !important;
}


button.btn-theme, .btn.btn-theme
{
background-image: linear-gradient(to bottom, #ffeb00 0%, #d29100 100%);
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(255 191 0), inset 0px 2px 0px 0px rgb(255 170 0), inset 0px 0px 0px 2px rgb(255 189 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
}

.form-control {
    border-radius: 15px !important;
}
.wcover p {
    color: white !important;
}
.wcover {
    width: 650px;
    background: #000;
    color: white !important;
    padding: 10px;
    display: none;
    box-shadow: rgb(255 204 0 / 90%) 0 6px 12px -2px, rgb(255 204 0 / 90%) 0 3px 7px -3px;
    border-radius: 10px;
}

@media only screen and (max-width: 1100px) {
.contact-button{display:none;}
.sidenav .closebtn{display:none;}
#mySidenav{display:none;}
mySidenav2{display:none;}
.bank{background-color: white !important;}
.bank{height: 25px !important;}
.bank{width : 24% !important;}
#btm_banner{display:none;}
}

@media only screen and (min-width: 1100px) {
.banmini{display: none !important;}
}

.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;
}



.button-aaa {
background: #fed804 !important;

}

.button-aab {
background: #fed804 !important;

}

.button-aac {
background: #fed804 !important;

}

.button-aad {
background: #fed804 !important;

}

.button-aaf {
background: #fed804 !important;

}

.button-blue {
background: #fed804 !important !important;
box-shadow: none;
border: 1px #404040 solid;
}



.header-logo2{
margin-left: auto;
    margin-right: auto;
}

input[type="text"], input[type="password"], select, textarea
{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}




input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 0px !important;
}


.results h4 {
color: black !important;

}

.navbar-collapse .row .col-sm-7 {
    margin-left: 150px !important;
}

.news-head > h5 > i {
    color: #3c5f67;
}


h1, h2, h3, h4, h5, h6 {
    font-family: arial;
    color: #ffffff;
}


.fa-bullhorn:before {
    content: "\f0a1";
color: black !important;
}

.panel-blue {
    background: #000 !important;
}

.results {
  background: #fed804 !important;
    color: #000 !important;
}
.reset-password-container {
display: none;
}

.news-head {
     background: rgb(254, 216, 4) !important;
     border-radius: 1px 1px 1px 50px;

}

.news-head > h5 {
    color: black !important;
    font-weight: bold;
text-transform: uppercase !important;
}



.bottomnv li {
    display: inline-block;
    list-style-type: none;
}

.bottomnv li a {
    line-height: 11px;
    display: block;
    background: rgb(21, 21, 41) !important;
    border-radius: 10px 10px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid white !important;
    border-top: 1px solid white !important;
    padding: 4px 16px;
}

.bottomnv_active {
    border-bottom: 1px solid yellow!important;
    border-top: 1px solid yellow!important;
    border-left: none;
    border-right: none;
    text-transform: uppercase;
    color: yellow!important;
}


.contactusbg:nth-child(1) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(2) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(3) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(4) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(5) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

element.style {
    text-align: center;
    float: left;
    margin: 0px 5px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.col-lg-102 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-offset-125 {
    margin-left: 13.33333333%;
}

.col-xs-102 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-sm-offset-125 {
    margin-left: 8.33333333%;
}

.col-md-offset-125 {
    margin-left: 8.33333333%;
}

.yellowfoot {
    width: auto;
    padding: 0px 0px 0px;
}

footer#footer {
background-color: black !important;
    border-top: 1px solid #ffd800;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
    width: 1170px;
    margin: auto;
    box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
    background-color: #000;
}
footer#footer .footer-bottom {
    padding: 20px 0;
    background-color: transparent !important;
    font-size: 12px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}
.bottomnv {
    width: auto;
}

.bottomnv .blacktp {
    list-style-type: none;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: auto;
    padding-right: 55px;
}

.blog-posts ol, ul {
    color: #fff;
    line-height: 20px;
    padding: 0 25px;
    font-weight: 300;
}

.contactusbg:nth-child(1) {
    background: url(https://photoku.io/images/2025/08/13/facebook.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(2) {
    background: url(https://photoku.io/images/2025/08/13/tweeter.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(3) {
    background: url(https://photoku.io/images/2025/08/13/instagram.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(4) {
    background: url(https://photoku.io/images/2025/08/13/bukti-jp.png) no-repeat;
    width: 19%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(5) {
    background: url(https://photoku.io/images/2025/08/13/youtube.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.blog-sidebar .nav.menu > li > a:hover, a:active, a:focus {
  color: #ffd200 !important;
  background: rgba(19, 19, 19, 1.99) !important; /* Old browsers */

}

.blog-sidebar .nav.menu > li > a:hover > i {
    background: -webkit-linear-gradient(#ffcd2f, #ffcd2f) !important;
    -webkit-background-clip: text !important;;
    -webkit-text-fill-color: transparent !important;;
}

.blog-sidebar .nav.menu > li > a {
    color: #ffffff;
    padding: 7px 0;
    border-bottom: 1px solid #ffd200;
    font-size: 16px;
    padding-left: 10px;
    background: linear-gradient(to bottom, #000000 0%, #191919 100%) !important;
    border-right: 6px solid #ffe000;
    border-left: 4px solid #ffd300;
    border-top: 1px solid #ffd000 !important;
    border-radius: 35px !important;
    line-height: 20px;
    margin-bottom: 5px !important;
}

.section .container {
    background: #000000 !important;
box-shadow: rgb(0 0 0 / 100%) 0 32px 62px -2px, rgb(0 0 0 / 100%) 0 30px 32px -3px;
}

#bank.section .container {
    background: #000000 !important;
    margin-bottom: -5px;
}

.news-body {
     background: rgb(254, 216, 4) !important;
}
.slider .owl-theme .owl-controls .owl-page span {
display: none;
}
.slider #progressBar {
display: none;
}
.owl-theme .owl-controls {
    margin-top: 5px;
    text-align: center;
}

.animation {
    height: 50px;
    overflow: hidden;
    margin-left: 1rem;
}

.animation>div>div {
    padding: 0.25rem 0.75rem;
    height: 2.81rem;
    margin-bottom: 2.81rem;
    display: inline-block;
}

.animation div:first-child {
    animation: text-animation 8s infinite;
}

.Slot-bangdatoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}


.casino-bangdatoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}

.sportsbook-bangdatoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}

.card-slotgame {
  position: relative;
  overflow: visible;
}

.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.daftar-slot-bangdatoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.daftar-casino-bangdatoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.daftar-sportsbook-bangdatoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.card-slotgame:hover .daftar-slot-bangdatoto {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
}

.card-slotgame:hover .daftar-casino-bangdatoto {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
}

.card-slotgame:hover .daftar-sportsbook-bangdatoto {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
}


.daftar-slot-bangdatoto::before,
.daftar-slot-bangdatoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-slot-bangdatoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(0 0 0 / 50%) 68%, rgba(12, 13, 19) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(0, 0, 0, 0.8) inset;}
}
.daftar-slot-bangdatoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-slot-bangdatoto::before,
.daftar-slot-bangdatoto::after {
  opacity: 1;
}


.daftar-casino-bangdatoto::before,
.daftar-casaino-bangdatoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-casino-bangdatoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(0 0 0 / 50%) 68%, rgba(12, 13, 19) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(0, 0, 0, 0.8) inset;}
}
.daftar-casino-bangdatoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-casino-bangdatoto::before,
.daftar-casino-bangdatoto::after {
  opacity: 1;
}


.daftar-sportsbook-bangdatoto::before,
.daftar-sportsbook-bangdatoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-sportsbook-bangdatoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(0 0 0 / 50%) 68%, rgba(12, 13, 19) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(0, 0, 0, 0.8) inset;}
}
.daftar-slot-bangdatoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-sportsbook-bangdatoto::before,
.daftar-slot-bangdatoto::after {
  opacity: 1;
}


.card-slotgame:hover .daftar-slot-bangdatoto::after {
  height: 120px;
}


.card-slotgame:hover .daftar-slot-casino::after {
  height: 120px;
}

.card-slotgame:hover .daftar-sportsbook-casino::after {
  height: 120px;
}

.character {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  transition: all 0.5s;
}

.card-slotgame:hover .character {
  opacity: 1;
  transform: translateY(-10%);
}

@keyframes shadow {
    0% {
        box-shadow: inset 20px -14px 20px gold;
    }

    100% {
        box-shadow: inset 20px -20px 20px red;
    }
}

.link-alternatif-bangdatoto-terbaik {
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin-top: 15px;
    margin: 30px auto;
}

.link-alternatif11 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.png);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white !important;
    text-shadow: 0px 0px 1px black !important;
    color: red;
    font-weight: bold !important;
}

.link-alternatif12 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.png);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white !important;
    text-shadow: 0px 0px 1px black !important;
    color: red;
    font-weight: bold !important;
}

.link-alternatif13 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.png);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white !important;
    text-shadow: 0px 0px 1px black !important;
    color: red;
    font-weight: bold !important;
}

.alternatif-dasar {
    display: flex;
}

.info-alternatif {
    border-top: 1px solid gold;
    margin-top: 4px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 13px;
    color: rgb(0 0 0);
    font-family: helvetica;
    text-shadow: 0 2px 1px rgb(255, 255, 255);
}

.alternatif-dasar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

a.link-alternatif11:hover {
    text-decoration: none;
    color: black !important;
}

a.link-alternatif12:hover {
    text-decoration: none;
    color: black !important;
}

a.link-alternatif13:hover {
    text-decoration: none;
    color: black !important;
}

.container-footer-bawah {
    max-width: 700px;
    margin: 25px auto;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    z-index: 99999;
}
.news-detail {
    width: 100%;
    height: 175px;
    display: inline-block;
    background: rgba(0, 0, 0, 1) !important;
    padding: 5px 15px;
    color: #fff;
    -webkit-transition: all 0.25s linear !important;
    -moz-transition: all 0.25s linear !important;
    transition: all 0.25s linear !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #ddb600;
    border-radius: 4px;
    overflow-x: hidden ! important;
    overflow-y: auto ! important;
}


.results-detail {
    width: 100% ! important;;
    display: inline-block ! important;;
    background: rgba(0, 0, 0, 1) ! important;
    padding: 0px 15px ! important;;
    color: #fff ! important;
    -webkit-transition: all 0.25s linear ! important;
    border: 1px solid #ddb600 ! important;
    -moz-transition: all 0.25s linear ! important;
    transition: all 0.25s linear ! important;
    -webkit-border-radius: 4px ! important;
    -moz-border-radius: 4px ! important;
    -ms-border-radius: 4px ! important;
    -o-border-radius: 4px ! important;
    border-radius: 4px ! important;
     min-height: 30px ! important;
}

.results-pool {
    color: #fff ! important;
}

.results-number {
    color: #fff !important;
}

#slide-left1 {
        position: fixed;
        top: 110px;
        background: linear-gradient(149deg, rgb(0 0 0) -5%, rgb(97 0 0) 27%, rgb(70 0 0) 39%, rgba(129, 0, 0, 1) 63%, rgb(72 0 0) 80%, rgb(47 0 0) 98%);
        z-index: 99999;
        width: 180px;
        left: -180px;
        min-height: 180px;
        text-align: center;
        transition: left .4s ease-in-out;
        -o-transition: left .4s ease-in-out;
        -ms-transition: left .4s ease-in-out;
        -moz-transition: left .4s ease-in-out;
        -webkit-transition: left .4s ease-in-out;
        border-radius: 0px 12px 32px 0;
        border: 1px solid gold;
    }

    #toggle-left1 {
        font-size: 20px;
        position: absolute;
        z-index: 99999;
        left: 180px;
        text-align: center;
        cursor: pointer;
    }

    .card-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .card-img {
        width: 150px;
        height: auto;
        margin-bottom: 5px;
        margin-left: 20px;
    }

    .hours {
        margin: 20px;
    }

    .img-kontak {
        width: 50px;
        margin: 10px;
        padding-bottom: 9px;
        border-bottom: 5px double gold;
    }

    .img-kontak:hover {
        border-bottom: 5px double rgb(255, 0, 0);
    }


    .daftar-btn-bawah {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
.linkalte {
    color: black !important;
    text-decoration: none;
}

.linkalte:visited {
    color: #FFFFFF;
}

.linkalte:hover {
    color: rgb(113, 113, 113);
}

.linkalte {
    text-decoration: none;
    color: #FFFFFF !important;
    font-family: arial;
    font-weight: bold;
}

#fl_menu {
    position: fixed;
    top: 80px;
    right: 0px;
    z-index: 9999;
    width: 180px;
    height: 42px;
    display: block;
    overflow: visible;
    height: 0.5s;
}

#fl_menu:hover {
    height: 190px;
}

.menuaa {
    width: 185px;
    background: rgba(0, 0, 0, 0.6);
}

.menu_item {
    display: block;
    background: #f647472e;
    color: #003300;
    border-top: 0px;
    border-color: #d9aa0c;
    padding: 8px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    width: 179px;
    border-bottom: 1px #f03434 solid;
    padding: 10px;
}

.menu_item:hover {
    background: rgba(0, 40, 65, 0.5) !important;
    text-decoration: none;
    color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    #fl_menu {
        display: none;
    }
}

.menuaa table,
.menuaa table tbody tr td {
    border: 0px;
}
/* ===== Toggle Button (pojok kiri bawah) ===== */
.bangdatoto-toggle-btn {
  position: fixed;
  left: 4px;
  bottom: 87px;
  background: linear-gradient(to bottom, #ffa900 0%, #ffd400 80%);
  color: #ff0000;
  padding: 10px 16px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #fff500;
  z-index: 10000;
  transition: all 0.3s ease;
}
.bangdatoto-toggle-btn:hover {
  background: #ffbe00;
}

/* ===== Sidebar Panel ===== */
.bangdatoto-social {
    position: fixed;
    left: -320px;
    bottom: 87px;
    width: 294px;
    background: linear-gradient(to bottom, #ffe000 0%, #ffb800 80%);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    transition: left 0.4s ease;
    padding: 6px;
    border-radius: 0 20px 20px 0;
    overflow-y: auto;
    z-index: 99999;
    box-shadow: inset 0 0 0 1px #ffa300, inset 0 2px 0 0 #ff5e00, inset 0 4px 4px 2px #fff000, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    border-right: 2px solid #ffd800;
}
.bangdatoto-social.bangdatoto-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.bangdatoto-social h3 {
  color: #ff0000 !important;
  font-size: 20px;
  margin-bottom: 4px;
}
.bangdatoto-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.bangdatoto-social ul {
  list-style: none;
}
.bangdatoto-social ul li {
  margin-bottom: 14px;
}
.bangdatoto-social ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 14px;
  background: rgb(0 0 0);
  border: 1px solid rgb(255 247 0);
  border-radius: 14px;
  transition: all 0.3s ease;
}
.bangdatoto-social ul li a:hover {
  background: rgba(255,255,255,0.1);
}
.bangdatoto-info {
  flex: 1;
  margin-left: 10px;
}
.bangdatoto-info span {
  color: gold;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.bangdatoto-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.bangdatoto-social ul li img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

/* ===== Footer Close Button ===== */
.bangdatoto-close-btn {
    display: block;
    position: unset !important;
    margin: 20px auto 0;
    padding: 8px 16px;
    border: 2px solid #ffee04;
    border-radius: 20px;
    font-size: 14px;
    color: #ff0000 !important;
    background: transparent;
    cursor: pointer;
    transition: background 0.3s;
}
 @media (max-width: 400px) {
        .bangdatoto-toggle-btn {
    position: fixed;
    left: 1px;
    bottom: 87px;
    background: linear-gradient(to bottom, #ff8500 0%, #ff4700 80%);
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid gold;
    z-index: 10000;
    transition: all 0.3s ease;
}
    }
.bangdatoto-close-btn:hover {
  background: rgba(255,255,255,0.1);
}
	@font-face {
		font-family: Muli;
		src: url('/assets/fonts/Muli.ttf');
        font-display: swap;
	}
	h1, h2, h3, h4, h5, h6, a, button.btn-theme, .btn.btn-theme, span, .date, p, .copyright, li, thead, tbody, .row{
		font-family: Muli !important;
	}
.tickercontainer{width:100%;margin:0px;padding:0px;overflow:hidden;}
.tickercontainer .masking{position:relative;left:0px;width:100%;height:35px;overflow:hidden;}
ul.newsticker{position:relative;width:100%;list-style-type:none;margin-top:7px;padding:0px;}
ul.newsticker li{float:left;margin:0px;padding:0px;}
ul.newsticker a{white-space:nowrap;padding:0px;margin:0 45px 0 0;color:#717171;}
ul.newsticker span{margin:0 10px 0 0;}