.pc body.black-gold-theme {
    background-image: url('https://statics.hokibagus.club/watitoto/background/watitoto_backgroundweb.png') !important;
    background-size: 100% !important;
    background-attachment: fixed !important;
    background-position: center !important;
  }
.black-gold-theme .mine-menus ul li img, .black-gold-theme .mine-top .mine-info .about, .black-gold-theme .user .password:before, .black-gold-theme .user .username:before {
    filter: brightness(0) saturate(100%) invert(47%) sepia(92%) saturate(3290%) hue-rotate(347deg) brightness(95%) contrast(91%) !important;
}
.theme-style .user input {
    color: #000;
}
.theme-style .user input::placeholder {
    color: #000 !important;
}  
.black-gold-theme footer .nav-item h3 {
  color: #fff;
}

.black-gold-theme #service .navigator-bar, .black-gold-theme #service .navigator-bar .service-navi-bar img, .black-gold-theme #service .navigator-bar .service-navi-bar p, .black-gold-theme .navigator-bar {
  background: #393838;
}

.pc .black-gold-theme .navigator-bar {
  background: #393838 !important;
  color:#fff;
}

.black-gold-theme #betRecords .sub-tabs, .black-gold-theme .rebate-table table thead th, .black-gold-theme .recommend-table table thead th, .black-gold-theme footer .nav-item-active {
  border: none !important;
}

.pc .black-gold-theme footer .nav-item-active {
    background-color: #393838;
    color: #fff;
    border: none;
    position: relative;
}

.pc .black-gold-theme footer .nav-item-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 1px;
    background-color: #e85828;
}


.pc .theme-style footer .nav-item .icon {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(329deg) brightness(110%) contrast(101%) !important;
}

.user .logout-btn:before, .theme-style .user .avatar, .tabs .tab img, .theme-style .user.isLogin .nick .nick-img::after{
    filter: brightness(0) saturate(100%) invert(49%) sepia(40%) saturate(3636%) hue-rotate(341deg) brightness(90%) contrast(101%);
}

.black-gold-theme .loginForm, .black-gold-theme .more-menu-box, .black-gold-theme .tabs, .black-gold-theme .tabs .logo, .black-gold-theme .user,.pc .black-gold-theme .index-footer {
    background: #393838 !important;
}

input.usdt-amount-money::placeholder {
  margin-top: -10px;
}

  .theme-style .game-list .game-menu .hot-menu.game-menu-current b,
  .theme-style .game-list .game-menu .elgame-menu.game-menu-current b,
  .theme-style .game-list .game-menu .lottery-menu.game-menu-current b,
  .theme-style .game-list .game-menu .live-menu.game-menu-current b,
  .theme-style .game-list .game-menu .sport-menu.game-menu-current b,
  .theme-style .game-list .game-menu .fish-menu.game-menu-current b,
  .theme-style .game-list .game-menu .card-menu.game-menu-current b,
  .theme-style .game-list .game-menu .history-menu.game-menu-current b {
    height: 4.3rem !important;
    background-size: 4.5rem !important;
    animation: bounceDown 1s ease-in-out infinite;
    position: absolute;
  }

  @keyframes bounceDown {
    0% {
    transform: scaleX(1);
    }

    20% {
        transform: scale3d(.6, .6, 1);
    }
    40% {
        transform: scale3d(1.2, 1.2, 1);
    }
    60% {
        transform: scaleX(1);
    }
    80% {
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        transform: scaleX(1);
    }
}

  .game-list .game-items .game-item.pioneer-live h3 {
    text-align: left;
    line-height: 35px !important;
  }

  .pc .index-footer {
    margin-left: -700px;
    top: 74px;
    padding-right: 95px;
  }

  .mobile .theme-style .swiper,
  .theme-style .swiper .swiper-container,
  .theme-style .swiper .swiper-container .swiper-item {
    height: 22.5rem;
  }

  .mobile .game-list .game-items .game-item h3,
  .game-item i {
    line-height: 0rem;
  }

  .game-list .game-items .home-tabs .tab img {
    width: 100%;
  }

  .pc .theme-style .game-list .game-items .home-tabs {
    justify-content: space-evenly;
  }

  .game-list .game-items .lottery-category .lotteryTabBox {
    gap: 1rem;
  }

  .game-list .lottery p>img {
    display: inline-block;
  }

  .mobile body {
    background-image: url('https://statics.hokibagus.club/watitoto/background/watitoto_backgroundmobile.png') !important;
    background-size: 100%;
    background-attachment: scroll;
    background-position: top !important;
  }

  .navi-btn-img {
    top: 20%;
  }

  .pc .mine-container,
  #betRecords .list,
  .mine-container,
  .rebate-table table,
  .recommend-share,
  #myRecommend .detail {
    background: #00000080;
  }

  .mobile .container {
    background: #00000080;
    margin-top: 0px;
  }

  #transactionRecords .tabs,
  #myRecommend .tabs {
    gap: 0px;
  }

  .apk-download {
    background: #000000cc !important;
  }

  .mobile .user.isLogin {
    background: #393838 !important;
  }

  .mobile .black-gold-theme .tabs .logo {
    background: #393838 !important;
  }

  .black-gold-theme section#index {
    background: #00000080 !important;
  }

  .game-list .game-items .home-tabs .tab {
    border: none !important;
  }

  .theme-style .game-list .game-items .home-tabs {
    gap: 0.2rem !important;
  }

  .game-list .game-items .home-banklist dt,
  .game-bank-rule .home-banklist dt {
    background: #00000000 !important;
  }

  .game-list .lottery h3,
  .game-list .live h3,
  .game-list .sport h3,
  .game-list .fish h3,
  .game-list .card h3 {
    line-height: 2.5rem !important;
  }

  .game-list .lottery h3 {
    background: linear-gradient(165deg, #8b0000 50%, transparent);
    animation: change-color 1s ease 0s infinite normal;
  }

  .game-list .elgame h3 {
    line-height: 2.5rem !important;
    color: #000;
  }

  #game .list .elgame h3 {
    line-height: 2.3rem !important;
    color: #000;
  }

  .pc .game-list .game-items .home-tabs {
    background: #00000080 !important;
  }

  .user .password, .user .username {
    background: #fff !important;
    border-radius: 15px 2px 15px 5px;
    width: 12.5rem;

  }

  .mobile .user .password,
  .mobile .user .username {
    margin-top: 2, 5%;
    height: 2.7rem;
  }

  .black-gold-theme .game-list .game-menu .game-menu-item i {
    color: #00000000 !important;
  }

  .theme-style .game-list .game-menu .game-menu-item {
    border-radius: 12px;
  }
  .pc .champagne-gold-theme .game-list-box .game-menu .history-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_history.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu .hot-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_hot.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu .live-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_livegame.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu .elgame-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_slot.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu .lottery-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_togel.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu .sport-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_sport.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu .fish-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_tembakikan.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu .card-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_arcade.gif);
  }

  .pc .champagne-gold-theme .game-list-box .game-menu p {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_kosong.gif);
    border-radius: 30px !important;
  }
  .champagne-gold-theme .game-list .game-menu .history-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_history.gif);
  }

  .champagne-gold-theme .game-list .game-menu .hot-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_hot.gif);
  }

  .champagne-gold-theme .game-list .game-menu .live-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_livegame.gif);
  }

  .champagne-gold-theme .game-list .game-menu .elgame-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_slot.gif);
  }

  .champagne-gold-theme .game-list .game-menu .lottery-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_togel.gif);
  }

  .champagne-gold-theme .game-list .game-menu .sport-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_sport.gif);
  }

  .champagne-gold-theme .game-list .game-menu .fish-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_tembakikan.gif);
  }

  .champagne-gold-theme .game-list .game-menu .card-menu {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_arcade.gif);
  }

  .champagne-gold-theme .game-list .game-menu p {
    background-image: url(https://statics.hokibagus.club/watitoto/icongame/watitoto_kosong.gif);
    border-radius: 30px !important;
  }

  .theme-style .game-list .game-menu .game-menu-item,
  .black-gold-theme .game-list .game-menu p {
    background-size: 100%;
    background-position: center;
  }

  img.gifpetir {
    border-radius: 12px;
  }

  .theme-style .game-list .game-menu .game-menu-current b {
    margin-top: 0rem !important;
  }

  .mobile .black-gold-theme footer .nav-item .icon {
    background-size: 25px 25px !important;
    background-position: center 5px !important;
  }

  .mobile .Green_gray-theme footer .nav-item:nth-of-type(3) {
    background-color: transparent !important;
  }

  .mobile .black-gold-theme footer .nav-item:nth-of-type(3) .icon {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(329deg) brightness(110%) contrast(101%) !important;
    background-position: center 0% !important;
  }

  .mobile .theme-style footer .nav-item .icon {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(329deg) brightness(110%) contrast(101%) !important;
  }

  .mobile .theme-style footer {
    background: url('https://statics.hokibagus.club/watitoto/buttom/watitoto_buttom.png') no-repeat center top;
    height: 5.5rem;
    background-size: cover;
  }

  .mobile .theme-style footer .nav-item:nth-of-type(3)::before {
    border: 2px solid #fbb135;
    width: 4.8rem;
    height: 4.8rem;
    background-image: linear-gradient(180deg, #494747 17%, #191919 66%, #3b3a3a 92%);
    top: -22px;
  }

  .mobile .theme-style footer .nav-item h3 {
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    color: #fff !important;
  }

  .pc .black-gold-theme .game-list-box .game-menu .game-menu-item i {
    color: #d0b48400;
  }

  .mobile .black-gold-theme .game-list .game-menu game-menu-item .hot-menu .game-menu-current i {
    top: .1em !important;
  }

  .mobile .black-gold-theme .game-list .game-menu .game-menu-current i {
    top: 3em;
  }

  .black-gold-theme .game-list .game-menu .game-menu-current i {
    font-weight: bold;
    font-size: .9rem;
    text-transform: uppercase;
    top: 4em;
  }

  .black-gold-theme .notice {
    background: #00000080 !important;
    border-bottom: none !important;
  }

  .pc .black-gold-theme .game-list-box .game-menu .game-menu-current i {
    font-weight: bold;
  }

  .game-bank-rule .home-banklist .bank-rule a,
  .pc .game-bank-rule .home-banklist .bank-rule a {
    color: #cd5d1d;
    font-weight: bold;
  }

  .champagne-gold-theme .user .loginBtn,
  .black-gold-theme .loginForm .login-btn {
    background: linear-gradient(270deg, #f29527 15%, #ed5d2d 21%, #d6521c 33%, #cc5e33ff 44%, #f3774eff 50%, #cc5e33ff 60%, #d6521c 73%, #ed5d2d 85%, #f29527 100%);
    animation: gradient 4s ease infinite !important;
    background-size: 400% 400%;
    box-shadow: inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ca820e !important;
    color: #fff;
    padding: 0rem 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    height: 2.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: auto;
  }

  #transactionRecords .tabs .actived,
  .recommend-share a,
  #myRecommend .sub-tabs .actived,
  #myRecommend .tabs .actived,
  #betRecords .tabs .actived,
  #betRecords .filterMenu .current,
  #betRecords .sub-tabs .actived,
  #transactionRecords .filterMenu .current {
    color: #fff;
    background: #ffa100;
  }

  .register-step .btn {
    background: linear-gradient(270deg, #f29527 15%, #ed5d2d 21%, #d6521c 33%, #cc5e33ff 44%, #f3774eff 50%, #cc5e33ff 60%, #d6521c 73%, #ed5d2d 85%, #f29527 100%);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite !important;
    box-shadow: inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ca820e !important;
    color: #fff;
  }

  .user .loginBtn {
    border-radius: 15px 2px 15px 5px;
  }

  .register-step .btn {
    border-radius: 20px;
  }

  .mobile .user .loginBtn {
    animation: gradient 4s ease infinite !important;
    background-image: linear-gradient(270deg, #f29527 15%, #ed5d2d 21%, #d6521c 33%, #cc5e33ff 44%, #f3774eff 50%, #cc5e33ff 60%, #d6521c 73%, #ed5d2d 85%, #f29527 100%);
    background-size: 400% 400%;
    box-shadow: inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ca820e !important;
    color: #fff;
    border-radius: 20px;
    padding: 0rem 2.5rem;
    height: 2.8rem;
    width: calc(13%);
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: larger;
  }

  .mobile .champagne-gold-theme .tabs .tab[data-href="#/register"] {
    animation: gradient 4s ease infinite !important;
    background-image: linear-gradient(270deg, #f29527 15%, #ed5d2d 21%, #d6521c 33%, #cc5e33ff 44%, #f3774eff 50%, #cc5e33ff 60%, #d6521c 73%, #ed5d2d 85%, #f29527 100%);
    background-size: 400% 400%;
    box-shadow: inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ca820e !important;
    color: #fff;
    border-radius: 20px;
    padding: 0rem 2.5rem;
    height: 2.8rem;
    width: calc(13%);
    display: flex;
    align-items: center;
    font-weight: bold;
    position: absolute;
    right: 0%;
    text-transform: uppercase;
  }

  .mobile .tabs .tab[data-href="#/register"] {
    margin-top: 5px;
  }

  .tabs .tab b {
    font-weight: bold;
  }

  .mobile .tabs .tab.tab-forget {
    display: flex;
    position: absolute;
    right: calc(30.5%);
    flex-direction: column;
    bottom: calc(4%);
  }

  .mobile .champagne-gold-theme .mobile .tabs .tab[data-href="#/deposit"] {
    position: absolute;
    right: calc(24%);
    font-size: 14px;
    background: linear-gradient(270deg, #f29527 15%, #ed5d2d 21%, #d6521c 33%, #cc5e33ff 44%, #f3774eff 50%, #cc5e33ff 60%, #d6521c 73%, #ed5d2d 85%, #f29527 100%);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite !important;
    box-shadow: inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ca820e !important;
    color: #fff;
    border-radius: 15px;
    width: 20%;
    height: 57%;
    top: 25%;
  }

  .mobile .champagne-gold-theme .mobile .tabs .tab[data-href="#/withdrawal"] {
    position: absolute;
    right: calc(2.5%);
    font-size: 14px;
    background: linear-gradient(270deg, #f29527 15%, #ed5d2d 21%, #d6521c 33%, #cc5e33ff 44%, #f3774eff 50%, #cc5e33ff 60%, #d6521c 73%, #ed5d2d 85%, #f29527 100%);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite !important;
    box-shadow: inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ca820e !important;
    color: #fff;
    border-radius: 15px;
    width: 20%;
    height: 57%;
    top: 25%;
  }

  .mobile .user .overage {
    font-size: 15px;
  }

  .mobile .tabs .tab {
    gap: 0rem;
  }

  .mobile .tabs .tab img {
    display: none;
  }

  .mobile .tabs {
    gap: calc(24%);
  }

  .mobile .user {
    background: #393838 !important;
  }

  .mobile .theme-style .user,
  .mobile .theme-style .tabs {
    padding-left: 2%;
    padding-right: 2%;
  }

  .mobile .tabs .tab[data-href="#/register"] img {
    display: none;
  }

  .apk-download {
    min-height: 63px;
    display: none;
  }

  .apk-download .download-btn {
    background: #cd5d1d;
    color: #000;
    font-weight: 700;
    border: 1px solid #ffe400 !important;
    box-shadow: inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
  }

  .apk-download .apk-content {
    font-size: 11.8px;
  }

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

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

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

  @-webkit-keyframes change-color {
    0% {
      color: black;
    }

    50% {
      color: white;
    }

    100% {
      color: black;
    }
  }

  @keyframes change-color {
    0% {
      color: white;
    }

    50% {
      color: white;
    }

    100% {
      color: black;
    }
  }

  .newScrollText {
    width: 100%;
    padding: 4px 0;
  }

  .notice p {
    color: #ddc043 !important;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
  }

  .black-gold-theme #deposit .container .deposit-banklist,
  .black-gold-theme .game-bank-rule .home-banklist,
  .black-gold-theme .game-list .game-items .home-banklist {
    background: #00000060;
    /* box-shadow: 0 0 1rem #000; */
    border: none !important;
  }

  #game .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem;
  }

  #footer {
    background: #00000080 !important;
  }

  .pc #chat-widget-container {
    bottom: 0px !important;
  }

  .mobile #chat-widget-container {
    bottom: 48px !important;
  }

  #deposit .container ul li input,
  #withdrawal .container ul li input {
    font-size: 2.8rem;
  }


  .black-gold-theme #accountsAndSecurity ul,
  .black-gold-theme #activity .game-list .game-items .game-item,
  .black-gold-theme #betRecords .list .items,
  .black-gold-theme #betRecords .list .items li:nth-child(2n-1),
  .black-gold-theme #deposit .container dl,
  .black-gold-theme #game .list .item,
  .black-gold-theme #gameRules .rule-detail .rule-content,
  .black-gold-theme #gameRules .rule-detail .tabs,
  .black-gold-theme #gameRules .rule-detail .tabs li,
  .black-gold-theme #myFavorite .list,
  .black-gold-theme #myFavorite .tabs,
  .black-gold-theme #myFavorite .tabs li,
  .black-gold-theme #myMessage .list,
  .black-gold-theme #myRecommend .detail dl,
  .black-gold-theme #myRecommend .detail dl dd,
  .black-gold-theme #myRecommend .detail dl dd:nth-child(2n),
  .black-gold-theme #oddsRules .rule-detail .rule-content,
  .black-gold-theme #oddsRules .rule-detail .rule-content dd table,
  .black-gold-theme #oddsRules .rule-detail .rule-content dd table tr,
  .black-gold-theme #oddsRules .rule-detail .tabs,
  .black-gold-theme #oddsRules .rule-detail .tabs li,
  .black-gold-theme #personalData ul,
  .black-gold-theme #transactionRecords .list,
  .black-gold-theme #withdrawal .container .payment-list .payment-item,
  .black-gold-theme .game-list .card,
  .black-gold-theme .game-list .elgame,
  .black-gold-theme .game-list .fish,
  .black-gold-theme .game-list .live,
  .black-gold-theme .game-list .lottery,
  .black-gold-theme .game-list .sport,
  .black-gold-theme .mine-about ul li,
  .black-gold-theme .mine-common,
  .black-gold-theme .mine-menus,
  .black-gold-theme .rebate-table table tbody td,
  .black-gold-theme .recommend-share,
  .black-gold-theme .recommend-table table tbody td {
    background-color: #cd5d1d !important
  }

  .champagne-gold-theme section {
    background: #b04309 !important;
  }

  .pc #withdrawal .container ul li input::placeholder, .pc .theme-style #deposit .container ul li input::placeholder {
    color: #fff;
  }

   .black-gold-theme #deposit .container ul:nth-child(2) {
    background-color: #cd5d1d !important;
  }
  
   .black-gold-theme #deposit .container .bank-items ul {
    background-color: rgba(255,255,255,.1) !important;
  }
  .black-gold-theme #mask .login-notify, .black-gold-theme #mask .login-success-btn {
      background: #cd5d1d;
  }

  .theme-style #deposit .container .bank-list .usdt-item .usdt-sejarah, .theme-style #deposit .container .bank-list .usdt-item .usdt-submit {
      background: #ffa100;
  }

  #deposit .container .bank-tabs .bank-tab {
    box-shadow: 0 .1rem .2rem #eebe39;
  }

  #deposit .container .bank-list .qris-item .qris-submit-btn {
    background: linear-gradient(to bottom, #e1a50f, #dd8900);
  }

  #deposit .container .bank-tabs .selected {
    background:#ffa100 ;
  }
  #deposit .container .bank-list .qris-item .submit {
    border-top: .15rem solid #eebe39;
    border-bottom: .2rem solid #eebe39;
  }
  .champagne-gold-theme .mine-top .mine-statistics{
    background: #ca5f27;
  }
  .theme-style .more-menu-box li.logoutIcon {
    background-color: #ffa100;
  }

  #deposit .container .submit,
  #withdrawal .container .submit,
  .logout,
  .popUp .popUp-container .popUp-content .btn,
  .popUp .popUp-btns .btn,
  .black-gold-theme #mask .login-success-btn a,
  .forget-step .btn,
  .recommend-register a {
    background: #ffa100 !important;
    color: #fff !important;
    font-weight: bold;
  }

  .popUp .popUp-btns .btn:nth-child(2) {
    background: #666 !important;
  }

  .register-step ul {
    background: #ffffffcc !important;
    font-size: 1.6rem;
    margin-top: 0px;
  }

  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=text] {
    color: #000;
    font-size: 1.3rem;
  }

  .btn-promosi-login,
  .btn-promosi-daftar {
    background: linear-gradient(270deg, #f29527 15%, #ed5d2d 21%, #d6521c 33%, #cc5e33ff 44%, #f3774eff 50%, #cc5e33ff 60%, #d6521c 73%, #ed5d2d 85%, #f29527 100%);
    background-size: 400% 400%;
    animation: gradient 2.5s ease infinite !important;
    box-shadow:inset 0 0 5px 3px #ce9939, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d5471d, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ca820e !important;
  }

  .btn-promosi-login {
    color: #000;
    border-radius: 10px;

    padding: 0rem 2.5rem;
    height: 2.7rem;
    width: 25%;
    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: space-around;

  }

  .btn-promosi-daftar {
    color: #000;
    border-radius: 10px;

    padding: 0rem 2.5rem;
    height: 2.7rem;
    width: 25%;
    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: space-around;

  }

  .btnpromosi {
    display: flex;
    align-items: center;
    margin: 0% 5% 0px 5%;
    justify-content: space-around;
    gap: 1rem;
    width: 90%;
  }

  .circular-menu {
    position: fixed;
    bottom: 1em;
    right: 1em;
  }

  .circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);
    color: hsl(0, 0%, 100%);
    text-align: center;
    line-height: 3.9;
    cursor: pointer;
    outline: 0;
  }

  .circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
  }

  .circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
  }

  .circular-menu .floating-btn span svg {
    width: 49px;
    height: 49px;
    font-size: 1.3em;
    transition: transform .2s;
  }

  .circular-menu.active .floating-btn span svg {
    transform: rotate(-45deg);
  }

  .circular-menu.active:after {
    width: 4.2em;
    height: 4.2em;
  }

  .circular-menu:after {
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: hsl(0deg 0% 8.02% / 52%);
    transition: all .3s ease;
  }

  .circular-menu.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
  }

  .circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
  }

  .items-wrapper a img {
    width: 100%;
  }

  .circular-menu .menu-item {
    position: absolute;
    top: 0.3em;
    right: 0.3em;
    z-index: -1;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    background-color: hsl(194.49deg 100% 46.27%);
    transition: transform .4s ease, background .2s ease;
  }

  .circular-menu .menu-item:hover {
    background-color: hsla(0, 0%, 0%, .3);
  }

  .circular-menu.active .menu-item {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .circular-menu.active .menu-item:nth-child(1) {
    transform: rotate(6deg) translate3d(0, -130px, 0);
  }

  .circular-menu.active .menu-item:nth-child(1) img {
    transform: rotate(-6deg);
  }

  .circular-menu.active .menu-item:nth-child(2) {
    transform: rotate(-15deg) translate3d(0, -130px, 0);
  }

  .circular-menu.active .menu-item:nth-child(2) img {
    transform: rotate(15deg);
  }

  .circular-menu.active .menu-item:nth-child(3) {
    transform: rotate(-36deg) translate3d(0, -130px, 0);
  }

  .circular-menu.active .menu-item:nth-child(3) img {
    transform: rotate(36deg);
  }

  .circular-menu.active .menu-item:nth-child(4) {
    transform: rotate(-57deg) translate3d(0, -130px, 0);
  }

  .circular-menu.active .menu-item:nth-child(4) img {
    transform: rotate(57deg);
  }

  .circular-menu.active .menu-item:nth-child(5) {
    transform: rotate(-78deg) translate3d(0, -130px, 0);
  }

  .circular-menu.active .menu-item:nth-child(5) img {
    transform: rotate(78deg);
  }

  .circular-menu.active .menu-item:nth-child(6) {
    transform: rotate(-98deg) translate3d(0, -130px, 0);
  }

  .circular-menu.active .menu-item:nth-child(6) img {
    transform: rotate(98deg);
  }

  .floating-gif-container {
    position: fixed;
    top: 55%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 999;
    opacity: 0.98;
    animation: upDown 2s ease-in-out infinite;
    pointer-events: auto;
  }

  @keyframes upDown {
    0% {
      transform: translateY(-50%) translateY(0);
    }

    50% {
      transform: translateY(-50%) translateY(-12px);
    }

    100% {
      transform: translateY(-50%) translateY(0);
    }
  }

  .floating-gif-container img {
    width: 55px;
    height: auto;
    border-radius: 15px;
  }

  .close-gif-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid #cd5d1d;
    width: 22px;
    height: 22px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    z-index: 1000;
  }

  @media (max-width: 768px) {
    .floating-gif-container img {
      width: 65px;
    }
  }

  @media (min-width: 1200px) {
    .floating-gif-container img {
      width: 70px;
    }
  }