/* button*/
.btn-masuk {
    background-c: linear-gradient(0deg, #97021a, #e20025 )!important;
    border-color: #e20025!important;
    box-shadow: inset 0 -2px 0 #e20025!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;
    }
    
    .btn-daftar{
    background: linear-gradient(0deg, #fb8800, #9d8640)!important;
    border-color: #9d8640!important;
    box-shadow: inset 0 -2px 0 #9d8640!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;
    }
    
    .btn-rtp {
    background: linear-gradient(0deg, #023359, #9d8640)!important;
    border-color: #9d8640!important;
    box-shadow: inset 0 -2px 0 #9d8640!important;
    font-size: 1.3rem!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;
    }
    
    .btn-lain {
    background: linear-gradient(0deg, #353a3e, #89959f)!important;
    border-color: #89959f!important;
    box-shadow: inset 0 -2px 0 #89959f!important;
    font-size: 1.3rem!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;
    }
    
    
    @media only screen and (max-width: 1000px){
    .marquee {
    border-top: 5px solid #9d8640!important;
    }
    }
    
    .marquee {
    border-top: 4px solid #9d8640!important;
    }
    .sc-1au8ryl-0{
    visibility: hidden;
    }
    
    @media only screen and (max-width: 1000px){
    #chat-widget-container{
    display:none!important;
    }
    }
    
    .modal-content {
    background-color: #fff0!important;
    cursor: pointer!important;
    border: 0!important;
    }
    
    .imgpop {
    border: 0!important;
    aspect-ratio: 0!important;
    object-fit: cover!important;
    }
    
    /*mobile*/
    .marquee{
    background: linear-gradient(90deg, var(--marquee-background) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--marquee-background) 100%);
    }
    
    .running>.marquee-shadow {
    background: linear-gradient(90deg, #9d8640 1%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, #9d8640 100%)!important;
    }
    
    i.bi.bi-volume-down{
    color:#9d8640!important;
    }
    
    .bi-caret-left-fill{
    color:#000000!important;	
    }
    
    .bi-caret-right-fill{
    color:#000000!important;	
    }
    
    article h1,h2,h3{
        color:yellow;
        text-align:center;
    }
    
    article p{
        text-align:justify;
    }
    
    #menu-mobile{
    background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), #9d8640!important;
    }
    
    div.menu-mobile.mobile-only{
    border-top: 3px solid #9d8640!important;
    }
    
    .menu-mobile.mobile-only > div:nth-of-type(1),
    .menu-mobile.mobile-only > div:nth-of-type(2) {
      background:#9d8640!important;
    }
    
    @media only screen and (max-width: 1000px) {
    .menu-item {
    background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), #9d8640!important;
    }
    }
    
    .my-navbar{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.068) 0%, rgba(0, 0, 0, 0.068) 100%), var(--primary-color);
    }
    
    .mobile-only .my-navbar > div {
    height: 90%!important;
    width: 15px!important;
    background: black;
    }
    
    .mobile-only{
    background:rgba(0,0,0,0);
    }
    
    /*global*/
    @media only screen and (max-width: 1000px){
    .header {
    background-image: url(https://ik.imagekit.io/petainaja/assets/background-peta.gif?updatedAt=1735578902325)!important;
    box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: bottom!important;
    }
    .appbar{
    background-image: url(https://ik.imagekit.io/petainaja/assets/background-peta.gif?updatedAt=1735578902325)!important;
    box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: top!important;
    }
    
    }
    
    @media only screen and (min-width: 1001px){
    .header {
    background-image: url(https://ik.imagekit.io/petainaja/assets/background-peta.gif?updatedAt=1735578902325)!important;
    box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: top!important;
    }
    
    .togel-desktop {
    background-image: url(https://ik.imagekit.io/petainaja/assets/background-peta.gif?updatedAt=1735578902325)!important;
    box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: bottom!important;
    }
    }