/*
 * Doraemon blue theme | visual overrides only
 * Loaded by the shared member/account layout AFTER legacy purple CSS.
 * Site-local root-relative asset: no permanent host/domain dependency.
 * Palette: sky blue, navy, white, yellow bell, restrained red accents.
 */
:root {
  --dora-sky: #00a7ef;
  --dora-sky-light: #70dafa;
  --dora-blue: #0577d5;
  --dora-deep: #0752a5;
  --dora-night: #061b41;
  --dora-night2: #092b60;
  --dora-panel: #0b326d;
  --dora-panel2: #0a2654;
  --dora-white: #fff;
  --dora-ice: #dff6ff;
  --dora-gold: #ffda4a;
  --dora-red: #f0484f;
  --dora-line: rgba(130,221,255,.35);
}

/* The site has another premium theme that defines these tokens on :root.
 * Scope them to mobile body so the new colors win without rewriting layouts. */
body.mobile {
  --ix-bg: var(--dora-night);
  --ix-panel: var(--dora-panel2);
  --ix-panel2: var(--dora-panel);
  --ix-purple: var(--dora-blue);
  --ix-purple2: var(--dora-sky);
  --ix-magenta: var(--dora-sky);
  --ix-gold: var(--dora-gold);
  --ix-text: var(--dora-white);
  --q-purple: var(--dora-blue);
  --q-gold: var(--dora-gold);
  color: var(--dora-white) !important;
  background: linear-gradient(165deg,#071e46 0%,#08285d 52%,#0b3c7d 100%) fixed !important;
  background-color: var(--dora-night) !important;
}
body.mobile .main-content,
body.mobile .backdrop,
body.mobile .content.my01,
body.mobile .main-wrapper,
body.mobile .page-wrapper {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--dora-white) !important;
}

/* Shared header, balance strip, ticker and category navigation */
body.mobile .top-bar .inner-header,
body.mobile .inner-header,
body.mobile .top-bar,
body.desktop .header-wrapper,
body.desktop .main.nav-wrapper {
  background: linear-gradient(95deg,#0467c3 0%,#00a7ef 65%,#69d9ff 100%) !important;
  color:#fff !important;
  border-color:var(--dora-line) !important;
}
body.mobile .top-bar .inner-header #btnToggleSideNav,
body.mobile .top-bar .inner-header #btnToggleRSideNav,
body.mobile .top-bar .inner-header i,
body.mobile .inner-header a {color:#fff !important;}
body.mobile .wallet-bal,
body.mobile .game-bals {
  background:linear-gradient(90deg,#073779,#0968ad) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.13) !important;
}
body.mobile .wallet-bal .btn,
body.mobile .wallet-bal .bal-txt {color:#fff !important;}
body.mobile .wallet-bal .i-dollar,
body.mobile .wallet-bal .i-refresh,
body.mobile .wallet-bal .icon-currency-dollar,
body.mobile .wallet-bal .icon-refresh-2 {color:var(--dora-gold) !important;}
body.mobile .ann-wrapper {
  background:linear-gradient(90deg,#0b468a,#0b68b3) !important;
  color:#fff !important;
  border-top:1px solid var(--dora-line) !important;
  border-bottom:1px solid var(--dora-line) !important;
}
body.mobile .ann-wrapper i {color:var(--dora-gold) !important;}
body.mobile .ann-wrapper marquee,
body.mobile .ann-wrapper .ann-content {color:#fff !important;}
body.mobile .scroll-wrapper,
body.mobile .scroll-wrapper .slider-content,
body.mobile .nav-wrapper,
body.mobile .main.nav-wrapper,
body.mobile .menu-wrapper,
body.mobile .game-provider,
body.mobile .game-provider-wrapper,
body.mobile .provider-tabs {
  background:linear-gradient(180deg,#0a60b6 0%,#088ddd 100%) !important;
  border-color:rgba(176,240,255,.22) !important;
}
body.mobile .scroll-wrapper .btn-box,
body.mobile .scroll-wrapper .btn-box div,
body.mobile .scroll-wrapper .btn-box i {color:#fff !important;}
body.mobile .scroll-wrapper .btn-box > i {color:var(--dora-gold) !important;}
body.mobile .scroll-wrapper .hot,
body.mobile .scroll-wrapper .new,
body.mobile .side-nav .hot.sub {
  background:var(--dora-red) !important;
  color:#fff !important;
}

/* Bottom menu / money popup. Do not touch click areas, dimensions or positions. */
body.mobile .menu-bottom .navbar,
body.mobile .menu-bottom .navbar-inverse,
body.mobile .menu-bottom .footer-content,
body.mobile .navbar-fixed-bottom {
  background:linear-gradient(95deg,#0657ad 0%,#079bdc 65%,#56d0f5 100%) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#fff !important;
}
body.mobile .menu-bottom a,
body.mobile .menu-bottom .footericon-single,
body.mobile .menu-bottom .footericon-single a,
body.mobile .menu-bottom .footericon-single i {color:#fff !important;}
body.mobile .menu-bottom .active,
body.mobile .menu-bottom .active a {color:var(--dora-gold) !important;}
body.mobile .menu-bottom .horizontal-hover,
body.mobile .menu-bottom .togglemenu-content,
body.mobile .menu-bottom #fundshover_menu {
  background:#0b407e !important;
  border-color:var(--dora-line) !important;
}
body.mobile .menu-bottom .footer-funds,
body.mobile .menu-bottom .footer-funds i,
body.mobile .menu-bottom .icon-transfer {color:var(--dora-gold) !important;}

/* Shared side menu and profile/account panel */
body.mobile .side-nav,
body.mobile .side-nav .nav-content,
body.mobile #r-side-bar,
body.mobile #r-side-bar .container,
body.mobile #r-side-bar .right-side-content {
  background:linear-gradient(180deg,#0b326d,#061b41) !important;
  color:#fff !important;
  border-color:var(--dora-line) !important;
}
body.mobile .side-nav .navlink,
body.mobile .side-nav .nav-title,
body.mobile #r-side-bar a {color:#effaff !important;}
body.mobile .side-nav .navlink.active,
body.mobile .side-nav .navlink:hover {background:rgba(104,208,248,.21) !important;}
body.mobile .side-nav .nav-item-content,
body.mobile .side-nav .submenu,
body.mobile .side-nav .submenu.account {
  background:#08275c !important;
  border-color:var(--dora-line) !important;
}
body.mobile .side-nav .circle,
body.mobile .submenu .circle {
  background:linear-gradient(145deg,#008ce0,#0a57b7) !important;
  border-color:var(--dora-line) !important;
}
body.mobile .side-nav .navlink i,
body.mobile .side-nav .submenu i {color:var(--dora-gold) !important;}

/* Home panels, provider grids, category tabs */
body.mobile .content-box,
body.mobile .u-section-box--bg,
body.mobile .hot-games .game-item,
body.mobile .hot-games .game-item .game-title,
body.mobile .last-trax-giga,
body.mobile .deposit-withdraw-section,
body.mobile .info-section,
body.mobile .provider-wrapper,
body.mobile .game-provider-wrapper .game-provider-list,
body.mobile .hot-games .game-box,
body.mobile .g-slider-wrapper .game-box {
  background-color:var(--dora-panel2) !important;
  color:#fff !important;
  border-color:var(--dora-line) !important;
}
body.mobile .g-slider-wrapper .hot-games.round,
body.mobile .g-slider-wrapper .content-wrapper.hot-games.round {background-color:transparent !important;}
body.mobile .hot-games-bg,
body.mobile .today-lottery-bg,
body.mobile .hot-games.wrapper,
body.mobile .provider-list .active,
body.mobile .providers .active,
body.mobile .provider-tabs .active {
  background:linear-gradient(95deg,#064da0,#078fd4) !important;
  color:#fff !important;
  border-color:#62ccf8 !important;
}
body.mobile .hot-games-heading,
body.mobile .today-lottery-heading,
body.mobile .u-section-title,
body.mobile .rubik-one,
body.mobile .wallet-type-title,
body.mobile .sub-title {
  color:var(--dora-gold) !important;
  -webkit-text-fill-color:var(--dora-gold) !important;
  background-image:none !important;
  text-shadow:0 2px 3px rgba(0,0,0,.5) !important;
}
body.mobile .g-slider-wrapper img,
body.mobile .hot-games .game-item img,
body.mobile .game-box.round img {
  border-color:rgba(112,218,250,.5) !important;
}
body.mobile .loader-b {border-color:#0d88dc !important; border-top-color:var(--dora-gold) !important;}
body.mobile .carousel-indicators li {background:#438fca !important;}
body.mobile .carousel-indicators li.active {background:var(--dora-gold) !important;}
body.mobile .jackpot {background:transparent !important;}
body.mobile .jackpot-bg {filter:hue-rotate(-85deg) saturate(.95) brightness(1.02) !important;}
body.mobile #jackpot_amount {
  color:var(--dora-gold) !important;
  text-shadow:0 0 7px #05244c,0 0 14px rgba(0,130,220,.55) !important;
}
body.mobile .content-lottery .lottery-border-gradient,
body.mobile .content-lottery .lottery-img-border-gradient {
  background:linear-gradient(135deg,#0966bb,#2baeff) !important;
}
body.mobile .content-lottery .lottery-border-position,
body.mobile .content-lottery .lottery-img-border-position {background:var(--dora-panel2) !important;}
body.mobile .deposit-withdraw-loader {background:#164678 !important;}
body.mobile .deposit-withdraw-loader span {background:linear-gradient(90deg,#008ae2,var(--dora-gold)) !important;}
body.mobile .g1-icon-outer,
body.mobile .support-div .icon-wrp,
body.mobile .last-trax-giga-img {background:linear-gradient(135deg,#02a3ed,#6bdeff) !important;}
body.mobile .g1-icon-inner,
body.mobile .support-div .icon-div {background:var(--dora-night2) !important;}

/* All action buttons: blue primary, yellow secondary, red for destructive only. */
body.mobile .btn-primary,
body.mobile .btn-primary--dark,
body.mobile .btn-login,
body.mobile .login-btn,
body.mobile .btn-info,
body.mobile .btn-login-custom,
body.mobile .standard-button-group button:not(.btn-danger),
body.mobile .standard-button-group input[type=submit],
body.mobile #loginForm button[type=submit],
body.mobile #loginForm .btn[type=submit],
body.mobile .register-form button[type=submit] {
  background:linear-gradient(180deg,#24b8fa,#0373cf) !important;
  border-color:#67d8ff !important;
  color:#fff !important;
}
body.mobile .btn-secondary,
body.mobile .btn-daftar-custom,
body.mobile .btn-register,
body.mobile .register-btn,
body.mobile .btn-warning {
  background:linear-gradient(180deg,#ffe980,#ffd044) !important;
  border-color:#fff0a8 !important;
  color:#14375e !important;
}
body.mobile .btn-danger,
body.mobile .label-danger {background:var(--dora-red) !important;color:#fff !important;}
body.mobile .btn-success {background:#098b9a !important;border-color:#3bccd7 !important;color:#fff !important;}
body.mobile .btn-login-custom::before,
body.mobile .btn-daftar-custom::before {filter:none !important;}
body.mobile a:not(.btn):focus-visible,
body.mobile button:focus-visible {outline:2px solid var(--dora-gold) !important;outline-offset:2px;}

/* Form fields, profile forms, login modal, help pages */
body.mobile .form-control:not(.btn),
body.mobile input[type=text]:not(.btn),
body.mobile input[type=password]:not(.btn),
body.mobile input[type=email]:not(.btn),
body.mobile input[type=tel]:not(.btn),
body.mobile select.form-control,
body.mobile textarea.form-control,
body.mobile .register-form .form-control,
body.mobile #r-side-bar input:not([type=submit]) {
  background:#061f4a !important;
  border-color:#2e7db9 !important;
  color:#fff !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.22) !important;
}
body.mobile .form-control:focus,
body.mobile .register-form .form-control:focus,
body.mobile #r-side-bar input:focus {
  border-color:#71d9fa !important;
  box-shadow:0 0 0 2px rgba(71,196,244,.22) !important;
}
body.mobile input::placeholder,
body.mobile textarea::placeholder {color:#b0c8e2 !important;opacity:1;}
body.mobile label,
body.mobile .form-group label {color:#eaf8ff !important;}
body.mobile .alert:not(.alert-danger),
body.mobile .qris-help-card,
body.mobile .notice-box,
body.mobile .support-box {
  background:#0a3976 !important;
  border-color:var(--dora-line) !important;
  color:#f1fbff !important;
}
body.mobile .nifty-modal .md-content,
body.mobile .nifty-modal .md-body,
body.mobile .nifty-modal .modal-header,
body.mobile .nifty-modal .modal-footer,
body.mobile .modal-content,
body.mobile #login-modal--layout .md-content,
body.mobile #login-modal--layout .modal-content,
body.mobile .depositinfo-modal .md-body {
  background:#092b60 !important;
  color:#fff !important;
  border-color:var(--dora-line) !important;
}
body.mobile .nifty-modal h3,
body.mobile .nifty-modal h4,
body.mobile .modal-content h3 {color:var(--dora-gold) !important;}
body.mobile .table,
body.mobile .table td,
body.mobile .table th {color:#f0fbff !important;}
body.mobile .table-striped > tbody > tr:nth-of-type(odd),
body.mobile .table tbody tr:nth-child(odd) {background-color:rgba(8,79,145,.18) !important;}
body.mobile .pagination .active a,
body.mobile .dataTables_paginate .current {background:#087bd7 !important;border-color:#60c6f4 !important;color:#fff !important;}

/* Registration: counter the high-specificity in-page purple registration UI. */
body.mobile .register_form_one,
body.mobile .register_form_two,
body.mobile .register-form .register_form_one,
body.mobile .register-form .register_form_two {
  background:linear-gradient(145deg,#0d3b7b,#071e49) !important;
  border-color:var(--dora-line) !important;
  color:#fff !important;
  box-shadow:0 8px 23px rgba(0,0,0,.24) !important;
}
body.mobile h3.d-inline-block:after {
  background:linear-gradient(90deg,#00b4f4,#ffda4a) !important;
}
body.mobile .register-form .sub-title {border-bottom-color:var(--dora-line) !important;color:var(--dora-gold) !important;}
body.mobile .register-form .form-control {background:#061f4a !important;border-color:#2e7db9 !important;color:#fff !important;}
body.mobile .register-form .form-control:focus {border-color:#71d9fa !important;box-shadow:0 0 0 2px rgba(71,196,244,.22) !important;}
body.mobile .register-form small {color:#bcd6ee !important;}

/* Deposit/QRIS/withdrawal/history: override purple finance styles. */
body.mobile .finance-top-nav,
body.mobile .deposit-nav,
body.mobile .wallet-nav,
body.mobile .transaction-nav {
  background:linear-gradient(135deg,#0a3778,#092553) !important;
  border-color:var(--dora-line) !important;
}
body.mobile .finance-top-nav a,
body.mobile .deposit-nav a,
body.mobile .wallet-nav a,
body.mobile .transaction-nav a {color:#d6f2ff !important;}
body.mobile .finance-top-nav a.active,
body.mobile .finance-top-nav a[aria-current=page],
body.mobile .deposit-nav a.active,
body.mobile .wallet-nav a.active,
body.mobile .transaction-nav a.active {
  background:linear-gradient(180deg,#1bb2f5,#0678d0) !important;
  color:#fff !important;
  border-color:#73d9ff !important;
}
body.mobile .bank-item,
body.mobile .bank-grid .bank-item,
body.mobile .withdrawal-form-group,
body.mobile .qris-help-card,
body.mobile .history-table .h-result.row,
body.mobile .open-history .h-result {
  background:linear-gradient(145deg,#0e3c7d,#081f49) !important;
  border-color:var(--dora-line) !important;
  color:#fff !important;
}
body.mobile .bank-item.active {border-color:var(--dora-gold) !important;box-shadow:0 0 10px rgba(255,218,74,.18) !important;}
body.mobile .copy-btn {background:linear-gradient(135deg,#0698e1,#0d5aaf) !important;border-color:#71dafa !important;color:#fff !important;}
body.mobile .open-history .dataTable thead,
body.mobile .open-history .dataTables_paginate .paginate_button.current {background:linear-gradient(90deg,#0754a7,#11a3e7) !important;}
body.mobile .history-table .h-result.row:nth-of-type(odd) {background:linear-gradient(145deg,#103f86,#08234d) !important;}
body.mobile .history-table .label-warning {background:#0989d7 !important;color:#fff !important;}
body.mobile .steps .step__bar li .step.active .step__inner {background:linear-gradient(135deg,#069ae8,#1365b7) !important;border-color:var(--dora-gold) !important;}
body.mobile .steps .step__bar li .step,
body.mobile .steps .step__bar li .step__inner {border-color:#55c4f5 !important;}
body.mobile .steps .step__bar li.line__wrapper .line {border-color:#55c4f5 !important;background:#55c4f5 !important;}
body.mobile .depositinfo-modal .md-body {background:#092b60 !important;}
body.mobile .transaction-history,
body.mobile .open-history,
body.mobile .history-table {color:#fff !important;}

/* Desktop should have the same palette, but retain original desktop grid/spacing. */
body.desktop {background:#061b41 !important;color:#fff !important;}
body.desktop .menu-bottom .navbar-inverse,
body.desktop .site-footer {background:#075cb0 !important;color:#fff !important;}
body.desktop .btn-primary {background:#077fd6 !important;border-color:#71dafa !important;color:#fff !important;}

/* Simple information and unavailable-feature screens from previous fixes. */
body.doraemon-simple {
  background:linear-gradient(160deg,#061b41,#0b3d7a) fixed !important;
  color:#fff !important;
}
body.doraemon-simple .bar {background:linear-gradient(90deg,#056bc7,#1baff0) !important;}
body.doraemon-simple .panel {background:#0c3269 !important;border-color:var(--dora-line) !important;}
body.doraemon-simple .button {background:var(--dora-gold) !important;color:#12345c !important;}

/* Standalone Lucky Spin uses a different layout and does not inherit member CSS. */
body.doraemon-spin {
  --primary-gold:#ffda4a;
  --secondary-gold:#f5bd31;
  --primary-red:#009de6;
  --dark-red:#0659a5;
  --dark-bg:rgba(5,28,65,.91);
  --darker-bg:rgba(4,24,54,.96);
  --shadow-glow:0 0 20px rgba(0,169,235,.32);
  background:radial-gradient(circle at 50% -25%,#087dc9 0%,#07305e 45%,#051d43 100%) fixed !important;
  color:#fff !important;
}
body.doraemon-spin::before {background:linear-gradient(140deg,rgba(2,30,70,.18),rgba(1,23,52,.30)) !important;}
body.doraemon-spin .swal2-popup {background:linear-gradient(135deg,#0c4383,#061f4a) !important;border-color:var(--dora-gold) !important;box-shadow:0 0 32px rgba(0,137,235,.30) !important;}
body.doraemon-spin .swal2-confirm {background:linear-gradient(135deg,#ffe988,#ffca2e) !important;color:#092857 !important;}
body.doraemon-spin .main-container .card,
body.doraemon-spin .result-container {background:rgba(8,44,92,.88) !important;border-color:var(--dora-line) !important;}


/* =========================================================
   CYAN + YELLOW ACCENTS | Doraemon polish v5
   Only COLOR properties: preserve sizing, positions, transitions, login,
   API requests and the runtime-selected domain.
   ========================================================= */
:root {
  --dora-cyan:#60e5ff;
  --dora-cyan-bright:#26c9f4;
  --dora-cyan-deep:#0b75c2;
  --dora-yellow:#ffda4a;
}

@media (max-width:767px) {
  /* Category ribbon: override deeply nested legacy purple columns. */
  body.mobile .scroll-wrapper,
  body.mobile .scroll-wrapper .scroller,
  body.mobile .scroll-wrapper .slider-content,
  body.mobile .scroll-wrapper .slider-content > .col,
  body.mobile .scroll-wrapper .slider-content .col {
    background:#0762b5 !important;
    background-image:linear-gradient(180deg,#0576c6 0%,#074f9e 100%) !important;
    border-color:rgba(111,232,255,.22) !important;
  }
  body.mobile .scroll-wrapper .btn-box > i {
    color:var(--dora-yellow) !important;
    filter:drop-shadow(0 2px 4px rgba(23,199,236,.25)) !important;
  }
  body.mobile .scroll-wrapper .btn-box > div {
    color:#fff !important;
  }
  body.mobile .scroll-wrapper .btn-box:focus-visible {
    outline:2px solid var(--dora-yellow) !important;
  }

  /* Neon circles around providers: previously fuchsia/purple. */
  body.mobile .g-slider-wrapper.recommend .game-box.round,
  body.mobile .g-slider-wrapper.recommend a.game-box.round,
  body.mobile .g-slider-wrapper.recommend div.game-box.round {
    background:radial-gradient(circle at 50% 45%,#0b3269 0%,#071a3d 78%) !important;
    border-color:var(--dora-cyan) !important;
    box-shadow:0 0 0 1px rgba(255,218,74,.30),0 0 8px rgba(43,211,252,.32) !important;
  }
  body.mobile .g-slider-wrapper.recommend .content-wrapper.hot-games {
    background:transparent !important;
  }

  /* Violet HOT GAMES heading panel + box borders. */
  body.mobile .app-wrapper .g-slider-wrapper:not(.recommend),
  body.mobile .hot-games-bg,
  body.mobile .today-lottery-bg {
    background:linear-gradient(120deg,#0c438d 0%,#087fc0 56%,#0795d4 100%) !important;
    border-color:rgba(111,232,255,.48) !important;
  }
  body.mobile .app-wrapper .g-slider-wrapper:not(.recommend) .content-wrapper,
  body.mobile .app-wrapper .g-slider-wrapper:not(.recommend) .wrapper.hot-games {
    background:rgba(5,39,89,.27) !important;
  }
  body.mobile .app-wrapper .g-slider-wrapper:not(.recommend) .game-box,
  body.mobile .hot-games .game-item {
    background:#08366d !important;
    border-color:rgba(96,229,255,.52) !important;
    box-shadow:0 2px 9px rgba(0,17,45,.28) !important;
  }
  body.mobile .hot-games-heading,
  body.mobile .today-lottery-heading,
  body.mobile .app-wrapper .g-slider-wrapper:not(.recommend) .hot-games-heading {
    color:var(--dora-yellow) !important;
    -webkit-text-fill-color:var(--dora-yellow) !important;
    text-shadow:0 2px 4px rgba(4,34,69,.75) !important;
  }

  /* Deposit/withdraw average times and three statistic icons. */
  body.mobile .svc-advantage .circle-wrp {
    background:#051d45 !important;
    border:1px solid rgba(99,216,255,.20) !important;
  }
  body.mobile .svc-advantage .circle-wrp > i {
    background:linear-gradient(145deg,#a5f3ff 0%,#15c9f5 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:var(--dora-cyan) !important;
  }
  body.mobile .svc-advantage .content-box > .row > .col-xs-12:nth-child(2) .circle-wrp > i,
  body.mobile .svc-advantage .col-xs-4:nth-child(2) .circle-wrp > i {
    background:linear-gradient(145deg,#fff0a6 0%,#ffcc35 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:var(--dora-yellow) !important;
  }
  body.mobile .svc-advantage .progress {
    background:#051d42 !important;
  }
  body.mobile .svc-advantage .progress-bar {
    background:linear-gradient(90deg,#0cb8ec 0%,#6ee9ff 100%) !important;
    box-shadow:0 0 6px rgba(35,213,251,.20) !important;
  }
  body.mobile .svc-advantage .content-box > .row > .col-xs-12:nth-child(2) .progress-bar {
    background:linear-gradient(90deg,#ffc82e 0%,#ffe98f 100%) !important;
    box-shadow:0 0 6px rgba(255,214,65,.24) !important;
  }
  body.mobile .svc-advantage .card {
    background:linear-gradient(180deg,rgba(21,71,124,.62) 0%,rgba(6,29,69,.87) 100%) !important;
    border:1px solid rgba(96,229,255,.16) !important;
  }

  /* The remaining magenta decorative fills in member panels. */
  body.mobile .last-trax-triangle,
  body.mobile .last-trax-triangle::before,
  body.mobile .last-trax-triangle::after {
    background:#0b79c2 !important;
    background-color:#0b79c2 !important;
  }
  body.mobile .last-trax-giga-img,
  body.mobile .support-div .icon-wrp,
  body.mobile .g1-icon-outer {
    background:linear-gradient(135deg,#08a6e7,#67e5ff) !important;
  }
  body.mobile #last-transaction-wrapper ul.nav li a:hover,
  body.mobile #last-transaction-wrapper ul.nav li.active a {
    background:linear-gradient(180deg,#fff0a6,#ffda4a) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }
  body.mobile .scroll-wrapper .hot,
  body.mobile .side-nav .hot.sub {
    background:var(--dora-yellow) !important;
    color:#063569 !important;
  }
  body.mobile .game-provider .active,
  body.mobile .provider-tabs .active,
  body.mobile .providers .active,
  body.mobile .provider-list .active {
    background:linear-gradient(120deg,#0bb7e8,#0b77c8) !important;
    border-color:var(--dora-cyan) !important;
    color:#fff !important;
  }
}

/* Recolor only the existing eight shortcut SVGs, no redesign. */
@media(max-width:767px){
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(1) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3QgeD0iMTAiIHk9IjgiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0OCIgcng9IjgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZDc1YSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHJ4PSI0IiBmaWxsPSIjMDk1Yzk5IiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik0yMiAyN2g3bTYgMGg3TTIzIDQ1aDE4IiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iMjciIGN5PSIyNyIgcj0iMyIgZmlsbD0iIzU0ZGNmZiIvPjxjaXJjbGUgY3g9IjM3IiBjeT0iMjciIHI9IjMiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSI0NCIgY3k9IjI3IiByPSIzIiBmaWxsPSIjNTRkY2ZmIi8+PC9zdmc+") !important; }
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(2) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjQiIGZpbGw9IiMwNjNjNzUiIHN0cm9rZT0iI2ZmZDc1YSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZD0iTTMyIDE4bDcgNS0zIDhoLThsLTMtOHpNMTggMjlsOSAyIDMgOC03IDYtOC02em0yOCAwbC05IDItMyA4IDcgNiA4LTZ6TTI3IDM5aDEwbDQgOC05IDUtOS01eiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") !important; }
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(3) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3QgeD0iMTIiIHk9IjE3IiB3aWR0aD0iMjkiIGhlaWdodD0iMzgiIHJ4PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTIgMTIgMTcpIiBmaWxsPSIjMDYzYzc1IiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iMyIvPjxyZWN0IHg9IjIzIiB5PSI5IiB3aWR0aD0iMjkiIGhlaWdodD0iMzgiIHJ4PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxMCAyMyA5KSIgZmlsbD0iIzA5NjdhNyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjMiLz48dGV4dCB4PSIzMiIgeT0iMzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMTciIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iI2ZmZDc1YSI+QTwvdGV4dD48cGF0aCBkPSJNMzkgMjZjNC02IDkgMCA5IDMtMiA0LTkgOC05IDhzLTctNC05LThjMC0zIDUtOSA5LTN6IiBmaWxsPSIjNTRkY2ZmIi8+PC9zdmc+") !important; }
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(4) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTEwIDIyaDM0IiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTM2IDEzbDEyIDktMTIgOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTRkY2ZmIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik01NCA0MkgyMCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yOCAzM0wxNiA0MmwxMiA5IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") !important; }
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(5) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTQ5IDMyYy03LTEzLTIyLTE3LTM1LTEwbC04LTcgMiAxNC0yIDE0IDgtN2MxMyA3IDI4IDMgMzUtNHoiIGZpbGw9IiMwOTVjOTkiIHN0cm9rZT0iI2ZmZDc1YSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGNpcmNsZSBjeD0iNDEiIGN5PSIyOCIgcj0iMyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNyAyNmM0IDQgNCA4IDAgMTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU0ZGNmZiIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+") !important; }
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(6) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTEyIDI0aDQwdjI3SDEyeiIgZmlsbD0iIzA2M2M3NSIgc3Ryb2tlPSIjZmZkNzVhIiBzdHJva2Utd2lkdGg9IjMiLz48cGF0aCBkPSJNMTIgMjRsNS0xMGgzMGw1IDEwIiBmaWxsPSIjMGI1Y2E2IiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgY3g9IjI0IiBjeT0iMzciIHI9IjYiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSI0MCIgY3k9IjM3IiByPSI2IiBmaWxsPSIjNTRkY2ZmIi8+PHBhdGggZD0iTTI1IDQ4aDE0IiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+") !important; }
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(7) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE2IDI0YzUtNyAyNy03IDMyIDBsNyAyMGMyIDctNyAxMC0xMSA0bC01LTdIMjVsLTUgN2MtNCA2LTEzIDMtMTEtNHoiIGZpbGw9IiMwNjNjNzUiIHN0cm9rZT0iI2ZmZDc1YSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZD0iTTI0IDI5djEwTTE5IDM0aDEwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNDMiIGN5PSIzMSIgcj0iMi41IiBmaWxsPSIjNTRkY2ZmIi8+PGNpcmNsZSBjeD0iNDkiIGN5PSIzNyIgcj0iMi41IiBmaWxsPSIjZmZkNzVhIi8+PC9zdmc+") !important; }
  body.mobile .scroll-wrapper .slider-content > .col:nth-child(8) .btn-box > i { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE4IDQ4YzQtMTAgNS0yMiAxMy0yNyA2LTQgMTItMyAxNiAyLTUgMS04IDQtOSA4IDgtMiAxMiAxIDEzIDctNiAwLTExIDItMTQgN3oiIGZpbGw9IiMwOTVjOTkiIHN0cm9rZT0iI2ZmZDc1YSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTMxIDIxbC0zLThtOCA4bDUtN00yNSAxOWwtNy0zIiBzdHJva2U9IiM1NGRjZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNDIiIGN5PSIyNyIgcj0iMi41IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEzIDUxaDM5IiBzdHJva2U9IiNmZmQ3NWEiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+") !important; }
}