/* ===================================================================================
   MyKaya light mode.

   Dark stays the default. The header's sun / moon button calls toggleTheme() (in
   Views/Shared/_Layout.cshtml), which puts data-theme="light" on <html> and remembers
   the choice in localStorage "theme". Every rule below that changes a colour hangs off
   html[data-theme="light"], so the dark theme is never touched. The mini-games
   (_LayoutMiniGames, drawn over dark artwork) set ViewData["DarkOnly"] and stay dark.

   Palette - MYK99 Figma, "Light Mode" section (Home After Login):
     page, header, notice bar #EFF2F8 · cards, footer, bottom bar #FFFFFF · inner panels #E8EEF8
     lines and card borders #AECAF5 · text #25252B · secondary text #858585
     blue #156AEE (titles, links) · blue gradient #0F86ED -> #07286C (tabs, buttons)
     gold fill #EAC75B -> #D9AA40 with #0A0D15 text · gold text #D3A137 · green #32CB3D

   wwwroot/css/theme-light.css is generated, so edit this header and the hand-written
   rules in LightTheme/base.css; the rest of theme-light.css comes from site.css and the
   views' inline styles, and each view's own <style> gets its light version in the view,
   marked light-theme:generated. After changing any of them, rerun
       node MyKaya.Main/LightTheme/gen-light.js
   Where base.css styles a selector, the generator leaves that property to it.
   =================================================================================== */

/* Theme switch in the header - both themes. The same button as EasyWin.Main (mycs33): a 34px
   ring with a 17px icon - the moon while the dark theme is on, the sun in the light one - that
   slowly breathes a halo so it reads as a button. The 4px margin plus the space before the
   next link make the same 10px as the gaps between the other icons. */
.topbar-theme-toggle {
    width: 34px;
    height: 34px;
    margin-right: 4px;
    padding: 0;
    border: 1px solid #2D3A57;
    border-radius: 50%;
    background: rgba(233, 197, 89, 0.10);
    color: #E9C559;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    cursor: pointer;
    animation: topbar-theme-breathe 3.2s ease-in-out infinite;
}
@keyframes topbar-theme-breathe {
    0%, 100% { border-color: #2D3A57; box-shadow: 0 0 0 0 rgba(240, 168, 48, 0); }
    50% { border-color: #F0A830; box-shadow: 0 0 9px 2px rgba(240, 168, 48, 0.45); }
}
@keyframes topbar-theme-breathe-light {
    0%, 100% { border-color: #5190F1; box-shadow: 0 0 0 0 rgba(21, 106, 238, 0); }
    50% { border-color: #156AEE; box-shadow: 0 0 9px 2px rgba(21, 106, 238, 0.30); }
}
@media (prefers-reduced-motion: reduce) {
    .topbar-theme-toggle { animation: none; }
}
.topbar-theme-toggle:hover {
    filter: brightness(1.15);
    animation-play-state: paused;
    border-color: #F0A830;
    box-shadow: 0 0 9px 2px rgba(240, 168, 48, 0.45);
}
.topbar-theme-toggle svg { width: 17px; height: 17px; display: block; }
.topbar-theme-toggle:focus-visible { outline: 2px solid #E9C559; outline-offset: 2px; }
/* Bootstrap rings every focused button; a mouse click on the switch should not leave one
   (the keyboard ring above stays). */
.topbar-theme-toggle:focus:not(:focus-visible) { outline: none; }
.topbar-theme-toggle .theme-icon-sun { display: none; }
/* Light: navy icon in a pale blue disc with a blue ring (Figma colours). */
html[data-theme="light"] .topbar-theme-toggle {
    color: #033083;
    background: #DCE8F9;
    border-color: #5190F1;
    animation-name: topbar-theme-breathe-light;
}
html[data-theme="light"] .topbar-theme-toggle:hover { border-color: #156AEE; box-shadow: 0 0 9px 2px rgba(21, 106, 238, 0.30); }
html[data-theme="light"] .topbar-theme-toggle:focus-visible { outline-color: #156AEE; }
html[data-theme="light"] .topbar-theme-toggle .theme-icon-moon { display: none; }
html[data-theme="light"] .topbar-theme-toggle .theme-icon-sun { display: block; }

/* Page basics. */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] a { color: #0F5BD6; }
html[data-theme="light"] .form-control,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="tel"],
html[data-theme="light"] input[type="email"] {
    background-color: #FFFFFF;
    color: #25252B;
    border-color: #AECAF5;
}
/* site.css takes the fields' borders off (body .form-control { border: 0 }) and lets the dark
   fill mark them out; a white field on the light page needs an edge. A ring, so no layout moves. */
html[data-theme="light"] .form-control,
html[data-theme="light"] #amount { box-shadow: inset 0 0 0 1px #AECAF5; }
html[data-theme="light"] .form-control:focus,
html[data-theme="light"] #amount:focus { box-shadow: inset 0 0 0 1px #156AEE, 0 0 0 3px rgba(21, 106, 238, 0.18); }
html[data-theme="light"] .form-control::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #6B7280; }
html[data-theme="light"] .modal-content { background-color: #FFFFFF; color: #25252B; }
html[data-theme="light"] .modal-header,
html[data-theme="light"] .modal-footer { border-color: #AECAF5; }
html[data-theme="light"] .close { color: #25252B; text-shadow: none; }
html[data-theme="light"] .table { color: #25252B; }
html[data-theme="light"] hr { border-color: #AECAF5; }

/* Scrollbars. site.css draws a dark brown thumb on a white track (scrollbar-color for Chrome
   and Firefox, ::-webkit-scrollbar for Safari), with white borders as the thumb's padding. */
html[data-theme="light"] * { scrollbar-color: #B5C6E3 transparent; }
html[data-theme="light"] *::-webkit-scrollbar-track { background: transparent; }
html[data-theme="light"] *::-webkit-scrollbar-thumb { background-color: #B5C6E3; border: 3px solid transparent; background-clip: padding-box; }
html[data-theme="light"] .horizontal-scrollbar::-webkit-scrollbar-thumb { border: 8px solid transparent; }
html[data-theme="light"] .horizontal-scrollbar::-webkit-scrollbar-track { border: 7px solid transparent; }

/* Bootstrap's .text-white (color: #fff !important) is used in the markup for text on the
   dark surfaces, which are light now. Coloured buttons and badges keep white text. */
html[data-theme="light"] .text-white { color: #25252B !important; }
html[data-theme="light"] .btn.text-white,
html[data-theme="light"] .btn .text-white,
html[data-theme="light"] .badge.text-white,
html[data-theme="light"] .badge .text-white { color: #FFFFFF !important; }

/* Text that sits straight on the page or a card: white (or pale gold) on the dark theme,
   dark on the light one. Used in the markup in place of an inline "color: white !important",
   which no stylesheet can override. */
.text-on-surface { color: #FFFFFF !important; }
.text-gold-on-surface { color: #F4E5AE !important; }
html[data-theme="light"] .text-on-surface { color: #25252B !important; }
html[data-theme="light"] .text-gold-on-surface { color: #8A6A12 !important; }

/* Components on dark artwork (the Refer & Earn strip, the side menu's membership card) or
   on a brand panel (RTP's blue stats) keep their own colours: gen-light.js skips them
   (KEEP_OWN_COLOURS). */
html[data-theme="light"] .refer-earn-banner { color: #FFFFFF; box-shadow: 0 4px 12px rgba(16, 24, 40, 0.18); }
html[data-theme="light"] .rtp-stats-info { color: #FFFFFF; }

/* The help pages' content panel (_LayoutFAQ) is a mid grey-blue on the dark theme; on the
   light one it is a card like the rest. */
html[data-theme="light"] .background-lightblue {
    background-color: #FFFFFF !important;
    border: 1px solid #AECAF5;
}

/* White line icons drawn for the dark bars: dark on the light header; the game-category
   menu's idle icons grey like its labels. */
html[data-theme="light"] .topbar-burger,
html[data-theme="light"] .topbar-support {
    filter: brightness(0) saturate(100%);
    opacity: 0.85;
}
html[data-theme="light"] .game-tabs .game-tab-icon-static { filter: brightness(0) invert(52%); }
/* The home header's and bottom bar's MYK99 icons have blue accents a filter would lose: their
   light artwork instead (myk99/*-light.webp = the white drawn #25252B, blue kept). */
html[data-theme="light"] .home-topbar .topbar-burger[src$="burger-menu.webp"] { content: url('/images/myk99/icon-top-burger-light.webp'); filter: none; opacity: 1; }
html[data-theme="light"] .home-topbar .topbar-support[src$="iconv3/support.webp"] { content: url('/images/myk99/icon-top-support-light.webp'); filter: none; opacity: 1; }
html[data-theme="light"] .home-topbar .topbar-support[src$="iconv3/notification.webp"] { content: url('/images/myk99/icon-top-bell-light.webp'); filter: none; opacity: 1; }
html[data-theme="light"] .bottom-nav-icon[src$="iconv3/home.webp"]    { content: url('/images/myk99/icon-nav-home-light.webp'); }
html[data-theme="light"] .bottom-nav-icon[src$="iconv3/funds.webp"]   { content: url('/images/myk99/icon-nav-funds-light.webp'); }
html[data-theme="light"] .bottom-nav-icon[src$="iconv3/history.webp"] { content: url('/images/myk99/icon-nav-history-light.webp'); }
html[data-theme="light"] .bottom-nav-icon[src$="iconv3/support.webp"] { content: url('/images/myk99/icon-nav-support-light.webp'); }

/* ---- Home, after the MYK99 Figma "Light Mode" > Home After Login ------------------- */

/* Notice bar: page colour with a light-blue rule under it and a dark megaphone. The 2px gold
   rule under the banner is not in the light design. */
html[data-theme="light"] .marquee { border-bottom: 1px solid #AECAF5; }
html[data-theme="light"] .marquee .marquee-icon img { filter: brightness(0) saturate(100%); opacity: 0.85; }
html[data-theme="light"] div[style="background-color:#615738;height:2px;"] { background-color: transparent !important; }

/* Wallet card: dark refresh / restore icons; the action icons in their light artwork
   (myk99/wallet-*-light.webp = the dark theme's icons with the white drawn #25252B). */
html[data-theme="light"] .wallet-refresh-icon,
html[data-theme="light"] .wallet-restore-btn img { filter: brightness(0) saturate(100%); opacity: 0.9; }
html[data-theme="light"] .wallet-actions img[src$="iconv3/deposit.webp"]  { content: url('/images/myk99/wallet-deposit-light.webp'); }
html[data-theme="light"] .wallet-actions img[src$="iconv3/withdraw.webp"] { content: url('/images/myk99/wallet-withdraw-light.webp'); }
html[data-theme="light"] .wallet-actions img[src$="iconv3/rebate.webp"]   { content: url('/images/myk99/wallet-rebate-light.webp'); }
html[data-theme="light"] .wallet-actions img[src$="iconv3/profile.webp"]  { content: url('/images/myk99/wallet-profile-light.webp'); }
html[data-theme="light"] .wallet-actions img[src$="iconv3/referral.webp"] { content: url('/images/myk99/wallet-referral-light.webp'); }
/* the white card ends on a light-blue rule (a ring edge, so nothing moves) */
html[data-theme="light"] .wallet-card:not(.profile-card) { box-shadow: inset 0 -1px 0 #AECAF5; }

/* Quick tiles (Hot Game RTP, Contact Us, Mini Game, VIP): white text on their own colour and
   no edge, as in the dark theme - their colours sit in other rules, so the generator took the
   white for text on the page. */
html[data-theme="light"] .home-quick-btn,
html[data-theme="light"] .home-quick-btn:hover { color: #FFFFFF !important; }
html[data-theme="light"] .home-quick-btn { border: 0; }

/* Game-category menu: grey idle tabs; the selected one a light-blue wash with a blue rule
   (the dark theme's radial #3EB0E5 glow). */
html[data-theme="light"] .game-tabs .mobile-game-selection { color: #858585 !important; }
html[data-theme="light"] .game-tabs .mobile-game-selection.selected { color: #35A7DC !important; }
html[data-theme="light"] .game-tabs .mobile-game-selection.selected::before {
    background: linear-gradient(180deg, rgba(115, 196, 235, 0) 0%, rgba(115, 196, 235, 0.45) 100%);
    border-bottom: 2px solid #73C4EB;
}

/* Live withdraw header (white text on its blue gradient) and the video heading as in the design. */
html[data-theme="light"] .live-tx-header { background: linear-gradient(90deg, #0F86ED 0%, #072D72 100%); }
html[data-theme="light"] .live-tx-title,
html[data-theme="light"] .live-tx-subtitle { color: #FFFFFF; }
html[data-theme="light"] .youtube-section-title { color: #156AEE; }

/* Testimonials: white cards with a light-blue edge (a ring, so nothing moves) and no gold
   corner rule. */
html[data-theme="light"] body .testimonial-card { box-shadow: inset 0 0 0 1px #AECAF5; }
html[data-theme="light"] body .testimonial-card::before { display: none; }

/* Footer and bottom bar are white; the bar has a light-blue rule on top. */
html[data-theme="light"] body .footer-container { background-color: #FFFFFF; }
/* Footer logos drawn white for the dark footer vanish on white: the same files with the white
   drawn #25252B (*-light.webp beside each; GoDaddy's white shield keeps its white). */
html[data-theme="light"] .footer-container img[src$="security/1_iovation.webp"] { content: url('/images/footer/security/1_iovation-light.webp'); }
html[data-theme="light"] .footer-container img[src$="security/2_threadmax.webp"] { content: url('/images/footer/security/2_threadmax-light.webp'); }
html[data-theme="light"] .footer-container img[src$="responsible_gaming/1_18only.webp"] { content: url('/images/footer/responsible_gaming/1_18only-light.webp'); }
html[data-theme="light"] .footer-container img[src$="responsible_gaming/2_gamcare.webp"] { content: url('/images/footer/responsible_gaming/2_gamcare-light.webp'); }
html[data-theme="light"] .footer-container img[src$="responsible_gaming/3_begambleaware.webp"] { content: url('/images/footer/responsible_gaming/3_begambleaware-light.webp'); }
html[data-theme="light"] .footer-container img[src$="payment/fpx.webp"] { content: url('/images/payment/fpx-light.webp'); }
html[data-theme="light"] .footer-container img[src$="certificates/6_godaddy.webp"] { content: url('/images/footer/certificates/6_godaddy-light.webp'); }
html[data-theme="light"] .bottom-nav { background-color: #FFFFFF; border-top: 1px solid #AECAF5; }

/* Home notice popup arrows: a gold gradient clipped to the glyph. Written out in full here - a
   generated copy repeated the "background" shorthand, which resets background-clip, so the
   whole button was painted gold and the arrow vanished. Deeper gold, as the dark theme's pale
   #F4E5AE top would vanish on the white frame. */
html[data-theme="light"] .notice-arrow {
    background: transparent;
    background-image: linear-gradient(180deg, #D3A137 0%, #8A6A12 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ---- Other pages: found by walking every page in the light theme ---------------------- */

/* The member tier name takes its gold from an inline style built in Razor (the generator skips
   those); #B09A51 is too faint on the light page. */
html[data-theme="light"] .profile-member-tier-name { color: #826A12 !important; }

/* Deposit: the payment-method icons are white line art, and both the idle and the selected tile
   are light now. Promo Code cards show the same icons. */
html[data-theme="light"] .payment-selection-icon,
html[data-theme="light"] .promo-card-icons img { filter: brightness(0) saturate(100%); opacity: 0.75; }

/* Profile / Password / Inbox / Bank / Promo tabs: their light artwork, as for the wallet icons. */
html[data-theme="light"] .wallet-actions img[src$="iconv3/password.webp"]   { content: url('/images/myk99/icon-tab-password-light.webp'); }
html[data-theme="light"] .wallet-actions img[src$="iconv3/message.webp"]    { content: url('/images/myk99/icon-tab-message-light.webp'); }
html[data-theme="light"] .wallet-actions img[src$="iconv3/bank.webp"]       { content: url('/images/myk99/icon-tab-bank-light.webp'); }
html[data-theme="light"] .wallet-actions img[src$="iconv3/promo-code.webp"] { content: url('/images/myk99/icon-tab-promo-light.webp'); }

/* Promotion: the promo titles sit on the blue title bar - white, as in the dark theme. */
html[data-theme="light"] .promo-title-bar .promo-title-text { color: #FFFFFF; }

/* Contact Us: the help and "why us" icons in their light artwork (white drawn #25252B, gold kept). */
html[data-theme="light"] .contact-help-icon img[src$="icon-deposit-issue.webp"]     { content: url('/images/home/contact-us/icon-deposit-issue-light.webp'); }
html[data-theme="light"] .contact-help-icon img[src$="icon-withdrawal-issue.webp"]  { content: url('/images/home/contact-us/icon-withdrawal-issue-light.webp'); }
html[data-theme="light"] .contact-help-icon img[src$="icon-account-login.webp"]     { content: url('/images/home/contact-us/icon-account-login-light.webp'); }
html[data-theme="light"] .contact-help-icon img[src$="icon-promotion-inquiry.webp"] { content: url('/images/home/contact-us/icon-promotion-inquiry-light.webp'); }
html[data-theme="light"] .contact-why-icon img[src$="icon-247-support.webp"]        { content: url('/images/home/contact-us/icon-247-support-light.webp'); }
html[data-theme="light"] .contact-why-icon img[src$="icon-fast-response.webp"]      { content: url('/images/home/contact-us/icon-fast-response-light.webp'); }
html[data-theme="light"] .contact-why-icon img[src$="icon-privacy-protected.webp"]  { content: url('/images/home/contact-us/icon-privacy-protected-light.webp'); }
html[data-theme="light"] .contact-why-icon img[src$="icon-trusted.webp"]            { content: url('/images/home/contact-us/icon-trusted-light.webp'); }

/* RTP: the value and tier colours are inline (style="color:@color"), picked for the dark cards.
   The same hues, deep enough to read on the light card. */
html[data-theme="light"] .rtp-card [style*="#E9C559"] { color: #9A7A10 !important; }
html[data-theme="light"] .rtp-card [style*="#5CBA62"] { color: #2E8B3A !important; }
html[data-theme="light"] .rtp-card [style*="#D43C3B"] { color: #C22F2E !important; }
html[data-theme="light"] .rtp-card [style*="#ff3b30"] { color: #D2261C !important; }
/* NEXTSPIN: the dark theme swaps in a white copy of its black wordmark; light tiles want the
   original back. */
html[data-theme="light"] img[src*="5a1f2196-18af-47ba-9ef2-f05c49459faf"] { content: normal; }

/* Referral > Invite: the QR card paints a dark gradient inline (its first stop is pale gold, so
   the generator took it for a brand button). White card; the pale-gold QR drawn dark, which
   is also what scanners read best. */
html[data-theme="light"] .invite-share-card[style] { background: #FFFFFF !important; }
html[data-theme="light"] .invite-qr-image { filter: brightness(0.25); }

/* ===================================================================================
   Generated from wwwroot/css/site.css: every rule that sets a dark-theme colour, with
   the light colour in its place.
   =================================================================================== */
html[data-theme="light"] .btn-primary {
    color: black;
    background: linear-gradient(180deg, #ffefcb 0%, #ffcd16 100%);
    border-color: #A58100 !important;
}
html[data-theme="light"] .primary-text {
    color: #826A12 !important;
}
html[data-theme="light"] .primary-bg {
    background-color: #ffd950 !important;
}
html[data-theme="light"] .btn-black {
    color: #836700;
    background: #EFF2F8;
    border: 2px solid #A78300;
}
html[data-theme="light"] .btn-black:hover {
    color: #25252B;
}
html[data-theme="light"] .btn-primary:disabled {
    background-color: #DFE4EC;
}
html[data-theme="light"] .btn-white {
    background-color: white;
}
html[data-theme="light"] .btn-white:hover {
    color: white;
    background-color: #3793d6;
}
html[data-theme="light"] .btn-white:focus {
    color: white;
    background-color: #3793d6;
}
html[data-theme="light"] .nav-pills .nav-link.active,
html[data-theme="light"] .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
}
html[data-theme="light"] {
    background-color: #EFF2F8;
}
html[data-theme="light"] .border-top {
    border-top: 1px solid #AECAF5;
}
html[data-theme="light"] .border-bottom {
    border-bottom: 1px solid #AECAF5;
}
html[data-theme="light"] body {
    color: #858585;
    background-color: #EFF2F8;
}
html[data-theme="light"] .color-main {
    color: #856800 !important;
}
html[data-theme="light"] .color-main-bg {
    background-color: #3a5fff !important;
}
html[data-theme="light"] .sidenav-toggle {
    color: white !important;
    background-color: #3a5fff !important;
}
html[data-theme="light"] .white-rounded-container {
    background-color: white;
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .error {
    color: #DB0000;
}
html[data-theme="light"] table.dataTable thead .sorting_asc_disabled:after,
html[data-theme="light"] table.dataTable thead .sorting_desc_disabled:after {
    color: #25252B;
}
html[data-theme="light"] .tree li::before,
html[data-theme="light"] .tree li::after {
    border-top: 1px solid #AECAF5;
}
html[data-theme="light"] .tree li::after {
    border-left: 1px solid #AECAF5;
}
html[data-theme="light"] .tree li:last-child::before {
    border-right: 1px solid #AECAF5;
}
html[data-theme="light"] .tree ul ul::before {
    border-left: 1px solid #AECAF5;
}
html[data-theme="light"] .tree a {
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .tree a:hover,
html[data-theme="light"] .tree a:hover + ul li a {
    background: #e9453f;
    color: #fff;
}
html[data-theme="light"] .red-dot {
    background-color: red;
    color: white;
}
html[data-theme="light"] .input-group-addon {
    background-color: #fff;
    border: 1px solid #AECAF5;
    color: black;
}
html[data-theme="light"] .input-group.input-group-spaced .input-group-addon {
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
}
html[data-theme="light"] .has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
}
html[data-theme="light"] .select-border {
    border-color: #AECAF5;
}
html[data-theme="light"] .background-black {
    background: #FFFFFF;
    background: #FFFFFF;
    color: #25252B;
}
html[data-theme="light"] .body-container {
    background-color: #FFFFFF;
}
html[data-theme="light"] .btn-grey {
    color: #001326;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(142,142,142,1) 7%, rgba(255,255,255,1) 50%, rgba(142,142,142,1) 96%, rgba(255,255,255,1) 100%);
}
html[data-theme="light"] .btn-yellow {
    background-color: #EFF2F8;
    border: 2px solid #A78300;
    color: #25252B;
}
html[data-theme="light"] .btn-yellow:hover {
    background-color: #ffd950;
    color: black;
}
html[data-theme="light"] .btn-yellow:hover,
html[data-theme="light"] .btn-yellow.selected {
    background-color: #ffd950;
    color: black;
}
html[data-theme="light"] .btn-blue {
    color: #001326;
    background: rgb(146,201,231);
    background: linear-gradient(90deg, rgba(146,201,231,1) 0%, rgba(136,194,228,1) 8%, rgba(255,255,255,1) 50%, rgba(136,194,228,1) 92%, rgba(146,201,231,1) 100%);
    border-color: #AECAF5 !important;
}
html[data-theme="light"] .mobile-login-bt {
    color: #001326;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(142,142,142,1) 20%, rgba(255,255,255,1) 50%, rgba(142,142,142,1) 80%, rgba(255,255,255,1) 100%);
}
html[data-theme="light"] .mobile-register-bt {
    color: #001326;
    background: rgb(146,201,231);
    background: linear-gradient(90deg, rgba(146,201,231,1) 0%, rgba(136,194,228,1) 8%, rgba(255,255,255,1) 50%, rgba(136,194,228,1) 92%, rgba(146,201,231,1) 100%);
}
html[data-theme="light"] .modal-body {
    background: #FFFFFF;
    color: #25252B;
}
html[data-theme="light"] .modal-body .input-label {
    color: #25252B;
}
html[data-theme="light"] .modal-body .form-control,
html[data-theme="light"] .modal-body .input-group-addon {
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .modal-header {
    background-color: #FFFFFF;
}
html[data-theme="light"] .modal-header h5,
html[data-theme="light"] .modal-header button {
    color: #25252B;
}
html[data-theme="light"] .referral-share-btn {
    color: #000;
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
}
html[data-theme="light"] .share-label {
    color: #25252B;
}
html[data-theme="light"] .share-copy-btn {
    color: #fff;
    background-color: #ED1919;
}
html[data-theme="light"] .label-hint {
    color: #858585;
}
html[data-theme="light"] .nav-bt {
    color: #001326 !important;
    background-color: white;
}
html[data-theme="light"] .nav-bt.selected {
    color: white !important;
    background-color: #3692d5;
}
html[data-theme="light"] .nav-bt:hover {
    color: white !important;
    background-color: #3692d5;
}
html[data-theme="light"] .collapse-bar {
    background-color: #3793d6;
    color: white;
}
html[data-theme="light"] .collapse-bar.collapsed {
    background-color: white;
    color: #001326;
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .blue-container {
    background-color: white;
    background-color: #98a8b5 !important;
}
html[data-theme="light"] .blue-container-label {
    color: #25252B;
}
html[data-theme="light"] .blue-container-header {
    color: #25252B;
}
html[data-theme="light"] .blue_table thead {
    background-color: #3692d5;
    color: white;
}
html[data-theme="light"] .sidenav {
    color: #25252B !important;
    background: #F6F4EF;
    background: linear-gradient(180deg, #F6F4EF 0%, #FFFFFF 50%, #EFF2F8 100%);
}
html[data-theme="light"] .sidenav a {
    color: #25252B !important;
}
html[data-theme="light"] .slick-dots li button:before {
    color: #25252B;
}
html[data-theme="light"] .slick-active button:before {
    background-color: #FFC425 !important;
    color: #FFC425 !important;
}
html[data-theme="light"] .slick-dots li button:before {
    background-color: white;
}
html[data-theme="light"] .moving-banner .banner-progress {
    background-color: rgba(16, 24, 40, 0.06);
}
html[data-theme="light"] .moving-banner .banner-progress .banner-progress-bar {
    background-color: #F4E5AE;
}
html[data-theme="light"] .menubar li {
    background: white;
}
html[data-theme="light"] .menubar li.selected {
    background: #3792d6;
    color: white !important;
}
html[data-theme="light"] .menubar li:hover {
    background: #3792d6;
    color: white !important;
}
html[data-theme="light"] .menubar li.selected a {
    color: #25252B !important;
}
html[data-theme="light"] .menubar li a:hover {
    color: #25252B !important;
}
html[data-theme="light"] .paginate_button a {
    color: #25252B !important;
}
html[data-theme="light"] .paginate_button.previous a {
    background-color: #EFF2F8 !important;
    color: #7C6C38 !important;
    border: 1px solid #AECAF5 !important;
}
html[data-theme="light"] .paginate_button.next a {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%) !important;
    color: #000 !important;
}
html[data-theme="light"] .modal-header {
    color: #25252B;
}
html[data-theme="light"] .modal-content {
    background: #FFFFFF;
}
html[data-theme="light"] .game-selection.selected {
    background: #FFFFFF;
    border-color: #A18416;
    color: #826A12;
}
html[data-theme="light"] .table-yellow {
    background-color: #FFFFFF;
}
html[data-theme="light"] .table-yellow  td {
    background-color: #FFFFFF;
    color: #25252B;
}
html[data-theme="light"] .table-yellow thead tr {
    color: #826A12;
    background-color: #E8EEF8;
}
html[data-theme="light"] .table-yellow thead th {
    background-color: #E8EEF8;
    color: #826A12;
}
html[data-theme="light"] .marquee .marquee-icon {
    background-color: #EFF2F8;
}
html[data-theme="light"] .main-bottom-container {
    background: #EFF2F8;
}
html[data-theme="light"] .home-topbar {
    background-color: #EFF2F8;
}
html[data-theme="light"] .home-topbar .topbar-lang-flag {
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .bottom-nav-link {
    color: #25252B;
}
html[data-theme="light"] .bottom-nav-link:hover,
html[data-theme="light"] .bottom-nav-link:focus,
html[data-theme="light"] .bottom-nav-link:visited {
    color: #25252B;
}
html[data-theme="light"] .bottom-nav-label {
    color: #25252B;
}
html[data-theme="light"] .bottom-nav-item.selected .bottom-nav-label {
    color: #7C6C38;
}
html[data-theme="light"] .bottom-nav-circle {
    background-image: url('/images/iconv3/middle-logo.webp'),
        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
}
html[data-theme="light"] .bottom-nav-badge {
    background-color: red;
    color: #fff;
}
html[data-theme="light"] .main-bg {
    background-color: #EFF2F8 !important;
}
@media (min-width: 768px) {
    html[data-theme="light"] .main-bg {
        background-color: #EFF2F8 !important;
    }
    
}
html[data-theme="light"] .btn-gradient {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: #000;
}
html[data-theme="light"] .btn-ghost {
    background-color: #EFF2F8;
    color: #7C6C38;
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .live-tx-header {
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .youtube-embed-wrapper {
    border: 2px solid #9E8838;
    background-color: #EFF2F8;
}
html[data-theme="light"] .live-tx-body {
    background-color: #FFFFFF;
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .live2 .live-withdraw-table td {
    border-right: 1px solid #AECAF5 !important;
    border-bottom: 1px solid #AECAF5 !important;
}
html[data-theme="light"] .lw-member-name {
    color: #82691F;
}
html[data-theme="light"] .lw-member-label {
    color: #25252B;
}
html[data-theme="light"] .lw-amount {
    color: #25252B;
}
html[data-theme="light"] .lw-game-pill {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: #111111;
}
html[data-theme="light"] .live-badge {
    background-color: #E2231A;
    color: #ffffff;
}
html[data-theme="light"] .live-badge-dot {
    background-color: #ffffff;
}
html[data-theme="light"] .section-heading {
    color: #826A12;
}
html[data-theme="light"] .testimonial-card {
    background-color: #FFFFFF;
}
html[data-theme="light"] .testimonial-card-title {
    color: #7C6C38;
}
html[data-theme="light"] .testimonial-card-text {
    color: #25252B;
}
html[data-theme="light"] .testimonial-stars {
    color: #7C6C38;
}
html[data-theme="light"] .wallet-card {
    color: #25252B;
    background-color: #FFFFFF;
}
html[data-theme="light"] .wallet-card.profile-card {
    background: linear-gradient(180deg, #E8EEF8 0%, #FFFFFF 100%);
}
html[data-theme="light"] .profile-card .membership-welcome {
    color: #858585;
}
html[data-theme="light"] .profile-card .membership-name {
    color: #25252B;
}
html[data-theme="light"] .profile-member-level-label {
    color: #858585;
}
html[data-theme="light"] .wallet-balance-label {
    color: #858585;
}
html[data-theme="light"] .wallet-balance-amount {
    color: #826A12;
}
html[data-theme="light"] .wallet-status-active {
    color: #1C7D27;
}
html[data-theme="light"] .wallet-status-active.wallet-status-inactive {
    color: #858585;
}
html[data-theme="light"] .wallet-status-note {
    color: #858585;
}
html[data-theme="light"] .wallet-history-link {
    color: #7C6C38 !important;
}
html[data-theme="light"] .wallet-history-toggle {
    background: #B09A51;
}
html[data-theme="light"] .wallet-history-text {
    color: #7C6C38 !important;
}
html[data-theme="light"] .wallet-slider {
    background-color: #E8EEF8;
}
html[data-theme="light"] .wallet-slider:before {
    background-color: #fff;
}
html[data-theme="light"] .wallet-switch input:checked + .wallet-slider {
    background-color: #2ecc40;
}
html[data-theme="light"] .wallet-action {
    color: #25252B !important;
}
html[data-theme="light"] .wallet-action.selected {
    color: #826A12 !important;
}
html[data-theme="light"] .home-quick-btn-partnership {
    background: linear-gradient(135deg, #C9A227 0%, #8A6D1A 100%);
}
html[data-theme="light"] .home-quick-btn-minigame {
    background: linear-gradient(135deg, #E4483C 0%, #B02E24 100%);
}
html[data-theme="light"] .home-quick-btn-livesoccer {
    background: linear-gradient(135deg, #1FA98A 0%, #0E7A63 100%);
}
html[data-theme="light"] .home-quick-btn-vip {
    background: linear-gradient(135deg, #8B4FC7 0%, #5B2E8C 100%);
}
html[data-theme="light"] .home-quick-btn-contactus {
    background: linear-gradient(135deg, #3E7FE0 0%, #2454B0 100%);
}
html[data-theme="light"] .home-quick-btn-rtp {
    background: linear-gradient(135deg, #F5921F 0%, #E4640C 100%);
}
html[data-theme="light"] .hotgame-section {
    border: 1px solid #9C8847;
    background-color: #EFF2F8;
}
html[data-theme="light"] .hotgame-label {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: #000;
}
html[data-theme="light"] .hotgame-list {
    background-color: #EFF2F8;
}
html[data-theme="light"] .section-heading-gold {
    border-bottom: 2px solid #9C8847;
}
html[data-theme="light"] .section-heading-gold-tab {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: #000;
}
html[data-theme="light"] .rec-game-item {
    background-color: #FFFFFF;
}
html[data-theme="light"] .rec-game-name {
    color: #25252B;
}
html[data-theme="light"] #mySidenav {
    background: #EFF2F8;
}
html[data-theme="light"] .sidenav .sidenav-clock {
    color: #858585;
    background: #FFFFFF;
}
html[data-theme="light"] .sidenav .sidenav-quick-btn {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    border: 1px solid #9C8847;
    color: #000 !important;
}
html[data-theme="light"] .sidenav .sidenav-divider {
    border-top: 1px solid #AECAF5;
}
html[data-theme="light"] .sidenav .sidenav-lang-accordion {
    background: #FFFFFF;
}
html[data-theme="light"] .sidenav .sidenav-lang-header {
    color: #25252B;
}
html[data-theme="light"] .sidenav .sidenav-lang-caret {
    color: #25252B;
}
html[data-theme="light"] .sidenav .sidenav-lang-header[aria-expanded="true"] {
    color: #7C6C38;
}
html[data-theme="light"] .sidenav .sidenav-lang-item {
    color: #25252B !important;
}
html[data-theme="light"] .sidenav .sidenav-lang-item:hover {
    background: rgba(16, 24, 40, 0.03);
}
html[data-theme="light"] .sidenav .sidenav-lang-item img {
    border: 2px solid #9C8847;
}
html[data-theme="light"] .lang-flag-circle {
    border: 2px solid #9C8847;
}
html[data-theme="light"] .sidenav .sidenav-profile-btn {
    background: #FFFFFF;
    color: #25252B !important;
}
html[data-theme="light"] .sidenav .sidenav-profile-btn:hover {
    background: rgba(16, 24, 40, 0.03);
}
html[data-theme="light"] .sidenav .sidenav-logout-btn {
    background: #E8EEF8;
    color: #DC0000 !important;
}
html[data-theme="light"] .sidenav .sidenav-logout-btn:hover {
    background: #E8EEF8;
}
html[data-theme="light"] .page-header-bar {
    background: #FFFFFF;
}
html[data-theme="light"] .page-header-bar--profile {
    background: #E8EEF8;
}
html[data-theme="light"] .page-header-title {
    color: #25252B;
}
html[data-theme="light"] .text-label {
    color: #25252B;
}
html[data-theme="light"] .profile-title {
    color: #826A12;
}
html[data-theme="light"] .form-control:focus {
    color: #25252B;
    background-color: #FFFFFF;
    border-color: #9C8847;
}
html[data-theme="light"] .form-control[readonly] {
    background-color: #E8EEF8;
    color: #25252B;
}
html[data-theme="light"] .form-control[readonly]:focus {
    background-color: #E8EEF8;
    border-color: #AECAF5;
}
html[data-theme="light"] .input-group-addon {
    background-color: #E8EEF8;
    color: #25252B;
    border-color: #AECAF5;
}
html[data-theme="light"] .amount-bt-container div {
    background-color: #FFFFFF;
    color: #858585;
}
html[data-theme="light"] .amount-bt-container div.selected {
    border: 1px solid #A18416;
    color: #826A12;
    background-color: #FFFFFF;
}
html[data-theme="light"] .auth-tab {
    background-color: #FFFFFF;
    color: #858585;
}
html[data-theme="light"] .auth-tab:hover,
html[data-theme="light"] .auth-tab:focus {
    color: #858585;
}
html[data-theme="light"] .auth-tab.selected {
    background-color: #B09A51;
    color: #111111;
}
html[data-theme="light"] .auth-card {
    background: #FFFFFF;
}
html[data-theme="light"] .auth-card .input-label {
    color: #25252B;
}
html[data-theme="light"] .keep-logged-in {
    color: #858585;
}
html[data-theme="light"] .auth-social-divider {
    color: #858585;
}
html[data-theme="light"] .auth-social-divider::before,
html[data-theme="light"] .auth-social-divider::after {
    background: #E8EEF8;
}
html[data-theme="light"] .btn-primary {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: #000;
}
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-primary:focus,
html[data-theme="light"] .btn-primary:active {
    color: #000;
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
}
html[data-theme="light"] .page-hero-title {
    color: #816810;
}
html[data-theme="light"] .page-hero-subtitle {
    color: #25252B;
}
html[data-theme="light"] .btn.btn-black {
    background-color: #EFF2F8;
    color: #7C6C38;
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .btn.btn-black:hover {
    color: #7C6C38;
}
html[data-theme="light"] .table-yellow tbody tr td {
    border-bottom: 1px solid #AECAF5;
}
html[data-theme="light"] .password-field-wrapper .password-toggle-icon {
    color: #858585;
}
@media only screen and (min-width: 992px) {
    html[data-theme="light"] #mySidenav {
        border-right: 1px solid #AECAF5;
    }
    
}
html[data-theme="light"] .contact-hero {
    background: linear-gradient(135deg, #FBF5E9 0%, #EFF2F8 60%, #EFF2F8 100%) padding-box,
        linear-gradient(135deg, #ffe9a0 0%, #c9992e 50%, #ffe9a0 100%) border-box;
    box-shadow: 0 0 16px rgba(16, 24, 40, 0.14), inset 0 0 12px 1px rgba(16, 24, 40, 0.14);
}
html[data-theme="light"] .contact-hero-badge {
    color: #82680D;
    border: 1px solid rgba(162, 130, 16, 0.4);
}
html[data-theme="light"] .contact-hero-title {
    color: #25252B;
}
html[data-theme="light"] .contact-hero-subtitle {
    color: #25252B;
}
html[data-theme="light"] .contact-section-title {
    color: #826A12;
}
html[data-theme="light"] .contact-section-subtitle {
    color: #25252B;
}
html[data-theme="light"] .contact-agent-card {
    background: linear-gradient(150deg, #FFFFFF 0%, #EFF2F8 45%, #EFF2F8 100%) padding-box,
        linear-gradient(135deg, #ffe9a0 0%, #c9992e 50%, #ffe9a0 100%) border-box;
    box-shadow: 0 0 16px rgba(16, 24, 40, 0.14), inset 0 0 12px 1px rgba(16, 24, 40, 0.14);
    color: #25252B;
}
html[data-theme="light"] .contact-agent-icon {
    color: #25252B;
}
html[data-theme="light"] .contact-agent-name {
    color: #826A12;
}
html[data-theme="light"] .contact-agent-role {
    color: #25252B;
}
html[data-theme="light"] .contact-agent-tags span {
    background-color: #EFF2F8;
    color: #858585;
    border: 2px solid #AECAF5;
}
html[data-theme="light"] .contact-agent-bottom {
    background: linear-gradient(#EFF2F8, #EFF2F8) padding-box, linear-gradient(315deg, #E9DF9E 0%, #191101 100%) border-box;
}
html[data-theme="light"] .contact-agent-stat-value {
    color: #826A12;
}
html[data-theme="light"] .contact-agent-stat-label {
    color: #858585;
}
html[data-theme="light"] .contact-agent-online {
    color: #247B1A;
}
html[data-theme="light"] .contact-agent-dot {
    background-color: #47d437;
}
html[data-theme="light"] .contact-agent-dot.offline {
    background-color: #e03532;
}
html[data-theme="light"] .contact-agent-chat-btn {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: black;
}
html[data-theme="light"] .contact-social-card {
    color: #25252B;
}
html[data-theme="light"] .contact-social-card.facebook {
    background: linear-gradient(180deg, rgba(59, 108, 244, 0.22) 0%, #EFF2F8 55%);
    box-shadow: 0 0 10px rgba(16, 24, 40, 0.14);
}
html[data-theme="light"] .contact-social-card.instagram {
    background: linear-gradient(180deg, rgba(194, 54, 168, 0.22) 0%, #EFF2F8 55%);
    box-shadow: 0 0 10px rgba(16, 24, 40, 0.14);
}
html[data-theme="light"] .contact-social-card.twitter {
    background: linear-gradient(180deg, rgba(16, 24, 40, 0.05) 0%, #EFF2F8 55%);
    border: 1.5px solid #AECAF5;
}
html[data-theme="light"] .contact-social-name {
    color: #25252B;
}
html[data-theme="light"] .contact-social-desc {
    color: rgba(37, 37, 43, 0.7);
}
html[data-theme="light"] .contact-social-follow {
    background-color: rgba(16, 24, 40, 0.08);
    border: 1px solid rgba(174, 202, 245, 0.6);
    color: #826A12;
}
html[data-theme="light"] .contact-help-box {
    background: #FFFFFF;
    border: 1px solid #AECAF5;
}
html[data-theme="light"] .contact-help-box .contact-section-title,
html[data-theme="light"] .contact-why-section .contact-section-title {
    color: #816A0B;
}
html[data-theme="light"] .contact-help-box .contact-section-subtitle {
    color: #25252B;
}
html[data-theme="light"] .contact-help-card {
    background: linear-gradient(135deg, #FBF5E9, #EFF2F8) !important;
    color: #25252B;
}
html[data-theme="light"] .contact-help-label {
    color: #25252B;
}
html[data-theme="light"] .contact-why-card {
    background: #EFF2F8;
    border: 1px solid #9A8638;
}
html[data-theme="light"] .contact-why-title {
    color: #7E690D;
}
html[data-theme="light"] .contact-why-desc {
    color: #25252B;
}
html[data-theme="light"] .page-terms {
    border: 1px solid #9C8847;
    background-color: #FFFFFF;
    color: #858585;
}
html[data-theme="light"] .page-terms--minigame {
    border-color: #9F8400;
    background-color: #EFF2F8;
}
html[data-theme="light"] .page-terms-title {
    color: #25252B;
}
html[data-theme="light"] .page-terms--minigame .page-terms-title {
    color: #7F6A00;
}
html[data-theme="light"] .page-terms-footer {
    color: #858585;
}
html[data-theme="light"] .notice-close {
    border: 2px solid #AECAF5;
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: #202020;
}
html[data-theme="light"] .notice-footer {
    background: #FFFFFF;
}
html[data-theme="light"] .notice-tab {
    border: 1px solid #9C8847;
    color: #826A12;
}
html[data-theme="light"] .notice-tab.active {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
    color: #202020;
    border-color: #A18416;
}
html[data-theme="light"] .notice-dismiss {
    background: #FFFFFF;
}
html[data-theme="light"] .notice-dots .slick-dots li button {
    background: #E8EEF8;
}
html[data-theme="light"] .notice-dots .slick-dots li.slick-active button {
    background: linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%);
}
@media screen {
    html[data-theme="light"],
    html[data-theme="light"] body {
        background-color: #EFF2F8;
    }
    html[data-theme="light"] .home-topbar {
        background-color: #EFF2F8;
    }
    html[data-theme="light"] .bottom-nav-item.selected .bottom-nav-label {
        color: #25252B;
    }
    html[data-theme="light"] .bottom-nav-circle {
        background-image: url('/images/iconv3/middle-logo.webp'),
                linear-gradient(#EFF2F8, #EFF2F8),
                linear-gradient(180deg, #E9C559 0%, #8A6B23 100%);
        box-shadow: 0 0 12px rgba(16, 24, 40, 0.14);
    }
    
}
@media screen {
    html[data-theme="light"] .auth-page .auth-tabs {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] .auth-page .auth-tab {
        color: #846812;
    }
    html[data-theme="light"] .auth-page .auth-tab:hover,
    html[data-theme="light"] .auth-page .auth-tab:focus {
        color: #846812;
    }
    html[data-theme="light"] .auth-page .auth-tab.selected,
    html[data-theme="light"] .auth-page .auth-tab.selected:hover,
    html[data-theme="light"] .auth-page .auth-tab.selected:focus {
        background-color: #156AEE;
        color: #ffffff;
    }
    html[data-theme="light"] .auth-page .input-label {
        color: #25252B;
    }
    html[data-theme="light"] .auth-page .form-signin .form-control,
    html[data-theme="light"] .auth-page .form-control {
        background-color: #FFFFFF;
        color: #25252B;
    }
    html[data-theme="light"] .auth-page .form-control::placeholder {
        color: #858585;
    }
    html[data-theme="light"] .auth-page .form-control:focus {
        background-color: #FFFFFF;
        color: #25252B;
    }
    html[data-theme="light"] .auth-page .input-group.input-group-spaced .input-group-addon {
        background-color: #FFFFFF;
        color: #25252B;
    }
    html[data-theme="light"] .auth-page .form-signin .btn-app.btn-gradient,
    html[data-theme="light"] .auth-page .btn-app.btn-gradient {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] .auth-page .label-hint {
        color: #858585;
    }
    html[data-theme="light"] .auth-page .keep-logged-in {
        color: #858585;
    }
    html[data-theme="light"] .auth-page .auth-social-divider {
        color: #858585;
    }
    html[data-theme="light"] .auth-page .password-toggle-icon {
        color: #858585;
    }
    html[data-theme="light"] .auth-page a.primary-text,
    html[data-theme="light"] .auth-page .auth-card a[style] {
        color: #1165E8 !important;
    }
    
}
@media screen {
    html[data-theme="light"] #mySidenav {
        background: #EFF2F8;
    }
    html[data-theme="light"] .sidenav .sidenav-clock {
        background: #FFFFFF;
        color: #858585;
    }
    html[data-theme="light"] .sidenav .sidenav-quick-btn {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff !important;
    }
    html[data-theme="light"] .sidenav .sidenav-divider {
        border-top-color: #AECAF5;
    }
    html[data-theme="light"] .sidenav .sidenav-lang-accordion {
        background: #FFFFFF;
    }
    html[data-theme="light"] .sidenav .sidenav-lang-header[aria-expanded="true"] {
        color: #1165E8;
    }
    html[data-theme="light"] .sidenav .sidenav-profile-btn {
        background: #FFFFFF;
    }
    html[data-theme="light"] .sidenav .sidenav-logout-btn {
        background: #FFFFFF;
        color: #D71111 !important;
    }
    html[data-theme="light"] .sidenav .sidenav-logout-btn:hover {
        background: #FFFFFF;
    }
    
}
@media screen {
    html[data-theme="light"] .btn-gradient,
    html[data-theme="light"] .btn-gradient:hover,
    html[data-theme="light"] .btn-gradient:focus,
    html[data-theme="light"] .btn-gradient:active,
    html[data-theme="light"] .btn-primary,
    html[data-theme="light"] .btn-primary:hover,
    html[data-theme="light"] .btn-primary:focus,
    html[data-theme="light"] .btn-primary:active {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] .btn-ghost {
        background-color: #EFF2F8;
        border: 1px solid #AECAF5;
        color: #866717;
    }
    html[data-theme="light"] .primary-text {
        color: #1165E8 !important;
    }
    html[data-theme="light"] .primary-bg {
        background-color: #156AEE !important;
    }
    html[data-theme="light"] .color-main,
    html[data-theme="light"] .section-heading,
    html[data-theme="light"] .footer-section-title,
    html[data-theme="light"] .profile-title,
    html[data-theme="light"] .contact-section-title,
    html[data-theme="light"] .testimonial-card-title {
        color: #1165E8;
    }
    html[data-theme="light"] .game-selection.selected,
    html[data-theme="light"] .amount-bt-container div.selected {
        color: #1165E8;
    }
    html[data-theme="light"] .table-yellow thead tr,
    html[data-theme="light"] .table-yellow thead th {
        color: #1165E8;
    }
    html[data-theme="light"] .paginate_button.previous a {
        background-color: #EBF1F9 !important;
        color: #1165E8 !important;
    }
    html[data-theme="light"] .paginate_button.next a {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%) !important;
        color: #ffffff !important;
    }
    html[data-theme="light"] .paginate_button.next a,
    html[data-theme="light"] .lw-game-pill,
    html[data-theme="light"] .section-heading-gold-tab,
    html[data-theme="light"] .notice-close,
    html[data-theme="light"] .notice-tab.active,
    html[data-theme="light"] .notice-dots .slick-dots li.slick-active button,
    html[data-theme="light"] .referral-share-btn,
    html[data-theme="light"] .contact-agent-chat-btn {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] .notice-tab {
        color: #1165E8;
    }
    html[data-theme="light"] .btn-black,
    html[data-theme="light"] .btn.btn-black,
    html[data-theme="light"] .btn.btn-black:hover {
        color: #1165E8;
    }
    html[data-theme="light"] .moving-banner .banner-progress .banner-progress-bar {
        background-color: #156AEE;
    }
    html[data-theme="light"] .home-quick-links .home-quick-btn:nth-child(1) {
        background: #B09A51;
    }
    html[data-theme="light"] .home-quick-links .home-quick-btn:nth-child(2) {
        background: #CD2E2E;
    }
    html[data-theme="light"] .home-quick-links .home-quick-btn:nth-child(3) {
        background: #1FA98A;
    }
    html[data-theme="light"] .home-quick-links .home-quick-btn:nth-child(4) {
        background: #156AEE;
    }
    html[data-theme="light"] .home-quick-links .home-quick-btn.home-quick-btn-rtp {
        background: linear-gradient(135deg, #F5921F 0%, #E4640C 100%);
    }
    html[data-theme="light"] .game-tip-card {
        background: #FFFFFF;
    }
    html[data-theme="light"] .live-tx-header {
        color: #ffffff;
    }
    html[data-theme="light"] .live-tx-body {
        background: #FFFFFF;
    }
    html[data-theme="light"] .lw-member-name {
        color: #1165E8;
    }
    html[data-theme="light"] .lw-member-label {
        color: #25252B;
    }
    html[data-theme="light"] .wallet-card {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] .wallet-card-spacing .wallet-card {
        background-color: #EFF2F8;
    }
    html[data-theme="light"] .wallet-balance-amount {
        color: #25252B;
    }
    html[data-theme="light"] .wallet-card .btn-app.btn-gradient.wallet-restore-btn {
        background: linear-gradient(180deg, #E9C559 0%, #C9A93A 100%);
        color: #1A1400;
    }
    html[data-theme="light"] .wallet-history-link,
    html[data-theme="light"] .wallet-history-text {
        color: #1165E8 !important;
    }
    html[data-theme="light"] .wallet-history-toggle {
        background: #156AEE;
    }
    html[data-theme="light"] .wallet-action.selected {
        color: #1165E8 !important;
    }
    
}
@media screen {
    html[data-theme="light"] body .page-header-bar {
        background: #EFF2F8;
    }
    html[data-theme="light"] body .page-header-title {
        color: #858585;
    }
    html[data-theme="light"] body .text-label,
    html[data-theme="light"] body .blue-container-label,
    html[data-theme="light"] body .input-label {
        color: #25252B;
    }
    html[data-theme="light"] body .input-group .input-group-addon {
        background-color: #FFFFFF;
        color: #25252B;
    }
    html[data-theme="light"] body .payment-selection,
    html[data-theme="light"] body .provider-selection,
    html[data-theme="light"] body .wallet-provider-selection,
    html[data-theme="light"] body .telco-provider-selection,
    html[data-theme="light"] body .usdt-provider-selection,
    html[data-theme="light"] body .duitnow-provider-selection,
    html[data-theme="light"] body .game-selection,
    html[data-theme="light"] body .bank-selection {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .payment-selection.selected,
    html[data-theme="light"] body .provider-selection.selected,
    html[data-theme="light"] body .wallet-provider-selection.selected,
    html[data-theme="light"] body .usdt-provider-selection.selected,
    html[data-theme="light"] body .duitnow-provider-selection.selected,
    html[data-theme="light"] body .telco-provider-selection.selected,
    html[data-theme="light"] body .game-selection.selected,
    html[data-theme="light"] body .bank-selection.selected {
        background: #EBF1F9;
        color: #1165E8;
    }
    html[data-theme="light"] body .payment-selection-label {
        color: #858585;
    }
    html[data-theme="light"] body .payment-selection.selected .payment-selection-label,
    html[data-theme="light"] body .selected .deposit-method-label,
    html[data-theme="light"] body .bank-selection.selected .bank-selection-label {
        color: #1165E8;
    }
    html[data-theme="light"] body .deposit-method-icon-box {
        background: #ffffff;
    }
    html[data-theme="light"] body .deposit-method-label {
        color: #858585;
    }
    html[data-theme="light"] body .form-control,
    html[data-theme="light"] body #amount,
    html[data-theme="light"] body #amount:focus {
        background-color: #FFFFFF;
        color: #25252B;
    }
    html[data-theme="light"] body .form-control::placeholder {
        color: #858585;
    }
    html[data-theme="light"] body .amount-bt-container div {
        background-color: #FFFFFF;
        color: #858585;
    }
    html[data-theme="light"] body .amount-bt-container div.selected,
    html[data-theme="light"] body .amount-bt-container div:hover {
        background-color: #EBF1F9;
        color: #1165E8;
    }
    html[data-theme="light"] body .btn.btn-black,
    html[data-theme="light"] body .btn.btn-black:hover,
    html[data-theme="light"] body .btn.btn-black:focus {
        background-color: #EFF2F8;
        border: 1px solid #AECAF5;
        color: #866717;
    }
    html[data-theme="light"] body .btn.btn-primary,
    html[data-theme="light"] body .btn.btn-primary:hover,
    html[data-theme="light"] body .btn.btn-primary:focus,
    html[data-theme="light"] body .btn.btn-primary:active {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] body .bank-detail {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .table-yellow,
    html[data-theme="light"] body .primary-bg.table-yellow {
        background-color: #FFFFFF !important;
    }
    html[data-theme="light"] body .promo-tabs {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .promo-tab {
        color: #858585;
    }
    html[data-theme="light"] body .promo-tab.selected {
        background-color: #156AEE;
        color: #ffffff;
    }
    html[data-theme="light"] body .bank-select-btn {
        background: #FFFFFF;
        color: #858585;
    }
    html[data-theme="light"] body .bank-select-btn.active {
        background: #EBF1F9;
        color: #1165E8;
    }
    html[data-theme="light"] body .bank-select-btn img {
        background: #ffffff;
    }
    html[data-theme="light"] body .rebate-card {
        border: 1px solid #A78316;
        background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
        box-shadow: 0 0 14px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .rebate-amount {
        color: #866717;
    }
    html[data-theme="light"] body .history-tab {
        background-color: #FFFFFF;
        color: #858585;
    }
    html[data-theme="light"] body .history-tab.selected {
        background-color: #EBF1F9;
        color: #1165E8;
    }
    
}
@media screen {
    html[data-theme="light"] .modal-content {
        background: #FFFFFF;
    }
    html[data-theme="light"] .modal-header {
        background-color: #FFFFFF;
        color: #25252B !important;
    }
    html[data-theme="light"] .modal-header .close {
        color: #25252B;
    }
    html[data-theme="light"] .modal-body {
        background-color: #FFFFFF;
        color: #25252B;
    }
    html[data-theme="light"] body .referral-tabs {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .referral-tab {
        color: #858585;
    }
    html[data-theme="light"] body .referral-tab.selected {
        background-color: #156AEE;
        color: #ffffff;
    }
    html[data-theme="light"] body .invite-share-card {
        border: 1px solid #A78316;
        background: #FFFFFF;
        box-shadow: 0 0 14px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .invite-share-title {
        color: #25252B;
    }
    html[data-theme="light"] body .invite-qr-download {
        border-color: #A78316;
        background-color: #EFF2F8;
        color: #866717 !important;
    }
    html[data-theme="light"] body .btn-copy-ref,
    html[data-theme="light"] body .btn.btn-copy {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] body .ref-field-label {
        color: #25252B;
    }
    html[data-theme="light"] body .ref-field-value {
        background-color: #FFFFFF;
        color: #25252B;
    }
    html[data-theme="light"] body .btn-primary.w-100 {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] body .vipcard-title {
        color: #25252B;
    }
    html[data-theme="light"] body .vipcard-arrow {
        background: #156AEE;
        color: #ffffff;
    }
    html[data-theme="light"] body .vip-compare-heading-main {
        color: #866717;
    }
    html[data-theme="light"] body .vip-compare-heading-sub,
    html[data-theme="light"] body .vip-level-caption {
        color: #858585;
    }
    html[data-theme="light"] body .vip-level-badge {
        background: #FFFFFF;
    }
    html[data-theme="light"] body .vip-level-badge--compare {
        background: #FFFFFF;
        color: #866717;
    }
    html[data-theme="light"] body .vip-compare-table {
        background: linear-gradient(#EFF2F8) padding-box, linear-gradient(180deg, #E9C559 0%, #B8962E 100%) border-box;
        box-shadow: 0 0 14px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .vip-section {
        color: #866717;
    }
    
}
@media screen {
    html[data-theme="light"] body .wallet-card.profile-card {
        background: linear-gradient(135deg, #ECF4F9 0%, #EBF1FA 100%);
    }
    html[data-theme="light"] body .profile-card .membership-avatar {
        background: linear-gradient(135deg, #0F86ED 0%, #06286C 100%);
    }
    html[data-theme="light"] body .profile-card .profile-member-tier-name {
        color: #866717 !important;
    }
    html[data-theme="light"] body .profile-card .wallet-action.selected {
        color: #1165E8 !important;
    }
    html[data-theme="light"] body .profile-title {
        color: #858585;
    }
    html[data-theme="light"] body .profile-field-row {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .profile-field-btn {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] body .px-4 > div[style*="F4E5AE"] {
        background: #FFFFFF !important;
    }
    html[data-theme="light"] body .px-4 > div[style*="F4E5AE"] > .d-flex {
        color: #25252B !important;
    }
    html[data-theme="light"] body .referral-code-section {
        border: 1px solid #A4850E;
        background: linear-gradient(180deg, #FBF4E9 0%, #EFF2F8 100%);
        box-shadow: inset 0 0 22px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .referral-code-section input.form-control {
        background: #FFFFFF;
    }
    html[data-theme="light"] body .referral-code-section .referral-share-btn {
        background: linear-gradient(180deg, #E9C559 0%, #C9A93A 100%);
        color: #1A1400;
    }
    html[data-theme="light"] body .promo-category-tab {
        background-color: #FFFFFF;
        color: #858585;
    }
    html[data-theme="light"] body .promo-category-tab.selected {
        background-color: #EBF1F9;
        color: #1165E8;
    }
    html[data-theme="light"] body .promo-event-card {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .promo-event-tag {
        background-color: #EBF1F9;
        color: #0F70AC;
    }
    html[data-theme="light"] body .promo-event-tag:first-child {
        border-color: #A48529;
        background-color: #FBF6EA;
        color: #836711;
    }
    html[data-theme="light"] body .promo-event-title {
        color: #25252B;
    }
    html[data-theme="light"] body .promo-event-desc {
        color: #25252B;
    }
    html[data-theme="light"] body .partnership-title {
        color: #25252B;
    }
    html[data-theme="light"] body .contact-section-title,
    html[data-theme="light"] body .contact-help-box .contact-section-title,
    html[data-theme="light"] body .contact-why-section .contact-section-title {
        color: #1165E8;
    }
    html[data-theme="light"] body .contact-agent-card {
        box-shadow: 0 0 14px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .contact-agent-bottom {
        background: linear-gradient(#EFF2F8, #EFF2F8) padding-box, linear-gradient(90deg, #1B3A6B, #156AEE) border-box;
    }
    html[data-theme="light"] body .contact-agent-stat-value {
        color: #1165E8;
    }
    html[data-theme="light"] body .contact-agent-name {
        color: #866717;
    }
    html[data-theme="light"] body .contact-social-follow {
        color: #866717;
    }
    html[data-theme="light"] body .contact-help-box {
        background: #FFFFFF;
    }
    html[data-theme="light"] body .contact-help-card {
        background: #EFF2F8 !important;
    }
    html[data-theme="light"] body .contact-why-card {
        background: #EFF2F8;
    }
    html[data-theme="light"] body .contact-why-title {
        color: #1165E8;
    }
    html[data-theme="light"] body .lottery-hub {
        color: #25252B;
    }
    html[data-theme="light"] body .lottery-lucky-card {
        background: #FFFFFF;
    }
    html[data-theme="light"] body .lottery-generator-title {
        color: #866717;
    }
    html[data-theme="light"] body .lucky-digit {
        background: #EBF1F9;
        color: #25252B;
    }
    html[data-theme="light"] body .lucky-digit.is-placeholder {
        color: #1165E8;
    }
    html[data-theme="light"] body .lucky-digit.is-rolling,
    html[data-theme="light"] body .lucky-digit.is-settled {
        border-color: #138FDB;
        background: #EBF1F9;
        color: #25252B;
    }
    html[data-theme="light"] body .lucky-number-digits::after {
        background: linear-gradient(110deg, transparent 30%, rgba(79, 179, 240, .6) 50%, transparent 70%);
    }
    html[data-theme="light"] body .lucky-number-button {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] body .lucky-number-help {
        color: #858585;
    }
    html[data-theme="light"] body .lottery-tabs {
        background: #FFFFFF;
    }
    html[data-theme="light"] body .lottery-tab {
        color: #858585;
    }
    html[data-theme="light"] body .lottery-tab.is-active {
        background: #156AEE !important;
        color: #ffffff;
    }
    html[data-theme="light"] body .lottery-provider {
        background: #FFFFFF;
    }
    html[data-theme="light"] body .lottery-provider.is-active {
        background: #EBF1F9;
    }
    html[data-theme="light"] body .lottery-payout-card,
    html[data-theme="light"] body .lottery-result-card {
        background: #FFFFFF;
    }
    html[data-theme="light"] body .lottery-result-title {
        color: #25252B;
    }
    html[data-theme="light"] body .lottery-result-date {
        color: #858585;
    }
    html[data-theme="light"] body .lottery-result-prizes {
        background: #EFF2F8;
    }
    html[data-theme="light"] body .lottery-result-section-label {
        background: linear-gradient(#E9EFFB, #E9EFFB) content-box, #EFF2F8 padding-box;
        color: #25252B;
    }
    html[data-theme="light"] body .lottery-result-numbers {
        background: #EFF2F8;
    }
    html[data-theme="light"] body .lottery-result-prize-label {
        color: #25252B;
    }
    html[data-theme="light"] body .lottery-result-prize-value {
        color: #866717;
    }
    html[data-theme="light"] body .lottery-payout-table th {
        background: #E9EFFB;
        color: #25252B;
    }
    html[data-theme="light"] body .lottery-result-numbers div,
    html[data-theme="light"] body .lottery-payout-table td:not(:first-child) {
        color: #25252B;
    }
    html[data-theme="light"] body .lottery-payout-table th:first-child,
    html[data-theme="light"] body .lottery-payout-table th.payout-brand-header {
        background: #EFF2F8;
        color: #25252B;
    }
    html[data-theme="light"] body .lottery-payout-table .payout-option-dark {
        background: #EBF1F9;
    }
    
}
@media screen {
    html[data-theme="light"] body div[style*="a0a0a0"] > a[style] {
        color: #1165E8 !important;
    }
    
}
@media screen {
    html[data-theme="light"] .main-bg,
    html[data-theme="light"] .body-container,
    html[data-theme="light"] .main-bottom-container,
    html[data-theme="light"] .desktop-right {
        background-color: #EFF2F8 !important;
    }
    
}
@media screen {
    html[data-theme="light"] body #deposit_form span[style*="f4e5ae"],
    html[data-theme="light"] body #deposit_form span[style*="F4E5AE"] {
        color: #1165E8 !important;
    }
    html[data-theme="light"] body #token_earned {
        color: #0F70AC !important;
        background-color: #EBF1F9 !important;
    }
    
}
@media screen {
    html[data-theme="light"] .page-hero + .auth-tabs {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .calc-card,
    html[data-theme="light"] body .incentive-card {
        background: linear-gradient(180deg, #E9F2FB 0%, #EFF2F8 100%);
    }
    html[data-theme="light"] body .calc-title {
        color: #1165E8;
    }
    html[data-theme="light"] body .calc-subtitle {
        color: #25252B;
    }
    html[data-theme="light"] body .calc-row-label {
        color: #25252B;
    }
    html[data-theme="light"] body .calc-highlight {
        color: #1165E8;
    }
    html[data-theme="light"] body .calc-input.form-control {
        color: #25252B;
        border: 1px solid #A48529;
        background: #EFF2F8;
        box-shadow: inset 0 0 12px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .calc-btn,
    html[data-theme="light"] body .calc-btn:hover,
    html[data-theme="light"] body .calc-btn:focus {
        background: linear-gradient(90deg, #0F86ED 0%, #06286C 100%);
        color: #ffffff;
    }
    html[data-theme="light"] body .incentive-title {
        color: #25252B;
    }
    html[data-theme="light"] body .chart-pct {
        color: #25252B;
    }
    html[data-theme="light"] body .incentive-legend-item {
        color: #25252B;
    }
    html[data-theme="light"] body .incentive-footer {
        border: 1px solid #AA841A;
        background: #EFF2F8;
        box-shadow: inset 0 0 22px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .incentive-footer-label {
        color: #25252B;
    }
    html[data-theme="light"] body .incentive-footer-amount {
        color: #25252B;
    }
    html[data-theme="light"] body .incentive-footer-divider {
        background: rgba(16, 24, 40, 0.06);
    }
    html[data-theme="light"] body .refer-earn h2 {
        color: #1165E8;
    }
    html[data-theme="light"] body .refer-earn .subtitle {
        color: #25252B;
    }
    html[data-theme="light"] body .refer-earn .card {
        background: linear-gradient(180deg, #E9F2FB 0%, #EFF2F8 100%);
    }
    html[data-theme="light"] body .refer-earn .card h3 {
        color: #1165E8;
    }
    html[data-theme="light"] body .refer-earn .card p {
        color: #25252B;
    }
    html[data-theme="light"] body .referral-code-section input.form-control {
        color: #858585 !important;
    }
    html[data-theme="light"] body .msg-tabs {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .msg-tab {
        color: #858585;
    }
    html[data-theme="light"] body .msg-tab.selected {
        background-color: #156AEE;
        color: #ffffff;
    }
    html[data-theme="light"] body .msg-tab-count,
    html[data-theme="light"] body .msg-tab.selected .msg-tab-count {
        color: #D71111;
    }
    html[data-theme="light"] body .msg-list-head {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .msg-mark-read,
    html[data-theme="light"] body .msg-mark-read:hover {
        color: #1165E8 !important;
    }
    html[data-theme="light"] body .msg-list-container {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .msg-row-divider {
        border-top-color: #AECAF5;
    }
    html[data-theme="light"] body .msg-item {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .msg-item-title {
        color: #1165E8;
    }
    html[data-theme="light"] body .crypto-btn {
        background: #FFFFFF;
        color: #858585;
    }
    html[data-theme="light"] body .crypto-btn.active {
        background: #FFFFFF;
        color: #1165E8;
    }
    html[data-theme="light"] body .bank-account .form-control,
    html[data-theme="light"] body .crypto .form-control {
        color: #25252B !important;
    }
    html[data-theme="light"] body .btn-app.btn-danger,
    html[data-theme="light"] body .btn-app.btn-danger:hover,
    html[data-theme="light"] body .btn-app.btn-danger:focus {
        background: #EFF2F8;
        border: 1px solid #AECAF5;
        color: #D71111;
    }
    html[data-theme="light"] body .modal-body .input-label {
        color: #25252B;
    }
    html[data-theme="light"] #add_bank_account_modal .modal-body .input-label::after,
    html[data-theme="light"] #usdt_modal .modal-body .input-label::after {
        color: #D71111;
    }
    html[data-theme="light"] body .modal-body select.form-control {
        border: 1px solid #AECAF5;
    }
    html[data-theme="light"] body .promo-subtitle {
        color: #25252B;
    }
    html[data-theme="light"] body .promo-card {
        border: 1px solid #A4850E;
        background: linear-gradient(180deg, #FBF4E9 0%, #EFF2F8 100%);
        box-shadow: inset 0 0 22px rgba(16, 24, 40, 0.14);
    }
    html[data-theme="light"] body .promo-card-title {
        color: #866717;
    }
    html[data-theme="light"] body .promo-countdown {
        color: #25252B;
    }
    html[data-theme="light"] body .promo-card-arrow {
        background-color: #156AEE;
    }
    html[data-theme="light"] body .promo-divider {
        border-top-color: #AECAF5;
    }
    html[data-theme="light"] body .promo-req-label,
    html[data-theme="light"] body .promo-req-value {
        color: #25252B;
    }
    html[data-theme="light"] body .promo-title-bar {
        background: linear-gradient(90deg, #0F86ED 0%, #07286C 100%);
    }
    html[data-theme="light"] body .promo-title-text {
        color: #25252B;
    }
    html[data-theme="light"] body .promotion-amount {
        color: #866717 !important;
    }
    
}
@media screen {
    html[data-theme="light"] body .testimonial-card {
        background-color: #FFFFFF;
    }
    html[data-theme="light"] body .testimonial-card::before {
        background: #B59958;
    }
    html[data-theme="light"] body .testimonial-card-title {
        color: #1165E8;
    }
    html[data-theme="light"] body .testimonial-card-text {
        color: #25252B;
    }
    html[data-theme="light"] body .testimonial-stars {
        color: #86651E;
    }
    html[data-theme="light"] body .footer-section-title {
        color: #1165E8;
    }
    html[data-theme="light"] body .footer-section {
        border-bottom-color: #AECAF5;
    }
    html[data-theme="light"] body .footer-container .py-4.text-center > div[style*="176, 154, 81"] {
        color: #1165E8 !important;
    }
    
}

/* ===================================================================================
   Generated from inline style="..." attributes in the views (exact match). Inline
   styles beat any selector, hence !important.
   =================================================================================== */
html[data-theme="light"] [style="color: white; border-radius:10px"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="color:#F4E5AE"] {
    color: #826A12 !important;
}
html[data-theme="light"] [style="color:white"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="color:#F4E5AE;font-style:italic;text-decoration:underline"] {
    color: #826A12 !important;
}
html[data-theme="light"] [style="\a             padding: 8px 16px;\a             border: 1px solid transparent;\a             border-radius: 5px;background:linear-gradient(#202020) padding-box, linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%) border-box"] {
    background: linear-gradient(#FFFFFF) padding-box, linear-gradient(180deg, #F4E5AE 0%, #B09A51 100%) border-box !important;
}
html[data-theme="light"] [style="color:#F4E5AE;justify-content:space-between"] {
    color: #826A12 !important;
}
html[data-theme="light"] [style="color:#a0a0a0;font-size:13px;"] {
    color: #858585 !important;
}
html[data-theme="light"] [style="color:red;display:none"] {
    color: #DB0000 !important;
}
html[data-theme="light"] [style="    background: #363636;\a     border-color: #F4E5AE;\a     color: #F4E5AE;border:1px solid #F4E5AE;border-radius:5px;"] {
    background: #E8EEF8 !important;
    border-color: #A18416 !important;
    color: #826A12 !important;
    border: 1px solid #A18416 !important;
}
html[data-theme="light"] [style="color:#f4e5ae;font-size:11px;"] {
    color: #826A12 !important;
}
html[data-theme="light"] [style="color:#2c9634;background-color:#202020;border:1px solid #2c9634;border-radius:5px;font-size:11px;padding:5px;"] {
    color: #247A2A !important;
    background-color: #FFFFFF !important;
}
html[data-theme="light"] [style="color: #ACACAC;\a "] {
    color: #858585 !important;
}
html[data-theme="light"] [style="border-right: 1px solid #ffd950 "] {
    border-right: 1px solid #A78300 !important;
}
html[data-theme="light"] [style="background-color:black;border:2px solid #ffd950;border-radius:10px; height:50px;"] {
    background-color: #EFF2F8 !important;
    border: 2px solid #A78300 !important;
}
html[data-theme="light"] [style="color:#f61616"] {
    color: #DB0808 !important;
}
html[data-theme="light"] [style="color:#16f540"] {
    color: #057C1C !important;
}
html[data-theme="light"] [style="font-size: 2vw;padding-top:5%; color: #F4E5AE; top: -3%; left: 0"] {
    color: #826A12 !important;
}
html[data-theme="light"] [style="font-size:2vw; padding-top: 5%; color: #F4E5AE; top: 0; left: 0"] {
    color: #826A12 !important;
}
html[data-theme="light"] [style="text-transform:uppercase;color:white"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="z-index: 9; color: white; top: 10px "] {
    color: #25252B !important;
}
html[data-theme="light"] [style="border-color: #ffd950 !important"] {
    border-color: #A78300 !important;
}
html[data-theme="light"] [style="z-index:9;color:white;top:10px"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="color: rgb(255, 156, 0);"] {
    color: #995E00 !important;
}
html[data-theme="light"] [style="border:2px solid #fedd36;border-radius:10px;height:60px; background: linear-gradient(180deg,#f0ba30 0%, #3b240d 100%); width:100px;"] {
    border: 2px solid #9F8501 !important;
}
html[data-theme="light"] [style="font-size: 20px; color: #f9d92c"] {
    color: #7E6B04 !important;
}
html[data-theme="light"] [style="font-size: 16px; color: #f9d92c"] {
    color: #7E6B04 !important;
}
html[data-theme="light"] [style="position:absolute;right:30px;top:15px;color:white;font-size:40px; z-index:9"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="font-size: 16px; color: #f9d92c;top:4.5%;left-0;text-shadow:2px 2px black;"] {
    color: #7E6B04 !important;
}
html[data-theme="light"] [style="border-right:2px solid #ffd950"] {
    border-right: 2px solid #A78300 !important;
}
html[data-theme="light"] [style="color:#ED1919"] {
    color: #D71111 !important;
}
html[data-theme="light"] [style="display: grid; gap: 0.5rem; justify-content: space-between; flex-wrap: wrap; border-radius: 5px; background-color: #2a271e "] {
    background-color: #FFFFFF !important;
}
html[data-theme="light"] [style="border-radius: 5px; color: white; background-color: #000000; font-weight: bold;cursor:pointer"] {
    color: #25252B !important;
    background-color: #EFF2F8 !important;
}
html[data-theme="light"] [style="border-radius: 5px; color: white; background-color: #000000; font-weight: bold; cursor: pointer"] {
    color: #25252B !important;
    background-color: #EFF2F8 !important;
}
html[data-theme="light"] [style="background-color:#202020;padding:10px;border:1px solid #f4e5ae;border-radius:5px;"] {
    background-color: #FFFFFF !important;
    border: 1px solid #A18416 !important;
}
html[data-theme="light"] [style="color:grey"] {
    color: #858585 !important;
}
html[data-theme="light"] [style="background-color:#0f0f0f;padding:0"] {
    background-color: #EFF2F8 !important;
}
html[data-theme="light"] [style="color: #fefe59"] {
    color: #717101 !important;
}
html[data-theme="light"] [style="background: #0f0f0f"] {
    background: #EFF2F8 !important;
}
html[data-theme="light"] [style="font-size: 12px;margin-top:2px; color: #47d437"] {
    color: #247B1A !important;
}
html[data-theme="light"] [style="font-size: 12px; margin-top: 2px; color: #e03532"] {
    color: #D32320 !important;
}
html[data-theme="light"] [style="z-index:109;color:white; top:0;right:0;font-size:2rem;cursor:pointer"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="background-color:#615738;height:2px;"] {
    background-color: #ECE9DF !important;
}
html[data-theme="light"] [style="font-size:12px;height:32px;background-color:black;color:white"] {
    background-color: #EFF2F8 !important;
    color: #25252B !important;
}
html[data-theme="light"] [style="background:#202020;border-top-right-radius:10px;border-top-left-radius:10px"] {
    background: #FFFFFF !important;
}
html[data-theme="light"] [style="z-index:9;color:white"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="top:-18px;left: 0;width:fit-content; font-size:18px;border:1px solid #ffd950;border-radius:10px; background-color:#202020;\a right: 0;\a         text-align: center;"] {
    border: 1px solid #A78300 !important;
    background-color: #FFFFFF !important;
}
html[data-theme="light"] [style="background-color:black;border:2px solid #ffd950;border-radius:10px; height:100px;"] {
    background-color: #EFF2F8 !important;
    border: 2px solid #A78300 !important;
}
html[data-theme="light"] [style="color:#ffffff;font-weight:bold;"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="background:#363636;border-radius:7px;"] {
    background: #E8EEF8 !important;
}
html[data-theme="light"] [style="color:red"] {
    color: #DB0000 !important;
}
html[data-theme="light"] [style="color:white; !important"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="background-color:#fefbea;color:black;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:2px solid #ffd950;overflow:hidden"] {
    border-bottom: 2px solid #A78300 !important;
}
html[data-theme="light"] [style="display:none; background-color:#fefbea;color:black;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:2px solid #ffd950;overflow:hidden"] {
    border-bottom: 2px solid #A78300 !important;
}
html[data-theme="light"] [style="color:#fff7df !important"] {
    color: #886600 !important;
}
html[data-theme="light"] [style="color: rgb(176, 154, 81);; text-transform: none; font-weight: bold; font-size: 20px"] {
    color: #7C6C38 !important;
}
html[data-theme="light"] [style="font-size:12px;text-align:center;color:#858585"] {
    color: #858585 !important;
}
html[data-theme="light"] [style="cursor:pointer; position:fixed;background-color:black;width:100vw; height:100vh;left:0;top:0;opacity:0.5;display:none;z-index:99;"] {
    background-color: #EFF2F8 !important;
}
html[data-theme="light"] [style="font-weight:normal;color:white"] {
    color: #25252B !important;
}
html[data-theme="light"] [style="font-size:14px;color:#999c9e"] {
    color: #858585 !important;
}
html[data-theme="light"] [style="color:#fff"] {
    color: #25252B !important;
}