.montserrat-Font-google {
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: bold;
        font-style: normal;
    }

    .bank-section,
    .field-icon,
    .menu,
    .childbtnapp,
    .panel,
    .drp-buttons,
    .calendar-table,
    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date,
    .contact-form-wrapper,
    .deposit-button-mobile-parent,
    .btndepo.mobile,
    .btndepo,
    .aside-bg {
        background: linear-gradient(160deg, #1e181e 0%, #171217 100%) !important;
        color: #d4af70 !important;
        border-color: rgba(212,175,112,0.12) !important;
    }

    .Section-profile-menu {
        color: #d4af70 !important;
    }

    .svg-Section-profile-menu {
        fill: #d4af70 !important;
    }

    .stroke-svg-profile-menu {
        stroke: #d4af70 !important;
    }

    .floating-vertical-badge,
    .Header-Bar-Color {
        color: #d4af70 !important;
    }

    .floating-vertical-badge-svg {
        fill: #d4af70 !important;
    }

    .assistiveTouch,
    .floating-vertical-badge,
    .Header-Bar-Color {
        background: linear-gradient(135deg, #1a141a 0%, #221c22 60%, #1a141a 100%) !important;
        box-shadow: 0 2px 16px rgba(0,0,0,0.6), inset 0 1px 0 rgba(212,175,112,0.15) !important;
        border-bottom: 1px solid rgba(212,175,112,0.2) !important;
    }

    .mobile-tray-window {
        background: linear-gradient(160deg, #1e181e 0%, #171217 100%) !important;
        color: #d4af70 !important;
    }

    .footer-mobile-section,
    #game-nav-section.nav-with-multiply::before,
    .game-nav-section {
        background: linear-gradient(180deg, #161016 0%, #0f0a0f 100%) !important;
        box-shadow: 0 -1px 0 rgba(212,175,112,0.15), 0 -4px 20px rgba(0,0,0,0.5) !important;
    }

    .apk-hover,
    .multiply {
        background: linear-gradient(135deg, #1a141a 0%, #221c22 100%) !important;
    }

    .newaccount-wrapperbg {
        background: linear-gradient(160deg, #1a141a 0%, #221c22 100%) !important;
    }

    .game-inner-title-font {
        color: #d4af70 !important;
    }

    .badge,
    .title-promotionimg,
    .title-promotion {
        background: linear-gradient(135deg, #2a2020 0%, #1e181e 100%) !important;
        border: 1px solid rgba(212,175,112,0.2) !important;
    }

    .badge,
    .title-promotionimg,
    .title-promotion,
    .color-expired-promoevent {
        color: #d4af70 !important;
    }

    .btndailycheckindetail,
    .aside-bg li.active,
    .gamename-button2,
    .gamename-button {
        background: linear-gradient(135deg, #a07840 0%, #d4af70 45%, #f0d080 55%, #d4af70 70%, #a07840 100%) !important;
        box-shadow: 0 3px 14px rgba(212,175,112,0.4), inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2) !important;
    }

    .btndailycheckindetail,
    .gamename-button2,
    .gamename-button,
    .aside-bg li.active a.Section-profile-menu {
        color: #1a1015 !important;
        text-shadow: 0 1px 2px rgba(255,255,255,0.2) !important;
        font-weight: 700 !important;
    }

    .svgreward,
    .aside-bg li.active a.Section-profile-menu .svg-Section-profile-menu {
        fill: #1a1015 !important;
    }

    .background-memo,
    .labelsection {
        background: linear-gradient(135deg, #5c2a0a 0%, #8b3a0f 100%) !important;
        color: #f5f0e8 !important;
    }

    :root {
        --nav-background: #1e181e;
        --section-03: #171217;
        --section-01: #0f0a0f;
    }

    .gamesliderLobySlot.active a,
    .bg-promotion,
    .item-layer {
        background: linear-gradient(160deg, #221c22 0%, #1a141a 100%) !important;
        border: 1px solid rgba(212,175,112,0.1) !important;
    }

    body.bg-with-multiply {
        background: radial-gradient(ellipse at 50% 0%, #1e1218 0%, #080608 70%) !important;
    }

    .bg-footer-article,
    .vabg,
    .add-rekening-info,
    .item-layer-text,
    .game__inner {
        background: linear-gradient(160deg, #1a141a 0%, #141014 100%) !important;
        border: 1px solid rgba(212,175,112,0.08) !important;
        box-shadow: inset 0 1px 0 rgba(212,175,112,0.06) !important;
    }

    .provider-section,
    .payment-section {
        background: linear-gradient(160deg, #0d080d 0%, #100c10 100%) !important;
        color: #d4af70 !important;
        border-bottom: 1px solid rgba(212,175,112,0.1) !important;
    }

    .header-section {
        background: linear-gradient(90deg, #0d080d 0%, #141014 50%, #0d080d 100%) !important;
        box-shadow: 0 1px 0 rgba(212,175,112,0.15), 0 4px 24px rgba(0,0,0,0.6) !important;
    }

    .header-section-font {
        color: #f5f0e8 !important;
    }

    .svg-header-section-font {
        fill: #f5f0e8 !important;
    }

    #infoModal .tab-content,
    .qrref,
    .footer-font {
        color: #f5f0e8 !important;
    }

    .footer-text-section,
    .footer-section {
        background: linear-gradient(180deg, #0a060a 0%, #080608 100%) !important;
        border-top: 1px solid rgba(212,175,112,0.12) !important;
    }

    .footer-text-color2 {
        color: #a07840 !important;
    }

    .btn-register2,
    .btn-register3,
    .btn-register,
    .btn-secondary {
        background: linear-gradient(135deg, #a07840 0%, #d4af70 40%, #f0d080 50%, #d4af70 60%, #a07840 100%) !important;
        color: #1a1015 !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 18px rgba(212,175,112,0.35), inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.15) !important;
        border: 1px solid rgba(255,220,130,0.4) !important;
        text-shadow: none !important;
    }

    .box {
        background: linear-gradient(160deg, #221c22 0%, #1a141a 100%) !important;
        box-shadow: 0 4px 24px rgba(0,0,0,0.5), inset 0 1px 0 rgba(212,175,112,0.1) !important;
        border: 1px solid rgba(212,175,112,0.1) !important;
    }

    .btn-main {
        color: #d4af70 !important;
    }

    .svg-btnmain {
        fill: #d4af70 !important;
    }

    .btn-main:hover,
    .menu li .submenu li a:hover, .menu li .submenu li a.active,
    .menu-item-has-children > a::after,
    .menu-item-has-children > a::before,
    .hovergamenavicon:hover,
    .hovergamenav:hover,
    body a:hover,
    body a:hover .svg-Section-profile-menu,
    .sidebar li:hover,
    .sidebar li.active,
    .btndepo.active .svg-Section-profile-menu,
    .btndepo.active,
    .wallet-nav-dropdown a:hover,
    .cls-2:hover {
        color: #f0d080 !important;
        fill: #f0d080 !important;
    }

    .btndepo.active .stroke-svg-profile-menu {
        stroke: #f0d080 !important;
    }

    .header-font {
        color: #d4af70 !important;
        fill: #d4af70 !important;
    }

    .menu li .submenu li a:hover, .menu li .submenu li a.active {
        background: linear-gradient(135deg, #a07840 0%, #d4af70 100%) !important;
        color: #1a1015 !important;
    }

    .iconmobilefooter,
    .hovergamenavicon {
        fill: #d4af70 !important;
    }

    .game-tab.selected .game-tab-child .svg-promotion,
    .game-tab.active .game-tab-child .svg-promotion {
        fill: #d4af70 !important;
    }

    .iconmobileFont,
    .hovergamenav {
        color: #d4af70 !important;
    }

    .game-tab.selected .game-tab-child,
    .game-tab.active .game-tab-child {
        color: #d4af70 !important;
    }

    .mobile-button {
        border: 2px solid #d4af70 !important;
        box-shadow: 0 0 12px rgba(212,175,112,0.25) !important;
    }

    textarea,
    input:disabled,
    input,
    input::placeholder,
    textarea::placeholder,
    select,
    .contact-form .form-group input,
    .contact-form .form-group input, select option, .newaccount-wrapper {
        background-color: #f5f2ee;
        color: #1a1015 !important;
    }

    /* Memo Modal */
    #messageMemo {
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: pre-wrap;
        max-width: 100%;
    }

    #titleMemo {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    @media (max-width: 768px) {
        #modal-memo .modal-dialog {
            margin: 1rem;
            max-width: calc(100% - 2rem);
        }
        #modal-memo .modal-body {
            padding: 0.75rem;
        }
        #modal-memo .add-rekening-info {
            padding: 5px;
        }
    }

    .message-ellipsis * {
        display: inline !important;
        white-space: nowrap !important;
    }
    .message-ellipsis br {
        display: none !important;
    }
    .message-ellipsis p,
    .message-ellipsis div {
        margin: 0 !important;
        padding: 0 !important;
    }