<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=0.3">
    <meta name="csrf-token" content="">
        <title>Bantenghoki - Sistem Audit Internal Tersukses Sekarang</title>
    <link rel="icon" type="image/png" href="https://media.wtgplay.xyz/style/supernova/azgbaa/img/icon/favicon.png"/>
    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/fonts.css">
          <link rel="stylesheet" href="https://media.wtgplay.xyz/style/supernova/azgbaa/css/desktop/theme-color.css?v=1780981890">
      <link rel="stylesheet" href="https://media.wtgplay.xyz/style/supernova/azgbaa/css/desktop/theme-base.css?v=1780981890">
      <link rel="stylesheet" href="https://media.wtgplay.xyz/style/supernova/azgbaa/css/desktop/theme-additional.css?v=1780981890">
        
    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/iconsax/style.css" media="print" onload="this.media='all'">
    
    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/fontawesome/fontawesome.css" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/fontawesome/brands.css" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/fontawesome/regular.css" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/fontawesome/solid.css" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="https://icanhasforce.com/plugins/izi-toast/iziToast.min.css?v=1.1.1" media="print" onload="this.media='all'">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" media="print" onload="this.media='all'" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" media="print" onload="this.media='all'" />

    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/owl.carousel.css" media="print" onload="this.media='all'">
    <!-- Link Splide's CSS -->
    <link rel="stylesheet" href="https://icanhasforce.com/template/alpha/assets/css/splide/splide.min.css" />
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css" media="print" onload="this.media='all'">
    <style>
            form {
                margin: 0;
            }

            .referral-information {
                padding-bottom: 36px;
            }

            .top3-games__list {
                overflow-y: hidden !important;
            }

            #period-referral {
                  color: #FFF !important;
                  padding: 0 21px 0 4px;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  background: transparent;
                  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
                  background-repeat: no-repeat;
                  background-position-x: 100%;
                  background-position-y: 0px;
            }

            .referral-detail__tab {
              width: 100%;
              display: none;
              flex-wrap: wrap;
              align-items: center;
              gap: 16px;
            }
            .referral-detail__tab.active {
              display: flex;
            }

            .referral-detail__tab-header {
              width: 100%;
              display: flex;
              flex-wrap: nowrap;
              align-items: center;
              gap: 16px;
            }
            .referral-detail__tab-header--filter {
              color: rgb(255, 255, 255);
              background: rgba(255, 255, 255, 0.12);
              padding: 9px 8px;
              border-radius: 6px;
              cursor: pointer;
              height: 40px;
              display: flex;
              align-items: center;
              gap: 8px;
              font-weight: 400;
            }
            .referral-detail__tab-header--filter svg {
                flex-shrink: 0;
            }
            .referral-detail__tab-header--filter .select2-results__option {
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                white-space: nowrap;
            }
            .referral-detail__tab-header--filter:hover {
              background: rgba(255, 255, 255, 0.2);
            }
            .referral-detail__tab-header--filter .select2-container--default .select2-selection--single {
                border: none;
            }
            .referral-detail__tab-header--filter .select2-container--default .select2-selection--single .select2-selection__rendered {
                color: #FFF;
                text-align: center;
            }
            .referral-detail__tab-header--filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
                border-color: #FFF transparent transparent transparent;
            }
            .referral-detail__tab-header--filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                border-color: transparent transparent #FFF transparent;
            }
            /* .referral-detail__tab-header--filter span {
              padding-left: 8px;
            } */

            .referral-detail__tab-header--pagination {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              justify-content: space-between;
              gap: 16px;
            }
            .referral-detail__tab-header--pagination-title {
              font-size: 16px;
              color: rgba(255, 255, 255, 0.7);
            }
            .referral-detail__tab-header--pagination-list {
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 16px;
            }
            .referral-detail__tab-header--pagination-list-item {
              cursor: pointer;
              font-size: 16px;
              color: rgba(255, 255, 255, 0.7);
            }
            .referral-detail__tab-header--pagination-list-item.active, .referral-detail__tab-header--pagination-list-item:hover {
              color: rgb(255, 255, 255);
            }
            .referral-detail__tab-header--pagination-list-item.disable {
              color: rgba(255, 255, 255, 0.2);
            }

            .referral-detail__tab-body {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
            }
            .referral-detail__tab-body--result {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 16px;
              color: rgba(255, 255, 255, 0.7);
              font-size: 14px;
            }

            .referral-detail__tab-body-row {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 8px;
              padding: 8px;
              background: rgb(11, 25, 24);
              border-radius: 8px;
            }
            .referral-detail__tab-body-row-header {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
            }
            .referral-detail__tab-body-row-header--title span {
              padding: 0 8px;
            }

            .referral-detail__tab-body-row-body {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
            }
            .referral-detail__tab-body-row-body-item:first-of-type {
              text-align: left;
            }
            .referral-detail__tab-body-row-body-item:last-of-type {
              text-align: right;
            }
            .referral-detail__tab-body-row-body-item--head {
              font-size: 14px;
            }

            .referral-detail__tab-body-row-body-item--body {
              font-size: 16px;
              font-weight: 500;
              color: rgb(255, 255, 255);
            }

            .referral-detail__tab-body-row-footer {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
              background: rgba(255, 216, 120, 0.12);
              padding: 12px;
              border-radius: 8px;
            }
            .referral-detail__tab-body-row-footer--title {
              font-size: 12px;
              color: rgb(255, 255, 255);
            }

            .referral-detail__tab-body-row-footer--amount {
              font-size: 14px;
              font-weight: 500;
            }

            .referral-detail__tab-body--information {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 8px;
              background: rgb(11, 25, 24);
              border-radius: 12px;
              padding: 16px 24px;
              /* margin: 16px; */
            }
            .referral-detail__tab-body--information-header {
              font-size: 24px;
              font-weight: 500;
              color: rgb(255, 255, 255);
            }
            .referral-detail__tab-body--information-body {
              text-align: justify;
              font-size: 16px;
              color: rgba(255, 255, 255, 0.7);
            }

            .referral-detail__tab-footer {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 16px;
              padding: 8px;
              background: rgb(21, 39, 39);
              margin-bottom: 16px;
            }
            .referral-detail__tab-footer-header {
              width: 100%;
              font-size: 24px;
              font-weight: 500;
              color: rgb(255, 255, 255);
            }
            .referral-detail__tab-footer-body {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 8px;
            }
            .referral-detail__tab-footer-body-item {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              justify-content: space-between;
              font-size: 16px;
            }
            .referral-detail__tab-footer-body-item--title {
              color: rgba(255, 255, 255, 0.7);
            }

            .referral-detail__tab-footer-body-item--amount {
              color: rgb(255, 255, 255);
            }

            .leaderboard {
              background-image: url("/template/alpha/mobile/img/leaderboard/leaderboard-mobile.png");
              background-repeat: no-repeat;
              background-size: cover;
              width: 100%;
              height: 233px;
              margin-bottom: 20px;
              padding-top: 25px;
              padding-bottom: 30px;
            }
            .leaderboard__content {
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
            }
            .leaderboard__content h1 {
              font-size: 16px;
              text-align: center;
              color: rgba(255, 255, 255, 0.6980392157);
            }
            .leaderboard__content p {
              text-align: center;
              font-size: 14px;
              color: #AEFF92;
              font-weight: 400;
            }

            .leaderboard__card-box {
              display: flex;
              flex-direction: row;
              margin: 0 auto;
              padding-left: 20px;
              padding-right: 20px;
            }

            .leaderboard__card {
              padding: 4px 10px;
              border-radius: 8px;
              background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)) border-box;
              -webkit-backdrop-filter: blur(25px);
                      backdrop-filter: blur(25px);
              /* border: 1px solid #638c7d; */
              border: 2px solid rgba(255, 255, 255, 0.1);
              box-shadow: 0 12px 24px rgba(0,0,0, 0.32);
            }

            .leaderboard__card-box {
              display: flex;
              flex-direction: row;
              gap: 10px;
              max-width: 100%;
            }

            .leaderboard__card-nominal {
              display: flex;
              flex-direction: row;
              gap: 8px;
            }

            .leaderboard__box-nominal {
              display: flex;
              flex-direction: row;
              align-items: center;
              gap: 8px;
            }

            .leaderboard__currency {
              color: rgba(255, 255, 255, 0.4);
              font-weight: 500;
              font-size: 22px;
              font-family: monospace;
            }

            .leaderboard__nominal {
              font-size: 46px;
              font-weight: 700;
              line-height: 56px;
              background: linear-gradient(to bottom, #FFFFFF, rgba(255, 255, 255, 0.2));
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              display: inline-block;
            }

            .leaderboard__line-nominal {
              background: linear-gradient(180deg, rgba(255, 255, 255, 0) 3.75%, rgba(255, 255, 255, 0.2) 50.91%, rgba(255, 255, 255, 0) 100%);
              width: 1px;
              height: 44px;
            }

            .closed-text{
                background: linear-gradient(to bottom, rgba(81, 81, 81, 1) 0%, rgba(23, 23, 23, 1) 100%) !important;
                color: #8E8E8E !important;
                box-shadow: 0px 2px 0px 0px #323232 !important;
            }

            .inbox-detail__tab-body-row:hover{
              color: white;
              text-decoration : none;
            }

            .inbox-detail__tab-body-row{
              color: white;
            }

            .content-page--alt0 {
              background: transparent;
              padding: 15px;
            }

            .content-page--alt0 .content-page__header-wrapper {
                padding: 8px 0;
            }

            .content-page--alt0 .content-page__header-title-text {
              text-transform: uppercase;
              font-family: "Druk Wide Bold", sans-serif;
            }

            .content-page--alt0 .content-page__wrapper {
              padding: 0 !important;
            }

            .modals-sidemenu .modal-content {
                border-radius: 20px;
            }

            .modals-sidemenu .modal-header {
                padding: 12px;
                padding-bottom: 0;
                gap: 12px;
            }

            .modals-sidemenu .modal-body {
                gap: 6px;
                padding: 12px;
            }

            .modals-sidemenu .modal-footer {
                padding: 12px;
                padding-top: 0;
            }

            .sidemenu-nav__wrapper {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .sidemenu-nav__item-link {
                display: flex;
                gap: 12px;
                padding: 12px;
                padding-left: 45px;
            }

            .modal-footer > * {
                margin: 0;
            }

            .footers-sidemenu {
                gap: 12px;
            }

            .sidemenu-lang {
                padding: 0 12px;
            }

            .sidemenu-profile {
                padding: 12px;
                padding-left: 87px;
            }

            .sidemenu-poker {
                gap: 8px;
            }

            .sidemenu-poker__user {
                gap: 8px;
            }

            .sidemenu-poker__user--label {
                font-size: 12px;
            }

            .sidemenu-poker__user--username {
                font-size: 16px;
                font-weight: 500;
            }

            .sidemenu-menu__information {
                display: flex;
                flex-direction: column;
                gap: 4px;
            }

            .sidemenu-menu__information--title {
                font-weight: 500;
            }

            .sidemenu-inbox {
                padding-right: 8px;
                padding-left: 8px;
            }

            .sidemenu-inbox__information--text {
                font-size: 14px;
                font-weight: normal;
                -webkit-line-clamp: 1;
            }

            .sidemenu-inbox__information--icon {
                color: #AEFF92;
            }

            .sidebar-referral {
                margin-top: 12px;
                padding: 12px;
                padding-top: 0;
                gap: 8px;
            }

            .sideform-header {
                padding: 0;
            }

            .sidebar-referral--header__content {
                padding: 4px 8px;
                padding-left: 64px;
            }

            .sidebar-referral--header__content-title {
                font-weight: 500;
            }

            .sidebar-referral--body {
                padding: 0;
            }

            .sidemenu-myprofile__user-tag {
                gap: unset;
            }

            .sidemenu-myprofile__user-pic {
                width: 64px;
                height: 64px;
            }

            .sidemenu-myprofile__user-tag--username {
                font-size: 20px;
                font-weight: 500;
            }

            .sidemenu-myprofile__user-tag--email {
                font-size: 14px;
            }

            .sidebar-button:not(.sidebar-button--transparent) {
                width: 100%;
                color: rgb(45, 100, 22);
                background: linear-gradient(to top, rgb(174, 255, 146) 0%, rgb(54, 213, 108) 100%);
                box-shadow: 0 3px 0 0 #2D6416;
                border-radius: 8px;
                padding: 9px;
                border: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                font-weight: 500;
            }

            .sidebar-button:not(.sidebar-button--transparent) span:not(.sidebar-button__icon) {
                font-size: 14px;
                font-weight: 600;
                background-image: linear-gradient(180deg, rgba(45, 100, 22, 0.4), rgba(45, 100, 22, 1));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .inbox-detail__header-tab--item.active {
                font-weight: 600;
            }

            .custom-radio-btn .custom-control-label {
                border: 1px solid rgba(255, 255, 255, 0.4);
                border-radius: 12px;
                gap: 12px;
                padding: 20px;
            }

            .custom-radio-btn__img {
                margin: 0;
                width: 24px;
                height: 24px;
            }

            .custom-radio-btn__img--bank {
                width: 100px;
                /* height: 36px; */
                object-fit: contain;
            }

            .custom-bank-item {
                width: auto;
            }

            .bank-item{
              max-width: 132px;
              max-height: 68px;
            }

            .form-wd__title-badge {
                color: rgba(255, 255, 255, 0.7);
                background: rgba(32, 57, 56, 1);
                border-radius: 50%;
                font-size: 14px;
                width: 28px;
                height: 28px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-weight: 500;
                padding: 0;
            }

            .form-wd__title {
                width: 100%;
                font-size: 24px;
                margin-bottom: 15px;
                display: flex;
                align-items: center;
                gap: 12px;
            }

            .content-page--wd .content-page__wrapper, .content-page--promotions .content-page__wrapper {
                display: flex;
                padding: 0;
                margin: 0;
            }

            .content-page--promotions {
                border-radius: 24px;
            }

            .content-page--promotions .content-page__body {
                padding: 24px;
            }

            .game-promotions__filters {
                padding-bottom: 0;
                margin: 5px 6px;
            }

            .game-promotions__content-header {
                margin: 14px 6px;
            }

            .game-promotions__content-header--text {
                font-weight: 500;
            }

            .game-promotions__content-item--body-content {
                font-weight: 500;
            }

            .content__container {
                min-height: unset;
            }

            .form-wd__wrapper {
                padding: 24px;
                border-radius: 24px;
                margin-bottom: 16px;
            }

            .form-wd__wrapper:last-child {
                margin-bottom: 0;
            }

            .form-tooltip {
                margin-bottom: 16px;
            }

            ul.breadcrumbs, .form-tooltip ul {
                margin-bottom: 0;
            }

            .form-wd__placeholder {
                height: 80%;
            }

            .form-wd .form-group {
              display: flex;
              flex-direction: column;
              justify-content: end;
            }

            .custom-amount__item-button {
                color: #AEFF92;
                margin-left: 4px;
            }

            .game-promotions__content-item--border {
                padding: 2px;
                border: 1px solid transparent;
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
                border-radius: 12px;
                mask:
                    linear-gradient(#000 0 0) padding-box,
                    linear-gradient(#000 0 0);
                  mask-composite: exclude;
            }

            .game-promotions__content-item {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: flex-start;
                position: relative;
            }

            .game-promotions__content-item::before {
              content: "";
              position: absolute;
              inset: 0;
              border-radius: 12px;
              padding: 2px;
              background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
              mask:
                linear-gradient(#000 0 0) content-box,
                linear-gradient(#000 0 0);
              mask-composite: exclude;
            }

            .game-promotions__content-item--header {
                align-items: flex-start;
            }

            .game-promotions__content-item--body-footer {
                height: 22px;
                -webkit-line-clamp: 1;
            }

            .game-promotions__content-item--image {
                width: 360px;
                height: 212px;
            }

            .content-provider__row-container {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                gap: 7px;
            }

            .footer-other__item, .footer-payments, .footer-partner, .footer-description {
                gap: 12px;
            }

            .footer-social__title {
                margin-bottom: 8px;
            }

            .sideform-body__wrapper .select2-container--default {
                width: 100% !important;
            }

            .select2-container--default .select2-selection--single {
                background: transparent;
                border: none;
                border-bottom: 1px solid rgb(32, 57, 56);
                border-radius: 0;
            }

            .select2-container--default .select2-selection--single .select2-selection__rendered {
                padding-left: 0;
                color: rgb(174, 255, 146);
                line-height: 28px;
                font-size: 12px;
            }

            .select2-container--default .select2-selection--single .select2-selection__arrow b {
                border-color: rgb(174, 255, 146) transparent transparent transparent;
            }

            .select2-container--default .select2-dropdown {
                background: rgb(59, 63, 60);
                border: 1px solid rgba(137, 201, 117, 0.05);
                border-radius: 8px;
            }

            .select2-container--default .select2-search--dropdown .select2-search__field {
                background: transparent;
                border: 1px solid rgba(137, 201, 117, 0.05);
                border-radius: 4px;
                color: rgba(255, 255, 255, 0.7);
            }

            .select2-container--default .select2-results__option {
                padding: 8px 12px;
                color: rgba(255, 255, 255, 0.7);
            }

            .select2-container--default .select2-results__option--highlighted[aria-selected] {
                background-color: rgba(137, 201, 117, 0.05);
                color: rgb(174, 255, 146);
            }

            .select2-container--default .select2-results__option[aria-selected=true] {
                background-color: rgba(137, 201, 117, 0.12);
            }

            .select2-container--default .select2-results__option--selected {
                background-color: rgba(137, 201, 117, 0.12);
                color: rgb(174, 255, 146);
            }

            .content-page__header-wrapper--badge .content-page__header-title-text {
                text-shadow: unset;
                font-family: inherit;
                font-weight: 500;
                white-space: nowrap;
            }

            .layout-game-default__item--favorite{
              width: 16.6%;
              padding: 0px;
              padding-bottom: 25px;
            }

            .layout-game-default__img--favorite{
              width : 100%;
              height : 140px;
            }

            .content-page__header-wrapper--subpage .content-page__header-logo {
                height: unset;
                object-fit: contain;
                max-height: 50px;
            }

            .content-page__header-wrapper--subpage .content-page__header-title-text {
                text-transform: uppercase;
            }

            .splide-game-default__container--lotto .splide-game-default__caption {
                max-width: unset;
            }

            .content-page__header-title {
              display: flex;
              flex-direction: column;
              gap: 4px;
            }

            .content-page__wrapper {
              margin-top: 0;
            }

            .content-page__header-btn {
                font-weight: 500;
                height: 40px;
                display: inline-block;
            }

            .content-page--game-category .content-page__header-main {
                padding: 22px 24px;
            }

            .gradient-text {
              background: linear-gradient(to bottom, rgba(45, 100, 22, 1) 20%, rgba(45, 100, 22, 0.4) 100%);
              -webkit-background-clip: text;
              background-clip: text;
              color: transparent;
            }

            .dropdown-list{
              display:none;
              width: auto;
            }
            .dropdown-list.show{
              display:flex;
            }

            .supernova-pagination__list {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 12px;
                list-style: none;
                padding: 0;
            }

            .supernova-pagination__item {
                display: flex;
                align-items: center;
                justify-content: center;
                color: rgba(255, 255, 255, 0.7);
                font-size: 20px;
                font-weight: 500;
                cursor: pointer;
            }

            .supernova-pagination__item--button {
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-size: 16px;
                font-weight: 500;
                cursor: pointer;
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background-color: rgba(0, 0, 0, 0.7);
            }

            .supernova-pagination__item.disabled {
                color: rgba(255, 255, 255, 0.4);
            }

            .supernova-pagination__item.active {
                color: #fff;
            }

            .content-page__poker-slider {
                margin-top: -10px;
                margin-bottom: 10px;
            }

            .content-page--upcoming .content-page__wrapper {
                padding-top: 0;
                padding-left: 0;
            }

            .content-page--upcoming .content-page__header-main {
                padding-left: 0;
            }

            .content-page__slider-item--title, .splide-game-default__timer--count :first-child {
                font-weight: 700;
            }

            .loading-indicator {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 15px 30px;
                background: rgba(0, 0, 0, 0.8);
                color: white;
                border-radius: 5px;
                z-index: 9999;
                display: none;
                font-size: 16px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            }

            /* Animasi loading bisa ditambahkan */
            .loading-indicator:after {
                content: '...';
                animation: dots 1.5s steps(5, end) infinite;
            }

            @keyframes dots {
                0%, 20% { content: '.'; }
                40% { content: '..'; }
                60%, 100% { content: '...'; }
            }

            .fullscreen-loading {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.7);
              z-index: 9999;
              display: flex;
              justify-content: center;
              align-items: center;
            }

            .loading-spinner {
              text-align: center;
              color: white;
            }

            .spinner-border {
              width: 3rem;
              height: 3rem;
              color: rgb(45, 100, 22);
            }

            .loading-text {
              margin-top: 1rem;
              font-size: 1.2rem;
            }

            .inbox-detail__pagination {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .inbox-detail__pagination--title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: 0px;
                color: rgba(255, 255, 255, 0.7);
            }


          .inbox-detail__pagination--list {
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
              gap: 12px;
              list-style: none;
              padding: 0;
          }

          .inbox-detail__pagination--item {
              display: flex;
              align-items: center;
              justify-content: center;
              color: rgba(255, 255, 255, 0.7);
              font-size: 14px;
              font-weight: 500;
              cursor: pointer;
          }

          .inbox-detail__pagination--button {
              display: flex;
              align-items: center;
              justify-content: center;
              color: #fff;
              font-size: 12px;
              font-weight: 500;
              cursor: pointer;
              width: 28px;
              height: 28px;
              border-radius: 50%;
              background-color: rgba(0, 0, 0, 0.7);
          }

          .inbox-detail__pagination--item.disabled {
              color: rgba(255, 255, 255, 0.4);
          }

          .inbox-detail__pagination--item.active {
              color: #fff;
          }
          .top3-games__box{
            padding: 0px 7px;
          }
          .top3-games{
            background: #060d0d;
          }
          .deposit-virtual{
            font-weight: 600;
            font-size: 20px;
          }
          .withdraw-virtual{
            font-weight: 600;
            font-size: 20px;
          }

          .form-additional{
            height: 100px;
          }

          .splide-game-default__img-games{
            max-width: -webkit-fill-available;
            max-height: -webkit-fill-available;
            width: 180px;
            height: auto;
          }

          body.show-alert {
              overflow: hidden;
          }

        .custom-alert {
            display: block;
            position: fixed;
            z-index: 9999;
            background: rgba(0, 0, 0, 0.5);
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }

        .custom-alert__container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 8px;
            background: rgba(32, 57, 56, 1);
            box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.36);
            padding: 12px 16px;
            border-radius: 10px;

            min-width: 328px;

            position: absolute;
            top: 5.5rem;
            right: 7rem;
        }

        .custom-alert__container.notification-success {
            background: rgba(32, 57, 56, 1);
        }

        .custom-alert__container.notification-error {
            background: rgba(81, 25, 31, 1);
        }

        .custom-alert__icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
        }

        .custom-alert__icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .custom-alert__message {
            color: #FFF;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 0px;
            vertical-align: middle;
        }

        .content-page__header-title-badge{
          background: rgba(255, 255, 255, 0.12) !important;
        }
        .content-page--game-category .content-page__header-title-badge{
          font-size: 14px;
        }
        .content-page--game-category .content-page__header-title{
          gap: 6px;
        }
        .footer-partner--img {
          width: 90%;
          height: 90%;
        }

        .footer-partner--item-tag {
          width: 60px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        
        .sidemenu-nav__item-icon--nav{
          width: 26px;
          height: 26px;
        }
        .splide-game-default__badges-img--provider{
          width: 32px;
          height: 32px;
        }
        .sidebar-referral--body__content-input {
          width: 100%;
          overflow: hidden;
        }
        .sidebar-referral--body__content-input-value {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .layout-game-default__badges-img--provider{ 
            width: 32px;
            height: 32px;
        }
        .counter-prize__item--value i{
          margin-bottom: 3px;
        }
        .content-provider__item-img-inside{
          padding: 0 !important;
        }
        .content-provider--alt{
          padding-left: 105px !important;
        }
        .category-green{
          background: none;
        }

        .category-green::before{
            background: linear-gradient(to bottom, rgba(174, 255, 146, 1) 20%, rgba(174, 255, 146, 0) 100%);

        }
        .content-provider__item-img-wrapper.category-green::before{
            background: linear-gradient(to bottom, rgba(174, 255, 146, 1) 20%, rgba(174, 255, 146, 0) 100%);
        }
        .bg-none {
          background: none !important;
        }
        .content-page__header--alt{
          padding-top: 5px !important;
        }
        .content-provider__item-img{
          margin-top: 5px !important;
        }
        .custom-btn-action--alt::after,
        .custom-btn-action--alt::after {
            background: rgba(0, 0, 0, 0.1);
            
            opacity: 0;
            transform: scale(0.5);
            transition: all 0.3s ease;
        }

        .custom-btn-action--alt:hover::after,
        .custom-btn-action--alt:hover::after {
            opacity: 1;
            transform: scale(1);
        }

        .footer-description {
            position: relative;
        }

        .footer-description--content {
            transition: max-height 0.4s ease-in-out;
            overflow: hidden;
        }

        .footer-description:not(.is-expanded) .footer-description--content {
            max-height: 21.9em; 
        }

        .footer-description.is-expanded .footer-description--content {
            max-height: 1000px;
        }

        .footer-description--button:hover {
            text-decoration: none;
        }

        .select2-container--default.select2-container--disabled .select2-selection--single{
          background-color : transparent !important;
        }
        .footer-payments--list{
          grid-template-columns: repeat(3, 1fr);
        }
        .footer-payments--item{
          padding: 6px;
        }

        .custom-bonus__status{
            border: 1px solid #fff;
            padding: 10px !important;
            right: 0px !important;
        }

        .custom-bonus__status.active{
          border-color: #AEFF92;
          padding: 0px !important;
        }
        
        .custom-bonus__status i{
          margin: 4px;
          font-size: 18px;
        }
        .custom-bonus__content{
          font-weight: 600 !important;
        }
        .custom-bonus__content .badge{
          font-weight: 700;
          font-size: 12px;
        }
        .custom-bonus__misc{
          margin: 5px 0px;
        }
        .bg-mt{
          width: 100%;
          height: 100%;
        }
        .bg-mt > img{
          max-width: 100%;
          max-height: 100%;
        }
        .container-mt{
          position: relative;
        }
        .container-mt__content{
            position: absolute;
            bottom: 33vh;
            width: 100%;
        }
        .text-title-mt{
          font-size: 32px;
          line-height: 1.5;
          text-align: center;
          font-weight: bold;
          font-family: 'Druk Wide Bold', sans-serif;
          text-shadow: 2px 2px 1px rgba(248, 249, 255, 0.3);
        }
        .text-desc-mt{
          text-align: center;
          font-size: 22px;
          font-weight: 400;
        }
       
        .btn-skeuo{
          border: 0;
          border-radius: 14px;
          padding: 18px 24px;
          background: linear-gradient(#fdfdfd,#bfbfbf);
          cursor: pointer;
          box-shadow:
            inset 0  2px 0 rgba(255,255,255,.75),
            inset 0 -2px 0 rgba(134,134,134,1), 
            0 2px 8px rgba(0,0,0,.35);
          transition: box-shadow .15s ease, transform .15s ease;
        }

        .btn-skeuo__text{
          font-family: "Product Sans", "Google Sans", Inter, system-ui, sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 24px;
          background: linear-gradient(180deg, #666666 0%, rgba(103, 103, 103, 0.4) 100%);
          letter-spacing: 0;
          color: transparent;
          background-clip: text;
          -webkit-font-smoothing: antialiased;
          text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.8)
        }
        .splide-img-tier__img{
            width: 245px !important;
            height: 175px  !important;
            object-fit: unset  !important;
        }
        .content-background-radial__subtract-static_page{
          background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #737373 100%);
          position: absolute;
          width: calc(100% - 0px);
          height: -webkit-fill-available;
          left: calc(50% - 100vw / 2 + 0.35px);
          top: -70px;
        }

        .info-refresh__icon {
          width: 20px;
          height: 20px;
          margin: 0 5px;
        }

        .info-refresh__icon > img{
          width: 100%;
          height: 100%;
        }

        .footer-list__item{
          cursor: pointer;
        }
        .splide-game-number__img--type1{
          height: 209px;
        }
        
        .header-category__wrapper--dev{
            /* overflow-x: scroll; */
            width: 83%;
        }

        .hide-scrollbar {
          overflow-x: auto; /* Memungkinkan gulir horizontal */
          
          white-space: nowrap; /* 🔥 KRUSIAL: Memaksa semua konten tetap dalam satu baris */
          
          /* CSS untuk menyembunyikan scroll bar */
          scrollbar-width: none; 
          -ms-overflow-style: none; 
        }

        .hide-scrollbar::-webkit-scrollbar {
          display: none;
        }
        .content-page{
          margin-bottom: 10px;
        }
        .drag-scroll {
            cursor: grab; /* Memberi indikasi visual bahwa elemen bisa dipegang */
            overflow-x: auto;
            white-space: nowrap; 
          }
          .separator-line {
          width: 1px; /* Lebar garis */
          background-color: #555; /* Warna garis yang tidak terlalu terang */
          
          /* 🔥 Kunci: Mengatur tinggi dalam persentase dari container Flexbox (yang tingginya 60px) */
          height: 80%; /* 80% dari 60px akan menghasilkan tinggi yang pas dan terlihat bagus */
          flex-shrink: 0; /* Mencegah garis mengecil saat ruang sempit */
          box-shadow: -4px 0 10px 10px rgba(11, 25, 24, 1.0);
        }
        .badge-memo{
            position: absolute;
            right: 20px;
            top: 6px;
        }


        .header-misc--dev{
          right: -35px;
        }

        .game-ribbon-bottom--originals {
            width: 100%;
            height: 22px;
            position: absolute;
            bottom: 0;
            left: 0;
            text-align: center;
            line-height: 18px;
            font-size: 10px;
            font-weight: bold;
            letter-spacing: -0.5px;
            z-index: 3;
            color: #fff;
            background: transparent;
            font-family: 'Avenir LT Std', sans-serif;
            font-kerning: normal;
            font-feature-settings: "kern" 1;
        }
  </style>

</head>
<body style="text-align: center;">
<div class="content" style="background:#171717 !important;">
	<div class="bg-mt">
		<img  src="https://icanhasforce.com/template/alpha/assets/img/Error404_Page_Desktop.png" alt="Image">
	</div>
	<div class="container-mt">
		<div class="container-mt__content" style="bottom:24vh;">
			<p class="text-title-mt">
				Sorry, but this page was stolen
			</p>
			<p class="text-desc-mt">
				Let's go back home and start this adventure over again.
			</p>
			<div style="text-align: center;">
				<a href="https://icanhasforce.com">
					<button class="btn-skeuo">
						<span class="btn-skeuo__text">Back to Home</span>
					</button>
				</a>
			</div>
		</div>
	</div>
</div>
</body>
<div class="sidenav-kanan">
    <ul class="menu-kanan">
        <li class="item-kanan">
            <a href="https://ghanagrio.com" target="_blank" class="link-kanan">
                <div class="icon-kanan">
                    <img src="https://mediabantengg.site/media/rtp-slot-neww.gif" alt="RTP Slot">
                </div>
                <span class="tag-kanan">RTP</span>
            </a>
        </li>
        <li class="item-kanan">
            <a href="https://apk-banteng.space/" target="_blank" class="link-kanan">
                <div class="icon-kanan">
                    <img src="https://mediabantengg.site/media/download-apk-new.gif" alt="Download APK">
                </div>
                <span class="tag-kanan">Download</span>
            </a>
        </li>
        <li class="item-kanan">
            <a href="https://ghanagrio.com" target="_blank" class="link-kanan">
                <div class="icon-kanan">
                    <img src="https://mediabantengg.site/media/bukti-jp.gif" alt="Bukti Jackpot">
                </div>
                <span class="tag-kanan">Jackpot</span>
            </a>
        </li>
    </ul>
</div>

<style>

.sidenav-kanan {
  position: fixed;
  bottom: 90px;
  right: 15px;
  background-color: #080808;
  border-radius: 40px;
  padding: 7px;
  z-index: 1001;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

.sidenav-kanan .menu-kanan {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sidenav-kanan .link-kanan {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  padding: 8px 5px;
  border-radius: 25px;
  background-color: transparent;
}

.sidenav-kanan .icon-kanan img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.sidenav-kanan .tag-kanan {
  font-size: 11px;
  margin-top: 6px;
  color: #a0a0a0;
  transition: color 0.3s ease;
  font-weight: bold;
}

.sidenav-kanan .link-kanan:hover .tag-kanan {
  color: #ffffff;
}
.sidenav-kanan .link-kanan:hover .icon-kanan img {
  transform: scale(1.1);
}

.sidenav-kanan .link-kanan.active {
  background-color: #d10000;
}
.sidenav-kanan .link-kanan.active .tag-kanan {
  color: #ffffff;
}

@media (max-width: 768px) {
  .sidenav-kanan {
    right: 20px;
    bottom: 100px; 

    background: rgba(25, 25, 25, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);

    transform: scale(0.9);
    transform-origin: right center;
  }
}
</style>
</html>
