.upcoming-sport-matches-slider-container, .lang-selection-my, .daily-checkin-progress-day-coinbg{ display:none!important; } .reset-request-container .reset-request-form .reset-reqeust-top .reset-email-label, .reset-request-container .reset-request-form .reset-reqeust-top .reset-username-label{ color:#4795d2!important; } body, #pageHome #homePage .home_navBox .home_nav{ background:#fff!important; } .header{ background-image: linear-gradient(#000,#000)!important; } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .bank-name { color: #fff!important; } .m-scroll-btn { background: #2e64b6; height: 5.5em; border-radius: 0%;} .reset-request-container .reset-request-form .reset-reqeust-top .reset-email-label, .reset-request-container .reset-request-form .reset-reqeust-top .reset-username-label{ color:#4795d2!important; } #loginPage .login_centent .login_forgetpsd, #loginPage .login_toreg{ color:#4795d2!important; } #pageHome #homePage .home_navBox .home_nav li a.on, .scroll_menu .menu_nav li a.on, .btn-blue{ background: linear-gradient(to bottom, #4795d2 10%, #2e64b6 66%, #16336c 100%)!important; color: #000!important; } #pageHome #homePage .home_navBox .home_nav li{ width: 27.8%!important; } #pageHome #homePage .home_navBox .home_nav li a, .games-tab-content .game-title, .ui-footer .navbar li a span{ color:#4795d2!important; } #pageHome #homePage .home_navBox{ border-bottom: solid 2px #4795d2!important; } #home-livetx table td.dep-col{ background: linear-gradient(to bottom, #4795d2 10%, #2e64b6 66%, #16336c 100%)!important; color: #000!important; padding: 10px; font-weight: bolder!important; text-align: center!important; } #home-livetx table td.with-col{ background: linear-gradient(to bottom, #4795d2 10%, #2e64b6 66%, #16336c 100%)!important; color: #000!important; padding: 10px; font-weight: bolder!important; text-align: center!important; } .ui-footer .navbar{ height: 68px; border: 2px solid #4795d2!important; -webkit-box-shadow: 0px 0px 18px 5px rgb(6 19 39)!important; -moz-box-shadow: 0px 0px 18px 5px rgba(6,19,39,1)!important; box-shadow: 0px 0px 18px 5px rgb(6 19 39)!important; } .payment-menu.theme5 .btns, .payment-menu.theme5 .pbalance, .most-play-container .most-play-title, .m-referral-container .referral-title, .app-download .app-download-title, .license_container.gaming-license > p, .certificate_container.gaming-certificates > p{ color:#000!important; } .masthead-images{ height:295px!important; background-image: url(img1830_goldwin/mobile.jpg?v=3)!important; background-size: 100%!important; margin: 32px auto 0px auto!important; background-repeat: no-repeat; } .masthead-images .bg-item1, .masthead-images .bg-item2, .masthead-images .bg-item3, .masthead-images .bg-item4, .masthead-images .bg-item5 { display:none!important; } #btnLiveChat{ padding:0px!important; } /* ========================================================= VERIFICATION PAGE DARK TECH / BLUE NEON STYLE ========================================================= */ .content-container { position: relative; color: #eafcff !important; background: radial-gradient( circle at 20% 10%, rgba(0, 207, 255, .10), transparent 32% ), radial-gradient( circle at 85% 80%, rgba(0, 90, 255, .14), transparent 38% ), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ) !important; border: 1px solid rgba(0, 207, 255, .28) !important; border-radius: 14px; box-shadow: 0 0 10px rgba(0, 195, 255, .14), 0 0 24px rgba(0, 128, 255, .10), inset 0 0 15px rgba(0, 174, 255, .04) !important; } /* ========================================================= FORM ========================================================= */ #verificationForm { background: linear-gradient( 180deg, rgba(7, 30, 55, .94), rgba(3, 14, 28, .97) ) !important; border: 1px solid rgba(0, 207, 255, .22) !important; border-radius: 12px; box-shadow: inset 0 0 12px rgba(0, 195, 255, .04), 0 5px 16px rgba(0,0,0,.30) !important; } /* ========================================================= INFO LABEL ========================================================= */ #verificationForm #lang_sms, #verificationForm #lang_whatsapp { color: #c9edf7 !important; font-size: 12px; line-height: 1.6; text-shadow: 0 0 4px rgba(0, 207, 255, .25) !important; } /* phone number */ #verificationForm [data-value="mobile_no"] { color: #58eaff !important; font-weight: 700; text-shadow: 0 0 5px rgba(0, 220, 255, .60) !important; } /* ========================================================= ERROR ========================================================= */ #verificationForm #errorLabel { color: #ff7189 !important; background: rgba(255, 72, 110, .08) !important; border: 1px solid rgba(255, 93, 126, .28) !important; border-radius: 7px; text-shadow: 0 0 4px rgba(255, 72, 110, .30); } /* ========================================================= VERIFICATION INPUT ========================================================= */ #verificationForm #smsVerifyInput { background: linear-gradient( 180deg, rgba(9, 36, 64, .98), rgba(3, 16, 31, .99) ) !important; border: 1px solid rgba(0, 207, 255, .35) !important; border-radius: 9px; box-shadow: inset 0 0 8px rgba(0, 195, 255, .05), 0 0 6px rgba(0, 174, 255, .10) !important; transition: all .25s ease; } /* addon icon */ #verificationForm .input-group-addon { color: #5ceaff !important; background: linear-gradient( 180deg, #0a3158, #05182d ) !important; border: 0 !important; border-right: 1px solid rgba(0, 207, 255, .20) !important; } #verificationForm .input-group-addon i { color: #5ceaff !important; text-shadow: 0 0 5px rgba(0, 220, 255, .70); } /* input */ #verificationForm #val-verificationCode { color: #ffffff !important; background: transparent !important; border: 0 !important; box-shadow: none !important; outline: none !important; caret-color: #57eaff; } #verificationForm #val-verificationCode::placeholder { color: #6f9aad !important; } /* focus */ #verificationForm #smsVerifyInput:focus-within { border-color: #5eeaff !important; box-shadow: 0 0 7px rgba(0, 220, 255, .62), 0 0 16px rgba(0, 128, 255, .24), inset 0 0 9px rgba(0, 207, 255, .07) !important; } /* ========================================================= BUTTON AREA ========================================================= */ #verificationForm .controls { display: flex; align-items: center; gap: 8px; } /* ========================================================= ACTIVATE BUTTON ========================================================= */ #verificationForm #btnActivate { color: #ffffff !important; font-weight: 800; border: 1px solid #79efff !important; border-radius: 8px !important; background: linear-gradient( 135deg, #0064e8 0%, #00afea 48%, #45e6ff 100% ) !important; box-shadow: 0 0 6px rgba(0, 207, 255, .65), 0 0 14px rgba(0, 128, 255, .28), inset 0 1px 2px rgba(255,255,255,.30) !important; text-shadow: 0 1px 2px rgba(0,30,70,.75); transition: all .25s ease; } #verificationForm #btnActivate:hover { background: linear-gradient( 135deg, #008af5, #22d9ff, #8af6ff ) !important; box-shadow: 0 0 9px rgba(0, 229, 255, .90), 0 0 20px rgba(0, 128, 255, .40) !important; transform: translateY(-1px); } /* ========================================================= LOGOUT BUTTON ========================================================= */ #verificationForm #btnSignout { color: #dffaff !important; font-weight: 700; border: 1px solid rgba(0, 207, 255, .42) !important; border-radius: 8px !important; background: linear-gradient( 180deg, #0a345d 0%, #061c35 100% ) !important; box-shadow: inset 0 0 8px rgba(0,195,255,.06), 0 0 5px rgba(0,195,255,.15) !important; text-shadow: 0 0 4px rgba(0,207,255,.40); transition: all .25s ease; } #verificationForm #btnSignout:hover { color: #ffffff !important; border-color: #61ebff !important; background: linear-gradient( 180deg, #0b5f98, #062b50 ) !important; box-shadow: 0 0 7px rgba(0,220,255,.55), 0 0 14px rgba(0,128,255,.20) !important; } /* ========================================================= LIVE CHAT ========================================================= */ #verificationForm #btnLiveChat { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: #65eaff !important; font-weight: 700; border: 1px solid rgba(0, 207, 255, .34); border-radius: 8px; background: linear-gradient( 180deg, rgba(8, 40, 70, .95), rgba(3, 18, 34, .98) ); box-shadow: inset 0 0 7px rgba(0,195,255,.04), 0 0 5px rgba(0,174,255,.10); text-shadow: 0 0 5px rgba(0,220,255,.55); transition: all .25s ease; } #verificationForm #btnLiveChat:hover { color: #ffffff !important; background: linear-gradient( 180deg, #0a639d, #063052 ) !important; border-color: #69edff; box-shadow: 0 0 7px rgba(0,220,255,.55), 0 0 14px rgba(0,128,255,.20); } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 480px) { #verificationForm .controls { flex-wrap: wrap; } #verificationForm #btnActivate, #verificationForm #btnSignout, #verificationForm #btnLiveChat { flex: 1; text-align: center; } } .icon-joker{ background-image: url(img1830_goldwin/joker_menu.png?v=2)!important; } .icon-playtech{ background-image: url(img1830_goldwin/pt_menu.png?v=2)!important; width: 1.5rem!important; height: 1.5rem!important; } .icon-pragmatic{ background-image: url(img1830_goldwin/pra_menu.png?v=2)!important; } .icon-spadegaming{ background-image: url(img1830_goldwin/sg_menu.png?v=2)!important; width: 1.5rem!important; height: 1.5rem!important; } .icon_home_menu_sport{ background-image: url(img1830_goldwin/soccer_menu.png)!important; } .icon_home_menu_lc{ background-image: url(img1830_goldwin/casino_menu.png)!important; } .icon_home_menu_slot{ background-image: url(img1830_goldwin/slot_menu.png)!important; } .icon_home_menu_711{ background-image: url(img1830_goldwin/711_menu.png)!important; } .icon_home_menu_fishing, .icon_home_menu_more{ background-image: url(img1830_goldwin/fish_menu.png)!important; } .li-lottery .icon_home_menu_lottery{ background-image: url(img1830_goldwin/lottery_menu.png)!important; } .li-lottery4d .icon_home_menu_lottery{ background-image: url(img1830_goldwin/4d_menu.png)!important; } .icon_home_menu_cockfight{ background-image: url(img1830_goldwin/cf_menu.png)!important; } .icon_home_menu_keno{ background-image: url(img1830_goldwin/keno_menu.png)!important; } .icon_home_menu_keno{ background-image: url(img1830_goldwin/keno_menu.png)!important; } .fa-dharmachakra:before{ content:none!important; } .fa-dharmachakra{ background-image: url(img1830_goldwin/spin_menu.png?v=2)!important; width:37px!important; height:37px!important; background-size: 100%!important; background-repeat: no-repeat!important; } .fa-bars:before{ content:none!important; } .scroll_menu .m-scroll-btn{ margin-top: 27px!important; height: 24%!important; } .fa-bars{ background-image: url("img1830_goldwin/setting.png")!important; display: block; width: 33px; height: 33px; background-size: 46px; background-position: center; background-position-y: 0px; } .fa-qrcode:before{ content:none!important; } .fa-qrcode{ background-image: url("img1830_goldwin/qr_icon.png")!important; display: block; width: 33px; height: 33px; background-size: 46px; background-position: center; background-position-y: 0px; } .icon-account{ background-image: url("img1830_goldwin/user_icon.png?v=2")!important; width: 33px!important; height: 26px!important; background-size: 100%!important; } #pageHome #homePage .home_join_login > a.home_to_login{ background-image: url("img1830_goldwin/login.gif")!important; height: 50px; } .icon-home-big{ background-image: url("img1830_goldwin/home.png?v=2")!important; width: 33px!important; height: 26px!important; } #pageHome #homePage .home_join_login > a.home_to_join{ height: 50px; background-image: url("img1830_goldwin/register.gif")!important; } .payment-menu.theme5 .icon-funds{background-image: url("img1830_goldwin/deposit.gif?v=3")!important;} .payment-menu.theme5 .icon-withdrawal{background-image: url("img1830_goldwin/withdraw.gif?v=2")!important;} .payment-menu.theme5 .icon-refresh{background-image: url("img1830_goldwin/refresh.gif?v=2")!important;} .icon-promotion-big{background-image: url("img1830_goldwin/treasure.png?v=3")!important; background-size: 100%; background-repeat: no-repeat!important;} #promotionsPage .history_nav, .login_btn .btn-blue, .download-btn{ color: #e2a934!important; text-align: center!important; text-decoration: none!important; border-radius: 8px!important; border: 2px solid #233a5d!important; background: #000!important; box-shadow: 0px 0px 25px 0px rgb(53 88 142 / 75%) inset!important; -webkit-box-shadow: 0px 0px 25px 0px rgb(53 88 142 / 75%) inset!important; -moz-box-shadow: 0px 0px 25px 0px rgba(53,88,142,0.75) inset!important; text-align: center; text-transform: uppercase; text-decoration: none; text-shadow: 0px 1px 5px rgb(0 0 0 / 50%); font-weight: bolder!important; } .btn-blue-promo { background: linear-gradient(to bottom, #4795d2 10%, #2e64b6 66%, #16336c 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#0d115b",GradientType=1); box-shadow: 1px -1px 10px 3px rgb(255 255 255 / 75%) inset; -webkit-box-shadow: 1px -1px 10px 3px rgb(255 255 255 / 75%) inset; text-align: center; text-transform: uppercase; text-decoration: none; text-shadow: 0px 1px 5px rgb(0 0 0 / 50%); font-weight: bolder!important; } .btn-red-promo, .gamelobby-tab-content .tabs .tab.selected{ background: linear-gradient(to bottom, #4795d2 10%, #2e64b6 66%, #16336c 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c86d0c",endColorstr="#c5680a",GradientType=1)!important; box-shadow: 1px -1px 10px 3px rgb(255 255 118 / 75%) inset!important; -webkit-box-shadow: 1px -1px 10px 3px rgb(255 255 118 / 75%) inset!important; text-align: center; text-transform: uppercase; text-decoration: none; text-shadow: 0px 1px 5px rgb(0 0 0 / 50%); font-weight: bolder!important; } .games-tab-content .icon_home_logo_sport_sbo { background-image: url(".//img1830_goldwin/sbo_sport.png?v=4"); } .games-tab-content .icon_home_logo_sport_ibc { background-image: url(".//img1830_goldwin/ibc_sport.png?v=4"); } .games-tab-content .icon_home_logo_sport_msport { background-image: url(".//img1830_goldwin/msport.png?v=4"); } .games-tab-content .icon_home_logo_sport_hsport { background-image: url(".//img1830_goldwin/hsport.png?v=4"); } .games-tab-content .icon_home_logo_sport_cmd { background-image: url(".//img1830_goldwin/cmd_sport.png?v=4"); } .games-tab-content .icon_home_logo_casino_XPG { background-image: url(".//img1830_goldwin/xpg_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_AB { background-image: url(".//img1830_goldwin/allbet_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_SA { background-image: url(".//img1830_goldwin/sa_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_EG { background-image: url(".//img1830_goldwin/eg_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_AG { background-image: url(".//img1830_goldwin/ag_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_BG { background-image: url(".//img1830_goldwin/bg_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_PT { background-image: url(".//img1830_goldwin/pt_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_BBINC { background-image: url(".//img1830_goldwin/bbin_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_DG { background-image: url(".//img1830_goldwin/dg_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_GP { background-image: url(".//img1830_goldwin/gp_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_SEXYB { background-image: url(".//img1830_goldwin/sexyb_casino.png?v=4"); } .games-tab-content .icon_home_logo_casino_SBOC { background-image: url(".//img1830_goldwin/sbo_casino.png?v=4?v=4"); } .games-tab-content .icon_home_logo_casino_pragmatic { background-image: url(".//img1830_goldwin/pra_casino.png?v=4?v=4"); } .games-tab-content .icon_home_logo_casino_WM { background-image: url(".//img1830_goldwin/wm_casino.png?v=4?v=4"); } .games-tab-content .icon_home_logo_casino_YEEBET { background-image: url(".//img1830_goldwin/yeebet_casino.png?v=4?v=4"); } .games-tab-content .icon_home_logo_casino_EZUGI { background-image: url(".//img1830_goldwin/ezugi_casino.png?v=4?v=4"); } .games-tab-content .icon_home_logo_casino_marbula2 { background-image: url(".//img1830_goldwin/mabu2_casino.png?v=4?v=4"); } .float-menu.luckyspin-floating-icon .floating-icon-image { content: url(".//img1830_goldwin/luckyspin.png?v=4"); } .float-menu.luckybox-floating-icon .floating-icon-image { content: url(".//img1830_goldwin/luckybox2.png?v=4"); } .float-menu.luckybox-floating-icon .floating-icon-image { content: url(".//img1830_goldwin/luckybox.png?v=5"); } .luckyspin_banner { background-image: url(".//img1830_goldwin/spinbanner.png?v=4"); } .games-tab-content .icon_home_logo_slot_fachai { background-image: url(".//img1830_goldwin/fachai_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_spribe { background-image: url(".//img1830_goldwin/spribe_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_inout { background-image: url(".//img1830_goldwin/inout_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_rpsoft { background-image: url(".//img1830_goldwin/rpsoft_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_naga { background-image: url(".//img1830_goldwin/naga_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_kingmaker { background-image: url(".//img1830_goldwin/km_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_jili { background-image: url(".//img1830_goldwin/jili_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_pocketgame { background-image: url(".//img1830_goldwin/pgsoft_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_BETSOFT { background-image: url(".//img1830_goldwin/betsoft_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_RT { background-image: url(".//img1830_goldwin/rt_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_AGS { background-image: url(".//img1830_goldwin/ag_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_SG { background-image: url(".//img1830_goldwin/sg_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_PTS { background-image: url(".//img1830_goldwin/pt_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_BBINS { background-image: url(".//img1830_goldwin/bbin_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_GPS { background-image: url(".//img1830_goldwin/gp_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_FG { background-image: url(".//img1830_goldwin/fg_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_RTG { background-image: url(".//img1830_goldwin/rtg_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_CQ9 { background-image: url(".//img1830_goldwin/cq9_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_PRA { background-image: url(".//img1830_goldwin/pra_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_PG { background-image: url(".//img1830_goldwin/png_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_QS { background-image: url(".//img1830_goldwin/qs_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_NETENT { background-image: url(".//img1830_goldwin/netent_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_KIRON { background-image: url(".//img1830_goldwin/kiron_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_SBOS { background-image: url(".//img1830_goldwin/sbo_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_blueprint { background-image: url(".//img1830_goldwin/bp_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_pocketgame { background-image: url(".//img1830_goldwin/pg_slot.png?v=4"); } .games-tab-content .icon_home_logo_slot_MG { background-image: url(".//img1830_goldwin/mg_slot.png?v=5"); } .games-tab-content .icon_home_logo_slot_jdb { background-image: url(".//img1830_goldwin/jdb_slot.png?v=5"); } .games-tab-content .icon_home_logo_slot_ludobet { background-image: url(".//img1830_goldwin/ludo_slot.png?v=5"); } .games-tab-content .icon_home_logo_slot_habanero { background-image: url(".//img1830_goldwin/habanero_slot.png?v=5"); } .games-tab-content .icon_home_logo_slot_dctrelax { background-image: url(".//img1830_goldwin/relax_slot.png?v=5"); } .games-tab-content .icon_home_logo_slot_rich88 { background-image: url(".//img1830_goldwin/rich88_slot.png?v=5"); } .games-tab-content .icon_home_logo_slot_advantplay { background-image: url(".//img1830_goldwin/ap_slot.png?v=5"); } #slot_firmcontent .icon_home_logo_slot_gamerbuild{ background: url("img1830_goldwin/gamerbuild_slot.png?v=2") !important; background-size: 100%!important; } .games-tab-content .icon_home_logo_ace333 { background-image: url(".//img1830_goldwin/ace333_711.png"); background-size: 100%; height: 99px; width: 102px; background-repeat: no-repeat; } .games-tab-content .icon_home_logo_lionking { background-image: url(".//img1830_goldwin/lk_711.png"); } .games-tab-content .icon_home_logo_scr_S918 { background-image: url(".//img1830_goldwin/918_slot.png?v=4"); } .games-tab-content .icon_home_logo_scr_GW { background-image: url(".//img1830_goldwin/gw_711.png"); } .games-tab-content .icon_home_logo_scr_PB { background-image: url(".//img1830_goldwin/pb_711.png"); } .games-tab-content .icon_home_logo_scr_MEGA { background-position: center!important; background-size: contain!important; background-image: url(".//img1830_goldwin/mega_711.png"); } .games-tab-content .icon_home_logo_scr_PUSSY { background-image: url(".//img1830_goldwin/pussy_711.png"); } .games-tab-content .icon_home_logo_scr_LIVE { background-image: url(".//img1830_goldwin/live22_711.png"); } .games-tab-content .icon_home_logo_slot_XE { background-image: url(".//img1830_goldwin/xe88_711.png"); } .games-tab-content .icon_home_logo_keno_jili { background-image: url(".//img1830_goldwin/jili_fish.png"); } .games-tab-content .icon_home_logo_slot_JOKER { background-image: url(".//img1830_goldwin/joker_711.png?v=4"); } .games-tab-content .icon_home_logo_slot_VP { background-image: url(".//img1830_goldwin/vpower_711.png?v=5"); } .games-tab-content .icon_home_logo_evo888 { background-image: url(".//img1830_goldwin/evo_711.png?v=5"); } .games-tab-content .icon_home_logo_fish_jili { background-image: url(".//img1830_goldwin/jili_fish.png?v=4"); } .games-tab-content .icon_home_logo_fish_jdb { background-image: url(".//img1830_goldwin/jdb_fish.png?v=4"); } .games-tab-content .icon_home_logo_fish_cq9 { background-image: url(".//img1830_goldwin/cq9_fish.png?v=4"); } .games-tab-content .icon_home_logo_GD4D { background-image: url(".//img1830_goldwin/4d_fish.png?v=4"); } .games-tab-content .icon_home_logo_fishing_GG { background-image: url(".//img1830_goldwin/gg_fish.png?v=4"); } .games-tab-content .icon_home_logo_fishing_SG { background-image: url(".//img1830_goldwin/sg_fish.png?v=4"); } .games-tab-content .icon_home_logo_fishing_JOKER { background-image: url(".//img1830_goldwin/joker_fish.png?v=4"); } .games-tab-content .icon_home_logo_fishing_BBIN { background-image: url(".//img1830_goldwin/bbin_fish.png?v=4"); } .games-tab-content .icon_home_logo_cockfight_sv388 { background-image: url(".//img1830_goldwin/cf_fish.png?v=4"); } .games-tab-content .icon_home_logo_fishing_CF { background-image: url(".//img1830_goldwin/cf_fish.png?v=4"); } .icon-funds{ background-repeat: no-repeat; background-position-y: 6px; background-image: url(".//img1830_goldwin/deposit_menu.png?v=5"); filter: brightness(1) invert(0)!important; background-size: 100%!important; } .icon-logout{ background-image: url(".//img1830_goldwin/logout.png?v=4"); filter: brightness(1) invert(0)!important; } .icon-language{ background-image: url(".//img1830_goldwin/language.png?v=4"); filter: brightness(1) invert(0)!important; } .icon-livechat{ width: 1.2rem !important; height: 0.84rem !important; background-position-x: -8px; background-size: 96% 100%!important; background-image: url(".//img1830_goldwin/livechat.png?v=5"); filter: brightness(1) invert(0)!important; } .icon-contact{ background-image: url(".//img1830_goldwin/contact.png?v=5"); filter: brightness(1) invert(0)!important; } #pageHome #homePage .home_navBox .home_nav li a .i{ width: 2rem!important; } .lang-selection-en img{ content: url(".//img1830_goldwin/aus_flag.png?v=4"); } .games-tab-content .icon_home_logo_VR { background-image: url(".//img1830_goldwin/vr_keno.png?v=4"); } .games-tab-content .icon_home_logo_BBINF { background-image: url(".//img1830_goldwin/bbin_keno.png?v=4"); } .games-tab-content .icon_home_logo_KY { background-image: url(".//img1830_goldwin/ky_keno.png?v=4"); } .icon-contact{ } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li{ width: 33%!important; height: 69%!important; } .button-style-2.is-active, .button-style-2, .button-filter, .button-style-1{ background-color: #946a21!important; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5ebaf), to(#c8a458))!important; background-image: -webkit-linear-gradient(top, #946a21, #5e3f08, #946a21)!important; background-image: -moz-linear-gradient(top, #946a21, #5e3f08, #946a21)!important; background-image: -ms-linear-gradient(top, #946a21, #5e3f08, #946a21)!important; background-image: -o-linear-gradient(top, #c19637, #5e3f08, #c19637)!important; color:#fff!important; } #product-filter .fa-angle-left{ color:#c19637!important; } .payment-scroll-menu .icon { filter: brightness(0) invert(1)!important; } .payment-scroll-menu .on .icon { filter: brightness(0) invert(0)!important; } .icon-contact{ background: url("./img1830_goldwin/contact_menu.png?v=2")!important; background-size: 100% 100%!important; } .icon-vip{ background: url("./img1830_goldwin/vip_menu.png")!important; background-size: 100% 100%!important; } .icon-language{ background: url("./img1830_goldwin/language_menu.png")!important; background-size: 100% 100%!important; } .icon-logout{ background: url("./img1830_goldwin/logout_menu.png")!important; background-size: 100% 100%!important; } #loginPage .logo_big img{ content: url("./img1830_goldwin/login.png?=v4")!important; } .member-action p, .member-wallet p{ color:#000!important; } .account-menu-section .icon-myprofile{ background: url("./img1830_goldwin/acc_user.png?=v4")!important; background-size: 100%!important; background-repeat: no-repeat!important; } .account-menu-section .icon-referral-program{ background: url("./img1830_goldwin/acc_referral.png?=v4")!important; background-size: 100%!important; background-repeat: no-repeat!important; } .account-menu-section .icon-changepassword{ background: url("./img1830_goldwin/acc_changepassword.png?=v4")!important; background-size: 100%!important; background-repeat: no-repeat!important; } .account-menu-section .icon-logout{ background: url("./img1830_goldwin/acc_logout.png?=v4")!important; background-size: 100%!important; width: 1.2rem!important; height: 1.2rem!important; background-repeat: no-repeat!important; } /* ========================================= NEON BLUE HEADER STYLE ========================================= */ .header.header3.defaultnavbar { position: relative; display: flex; align-items: center; min-height: 58px; padding: 7px 12px; background: linear-gradient( 180deg, rgba(8, 25, 55, 0.98) 0%, rgba(4, 13, 32, 0.98) 100% ); border-bottom: 1px solid #28cfff; box-shadow: 0 2px 8px rgba(0, 174, 255, 0.45), 0 0 18px rgba(0, 174, 255, 0.2), inset 0 -1px 8px rgba(0, 195, 255, 0.15); overflow: visible; } /* Neon line */ .header.header3.defaultnavbar::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: -1px; height: 1px; background: linear-gradient( 90deg, transparent, #00bfff, #73eaff, #00bfff, transparent ); box-shadow: 0 0 5px #00bfff, 0 0 10px rgba(0, 191, 255, 0.8), 0 0 18px rgba(0, 191, 255, 0.5); } /* ========================================= LEFT LOGO AREA ========================================= */ .header.header3.defaultnavbar .around.left { display: flex; align-items: center; justify-content: flex-start; } .header.header3.defaultnavbar .around.left img { display: block; max-height: 48px; width: auto !important; object-fit: contain; filter: drop-shadow(0 0 4px rgba(0, 195, 255, 0.45)) drop-shadow(0 0 8px rgba(0, 153, 255, 0.25)); } /* ========================================= MEMBER BUTTON CONTAINER ========================================= */ .header.header3.defaultnavbar .right-member { display: flex; justify-content: flex-end; align-items: center; gap: 8px; } /* ========================================= LOGIN BUTTON ========================================= */ .header.header3.defaultnavbar .btn-login { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 82px; height: 36px; padding: 0 16px; color: #87eaff; font-size: 13px; font-weight: 700; text-decoration: none; background: rgba(0, 153, 255, 0.08); border: 1px solid #24cfff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 195, 255, 0.65), inset 0 0 8px rgba(0, 195, 255, 0.12); text-shadow: 0 0 4px rgba(0, 195, 255, 0.9); transition: all 0.25s ease; } .header.header3.defaultnavbar .btn-login:hover { color: #ffffff; background: rgba(0, 195, 255, 0.18); border-color: #80efff; box-shadow: 0 0 7px #00bfff, 0 0 15px rgba(0, 191, 255, 0.65), inset 0 0 12px rgba(0, 195, 255, 0.18); transform: translateY(-1px); } /* ========================================= JOIN NOW BUTTON ========================================= */ .header.header3.defaultnavbar .btn-reg { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 100px; height: 36px; padding: 0 18px; color: #ffffff; font-size: 13px; font-weight: 800; text-decoration: none; background: linear-gradient( 135deg, #0078ff 0%, #00b8ff 45%, #35e1ff 100% ); border: 1px solid #74ecff; border-radius: 8px; box-shadow: 0 0 6px rgba(0, 191, 255, 0.9), 0 0 14px rgba(0, 153, 255, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.4); text-shadow: 0 1px 2px rgba(0, 30, 80, 0.7); transition: all 0.25s ease; } .header.header3.defaultnavbar .btn-reg:hover { background: linear-gradient( 135deg, #009cff 0%, #22d4ff 50%, #8cf4ff 100% ); box-shadow: 0 0 8px #00c8ff, 0 0 18px rgba(0, 195, 255, 0.8), 0 0 28px rgba(0, 153, 255, 0.5); transform: translateY(-1px); } /* ========================================= LANGUAGE AREA ========================================= */ .header.header3.defaultnavbar .around.right { display: flex; justify-content: flex-end; align-items: center; } .header.header3.defaultnavbar .lang-box { display: flex; align-items: center; justify-content: center; } .header.header3.defaultnavbar .lang-round-btn { width: 38px; height: 38px; padding: 5px; display: flex; align-items: center; justify-content: center; background: radial-gradient( circle, rgba(0, 180, 255, 0.15), rgba(0, 60, 120, 0.15) ); border: 1px solid #27cfff; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 195, 255, 0.7), inset 0 0 8px rgba(0, 195, 255, 0.15); cursor: pointer; transition: all 0.25s ease; } .header.header3.defaultnavbar .lang-round-btn:hover { border-color: #9af5ff; box-shadow: 0 0 8px #00c8ff, 0 0 15px rgba(0, 195, 255, 0.7); transform: scale(1.05); } .header.header3.defaultnavbar .lang-round-btn img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { .header.header3.defaultnavbar { min-height: 55px; padding: 6px 8px; } .header.header3.defaultnavbar .right-member { gap: 5px; } .header.header3.defaultnavbar .btn-login, .header.header3.defaultnavbar .btn-reg { height: 33px; min-width: 72px; padding: 0 11px; font-size: 12px; border-radius: 7px; } .header.header3.defaultnavbar .btn-reg { min-width: 86px; } .header.header3.defaultnavbar .lang-round-btn { width: 34px; height: 34px; } } /* ========================================= NEON BLUE HEADER STYLE ========================================= */ .header.header3.defaultnavbar { position: relative; display: flex; align-items: center; min-height: 58px; padding: 7px 12px; background: linear-gradient( 180deg, rgba(8, 25, 55, 0.98) 0%, rgba(4, 13, 32, 0.98) 100% ); border-bottom: 1px solid #28cfff; box-shadow: 0 2px 8px rgba(0, 174, 255, 0.45), 0 0 18px rgba(0, 174, 255, 0.2), inset 0 -1px 8px rgba(0, 195, 255, 0.15); overflow: visible; } /* Neon line */ .header.header3.defaultnavbar::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: -1px; height: 1px; background: linear-gradient( 90deg, transparent, #00bfff, #73eaff, #00bfff, transparent ); box-shadow: 0 0 5px #00bfff, 0 0 10px rgba(0, 191, 255, 0.8), 0 0 18px rgba(0, 191, 255, 0.5); } /* ========================================= LEFT LOGO AREA ========================================= */ .header.header3.defaultnavbar .around.left { display: flex; align-items: center; justify-content: flex-start; } .header.header3.defaultnavbar .around.left img { display: block; max-height: 48px; width: auto !important; object-fit: contain; filter: drop-shadow(0 0 4px rgba(0, 195, 255, 0.45)) drop-shadow(0 0 8px rgba(0, 153, 255, 0.25)); } /* ========================================= MEMBER BUTTON CONTAINER ========================================= */ .header.header3.defaultnavbar .right-member { display: flex; justify-content: flex-end; align-items: center; gap: 8px; } /* ========================================= LOGIN BUTTON ========================================= */ .header.header3.defaultnavbar .btn-login { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 82px; height: 36px; padding: 0 16px; color: #87eaff; font-size: 13px; font-weight: 700; text-decoration: none; background: rgba(0, 153, 255, 0.08); border: 1px solid #24cfff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 195, 255, 0.65), inset 0 0 8px rgba(0, 195, 255, 0.12); text-shadow: 0 0 4px rgba(0, 195, 255, 0.9); transition: all 0.25s ease; } .header.header3.defaultnavbar .btn-login:hover { color: #ffffff; background: rgba(0, 195, 255, 0.18); border-color: #80efff; box-shadow: 0 0 7px #00bfff, 0 0 15px rgba(0, 191, 255, 0.65), inset 0 0 12px rgba(0, 195, 255, 0.18); transform: translateY(-1px); } /* ========================================= JOIN NOW BUTTON ========================================= */ .header.header3.defaultnavbar .btn-reg { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 100px; height: 36px; padding: 0 18px; color: #ffffff; font-size: 13px; font-weight: 800; text-decoration: none; background: linear-gradient( 135deg, #0078ff 0%, #00b8ff 45%, #35e1ff 100% ); border: 1px solid #74ecff; border-radius: 8px; box-shadow: 0 0 6px rgba(0, 191, 255, 0.9), 0 0 14px rgba(0, 153, 255, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.4); text-shadow: 0 1px 2px rgba(0, 30, 80, 0.7); transition: all 0.25s ease; } .header.header3.defaultnavbar .btn-reg:hover { background: linear-gradient( 135deg, #009cff 0%, #22d4ff 50%, #8cf4ff 100% ); box-shadow: 0 0 8px #00c8ff, 0 0 18px rgba(0, 195, 255, 0.8), 0 0 28px rgba(0, 153, 255, 0.5); transform: translateY(-1px); } /* ========================================= LANGUAGE AREA ========================================= */ .header.header3.defaultnavbar .around.right { display: flex; justify-content: flex-end; align-items: center; } .header.header3.defaultnavbar .lang-box { display: flex; align-items: center; justify-content: center; } .header.header3.defaultnavbar .lang-round-btn { width: 38px; height: 38px; padding: 5px; display: flex; align-items: center; justify-content: center; background: radial-gradient( circle, rgba(0, 180, 255, 0.15), rgba(0, 60, 120, 0.15) ); border: 1px solid #27cfff; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 195, 255, 0.7), inset 0 0 8px rgba(0, 195, 255, 0.15); cursor: pointer; transition: all 0.25s ease; } .header.header3.defaultnavbar .lang-round-btn:hover { border-color: #9af5ff; box-shadow: 0 0 8px #00c8ff, 0 0 15px rgba(0, 195, 255, 0.7); transform: scale(1.05); } .header.header3.defaultnavbar .lang-round-btn img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { .header.header3.defaultnavbar { min-height: 55px; padding: 6px 8px; } .header.header3.defaultnavbar .right-member { gap: 5px; } .header.header3.defaultnavbar .btn-login, .header.header3.defaultnavbar .btn-reg { height: 33px; min-width: 72px; padding: 0 11px; font-size: 12px; border-radius: 7px; } .header.header3.defaultnavbar .btn-reg { min-width: 86px; } .header.header3.defaultnavbar .lang-round-btn { width: 34px; height: 34px; } } .nav-pills.game-nav .nav-link.active, .nav-pills.game-nav .show > .nav-link { color: #fff; background: linear-gradient( 180deg, #0b2342 0%, #071426 100% ); border: 1px solid rgba(70, 220, 255, 0.75); box-shadow: 0 3px 14px -5px #00cfff, 0 0 8px rgba(0, 195, 255, 0.55), inset 0 0 8px rgba(0, 195, 255, 0.12); text-shadow: 0 0 4px rgba(0, 207, 255, 0.8); } .nav-pills.game-nav .nav-link { display: block; border-radius: 10px; padding: 2px 2px 2px 0; margin-bottom: 9px; color: #dffbff; text-align: center; background: linear-gradient( 180deg, #081b33 0%, #030b17 100% ); border: 1px solid rgba(0, 195, 255, 0.35); font-size: 12px; font-weight: 300; box-shadow: 0 3px 11px -5px #000, 0 0 6px rgba(0, 195, 255, 0.18), inset 0 0 6px rgba(0, 195, 255, 0.06); text-shadow: 0 0 4px rgba(0, 195, 255, 0.35); transition: all 0.25s ease; } /* Hover */ .nav-pills.game-nav .nav-link:hover { color: #fff; background: linear-gradient( 180deg, #0d3157 0%, #06192d 100% ); border-color: rgba(59, 220, 255, 0.8); box-shadow: 0 3px 12px -4px #000, 0 0 8px rgba(0, 207, 255, 0.45), inset 0 0 8px rgba(0, 195, 255, 0.10); }#pageHome #homePage .home_firmcontent_box { position: relative; overflow: hidden; isolation: isolate; padding: 10px; border-radius: 12px; background: radial-gradient(circle at 20% 20%, rgba(0, 195, 255, 0.12), transparent 35%), radial-gradient(circle at 80% 80%, rgba(0, 102, 255, 0.12), transparent 40%), linear-gradient( 145deg, #020816 0%, #061a32 45%, #020b18 100% ); border: 1px solid rgba(0, 207, 255, 0.45); box-shadow: 0 0 8px rgba(0, 207, 255, 0.35), 0 0 20px rgba(0, 140, 255, 0.16), inset 0 0 20px rgba(0, 174, 255, 0.07); animation: neonContainerGlow 4s ease-in-out infinite alternate; } /* ========================================= MOVING NEON LIGHT ========================================= */ #pageHome #homePage .home_firmcontent_box::before { content: ""; position: absolute; width: 160%; height: 160%; top: -30%; left: -30%; z-index: -2; background: radial-gradient( circle at 25% 30%, rgba(0, 225, 255, 0.22) 0%, rgba(0, 174, 255, 0.12) 15%, transparent 38% ), radial-gradient( circle at 75% 70%, rgba(0, 102, 255, 0.24) 0%, rgba(0, 174, 255, 0.08) 20%, transparent 42% ); filter: blur(20px); animation: neonMove 9s linear infinite; } /* ========================================= FUTURISTIC MOVING GRID ========================================= */ #pageHome #homePage .home_firmcontent_box::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient( rgba(0, 195, 255, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0, 195, 255, 0.035) 1px, transparent 1px ); background-size: 35px 35px; mask-image: linear-gradient( to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.15) ); animation: gridMove 12s linear infinite; } /* ========================================= KEEP CONTENT ABOVE BACKGROUND ========================================= */ #pageHome #homePage .home_firmcontent_box > * { position: relative; z-index: 2; } /* ========================================= ANIMATIONS ========================================= */ @keyframes neonMove { 0% { transform: translate(-8%, -5%) rotate(0deg) scale(1); } 25% { transform: translate(5%, -2%) rotate(90deg) scale(1.08); } 50% { transform: translate(8%, 6%) rotate(180deg) scale(1.12); } 75% { transform: translate(-3%, 8%) rotate(270deg) scale(1.06); } 100% { transform: translate(-8%, -5%) rotate(360deg) scale(1); } } @keyframes gridMove { 0% { background-position: 0 0, 0 0; } 100% { background-position: 35px 35px, 35px 35px; } } @keyframes neonContainerGlow { 0% { border-color: rgba(0, 174, 255, 0.35); box-shadow: 0 0 7px rgba(0, 195, 255, 0.25), 0 0 15px rgba(0, 102, 255, 0.12), inset 0 0 15px rgba(0, 174, 255, 0.05); } 100% { border-color: rgba(70, 226, 255, 0.7); box-shadow: 0 0 10px rgba(0, 207, 255, 0.55), 0 0 28px rgba(0, 128, 255, 0.20), inset 0 0 25px rgba(0, 195, 255, 0.10); } } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li { box-shadow: 0 0px 0px 0px #fff!important; border:0px solid #fff!important; } #progressivejackpot .show-for-small-only img { content: url(./img1830_goldwin/jackpot2.png) !important; } section#progressivejackpot.theme1 .home-jackpot-content .home-jackpot-running { font-size: 4.2vw!important; } section#progressivejackpot.theme1 .home-jackpot-content.myr { position: absolute; top: 66%; left: 24%; right: unset; color: #ffffff; font-size: clamp(22px, 4vw, 42px); font-weight: 800; letter-spacing: 2px; text-align: center; white-space: nowrap; background: linear-gradient( 180deg, #ffffff 0%, #aaf6ff 35%, #32dfff 65%, #008cff 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 0 0 4px rgba(255, 255, 255, 0.95), 0 0 8px rgba(0, 225, 255, 0.95), 0 0 14px rgba(0, 195, 255, 0.85), 0 0 24px rgba(0, 102, 255, 0.65); filter: drop-shadow(0 0 3px rgba(0, 225, 255, 0.8)) drop-shadow(0 0 8px rgba(0, 140, 255, 0.55)); animation: jackpotNeonGlow 1.8s ease-in-out infinite alternate; } /* Neon breathing effect */ @keyframes jackpotNeonGlow { 0% { filter: drop-shadow(0 0 2px rgba(0, 225, 255, 0.65)) drop-shadow(0 0 6px rgba(0, 140, 255, 0.45)); transform: scale(1); } 100% { filter: drop-shadow(0 0 5px rgba(90, 240, 255, 1)) drop-shadow(0 0 14px rgba(0, 160, 255, 0.85)); transform: scale(1.025); } } ul.navbar { position: relative; background: linear-gradient( 180deg, rgba(7, 27, 52, 0.98) 0%, rgba(3, 12, 27, 0.98) 100% ); border-top: 1px solid rgba(53, 220, 255, 0.75); box-shadow: 0 -2px 8px rgba(0, 207, 255, 0.35), 0 -5px 18px rgba(0, 128, 255, 0.16), inset 0 1px 8px rgba(0, 195, 255, 0.08); animation: navbarNeonGlow 3s ease-in-out infinite alternate; } /* Animated neon top light */ ul.navbar::before { content: ""; position: absolute; top: 0; left: 8%; right: 8%; height: 1px; pointer-events: none; background: linear-gradient( 90deg, transparent 0%, #008cff 18%, #00d9ff 45%, #b7f8ff 50%, #00d9ff 55%, #008cff 82%, transparent 100% ); box-shadow: 0 0 5px #00d9ff, 0 0 10px rgba(0, 207, 255, 0.8), 0 0 18px rgba(0, 128, 255, 0.45); animation: navbarLightMove 4s linear infinite; } /* Subtle navbar glow */ @keyframes navbarNeonGlow { 0% { border-top-color: rgba(0, 174, 255, 0.45); box-shadow: 0 -2px 7px rgba(0, 195, 255, 0.25), 0 -5px 15px rgba(0, 128, 255, 0.10), inset 0 1px 7px rgba(0, 195, 255, 0.05); } 100% { border-top-color: rgba(86, 231, 255, 0.9); box-shadow: 0 -2px 10px rgba(0, 220, 255, 0.5), 0 -7px 24px rgba(0, 128, 255, 0.22), inset 0 1px 10px rgba(0, 207, 255, 0.10); } } /* Moving neon shine */ @keyframes navbarLightMove { 0% { transform: translateX(-25%); opacity: 0.55; } 50% { transform: translateX(25%); opacity: 1; } 100% { transform: translateX(-25%); opacity: 0.55; } } /* ========================================= LOGIN PAGE - GALAXY BLUE NEON ========================================= */ #loginPage.theme2 { position: relative; overflow: hidden; min-height: 100vh; padding: 28px 18px 35px; background: radial-gradient(circle at 20% 15%, rgba(0, 204, 255, 0.13), transparent 30%), radial-gradient(circle at 85% 80%, rgba(0, 102, 255, 0.14), transparent 35%), linear-gradient( 160deg, #020817 0%, #06182d 45%, #020814 100% ); color: #fff; } /* moving galaxy glow */ #loginPage.theme2::before { content: ""; position: absolute; width: 150%; height: 150%; top: -25%; left: -25%; pointer-events: none; background: radial-gradient(circle at 30% 30%, rgba(0, 225, 255, 0.16), transparent 25%), radial-gradient(circle at 70% 65%, rgba(0, 102, 255, 0.20), transparent 28%); filter: blur(25px); animation: loginGalaxyMove 9s linear infinite; } /* subtle grid */ #loginPage.theme2::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(0, 207, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 207, 255, 0.025) 1px, transparent 1px); background-size: 32px 32px; } /* keep content above background */ #loginPage.theme2 > * { position: relative; z-index: 2; } /* ========================================= LOGO ========================================= */ #loginPage.theme2 .logo_big { text-align: center; margin-bottom: 15px; } #loginPage.theme2 .logo_big img { filter: drop-shadow(0 0 5px rgba(0, 207, 255, 0.55)) drop-shadow(0 0 12px rgba(0, 128, 255, 0.30)); } /* ========================================= LOGIN TITLE ========================================= */ #loginPage.theme2 .title { text-align: center; margin-bottom: 20px; } #loginPage.theme2 .title span { color: #dffbff !important; font-size: 21px !important; font-weight: 800 !important; letter-spacing: 2px; text-shadow: 0 0 4px #00cfff, 0 0 10px rgba(0, 174, 255, 0.75); } /* ========================================= LOGIN CONTENT ========================================= */ #loginPage.theme2 .login_centent { position: relative; max-width: 420px; margin: 0 auto; } /* ========================================= INPUT ROW ========================================= */ #loginPage.theme2 .login_centent_item.input_item { display: flex; align-items: center; margin-bottom: 14px; background: linear-gradient( 180deg, rgba(8, 30, 55, 0.94), rgba(3, 14, 29, 0.96) ); border: 1px solid rgba(0, 207, 255, 0.35); border-radius: 10px; box-shadow: 0 0 7px rgba(0, 195, 255, 0.14), inset 0 0 10px rgba(0, 174, 255, 0.04); transition: all 0.25s ease; } /* input focus glow */ #loginPage.theme2 .login_centent_item.input_item:focus-within { border-color: #40e6ff; box-shadow: 0 0 6px rgba(0, 220, 255, 0.8), 0 0 15px rgba(0, 140, 255, 0.35), inset 0 0 10px rgba(0, 195, 255, 0.08); } /* ========================================= INPUT ICON AREA ========================================= */ #loginPage.theme2 .login_centent_item.input_item label { width: 48px; min-width: 48px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 0; border-right: 1px solid rgba(0, 207, 255, 0.20); } #loginPage.theme2 .login_centent_item .icons { filter: brightness(1.25) drop-shadow(0 0 4px rgba(0, 207, 255, 0.75)); } /* ========================================= INPUT FIELD ========================================= */ #loginPage.theme2 .standard-form-field-wrapper { flex: 1; } #loginPage.theme2 .standard-input { width: 100%; height: 45px; padding: 0 14px; color: #ffffff; background: transparent !important; border: 0 !important; outline: 0 !important; font-size: 14px; box-shadow: none !important; } #loginPage.theme2 .standard-input::placeholder { color: #7fa8c4; } /* ========================================= PASSWORD EYE ========================================= */ #loginPage.theme2 .standard-password-eye { fill: #5cdfff; filter: drop-shadow(0 0 3px rgba(0, 207, 255, 0.55)); } /* ========================================= REMEMBER ME ========================================= */ #loginPage.theme2 .rememberme-formgroup { color: #9cbcd2; } #loginPage.theme2 .remember-me { color: #a8d9e8; text-shadow: 0 0 4px rgba(0, 207, 255, 0.20); } #loginPage.theme2 #rememberMe { accent-color: #00bfff; } /* ========================================= LOGIN BUTTON ========================================= */ #loginPage.theme2 .login_btn { max-width: 420px; margin: 22px auto 14px; } #loginPage.theme2 .login_btn .btn-blue { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; color: #ffffff !important; font-size: 15px; font-weight: 800; letter-spacing: 1px; background: linear-gradient( 135deg, #006cff 0%, #00bfff 50%, #31ddff 100% ) !important; border: 1px solid #72ecff; border-radius: 10px; box-shadow: 0 0 7px rgba(0, 207, 255, 0.8), 0 0 18px rgba(0, 128, 255, 0.38), inset 0 1px 2px rgba(255, 255, 255, 0.35); text-shadow: 0 1px 2px rgba(0, 30, 70, 0.8); transition: all 0.25s ease; animation: loginButtonGlow 2s ease-in-out infinite alternate; } #loginPage.theme2 .login_btn .btn-blue:hover { transform: translateY(-1px); box-shadow: 0 0 10px rgba(0, 225, 255, 1), 0 0 25px rgba(0, 128, 255, 0.55); } /* ========================================= FORGOT PASSWORD ========================================= */ #loginPage.theme2 .login_forgetpsd { text-align: center; } #loginPage.theme2 .login_forgetpsd a { color: #68ddff; font-size: 13px; text-decoration: none; text-shadow: 0 0 5px rgba(0, 207, 255, 0.45); } /* ========================================= REGISTER TEXT ========================================= */ #loginPage.theme2 .login_toreg { margin-top: 20px; color: #90aabd; text-align: center; font-size: 13px; } #loginPage.theme2 .login_toreg .m-register-link { color: #46ddff !important; font-weight: 700; text-shadow: 0 0 4px rgba(0, 207, 255, 0.75); } /* ========================================= ERROR MESSAGE ========================================= */ #loginPage.theme2 #loginErr { margin-bottom: 12px; padding: 9px 12px; background: rgba(255, 40, 70, 0.08); border: 1px solid rgba(255, 70, 90, 0.40); border-radius: 8px; box-shadow: 0 0 8px rgba(255, 40, 70, 0.15); } /* ========================================= ANIMATION ========================================= */ @keyframes loginGalaxyMove { 0% { transform: translate(-5%, -4%) rotate(0deg); } 50% { transform: translate(5%, 5%) rotate(180deg); } 100% { transform: translate(-5%, -4%) rotate(360deg); } } @keyframes loginButtonGlow { 0% { box-shadow: 0 0 6px rgba(0, 207, 255, 0.55), 0 0 14px rgba(0, 128, 255, 0.30); } 100% { box-shadow: 0 0 10px rgba(70, 230, 255, 0.95), 0 0 24px rgba(0, 128, 255, 0.48); } } /* ========================================= REGISTRATION PAGE - GALAXY BLUE NEON ========================================= */ #registrationPage.m-register-container { position: relative; overflow: hidden; min-height: 100vh; padding: 22px 16px 35px; color: #dff8ff; background: radial-gradient(circle at 15% 15%, rgba(0, 213, 255, 0.14), transparent 32%), radial-gradient(circle at 85% 78%, rgba(0, 94, 255, 0.16), transparent 35%), linear-gradient( 160deg, #020817 0%, #06182f 48%, #020916 100% ); } /* ========================================= ANIMATED GALAXY BACKGROUND ========================================= */ #registrationPage.m-register-container::before { content: ""; position: absolute; width: 160%; height: 160%; top: -30%; left: -30%; pointer-events: none; background: radial-gradient( circle at 25% 30%, rgba(0, 229, 255, 0.18), transparent 25% ), radial-gradient( circle at 72% 68%, rgba(0, 104, 255, 0.20), transparent 28% ); filter: blur(28px); animation: registerGalaxyMove 10s linear infinite; } #registrationPage.m-register-container::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient( rgba(0, 207, 255, 0.025) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0, 207, 255, 0.025) 1px, transparent 1px ); background-size: 34px 34px; animation: registerGridMove 16s linear infinite; } #registrationPage.m-register-container > * { position: relative; z-index: 2; } /* ========================================= MAIN FORM CONTAINER ========================================= */ #registrationPage .reg-step-container { max-width: 480px; margin: 0 auto; padding: 20px 16px; border-radius: 16px; background: linear-gradient( 180deg, rgba(8, 27, 52, 0.92), rgba(3, 12, 28, 0.94) ); border: 1px solid rgba(0, 207, 255, 0.32); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 0 12px rgba(0, 195, 255, 0.18), inset 0 0 20px rgba(0, 174, 255, 0.04); } /* ========================================= TITLE ========================================= */ #registrationPage .form-title { margin: 0 0 22px; color: #ffffff; text-align: center; font-size: 20px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 0 4px rgba(255, 255, 255, 0.55), 0 0 8px rgba(0, 213, 255, 0.9), 0 0 16px rgba(0, 128, 255, 0.55); } /* ========================================= PROGRESS BAR ========================================= */ #registrationPage .reg-progress-bar-section { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } #registrationPage .step-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; color: #7699b4; font-size: 13px; font-weight: 700; border-radius: 50%; background: linear-gradient( 180deg, #071a31, #030d1b ); border: 1px solid #34566f; box-shadow: inset 0 0 8px rgba(0, 174, 255, 0.05); } #registrationPage .step-wrapper.on, #registrationPage .step-wrapper.current-step { color: #ffffff; background: radial-gradient( circle, #18dfff 0%, #008cff 65%, #004b9f 100% ); border-color: #81f3ff; box-shadow: 0 0 6px #00dfff, 0 0 14px rgba(0, 174, 255, 0.75), inset 0 0 7px rgba(255, 255, 255, 0.25); text-shadow: 0 0 5px #ffffff; animation: registerStepGlow 1.8s ease-in-out infinite alternate; } #registrationPage .step-wrapper svg { width: 15px; height: 15px; } #registrationPage .step-wrapper svg path { fill: #6b8fa8; } #registrationPage .step-wrapper.on svg path { fill: #ffffff; } #registrationPage .progressBar { position: relative; flex: 1; max-width: 90px; height: 2px; margin: 0 5px; background: #193a53; overflow: hidden; } #registrationPage .progressBar::after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, #00bfff, #8af6ff, transparent ); animation: registerProgressLight 2.5s linear infinite; } /* ========================================= FORM SECTION ========================================= */ #registrationPage .reg-form-section { margin-top: 8px; } #registrationPage .register-input-container { margin-bottom: 15px; } /* ========================================= INPUT CONTAINER ========================================= */ #registrationPage .standard-form-field { position: relative; border-radius: 10px; background: linear-gradient( 180deg, rgba(10, 33, 60, 0.96), rgba(3, 14, 29, 0.98) ); border: 1px solid rgba(0, 207, 255, 0.30); box-shadow: 0 0 7px rgba(0, 195, 255, 0.12), inset 0 0 9px rgba(0, 174, 255, 0.04); transition: border-color 0.25s ease, box-shadow 0.25s ease; } #registrationPage .standard-form-field:focus-within { border-color: #45e8ff; box-shadow: 0 0 6px rgba(0, 225, 255, 0.8), 0 0 15px rgba(0, 128, 255, 0.35), inset 0 0 10px rgba(0, 195, 255, 0.08); } /* ========================================= INPUT ========================================= */ #registrationPage .standard-input { width: 100%; height: 45px; padding: 0 13px; color: #ffffff !important; font-size: 14px; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } #registrationPage .standard-input::placeholder { color: #789eb8; opacity: 1; } /* Autofill */ #registrationPage input:-webkit-autofill, #registrationPage input:-webkit-autofill:hover, #registrationPage input:-webkit-autofill:focus { -webkit-text-fill-color: #ffffff; -webkit-box-shadow: 0 0 0 1000px #06182d inset !important; transition: background-color 9999s ease-in-out 0s; } /* ========================================= PASSWORD EYE ========================================= */ #registrationPage .standard-password-eye { fill: #55ddff !important; filter: drop-shadow(0 0 3px rgba(0, 207, 255, 0.75)); } /* ========================================= AFFILIATE LABEL ========================================= */ #registrationPage .standard-label { display: block; padding: 8px 12px 2px; color: #7edfff; font-size: 11px; font-weight: 600; text-shadow: 0 0 4px rgba(0, 207, 255, 0.35); } /* ========================================= COUNTRY CODE / SELECT ========================================= */ #registrationPage .standard-select { color: #dffaff; background: linear-gradient( 180deg, rgba(8, 35, 63, 0.95), rgba(4, 17, 33, 0.95) ) !important; border: 1px solid rgba(0, 207, 255, 0.30); border-radius: 8px; box-shadow: inset 0 0 8px rgba(0, 195, 255, 0.05); } #registrationPage .standard-select-arrow { border-top-color: #55e5ff !important; } #registrationPage .standard-select-dropdown { background: #06182c; border: 1px solid rgba(0, 207, 255, 0.4); box-shadow: 0 5px 18px rgba(0, 0, 0, 0.55), 0 0 10px rgba(0, 195, 255, 0.20); } #registrationPage .standard-select-options { color: #bceeff; } #registrationPage .standard-select-options.active, #registrationPage .standard-select-options:hover { color: #ffffff; background: linear-gradient( 90deg, rgba(0, 128, 255, 0.20), rgba(0, 207, 255, 0.12) ); } /* ========================================= CAPTCHA ========================================= */ #registrationPage .dob-field img { border: 1px solid rgba(0, 207, 255, 0.40); border-radius: 6px !important; box-shadow: 0 0 6px rgba(0, 195, 255, 0.30); } /* ========================================= ERROR MESSAGE ========================================= */ #registrationPage .standard-error-validation { margin: 5px 4px 0; color: #ff7289 !important; font-size: 11px; text-shadow: 0 0 4px rgba(255, 50, 90, 0.25); } /* ========================================= BUTTON AREA ========================================= */ #registrationPage .transaction-button-section { display: flex; align-items: center; gap: 8px; margin-top: 22px; } #registrationPage .standard-button-container { flex: 1; } /* NEXT / REGISTER */ #registrationPage .next-button, #registrationPage .regsub-button { width: 100%; min-height: 44px; color: #ffffff !important; font-size: 14px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; background: linear-gradient( 135deg, #006cff 0%, #00bfff 50%, #35e5ff 100% ) !important; border: 1px solid #76efff !important; border-radius: 9px; box-shadow: 0 0 7px rgba(0, 207, 255, 0.75), 0 0 17px rgba(0, 128, 255, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.35); text-shadow: 0 1px 2px rgba(0, 30, 75, 0.8); transition: all 0.25s ease; animation: registerButtonGlow 2s ease-in-out infinite alternate; } #registrationPage .next-button:not(:disabled):hover, #registrationPage .regsub-button:hover { transform: translateY(-1px); box-shadow: 0 0 10px rgba(0, 229, 255, 1), 0 0 25px rgba(0, 128, 255, 0.55); } /* disabled */ #registrationPage .next-button:disabled { color: #628397 !important; background: linear-gradient( 180deg, #102b42, #081725 ) !important; border-color: #26475c !important; box-shadow: none; opacity: 0.65; animation: none; } /* ========================================= BACK BUTTON ========================================= */ #registrationPage .back-button { width: 44px; min-width: 44px; height: 44px; padding: 12px; border-radius: 9px; background: linear-gradient( 180deg, #0b2a49, #051426 ) !important; border: 1px solid rgba(0, 207, 255, 0.45) !important; box-shadow: 0 0 7px rgba(0, 195, 255, 0.20); } #registrationPage .back-button svg path { fill: #65e5ff; } #registrationPage .back-button:hover { border-color: #5ee8ff !important; box-shadow: 0 0 9px rgba(0, 213, 255, 0.55); } /* ========================================= TERMS ========================================= */ #registrationPage .reg-notice-section { margin-top: 18px; padding: 12px; color: #7e9daf; font-size: 11px; line-height: 17px; text-align: center; background: rgba(0, 128, 255, 0.04); border: 1px solid rgba(0, 195, 255, 0.12); border-radius: 8px; } #registrationPage .reg-notice-section a { color: #4ee0ff !important; font-weight: 600; text-shadow: 0 0 5px rgba(0, 207, 255, 0.35); } /* ========================================= ALREADY HAVE ACCOUNT ========================================= */ #registrationPage .prompt-login-section { margin-top: 16px; color: #87a8bb; text-align: center; font-size: 13px; } #registrationPage .prompt-login-section a { margin-left: 4px; color: #52e1ff; font-weight: 700; text-decoration: none; text-shadow: 0 0 5px rgba(0, 207, 255, 0.50); } /* ========================================= ANIMATIONS ========================================= */ @keyframes registerGalaxyMove { 0% { transform: translate(-5%, -4%) rotate(0deg); } 50% { transform: translate(5%, 5%) rotate(180deg); } 100% { transform: translate(-5%, -4%) rotate(360deg); } } @keyframes registerGridMove { from { background-position: 0 0, 0 0; } to { background-position: 34px 34px, 34px 34px; } } @keyframes registerProgressLight { from { left: -100%; } to { left: 100%; } } @keyframes registerStepGlow { from { box-shadow: 0 0 5px rgba(0, 207, 255, 0.55), 0 0 10px rgba(0, 128, 255, 0.35); } to { box-shadow: 0 0 8px rgba(76, 235, 255, 1), 0 0 18px rgba(0, 128, 255, 0.65); } } @keyframes registerButtonGlow { from { box-shadow: 0 0 6px rgba(0, 207, 255, 0.55), 0 0 14px rgba(0, 128, 255, 0.28); } to { box-shadow: 0 0 10px rgba(69, 232, 255, 0.95), 0 0 24px rgba(0, 128, 255, 0.48); } } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { #registrationPage.m-register-container { padding: 14px 10px 28px; } #registrationPage .reg-step-container { padding: 17px 12px; border-radius: 13px; } #registrationPage .form-title { font-size: 17px; } #registrationPage .step-wrapper { width: 30px; height: 30px; flex-basis: 30px; } #registrationPage .standard-input { height: 43px; font-size: 13px; } #registrationPage .next-button, #registrationPage .regsub-button, #registrationPage .back-button { min-height: 42px; height: 42px; } } /* ========================================= TERMS & CONDITIONS - BLUE NEON THEME ========================================= */ .mobile-tnc { position: relative; min-height: 100vh; padding-bottom: 30px; color: #cfefff; background: radial-gradient(circle at 15% 10%, rgba(0, 207, 255, 0.12), transparent 30%), radial-gradient(circle at 85% 80%, rgba(0, 102, 255, 0.15), transparent 38%), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ); } /* ========================================= PAGE TITLE ========================================= */ .mobile-tnc .info-centre-header { position: relative; padding: 16px 15px; text-align: center; background: linear-gradient( 180deg, rgba(8, 34, 65, 0.98), rgba(3, 14, 29, 0.98) ); border-bottom: 1px solid rgba(0, 207, 255, 0.65); box-shadow: 0 3px 15px rgba(0, 174, 255, 0.22), inset 0 -1px 10px rgba(0, 207, 255, 0.05); } .mobile-tnc .info-centre-header span { color: #ffffff !important; font-size: 19px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 0 4px #00cfff, 0 0 10px rgba(0, 174, 255, 0.85); } /* glowing line */ .mobile-tnc .info-centre-header::after { content: ""; position: absolute; left: 15%; right: 15%; bottom: -1px; height: 1px; background: linear-gradient( 90deg, transparent, #00aaff, #64ebff, #00aaff, transparent ); box-shadow: 0 0 6px #00d9ff, 0 0 14px rgba(0, 174, 255, 0.7); } /* ========================================= INTRO SECTION ========================================= */ .mobile-tnc .ic-navbar-default { margin: 10px 10px 16px; border: 1px solid rgba(0, 207, 255, 0.22); border-radius: 10px; background: linear-gradient( 180deg, rgba(8, 29, 54, 0.92), rgba(4, 15, 30, 0.95) ); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 195, 255, 0.10); } .mobile-tnc .ic-navbar-collapse { border: 0 !important; } .mobile-tnc ul.seperator { margin: 0 !important; padding: 13px 15px !important; } .mobile-tnc ul.seperator li { list-style: none; } .mobile-tnc ul.seperator li a { display: block; color: #9fc9df !important; font-size: 12px; line-height: 18px; text-decoration: none; } /* ========================================= ACCORDION PANEL ========================================= */ .mobile-tnc .panel-group { padding: 0 10px; } .mobile-tnc .panel.accordion-title { margin-bottom: 9px; overflow: hidden; border: 1px solid rgba(0, 207, 255, 0.20); border-radius: 10px; background: linear-gradient( 180deg, rgba(7, 28, 52, 0.96), rgba(3, 13, 27, 0.97) ); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.28), 0 0 7px rgba(0, 174, 255, 0.08); } /* ========================================= ACCORDION HEADER ========================================= */ .mobile-tnc .panel-heading { padding: 0 !important; background: transparent !important; border: 0 !important; } .mobile-tnc .panel-title { margin: 0; } .mobile-tnc .accordion-toggle { position: relative; display: block; padding: 13px 40px 13px 14px; color: #dffaff !important; font-size: 13px; font-weight: 600; text-decoration: none !important; background: linear-gradient( 90deg, rgba(0, 128, 255, 0.10), rgba(0, 207, 255, 0.03) ); transition: all 0.25s ease; } /* hover */ .mobile-tnc .accordion-toggle:hover { color: #ffffff !important; background: linear-gradient( 90deg, rgba(0, 174, 255, 0.18), rgba(0, 102, 255, 0.05) ); text-shadow: 0 0 5px rgba(0, 207, 255, 0.65); } /* ========================================= OPEN / ACTIVE ACCORDION ========================================= */ .mobile-tnc .accordion-toggle:not(.collapsed) { color: #ffffff !important; background: linear-gradient( 90deg, rgba(0, 119, 255, 0.25), rgba(0, 213, 255, 0.10) ); border-bottom: 1px solid rgba(0, 207, 255, 0.30); text-shadow: 0 0 4px #00cfff, 0 0 9px rgba(0, 153, 255, 0.55); box-shadow: inset 0 -5px 15px rgba(0, 174, 255, 0.04); } /* ========================================= PLUS / MINUS ICON ========================================= */ .mobile-tnc .accordion-toggle::after { content: "+"; position: absolute; top: 15%; right: 14px; transform: translateY(-50%); width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: #4ee7ff; font-size: 18px; font-weight: 400; border: 1px solid rgba(0, 207, 255, 0.45); border-radius: 50%; background: rgba(0, 174, 255, 0.06); box-shadow: 0 0 6px rgba(0, 207, 255, 0.28); } .mobile-tnc .accordion-toggle:not(.collapsed)::after { content: "−"; color: #ffffff; border-color: #5beaff; background: rgba(0, 195, 255, 0.18); box-shadow: 0 0 7px rgba(0, 220, 255, 0.6); } /* ========================================= PANEL CONTENT ========================================= */ .mobile-tnc .panel-body.accordion-content { padding: 15px 14px; color: #9dbfd1; font-size: 12px; line-height: 19px; background: linear-gradient( 180deg, rgba(3, 15, 31, 0.95), rgba(2, 10, 23, 0.98) ); border-top: 0 !important; } .mobile-tnc .accordion-content p { margin-bottom: 10px; color: #9dbfd1; line-height: 19px; } .mobile-tnc .accordion-content span { color: inherit; } .mobile-tnc .accordion-content b, .mobile-tnc .accordion-content strong { color: #63e6ff; font-weight: 700; text-shadow: 0 0 4px rgba(0, 207, 255, 0.3); } /* ========================================= LEFT INDENTED SUB ITEMS ========================================= */ .mobile-tnc .accordion-content p[style*="padding-left: 30px"] { position: relative; padding-left: 20px !important; border-left: 2px solid rgba(0, 207, 255, 0.20); } .mobile-tnc .accordion-content p[style*="padding-left: 60px"] { padding-left: 28px !important; color: #789cad; } /* ========================================= LINKS ========================================= */ .mobile-tnc a { color: #4be2ff; transition: all 0.2s ease; } .mobile-tnc a:hover { color: #ffffff; text-shadow: 0 0 5px rgba(0, 207, 255, 0.75); } /* ========================================= CONTENT CONTAINER ========================================= */ .mobile-tnc .info-centre-container { position: relative; background: transparent !important; } .mobile-tnc .tab-content { background: transparent !important; } /* ========================================= COPYRIGHT ========================================= */ .mobile-tnc .copyright { margin: 20px 0 10px; color: #547789; text-align: center; font-size: 10px; text-shadow: 0 0 4px rgba(0, 174, 255, 0.16); } /* ========================================= ANIMATED GLOW ========================================= */ .mobile-tnc .panel.accordion-title:hover { border-color: rgba(0, 207, 255, 0.45); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.30), 0 0 9px rgba(0, 207, 255, 0.18); } /* ========================================= MOBILE FIXES ========================================= */ @media (max-width: 480px) { .mobile-tnc .panel-group { padding: 0 7px; } .mobile-tnc .ic-navbar-default { margin-left: 7px; margin-right: 7px; } .mobile-tnc .accordion-toggle { padding: 12px 38px 12px 12px; font-size: 12px; } .mobile-tnc .panel-body.accordion-content { padding: 13px 11px; font-size: 11px; line-height: 18px; } .mobile-tnc .accordion-content p { line-height: 18px; } } /* ========================================= GAME PROVIDER SWIPER - BLUE NEON ========================================= */ .gamelogo-scroll-menu { position: relative; padding: 10px 38px; background: radial-gradient( circle at 20% 30%, rgba(0, 207, 255, 0.08), transparent 35% ), linear-gradient( 180deg, rgba(5, 23, 45, 0.98), rgba(2, 10, 24, 0.98) ); border-top: 1px solid rgba(0, 207, 255, 0.22); border-bottom: 1px solid rgba(0, 207, 255, 0.22); box-shadow: inset 0 0 16px rgba(0, 153, 255, 0.06), 0 0 12px rgba(0, 174, 255, 0.10); overflow: hidden; } /* ========================================= SWIPER ========================================= */ .gamelogo-scroll-menu .swiper { width: 100%; overflow: hidden; } /* ========================================= SLIDE ========================================= */ .gamelogo-scroll-menu .swiper-slide { transition: transform 0.25s ease, filter 0.25s ease; } /* ========================================= PROVIDER BUTTON ========================================= */ .gamelogo-scroll-menu .button-style-1 { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 65px; padding: 8px 12px; border-radius: 12px; background: linear-gradient( 180deg, rgba(10, 36, 66, 0.95), rgba(4, 16, 32, 0.98) ); border: 1px solid rgba(0, 207, 255, 0.26); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.30), 0 0 6px rgba(0, 195, 255, 0.10), inset 0 0 9px rgba(0, 174, 255, 0.04); overflow: hidden; transition: all 0.25s ease; } /* subtle top neon highlight */ .gamelogo-scroll-menu .button-style-1::before { content: ""; position: absolute; top: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(0, 207, 255, 0.75), #7bedff, rgba(0, 207, 255, 0.75), transparent ); box-shadow: 0 0 5px rgba(0, 207, 255, 0.60); opacity: 0.55; transition: opacity 0.25s ease; } /* ========================================= HOVER ========================================= */ .gamelogo-scroll-menu .swiper-slide:hover { transform: translateY(-2px); } .gamelogo-scroll-menu .swiper-slide:hover .button-style-1 { border-color: rgba(68, 228, 255, 0.85); background: linear-gradient( 180deg, rgba(10, 55, 92, 0.98), rgba(4, 23, 43, 0.98) ); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.32), 0 0 8px rgba(0, 213, 255, 0.45), 0 0 16px rgba(0, 128, 255, 0.18), inset 0 0 11px rgba(0, 207, 255, 0.08); } .gamelogo-scroll-menu .swiper-slide:hover .button-style-1::before { opacity: 1; } /* ========================================= ACTIVE SLIDE ========================================= */ .gamelogo-scroll-menu .swiper-slide-active .button-style-1 { border-color: #45e5ff; background: linear-gradient( 145deg, rgba(0, 104, 255, 0.26), rgba(0, 203, 255, 0.13), rgba(4, 19, 39, 0.98) ); box-shadow: 0 0 7px rgba(0, 207, 255, 0.65), 0 0 15px rgba(0, 128, 255, 0.25), inset 0 0 10px rgba(0, 207, 255, 0.08); } /* ========================================= PROVIDER LOGO KEEP ORIGINAL LOGO DESIGN ========================================= */ .gamelogo-scroll-menu .provider { position: relative; z-index: 2; transition: transform 0.25s ease, filter 0.25s ease; } /* only subtle glow - no recoloring */ .gamelogo-scroll-menu .swiper-slide:hover .provider { transform: scale(1.05); filter: drop-shadow(0 0 4px rgba(0, 207, 255, 0.35)); } .gamelogo-scroll-menu .swiper-slide-active .provider { filter: drop-shadow(0 0 4px rgba(0, 213, 255, 0.40)); } /* ========================================= PREV / NEXT BUTTON ========================================= */ .gamelogo-scroll-menu .swiper-button-prev, .gamelogo-scroll-menu .swiper-button-next { width: 30px; height: 46px; top: 50%; margin-top: -23px; color: #5de8ff; border: 1px solid rgba(0, 207, 255, 0.45); border-radius: 8px; background: linear-gradient( 180deg, rgba(8, 38, 67, 0.96), rgba(3, 16, 32, 0.98) ); box-shadow: 0 0 7px rgba(0, 207, 255, 0.25), inset 0 0 7px rgba(0, 207, 255, 0.06); transition: all 0.25s ease; } /* arrow size */ .gamelogo-scroll-menu .swiper-button-prev::after, .gamelogo-scroll-menu .swiper-button-next::after { font-size: 15px; font-weight: 800; text-shadow: 0 0 5px rgba(0, 207, 255, 0.75); } /* arrow hover */ .gamelogo-scroll-menu .swiper-button-prev:hover, .gamelogo-scroll-menu .swiper-button-next:hover { color: #ffffff; border-color: #64efff; background: linear-gradient( 180deg, rgba(0, 130, 255, 0.42), rgba(0, 65, 130, 0.45) ); box-shadow: 0 0 8px rgba(0, 220, 255, 0.70), 0 0 16px rgba(0, 128, 255, 0.25); } /* disabled arrows */ .gamelogo-scroll-menu .swiper-button-disabled { opacity: 0.3 !important; box-shadow: none; } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { .gamelogo-scroll-menu { padding: 8px 31px; } .gamelogo-scroll-menu .button-style-1 { min-height: 58px; padding: 6px 8px; border-radius: 9px; } .gamelogo-scroll-menu .swiper-button-prev, .gamelogo-scroll-menu .swiper-button-next { width: 26px; height: 40px; margin-top: -20px; } .gamelogo-scroll-menu .swiper-button-prev::after, .gamelogo-scroll-menu .swiper-button-next::after { font-size: 12px; } } .button-style-2.is-active, .button-style-2, .button-filter, .button-style-1 { background: linear-gradient( to bottom, #2be8ff 0%, #0877d1 45%, #031a38 100% ) !important; color: #fff !important; border: 1px solid rgba(83, 232, 255, 0.65) !important; box-shadow: inset -1px 0 8px rgba(0, 207, 255, 0.30), inset 0 1px 3px rgba(255, 255, 255, 0.25), 0 0 6px rgba(0, 207, 255, 0.35) !important; text-shadow: 0 0 5px rgba(0, 220, 255, 0.65); transition: all 0.25s ease; } /* Active / selected */ .product-filter-item .button-style-2.is-active { background: linear-gradient( to bottom, #75f3ff 0%, #00bfff 35%, #075aa8 70%, #03182f 100% ) !important; border-color: #8af5ff !important; box-shadow: inset 0 0 10px rgba(0, 229, 255, 0.30), 0 0 6px #00d9ff, 0 0 14px rgba(0, 140, 255, 0.55) !important; } /* Hover */ .product-filter-item .button-style-2:hover, .product-filter-item .button-filter:hover, .product-filter-item .button-style-1:hover { background: linear-gradient( to bottom, #63efff 0%, #00aef0 45%, #063e79 100% ) !important; border-color: #8af6ff !important; box-shadow: inset 0 0 10px rgba(0, 229, 255, 0.25), 0 0 8px rgba(0, 220, 255, 0.65), 0 0 16px rgba(0, 128, 255, 0.35) !important; } /* ========================================= ACCOUNT QUICK MENU - BLUE NEON ========================================= */ ul.idr_content_bottom { display: flex; align-items: stretch; justify-content: space-between; gap: 8px; margin: 0; padding: 10px; list-style: none; background: linear-gradient( 180deg, rgba(5, 24, 46, 0.98) 0%, rgba(2, 11, 25, 0.98) 100% ); border-top: 1px solid rgba(0, 207, 255, 0.28); border-bottom: 1px solid rgba(0, 207, 255, 0.25); box-shadow: 0 0 12px rgba(0, 174, 255, 0.12), inset 0 0 14px rgba(0, 195, 255, 0.05); } /* ========================================= MENU ITEM ========================================= */ ul.idr_content_bottom li { flex: 1; min-width: 0; } /* ========================================= LINK / BUTTON ========================================= */ ul.idr_content_bottom li a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 72px; padding: 8px 5px; color: #b9ddeb; text-decoration: none; border: 1px solid rgba(0, 207, 255, 0.22); border-radius: 10px; background: linear-gradient( 180deg, rgba(10, 39, 70, 0.92), rgba(3, 16, 32, 0.96) ); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.30), 0 0 5px rgba(0, 195, 255, 0.10), inset 0 0 8px rgba(0, 174, 255, 0.04); transition: all 0.25s ease; } /* neon top line */ ul.idr_content_bottom li a::before { content: ""; position: absolute; top: 0; left: 20%; right: 20%; height: 1px; background: linear-gradient( 90deg, transparent, #00cfff, #7cf2ff, #00cfff, transparent ); box-shadow: 0 0 5px rgba(0, 207, 255, 0.65); opacity: 0.45; } /* ========================================= ICON ========================================= */ ul.idr_content_bottom li .i { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 4px; border-radius: 50%; background: radial-gradient( circle, rgba(0, 207, 255, 0.18), rgba(0, 102, 255, 0.05) 68%, transparent 72% ); transition: all 0.25s ease; } ul.idr_content_bottom li .icon { filter: brightness(1.15) drop-shadow(0 0 3px rgba(0, 207, 255, 0.45)); transition: all 0.25s ease; } /* ========================================= WORDING ========================================= */ ul.idr_content_bottom li span { color: #a9cddd; font-size: 11px; font-weight: 500; text-align: center; transition: all 0.25s ease; } /* ========================================= HOVER ========================================= */ ul.idr_content_bottom li a:hover { color: #ffffff; transform: translateY(-2px); border-color: #4ee7ff; background: linear-gradient( 180deg, rgba(0, 116, 210, 0.28), rgba(3, 24, 45, 0.98) ); box-shadow: 0 0 7px rgba(0, 213, 255, 0.55), 0 0 15px rgba(0, 128, 255, 0.22), inset 0 0 10px rgba(0, 207, 255, 0.08); } ul.idr_content_bottom li a:hover::before { opacity: 1; } ul.idr_content_bottom li a:hover .i { background: radial-gradient( circle, rgba(0, 229, 255, 0.30), rgba(0, 102, 255, 0.08) 68%, transparent 72% ); box-shadow: 0 0 8px rgba(0, 213, 255, 0.45); } ul.idr_content_bottom li a:hover .icon { filter: brightness(1.35) drop-shadow(0 0 4px #00dfff) drop-shadow(0 0 7px rgba(0, 128, 255, 0.55)); } ul.idr_content_bottom li a:hover span { color: #ffffff; text-shadow: 0 0 5px rgba(0, 207, 255, 0.65); } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { ul.idr_content_bottom { gap: 5px; padding: 8px 5px; } ul.idr_content_bottom li a { min-height: 65px; padding: 6px 2px; border-radius: 8px; } ul.idr_content_bottom li .i { width: 32px; height: 32px; } ul.idr_content_bottom li span { font-size: 9px; } } ul.idr_content_bottom li .icon{ filter: brightness(1) invert(1) !important; } /* ========================================= PAYMENT SCROLL MENU - BLUE NEON ========================================= */ .scroll_menu.payment-scroll-menu { position: relative; display: flex; align-items: center; width: 100%; padding: 8px 34px; background: linear-gradient( 180deg, rgba(5, 24, 46, 0.98) 0%, rgba(2, 11, 25, 0.98) 100% ); border-top: 1px solid rgba(0, 207, 255, 0.22); border-bottom: 1px solid rgba(0, 207, 255, 0.28); box-shadow: 0 0 12px rgba(0, 174, 255, 0.12), inset 0 0 12px rgba(0, 195, 255, 0.05); overflow: hidden; } /* ========================================= MENU LIST ========================================= */ .payment-scroll-menu .menu_nav.tabs { display: flex; flex-wrap: nowrap; gap: 7px; width: 100%; margin: 0; padding: 0; list-style: none; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .payment-scroll-menu .menu_nav.tabs::-webkit-scrollbar { display: none; } /* ========================================= MENU ITEM ========================================= */ .payment-scroll-menu .menu_nav.tabs li { flex: 0 0 auto; min-width: 82px; } /* ========================================= BUTTON ========================================= */ .payment-scroll-menu .firmCategory { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 82px; min-height: 70px; padding: 7px 8px; color: #a7c9d9; text-align: center; text-decoration: none; border-radius: 10px; background: linear-gradient( 180deg, rgba(9, 37, 67, 0.96), rgba(3, 15, 31, 0.98) ); border: 1px solid rgba(0, 207, 255, 0.22); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.28), 0 0 5px rgba(0, 195, 255, 0.08), inset 0 0 8px rgba(0, 174, 255, 0.04); transition: all 0.25s ease; } /* top neon line */ .payment-scroll-menu .firmCategory::before { content: ""; position: absolute; top: 0; left: 20%; right: 20%; height: 1px; background: linear-gradient( 90deg, transparent, #00cfff, #7df1ff, #00cfff, transparent ); box-shadow: 0 0 5px rgba(0, 207, 255, 0.65); opacity: 0.4; } /* ========================================= ICON ========================================= */ .payment-scroll-menu .firmCategory .i { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin-bottom: 4px; border-radius: 50%; background: radial-gradient( circle, rgba(0, 207, 255, 0.16), rgba(0, 102, 255, 0.05) 68%, transparent 72% ); transition: all 0.25s ease; } .payment-scroll-menu .firmCategory .icon { filter: brightness(1.15) drop-shadow(0 0 3px rgba(0, 207, 255, 0.40)); transition: all 0.25s ease; } /* ========================================= TEXT ========================================= */ .payment-scroll-menu .firmCategory span { color: #9fc5d7; font-size: 11px; font-weight: 500; white-space: nowrap; transition: all 0.25s ease; } /* ========================================= ACTIVE ========================================= */ .payment-scroll-menu .firmCategory.on { color: #ffffff; border-color: #54e8ff; background: linear-gradient( 145deg, rgba(0, 119, 255, 0.38), rgba(0, 207, 255, 0.18), rgba(3, 18, 36, 0.98) ); box-shadow: 0 0 6px rgba(0, 220, 255, 0.8), 0 0 14px rgba(0, 128, 255, 0.28), inset 0 0 10px rgba(0, 207, 255, 0.08); } .payment-scroll-menu .firmCategory.on::before { opacity: 1; } .payment-scroll-menu .firmCategory.on .i { background: radial-gradient( circle, rgba(0, 229, 255, 0.30), rgba(0, 102, 255, 0.08) 68%, transparent 72% ); box-shadow: 0 0 8px rgba(0, 213, 255, 0.50); } .payment-scroll-menu .firmCategory.on .icon { filter: brightness(1.35) drop-shadow(0 0 4px #00dfff) drop-shadow(0 0 7px rgba(0, 128, 255, 0.55)); } .payment-scroll-menu .firmCategory.on span { color: #ffffff; font-weight: 700; text-shadow: 0 0 5px rgba(0, 207, 255, 0.75); } /* ========================================= HOVER ========================================= */ .payment-scroll-menu .firmCategory:hover { transform: translateY(-2px); border-color: rgba(73, 232, 255, 0.75); background: linear-gradient( 180deg, rgba(0, 105, 190, 0.28), rgba(3, 22, 42, 0.98) ); box-shadow: 0 0 7px rgba(0, 213, 255, 0.45), 0 0 14px rgba(0, 128, 255, 0.18); } /* ========================================= LEFT / RIGHT SCROLL BUTTONS ========================================= */ .payment-scroll-menu .m-scroll-btn { position: absolute; z-index: 5; top: 17%; transform: translateY(-50%); width: 28px; height: 46px; display: flex; align-items: center; justify-content: center; padding: 0; color: #6cecff; background: linear-gradient( 180deg, rgba(8, 40, 70, 0.98), rgba(3, 16, 32, 0.98) ); border: 1px solid rgba(0, 207, 255, 0.45); border-radius: 7px; box-shadow: 0 0 7px rgba(0, 207, 255, 0.22), inset 0 0 7px rgba(0, 207, 255, 0.05); transition: all 0.25s ease; } .payment-scroll-menu .scroll-right { left: 3px; } .scroll_menu .menu_nav li a { background-image: linear-gradient(#0b2342, #071426) !important; color: #000 !important; padding: .4rem 0 .46rem !important; } .payment-scroll-menu .scroll-left { right: 3px; } .scroll_menu { width: 100%; height: 2.2rem; } .payment-scroll-menu .m-scroll-btn span { font-size: 19px; font-weight: 700; line-height: 1; text-shadow: 0 0 5px rgba(0, 207, 255, 0.75); } .payment-scroll-menu .m-scroll-btn:hover { color: #ffffff; border-color: #79f0ff; background: linear-gradient( 180deg, rgba(0, 136, 255, 0.48), rgba(0, 58, 112, 0.58) ); box-shadow: 0 0 8px rgba(0, 220, 255, 0.70), 0 0 15px rgba(0, 128, 255, 0.25); } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { .scroll_menu.payment-scroll-menu { padding: 7px 30px; } .payment-scroll-menu .menu_nav.tabs { gap: 5px; } .payment-scroll-menu .menu_nav.tabs li, .payment-scroll-menu .firmCategory { min-width: 72px; } .payment-scroll-menu .firmCategory { min-height: 64px; padding: 6px 5px; border-radius: 8px; } .payment-scroll-menu .firmCategory .i { width: 31px; height: 31px; } .payment-scroll-menu .firmCategory span { font-size: 9px; } .payment-scroll-menu .m-scroll-btn { width: 25px; height: 40px; } } /* ========================================= DEPOSIT PAGE - GALAXY BLUE NEON ========================================= */ .m-forms-page { position: relative; padding: 14px; color: #dff9ff; background: radial-gradient(circle at 15% 10%, rgba(0, 213, 255, 0.10), transparent 30%), radial-gradient(circle at 85% 85%, rgba(0, 92, 255, 0.14), transparent 35%), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ); } /* ========================================= MAIN FORM ========================================= */ .m-transaction-form { padding: 14px; border-radius: 14px; background: linear-gradient( 180deg, rgba(7, 29, 54, 0.94), rgba(3, 13, 28, 0.97) ); border: 1px solid rgba(0, 207, 255, 0.25); box-shadow: 0 5px 18px rgba(0, 0, 0, 0.35), 0 0 10px rgba(0, 195, 255, 0.10), inset 0 0 14px rgba(0, 174, 255, 0.04); } /* ========================================= LABEL ========================================= */ .m-forms-page .standard-label, .m-forms-page .st-title { color: #bcecff !important; font-size: 12px; font-weight: 600; text-shadow: 0 0 4px rgba(0, 207, 255, 0.25); } .m-forms-page .standard-mandatory::after { color: #4eeaff !important; } /* ========================================= FORM FIELD ========================================= */ .m-forms-page .standard-form-field { margin-bottom: 14px; } /* ========================================= INPUT ========================================= */ .m-forms-page .standard-input { width: 100%; color: #ffffff !important; background: linear-gradient( 180deg, rgba(9, 34, 61, 0.96), rgba(3, 15, 30, 0.98) ) !important; border: 1px solid rgba(0, 207, 255, 0.30) !important; border-radius: 8px; box-shadow: inset 0 0 8px rgba(0, 174, 255, 0.04), 0 0 5px rgba(0, 195, 255, 0.08); outline: none !important; transition: all 0.25s ease; } .m-forms-page .standard-input:focus { border-color: #55e9ff !important; box-shadow: 0 0 6px rgba(0, 220, 255, 0.65), 0 0 14px rgba(0, 128, 255, 0.25), inset 0 0 9px rgba(0, 207, 255, 0.07); } .m-forms-page .standard-input::placeholder { color: #789fb6; } /* disabled input */ .m-forms-page .standard-input:disabled { color: #7394a8 !important; background: linear-gradient( 180deg, #0a1d2d, #07131f ) !important; opacity: 0.7; } /* ========================================= AMOUNT QUICK BUTTONS ========================================= */ .standard-amount-btn-container { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } .standard-amount-btn-container .amount-btn { flex: 1; min-width: 55px; min-height: 34px; color: #bdefff; font-size: 12px; font-weight: 600; border-radius: 7px; border: 1px solid rgba(0, 207, 255, 0.30); background: linear-gradient( 180deg, rgba(8, 38, 68, 0.98), rgba(3, 16, 32, 0.98) ); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.28), inset 0 0 7px rgba(0, 195, 255, 0.04); transition: all 0.2s ease; } .standard-amount-btn-container .amount-btn:hover, .standard-amount-btn-container .amount-btn.active { color: #ffffff; border-color: #58e9ff; background: linear-gradient( 145deg, #0079d8, #00bfff ); box-shadow: 0 0 6px rgba(0, 220, 255, 0.65), 0 0 12px rgba(0, 128, 255, 0.25); text-shadow: 0 0 4px rgba(0, 220, 255, 0.75); } /* ========================================= SELECT / DROPDOWN ========================================= */ .m-forms-page .standard-select { color: #dffaff !important; background: linear-gradient( 180deg, rgba(8, 35, 63, 0.98), rgba(3, 16, 31, 0.98) ) !important; border: 1px solid rgba(0, 207, 255, 0.30); border-radius: 8px; box-shadow: inset 0 0 7px rgba(0, 195, 255, 0.04); transition: all 0.2s ease; } .m-forms-page .standard-select:hover { border-color: #54e7ff; box-shadow: 0 0 6px rgba(0, 207, 255, 0.32); } .m-forms-page .standard-select-arrow { border-top-color: #56e8ff !important; } /* dropdown */ .m-forms-page .standard-select-dropdown { background: #051629 !important; border: 1px solid rgba(0, 207, 255, 0.35); border-radius: 8px; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.50), 0 0 10px rgba(0, 195, 255, 0.15); overflow: hidden; } .m-forms-page .standard-select-options { color: #9ec8da; padding: 9px 12px; border-bottom: 1px solid rgba(0, 207, 255, 0.07); } .m-forms-page .standard-select-options:hover, .m-forms-page .standard-select-options.active { color: #ffffff; background: linear-gradient( 90deg, rgba(0, 128, 255, 0.25), rgba(0, 207, 255, 0.10) ); text-shadow: 0 0 4px rgba(0, 207, 255, 0.50); } /* ========================================= WALLET BALANCE ========================================= */ .m-forms-page .input-group-addon { color: #5be8ff !important; background: transparent !important; border: 0 !important; font-weight: 700; text-shadow: 0 0 5px rgba(0, 207, 255, 0.50); } /* ========================================= REFRESH ICON ========================================= */ .m-forms-page .mobile-beta-refresh { filter: drop-shadow(0 0 3px rgba(0, 207, 255, 0.65)); cursor: pointer; } /* ========================================= DATE TIME PICKER ========================================= */ .m-forms-page .k-datetimepicker, .m-forms-page .k-picker-wrap { background: linear-gradient( 180deg, rgba(8, 35, 62, 0.98), rgba(3, 15, 30, 0.98) ) !important; border: 1px solid rgba(0, 207, 255, 0.30) !important; border-radius: 8px !important; box-shadow: inset 0 0 7px rgba(0, 195, 255, 0.04); } .m-forms-page .k-datetimepicker input { color: #ffffff !important; background: transparent !important; } .m-forms-page .k-select { border-left: 1px solid rgba(0, 207, 255, 0.18) !important; } /* ========================================= UPLOAD RECEIPT ========================================= */ .m-forms-page .upload-receipt-btn { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; min-height: 44px; color: #dffaff; background: linear-gradient( 180deg, rgba(7, 40, 72, 0.98), rgba(3, 17, 33, 0.98) ); border: 1px dashed rgba(0, 207, 255, 0.50); border-radius: 9px; box-shadow: inset 0 0 9px rgba(0, 195, 255, 0.05); transition: all 0.25s ease; } .m-forms-page .upload-receipt-btn:hover { border-color: #65edff; background: linear-gradient( 180deg, rgba(0, 107, 190, 0.30), rgba(3, 22, 42, 0.98) ); box-shadow: 0 0 8px rgba(0, 213, 255, 0.38); } .m-forms-page .upload-receipt-btn svg { width: 23px; height: 23px; } .m-forms-page .upload-receipt-btn svg path { fill: #52e5ff !important; } /* ========================================= RECEIPT IMAGE ========================================= */ .m-forms-page .receipt-image-box { padding: 6px; border: 1px solid rgba(0, 207, 255, 0.30); border-radius: 8px; background: rgba(0, 128, 255, 0.04); box-shadow: 0 0 7px rgba(0, 195, 255, 0.12); } /* ========================================= PROMOTION / PACKAGE ========================================= */ .m-forms-page .promotion-list-container { margin-top: 12px; border: 1px solid rgba(0, 207, 255, 0.22); border-radius: 9px; background: linear-gradient( 180deg, rgba(8, 31, 57, 0.96), rgba(3, 14, 28, 0.98) ); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); } .m-forms-page .promotion-list-container .show-more { display: flex; align-items: center; padding: 10px 12px; color: #c7efff; cursor: pointer; } .m-forms-page .promotion-list-container .show-more svg { width: 8px; margin-right: 8px; } .m-forms-page .promotion-list-container .show-more svg path { fill: #55e7ff; } /* ========================================= ERROR ========================================= */ .m-forms-page .standard-error-validation { margin-top: 4px; color: #ff7088 !important; font-size: 11px; } /* ========================================= SUBMIT BUTTON ========================================= */ .m-forms-page .depositsub-button { width: 100%; min-height: 44px; color: #ffffff !important; font-size: 14px; font-weight: 800; text-transform: uppercase; border-radius: 9px; border: 1px solid #75efff !important; background: linear-gradient( 135deg, #006bff 0%, #00bfff 50%, #35e5ff 100% ) !important; box-shadow: 0 0 7px rgba(0, 207, 255, 0.75), 0 0 17px rgba(0, 128, 255, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.30); text-shadow: 0 1px 2px rgba(0, 25, 65, 0.8); transition: all 0.25s ease; } .m-forms-page .depositsub-button:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 0 10px rgba(0, 229, 255, 1), 0 0 24px rgba(0, 128, 255, 0.52); } /* disabled */ .m-forms-page .depositsub-button:disabled { color: #6e93a8 !important; background: linear-gradient( 180deg, #102b42, #071624 ) !important; border-color: #29495d !important; box-shadow: none !important; opacity: 0.65; } /* ========================================= BANK LIST ========================================= */ .m-forms-page .bank-list { margin-top: 8px; } /* any generated bank card */ .m-forms-page .bank-list > * { border-radius: 9px; border: 1px solid rgba(0, 207, 255, 0.22); background: linear-gradient( 180deg, rgba(8, 34, 61, 0.98), rgba(3, 15, 30, 0.98) ); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 195, 255, 0.08); } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { .m-forms-page { padding: 9px; } .m-transaction-form { padding: 11px; border-radius: 11px; } .standard-amount-btn-container { gap: 5px; } .standard-amount-btn-container .amount-btn { min-width: 48px; min-height: 32px; font-size: 11px; } .m-forms-page .standard-input { font-size: 12px; } .m-forms-page .depositsub-button { min-height: 42px; } } .k-picker-wrap.k-state-default>.k-select{ filter: brightness(1) invert(1)!important; } /* ===================================================== STRONG OVERRIDE - PROVIDER BUTTON BLUE NEON PLACE THIS AFTER ALL ORIGINAL CSS ===================================================== */ html body .swiper-wrapper .swiper-slide .button-style-1, html body .gamelogo-scroll-menu .swiper-wrapper .swiper-slide .button-style-1, html body .swiper .swiper-wrapper .swiper-slide .button-style-1 { background: linear-gradient( to bottom, #58edff 0%, #0b9be8 30%, #0562b5 62%, #031b3c 100% ) !important; color: #ffffff !important; border: 1px solid #45dfff !important; box-shadow: inset -1px 0 8px rgba(0, 207, 255, 0.45), inset 0 1px 3px rgba(255, 255, 255, 0.30), 0 0 6px rgba(0, 207, 255, 0.55), 0 0 12px rgba(0, 128, 255, 0.25) !important; border-radius: 10px !important; transition: all 0.25s ease !important; } /* ========================================= ACTIVE PROVIDER ========================================= */ html body .swiper-wrapper .swiper-slide-active .button-style-1, html body .gamelogo-scroll-menu .swiper-wrapper .swiper-slide-active .button-style-1 { background: linear-gradient( to bottom, #9bf7ff 0%, #19d9ff 25%, #008be8 58%, #04346b 100% ) !important; color: #ffffff !important; border: 1px solid #b7fbff !important; box-shadow: inset 0 0 10px rgba(0, 229, 255, 0.40), inset 0 1px 4px rgba(255, 255, 255, 0.40), 0 0 7px #00d9ff, 0 0 15px rgba(0, 153, 255, 0.65), 0 0 25px rgba(0, 102, 255, 0.30) !important; } /* ========================================= HOVER ========================================= */ html body .swiper-wrapper .swiper-slide .button-style-1:hover, html body .gamelogo-scroll-menu .swiper-wrapper .swiper-slide .button-style-1:hover { background: linear-gradient( to bottom, #9af8ff 0%, #22dcff 30%, #0088df 62%, #042d5d 100% ) !important; color: #ffffff !important; border-color: #a9f8ff !important; box-shadow: inset 0 0 10px rgba(0, 225, 255, 0.35), 0 0 8px rgba(0, 225, 255, 0.85), 0 0 18px rgba(0, 128, 255, 0.45) !important; } /* ========================================= EXTRA OVERRIDE FOR EXISTING GLOBAL RULE ========================================= */ html body .button-style-2.is-active, html body .button-style-2, html body .button-filter, html body .button-style-1 { background: linear-gradient( to bottom, #50ebff 0%, #0c9ee9 35%, #075fae 65%, #031b3a 100% ) !important; color: #ffffff !important; border-color: rgba(85, 232, 255, 0.75) !important; box-shadow: inset -1px 0 8px rgba(0, 207, 255, 0.40), 0 0 6px rgba(0, 207, 255, 0.40) !important; } /* ========================================= RE-APPLY ACTIVE AFTER GLOBAL OVERRIDE ========================================= */ html body .swiper-wrapper .swiper-slide-active .button-style-1 { background: linear-gradient( to bottom, #a5faff 0%, #27e2ff 25%, #008ee8 58%, #04366f 100% ) !important; border-color: #c6fcff !important; box-shadow: inset 0 0 12px rgba(0, 229, 255, 0.42), 0 0 8px #00dcff, 0 0 18px rgba(0, 140, 255, 0.60) !important; } .home-jackpot-content.myr { position: absolute !important; left: 50% !important; transform: translateX(-70%) !important; width: 100% !important; text-align: center !important; /* adjust vertical position here */ top: 64% !important; } .home-jackpot-content.myr .home-jackpot-running { width: 100%; text-align: center !important; white-space: nowrap; margin: 0 auto; } .home-jackpot-content.myr #jackpot_currency { display: inline; } /* ========================================= PROMOTION PAGE - COLOR ONLY OVERRIDE NO SIZE / WIDTH / LAYOUT CHANGES ========================================= */ #promotionsPage.theme1 { color: #ffffff; background: radial-gradient(circle at 15% 10%, rgba(0, 210, 255, 0.10), transparent 30%), radial-gradient(circle at 85% 85%, rgba(0, 90, 255, 0.14), transparent 36%), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ) !important; } /* ========================================= FILTER AREA ========================================= */ #promotionsPage .filtering-container { background: linear-gradient( 180deg, #08203b 0%, #03101f 100% ) !important; border-color: rgba(0, 207, 255, 0.28) !important; box-shadow: 0 0 10px rgba(0, 195, 255, 0.10), inset 0 0 10px rgba(0, 174, 255, 0.04) !important; } /* normal tabs */ #promotionsPage .history_nav.tabs li a { color: #9cc9dc !important; background: linear-gradient( 180deg, #092745 0%, #041526 100% ) !important; border-color: rgba(0, 207, 255, 0.25) !important; box-shadow: inset 0 0 7px rgba(0, 195, 255, 0.05) !important; } /* active tab */ #promotionsPage .history_nav.tabs li.active a, #promotionsPage .history_nav.tabs li a.on { color: #ffffff !important; background: linear-gradient( 135deg, #005fc4 0%, #00aeea 48%, #27dfff 100% ) !important; border-color: #67edff !important; box-shadow: 0 0 6px rgba(0, 220, 255, 0.75), 0 0 14px rgba(0, 128, 255, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.28) !important; text-shadow: 0 0 5px rgba(0, 220, 255, 0.75); } /* ========================================= PROMOTION CARD ========================================= */ #promotionsPage .promotions_item { background: linear-gradient( 180deg, #08213d 0%, #041426 100% ) !important; border-color: rgba(0, 207, 255, 0.30) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 8px rgba(0, 195, 255, 0.12), inset 0 0 10px rgba(0, 174, 255, 0.03) !important; } #promotionsPage .promotions_item:hover { border-color: #4ee8ff !important; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.40), 0 0 8px rgba(0, 220, 255, 0.55), 0 0 18px rgba(0, 128, 255, 0.22) !important; } /* ========================================= BOTTOM INFORMATION AREA ========================================= */ #promotionsPage .promotitembottom { background: linear-gradient( 180deg, #071d35 0%, #03111f 100% ) !important; border-color: rgba(0, 207, 255, 0.18) !important; } /* promo title */ #promotionsPage .promotitembottom .p1 { color: #70eaff !important; text-shadow: 0 0 4px rgba(0, 220, 255, 0.55), 0 0 9px rgba(0, 128, 255, 0.30) !important; } /* promo description */ #promotionsPage .promotitembottom .p2 { color: #9bbdcd !important; } /* ========================================= DETAILS BUTTON ========================================= */ #promotionsPage .btn-blue-promo { color: #dffaff !important; background: linear-gradient( 180deg, #0c3c68 0%, #061d37 100% ) !important; border-color: rgba(0, 207, 255, 0.55) !important; box-shadow: inset 0 0 8px rgba(0, 195, 255, 0.10), 0 0 5px rgba(0, 195, 255, 0.20) !important; text-shadow: 0 0 4px rgba(0, 207, 255, 0.45); } #promotionsPage .btn-blue-promo:hover { color: #ffffff !important; background: linear-gradient( 180deg, #0969b1 0%, #07365f 100% ) !important; border-color: #6fefff !important; box-shadow: 0 0 7px rgba(0, 220, 255, 0.65), 0 0 14px rgba(0, 128, 255, 0.25) !important; } /* ========================================= APPLY NOW ========================================= */ #promotionsPage .btn-red-promo { color: #ffffff !important; background: linear-gradient( 135deg, #005be8 0%, #00afe8 48%, #44e5ff 100% ) !important; border-color: #75efff !important; box-shadow: 0 0 6px rgba(0, 207, 255, 0.65), 0 0 13px rgba(0, 128, 255, 0.30), inset 0 1px 2px rgba(255, 255, 255, 0.30) !important; text-shadow: 0 1px 2px rgba(0, 30, 70, 0.75); } #promotionsPage .btn-red-promo:hover { background: linear-gradient( 135deg, #0087f0 0%, #22d9ff 50%, #8af6ff 100% ) !important; border-color: #b8fbff !important; box-shadow: 0 0 9px rgba(0, 229, 255, 0.90), 0 0 20px rgba(0, 128, 255, 0.42) !important; } /* ========================================================= PROMOTION DETAIL BLUE NEON / GALAXY COLOR-ONLY STRONG OVERRIDE NO WIDTH / SIZE / STRUCTURE CHANGES ========================================================= */ /* MAIN PAGE */ html body #pagePromotionsDetail { color: #eafcff !important; background: radial-gradient( circle at 20% 10%, rgba(0, 207, 255, 0.12), transparent 32% ), radial-gradient( circle at 85% 75%, rgba(0, 89, 255, 0.16), transparent 38% ), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ) !important; } /* ========================================================= TOP TITLE BAR ========================================================= */ html body #pagePromotionsDetail .pDetailTitle { color: #ffffff !important; background: linear-gradient( 180deg, #092846 0%, #041426 100% ) !important; border-bottom: 1px solid rgba(0, 213, 255, 0.55) !important; box-shadow: 0 3px 12px rgba(0, 174, 255, 0.20) !important; } html body #pagePromotionsDetail .pDetailTitle .titleText, html body #pagePromotionsDetail .pDetailTitle .titleText span { color: #ffffff !important; text-shadow: 0 0 5px #00d9ff, 0 0 12px rgba(0, 128, 255, 0.55) !important; } /* close icon */ html body #pagePromotionsDetail .icon_language_close { filter: brightness(1.4) drop-shadow(0 0 4px #00d9ff) !important; } /* ========================================================= PROMO CONTENT BACKGROUND ========================================================= */ html body #pagePromotionsDetail .promodetailContent, html body #pagePromotionsDetail .promodetail_textbox { color: #dff8ff !important; background: linear-gradient( 180deg, rgba(5, 23, 45, 0.98), rgba(2, 10, 23, 0.99) ) !important; } /* ========================================================= PROMO MAIN TITLE ========================================================= */ html body #pagePromotionsDetail .p_title, html body #pagePromotionsDetail #promo-title { color: #64e9ff !important; text-shadow: 0 0 4px rgba(0, 220, 255, 0.85), 0 0 10px rgba(0, 153, 255, 0.55) !important; } html body #pagePromotionsDetail #promo-description { color: #a8cad9 !important; } /* ========================================================= MAIN PROMO CARD Existing .card size/padding remains untouched ========================================================= */ html body #pagePromotionsDetail .card { background: radial-gradient( ellipse at 50% 0%, rgba(0, 180, 255, 0.18), transparent 52% ), linear-gradient( 160deg, #0a2a4c 0%, #06172e 48%, #020916 100% ) !important; border-color: rgba(54, 218, 255, 0.55) !important; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55), 0 0 14px rgba(0, 207, 255, 0.18), inset 0 1px 0 rgba(135, 239, 255, 0.20), inset 0 0 22px rgba(0, 128, 255, 0.05) !important; } /* moving shine remains, only recolor */ html body #pagePromotionsDetail .card::before { background: linear-gradient( 90deg, transparent, rgba(72, 229, 255, 0.04), rgba(176, 248, 255, 0.30), rgba(72, 229, 255, 0.04), transparent ) !important; } /* ========================================================= MAIN TITLE ========================================================= */ html body #pagePromotionsDetail .title { color: #ffffff !important; text-shadow: 0 0 4px rgba(255,255,255,.45), 0 0 8px rgba(0,220,255,.65), 0 0 16px rgba(0,128,255,.30) !important; } /* GOLD HIGHLIGHT -> CYAN NEON */ html body #pagePromotionsDetail .goldtext, html body #pagePromotionsDetail .gold, html body #pagePromotionsDetail .centerGold, html body #pagePromotionsDetail .myr { color: #64ecff !important; -webkit-text-stroke: 0 !important; text-shadow: 0 0 4px rgba(0, 225, 255, 0.90), 0 0 10px rgba(0, 153, 255, 0.55) !important; } /* ========================================================= CLAIM RULES ========================================================= */ html body #pagePromotionsDetail .rules, html body #pagePromotionsDetail .centerWhiteBold { color: #effcff !important; text-shadow: 0 1px 2px rgba(0,0,0,.8), 0 0 5px rgba(0,207,255,.18) !important; } html body #pagePromotionsDetail .rule { color: #dff9ff !important; background: linear-gradient( 90deg, rgba(0, 119, 205, 0.15), rgba(4, 19, 37, 0.78) ) !important; border-color: rgba(0, 207, 255, 0.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 3px 10px rgba(0,0,0,.25) !important; } /* ========================================================= STATUS / TERMS CARD ========================================================= */ html body #pagePromotionsDetail .tc-card { background: linear-gradient( 165deg, #0b3259 0%, #071b36 55%, #031023 100% ) !important; border-color: rgba(71, 225, 255, 0.60) !important; box-shadow: 0 0 12px rgba(0, 207, 255, 0.28), 0 12px 25px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08) !important; } /* terms card heading */ html body #pagePromotionsDetail .tc-head { color: #ffffff !important; background: linear-gradient( 90deg, #06264a, #0877b4, #06264a ) !important; border-bottom-color: rgba(83, 232, 255, 0.45) !important; text-shadow: 0 0 5px rgba(0, 220, 255, 0.75) !important; } /* rows */ html body #pagePromotionsDetail .tc-row { color: #ffffff !important; border-bottom-color: rgba(71, 207, 255, 0.22) !important; } html body #pagePromotionsDetail .tc-row::before { background: linear-gradient( 90deg, rgba(0, 124, 204, 0.18), rgba(3, 22, 41, 0.30) ) !important; border-color: rgba(0, 207, 255, 0.12) !important; } html body #pagePromotionsDetail .tc-text { color: #f1fcff !important; text-shadow: 0 1px 2px rgba(0,0,0,.70) !important; } /* ========================================================= STATUS ICONS ========================================================= */ html body #pagePromotionsDetail .pirate-status { border-color: rgba(122, 239, 255, 0.85) !important; box-shadow: inset 0 1px 4px rgba(255,255,255,.35), 0 0 10px rgba(0,207,255,.30) !important; } html body #pagePromotionsDetail .status-pirate { background: linear-gradient( 145deg, #12bce9, #07518b ) !important; border-color: rgba(167, 247, 255, 0.90) !important; box-shadow: 0 0 8px rgba(0, 220, 255, 0.45) !important; } /* ========================================================= DIVIDER ========================================================= */ html body #pagePromotionsDetail .ocean-line { background: linear-gradient( 90deg, transparent, #0879d5, #59eaff, #ffffff, #59eaff, #0879d5, transparent ) !important; box-shadow: 0 0 8px rgba(0, 213, 255, 0.50) !important; } /* ========================================================= VIEW TERMS BUTTON ========================================================= */ html body #pagePromotionsDetail .terms-button { color: #ffffff !important; background: linear-gradient( 100deg, #06305d 0%, #087dbb 50%, #05284e 100% ) !important; border-color: rgba(95, 235, 255, 0.70) !important; box-shadow: 0 4px 14px rgba(0,0,0,.40), 0 0 8px rgba(0,207,255,.25) !important; text-shadow: 0 0 5px rgba(0,207,255,.55) !important; } /* VIEW / HIDE */ html body #pagePromotionsDetail .view-button, html body #pagePromotionsDetail .hide-button { color: #ffffff !important; background: linear-gradient( 135deg, #0077d7, #00bfe9 ) !important; border-color: #72eeff !important; box-shadow: 0 0 6px rgba(0,207,255,.45) !important; } /* ========================================================= EXPANDED TERMS CONTENT ========================================================= */ html body #pagePromotionsDetail .terms-content { color: #eafaff !important; background: linear-gradient( 180deg, #0b2d50 0%, #071b35 55%, #031023 100% ) !important; border-color: rgba(75, 221, 255, 0.62) !important; box-shadow: 0 8px 22px rgba(0,0,0,.50), 0 0 12px rgba(0,207,255,.20), inset 0 0 20px rgba(0,128,255,.05) !important; } /* animated border */ html body #pagePromotionsDetail .terms-content::before { background: linear-gradient( 90deg, #008cff, #50eaff, #ffffff, #00cfff, #0878e8, #008cff ) !important; background-size: 300% 100% !important; } /* term rows */ html body #pagePromotionsDetail .term-rule { color: #eefcff !important; border-bottom-color: rgba(66, 210, 255, 0.20) !important; text-shadow: 0 1px 2px rgba(0,0,0,.70) !important; } html body #pagePromotionsDetail .term-rule:hover { background: rgba(0, 148, 220, 0.12) !important; } /* term icons */ html body #pagePromotionsDetail .pirate-icon { background: linear-gradient( 145deg, #0f5e99, #062143 ) !important; border-color: #67e8ff !important; box-shadow: inset 0 0 6px rgba(255,255,255,.15), 0 0 9px rgba(0,207,255,.40) !important; } /* sparkles */ html body #pagePromotionsDetail .term-spark, html body #pagePromotionsDetail .spark { color: #6ceeff !important; text-shadow: 0 0 5px #ffffff, 0 0 12px #00d9ff, 0 0 20px rgba(0,128,255,.55) !important; } /* ========================================================= GENERAL TERMS BOX ========================================================= */ html body #pagePromotionsDetail .box { color: #eafaff !important; background: linear-gradient( 180deg, rgba(5, 29, 54, 0.92), rgba(2, 14, 28, 0.96) ) !important; border-color: rgba(0, 207, 255, 0.34) !important; box-shadow: inset 0 0 14px rgba(0,207,255,.04), 0 5px 14px rgba(0,0,0,.30) !important; text-shadow: 0 1px 2px rgba(0,0,0,.75) !important; } /* ========================================================= WATER / WAVE COLORS ========================================================= */ html body #pagePromotionsDetail .wave-back, html body #pagePromotionsDetail .tc-water-back, html body #pagePromotionsDetail .view-wave-back { background: rgba(59, 205, 255, 0.32) !important; } html body #pagePromotionsDetail .wave-front, html body #pagePromotionsDetail .tc-water-front, html body #pagePromotionsDetail .view-wave-front { background: rgba(0, 91, 210, 0.42) !important; } html body #pagePromotionsDetail .wave-foam { background: linear-gradient( 90deg, transparent, rgba(97, 235, 255, 0.85), transparent, rgba(255,255,255,.60), transparent ) !important; } /* ========================================================= APPLY NOW BUTTON ========================================================= */ html body #pagePromotionsDetail .btn-red-promo { color: #ffffff !important; background: linear-gradient( 135deg, #005be8 0%, #00aeea 48%, #45e6ff 100% ) !important; border-color: #79efff !important; box-shadow: 0 0 7px rgba(0, 207, 255, 0.65), 0 0 16px rgba(0, 128, 255, 0.32), inset 0 1px 2px rgba(255,255,255,.30) !important; text-shadow: 0 1px 2px rgba(0,25,65,.75) !important; } html body #pagePromotionsDetail .btn-red-promo:hover { background: linear-gradient( 135deg, #0088f5, #22d9ff, #8af6ff ) !important; box-shadow: 0 0 10px rgba(0,229,255,.90), 0 0 22px rgba(0,128,255,.42) !important; }html body .modal-backdrop, html body .modal-backdrop.fade, html body .modal-backdrop.in, html body .modal-backdrop.show { position: fixed !important; inset: 0 !important; z-index: -2 !important; } .owl-carousel { z-index: 0!important; } html body .modal { position: fixed !important; z-index: 1050 !important; } html body #lottoPayoutModalDialog { position: fixed !important; inset: 0 !important; z-index: 1055 !important; } html body #lottoPayoutModalDialog .modal-dialog { position: relative !important; z-index: 1 !important; } html body #lottoPayoutModalDialog .modal-content { position: relative !important; z-index: 2 !important; } html body.modal-open .ui-page-active, html body.modal-open .ui-page, html body.modal-open [data-role="page"] { transform: none !important; -webkit-transform: none !important; filter: none !important; -webkit-filter: none !important; perspective: none !important; isolation: auto !important; z-index: auto !important; } /* ========================================= LOTTO ACTION AREA ========================================= */ .lotto-bet-btn { border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important; } /* BET NOW */ .lotto-bet-btn .btn-common { display: inline-flex; align-items: center; justify-content: center; min-width: 110px; min-height: 38px; padding: 0 18px; color: #fff !important; font-size: 12px; font-weight: 800; text-decoration: none !important; border-radius: 8px; border: 1px solid #79efff !important; background: linear-gradient( 135deg, #0062e8 0%, #00afea 48%, #43e4ff 100% ) !important; box-shadow: 0 0 6px rgba(0,207,255,.65), 0 0 14px rgba(0,128,255,.30), inset 0 1px 2px rgba(255,255,255,.30) !important; text-shadow: 0 1px 2px rgba(0,30,70,.8); transition: all .25s ease; } .lotto-bet-btn .btn-common:hover { background: linear-gradient( 135deg, #008cff, #20d9ff, #8af6ff ) !important; box-shadow: 0 0 9px rgba(0,229,255,.9), 0 0 20px rgba(0,128,255,.42) !important; } /* ========================================= RULES / PAYOUT LINKS ========================================= */ .lotto-rules, .lotto-payout { display: inline-block; } .lotto-rules a, .lotto-payout a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 13px; color: #bcefff !important; font-size: 11px; font-weight: 600; text-decoration: none !important; border-radius: 7px; border: 1px solid rgba(0,207,255,.38); background: linear-gradient( 180deg, rgba(9,43,75,.96), rgba(3,18,35,.98) ); box-shadow: inset 0 0 7px rgba(0,195,255,.05), 0 0 5px rgba(0,195,255,.12); transition: all .25s ease; } .lotto-rules a:hover, .lotto-payout a:hover { color: #fff !important; border-color: #68edff; background: linear-gradient( 180deg, #0a568f, #062b50 ); box-shadow: 0 0 7px rgba(0,220,255,.60), 0 0 14px rgba(0,128,255,.22); text-shadow: 0 0 5px rgba(0,207,255,.65); } /* ========================================= RULES MODAL ========================================= */ html body #lottoRulesModalDialog { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1055 !important; overflow-x: hidden !important; overflow-y: auto !important; filter: none !important; isolation: auto !important; } /* dialog */ html body #lottoRulesModalDialog .modal-dialog { position: relative !important; z-index: 1 !important; } /* content */ html body #lottoRulesModalDialog .modal-content { position: relative !important; z-index: 2 !important; color: #eafaff !important; background: radial-gradient( circle at 20% 0%, rgba(0,207,255,.10), transparent 35% ), linear-gradient( 160deg, #092846 0%, #05172d 50%, #020b18 100% ) !important; border: 1px solid rgba(75,225,255,.65) !important; border-radius: 12px !important; box-shadow: 0 0 10px rgba(0,220,255,.50), 0 0 24px rgba(0,128,255,.25), 0 15px 35px rgba(0,0,0,.65) !important; } /* ========================================= MODAL HEADER ========================================= */ html body #lottoRulesModalDialog .modal-header { color: #fff !important; background: linear-gradient( 180deg, #0a3158, #05172b ) !important; border-bottom: 1px solid rgba(0,207,255,.35) !important; } html body #lottoRulesModalDialog .modal-title { color: #fff !important; text-shadow: 0 0 5px rgba(0,220,255,.8), 0 0 12px rgba(0,128,255,.45); } /* close */ html body #lottoRulesModalDialog .btn-close { filter: invert(1) brightness(1.4) drop-shadow(0 0 3px #00d9ff) !important; } /* ========================================= PAYOUT TABLE MODAL - BLUE NEON THEME COLOR / STYLE ONLY ========================================= */ /* modal shell */ #lottoPayoutModalDialog .modal-content { color: #eafcff !important; background: radial-gradient( circle at 15% 0%, rgba(0, 207, 255, 0.10), transparent 30% ), linear-gradient( 160deg, #082744 0%, #05172d 52%, #020b18 100% ) !important; border: 1px solid rgba(74, 226, 255, 0.65) !important; box-shadow: 0 0 10px rgba(0, 220, 255, 0.45), 0 0 25px rgba(0, 128, 255, 0.24), 0 15px 35px rgba(0, 0, 0, 0.65) !important; } /* ========================================= HEADER ========================================= */ #lottoPayoutModalDialog .modal-header { color: #ffffff !important; background: linear-gradient( 180deg, #0b3158 0%, #05172b 100% ) !important; border-bottom: 1px solid rgba(0, 207, 255, 0.38) !important; } #lottoPayoutModalDialog .modal-title, #lottoPayoutModalDialog .modal-title strong { color: #ffffff !important; text-shadow: 0 0 5px rgba(0, 220, 255, 0.85), 0 0 12px rgba(0, 128, 255, 0.45); } /* close button */ #lottoPayoutModalDialog .btn-close { filter: invert(1) brightness(1.5) drop-shadow(0 0 3px #00d9ff) !important; } /* ========================================= BODY ========================================= */ #lottoPayoutModalDialog .modal-body { color: #ccecf7 !important; background: linear-gradient( 180deg, rgba(5, 25, 46, 0.98), rgba(2, 12, 25, 0.99) ) !important; } /* ========================================= LOTTERY LOGOS ========================================= */ #lottoPayoutModalDialog .promo-tnc-content img { filter: brightness(1.08) drop-shadow(0 0 4px rgba(0, 207, 255, 0.22)); } /* ========================================= SECTION TITLES ========================================= */ #lottoPayoutModalDialog .promo-tnc-content h4 { color: #6eeeff !important; font-weight: 800; text-shadow: 0 0 4px rgba(0, 220, 255, 0.75), 0 0 10px rgba(0, 128, 255, 0.35); border-bottom: 1px solid rgba(0, 207, 255, 0.22); padding-bottom: 6px; } /* ========================================= TABLE BASE ========================================= */ #lottoPayoutModalDialog .table { color: #dff9ff !important; background: linear-gradient( 180deg, rgba(7, 31, 56, 0.96), rgba(3, 15, 30, 0.98) ) !important; border-color: rgba(0, 207, 255, 0.20) !important; } /* all cells */ #lottoPayoutModalDialog .table th, #lottoPayoutModalDialog .table td { color: #dff9ff !important; background: rgba(4, 20, 37, 0.92) !important; border-color: rgba(0, 207, 255, 0.16) !important; } /* ========================================= TABLE HEADER ========================================= */ #lottoPayoutModalDialog .table .table-dark th, #lottoPayoutModalDialog .table-dark th { color: #ffffff !important; background: linear-gradient( 180deg, #0879bd 0%, #07528f 48%, #052c55 100% ) !important; border-color: rgba(96, 236, 255, 0.42) !important; text-shadow: 0 0 4px rgba(0, 220, 255, 0.65); } /* ========================================= FIRST COLUMN / PRIZE NAME ========================================= */ #lottoPayoutModalDialog .table td:first-child { color: #8fefff !important; font-weight: 700; background: linear-gradient( 90deg, rgba(0, 133, 220, 0.16), rgba(4, 20, 37, 0.92) ) !important; } /* ========================================= NUMBERS ========================================= */ #lottoPayoutModalDialog .table td:not(:first-child) { color: #ffffff !important; text-shadow: 0 0 3px rgba(0, 207, 255, 0.18); } /* ========================================= ROW HOVER ========================================= */ #lottoPayoutModalDialog .table tbody tr:hover td { background: rgba(0, 134, 220, 0.14) !important; color: #ffffff !important; } /* ========================================= EMPTY CELLS ========================================= */ #lottoPayoutModalDialog .table td:empty { background: rgba(3, 14, 27, 0.85) !important; } /* ========================================= TABLE BORDER GLOW ========================================= */ #lottoPayoutModalDialog .table { box-shadow: 0 0 7px rgba(0, 207, 255, 0.12), inset 0 0 8px rgba(0, 174, 255, 0.03) !important; } /* ========================================================= MOBILE WALLET SECTION - COLOR ONLY DARK GALAXY + ELECTRIC BLUE NEON ========================================================= */ .mobile-wallet-section.mycredit-menu { color: #eafcff !important; background: radial-gradient( circle at 20% 10%, rgba(0, 207, 255, 0.10), transparent 32% ), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ) !important; border-color: rgba(0, 207, 255, 0.25) !important; box-shadow: 0 0 10px rgba(0, 195, 255, 0.10), inset 0 0 12px rgba(0, 174, 255, 0.04) !important; } /* ========================================= WALLET INFO ========================================= */ .mobile-wallet-section.mycredit-menu .wallet-info { background: linear-gradient( 180deg, rgba(6, 28, 52, 0.98), rgba(2, 12, 26, 0.99) ) !important; border-color: rgba(0, 207, 255, 0.22) !important; box-shadow: inset 0 0 10px rgba(0, 195, 255, 0.04), 0 0 8px rgba(0, 174, 255, 0.08) !important; } /* ========================================= TOP CONTENT ========================================= */ .mobile-wallet-section.mycredit-menu .top-content { background: linear-gradient( 180deg, rgba(7, 31, 57, 0.98), rgba(3, 14, 28, 0.99) ) !important; border-color: rgba(0, 207, 255, 0.28) !important; box-shadow: 0 0 8px rgba(0, 207, 255, 0.12), inset 0 0 10px rgba(0, 174, 255, 0.04) !important; } /* ========================================= MEMBER WALLET ========================================= */ .mobile-wallet-section.mycredit-menu .member-wallet { background: linear-gradient( 145deg, #092846 0%, #041426 100% ) !important; border-color: rgba(0, 207, 255, 0.28) !important; box-shadow: inset 0 0 9px rgba(0, 195, 255, 0.05), 0 0 6px rgba(0, 174, 255, 0.08) !important; } /* Balance title */ .mobile-wallet-section.mycredit-menu .wallet-header .title { color: #8cbfd3 !important; text-shadow: 0 0 4px rgba(0, 207, 255, 0.25) !important; } /* MYR */ .mobile-wallet-section.mycredit-menu .currency-label { color: #55e9ff !important; text-shadow: 0 0 5px rgba(0, 207, 255, 0.55) !important; } /* ========================================= EYE / REFRESH ========================================= */ .mobile-wallet-section.mycredit-menu .eye-icon { filter: brightness(1.4) drop-shadow(0 0 4px rgba(0, 207, 255, 0.60)) !important; } .mobile-wallet-section.mycredit-menu .mobile-beta-refresh { filter: brightness(0) drop-shadow(0 0 4px rgba(0, 207, 255, 0.65)) !important; } .mobile-wallet-section.mycredit-menu .mobile-beta-refresh path { fill: #43e5ff !important; } /* ========================================= RETRIEVE / TRANSFER ========================================= */ .mobile-wallet-section.mycredit-menu .member-action .action-box { background: linear-gradient( 180deg, #092b4d 0%, #041529 100% ) !important; border-color: rgba(0, 207, 255, 0.28) !important; box-shadow: inset 0 0 8px rgba(0, 195, 255, 0.05), 0 0 6px rgba(0, 174, 255, 0.10) !important; } .mobile-wallet-section.mycredit-menu .member-action .action-box:hover { background: linear-gradient( 180deg, #0a578f 0%, #06294d 100% ) !important; border-color: #5ceaff !important; box-shadow: 0 0 7px rgba(0, 220, 255, 0.60), 0 0 14px rgba(0, 128, 255, 0.22) !important; } /* Labels */ .mobile-wallet-section.mycredit-menu .action-label { color: #b4dbe8 !important; text-shadow: 0 0 4px rgba(0, 207, 255, 0.25) !important; } /* action icon glow */ .mobile-wallet-section.mycredit-menu .action-box .i { background: radial-gradient( circle, rgba(0, 207, 255, 0.20), rgba(0, 102, 255, 0.05) 68%, transparent 72% ) !important; box-shadow: 0 0 6px rgba(0, 207, 255, 0.15) !important; } .mobile-wallet-section.mycredit-menu .action-box .i i { filter: brightness(0) invert(1) !important; } /* ========================================= BOTTOM CONTENT ========================================= */ .mobile-wallet-section.mycredit-menu .bottom-content { background: linear-gradient( 180deg, #061b32 0%, #03101f 100% ) !important; border-color: rgba(0, 207, 255, 0.20) !important; } /* ========================================= BOTTOM MENU Withdrawal / Statement / History / Wallet ========================================= */ .mobile-wallet-section.mycredit-menu .idr_content_bottom { background: linear-gradient( 180deg, rgba(6, 27, 50, 0.98), rgba(2, 12, 25, 0.99) ) !important; border-color: rgba(0, 207, 255, 0.22) !important; box-shadow: inset 0 0 10px rgba(0, 195, 255, 0.04), 0 0 8px rgba(0, 174, 255, 0.08) !important; } .mobile-wallet-section.mycredit-menu .idr_content_bottom li a { color: #abd1e0 !important; background: linear-gradient( 180deg, #08243f 0%, #031323 100% ) !important; border-color: rgba(0, 207, 255, 0.24) !important; box-shadow: inset 0 0 7px rgba(0, 195, 255, 0.04), 0 0 5px rgba(0, 174, 255, 0.08) !important; } .mobile-wallet-section.mycredit-menu .idr_content_bottom li a:hover { color: #ffffff !important; background: linear-gradient( 180deg, #0b568e 0%, #06284a 100% ) !important; border-color: #5deaff !important; box-shadow: 0 0 7px rgba(0, 220, 255, 0.55), 0 0 14px rgba(0, 128, 255, 0.22) !important; } /* text */ .mobile-wallet-section.mycredit-menu .idr_content_bottom li span { color: #a8cfdd !important; text-shadow: 0 0 3px rgba(0, 207, 255, 0.20) !important; } .mobile-wallet-section.mycredit-menu .idr_content_bottom li a:hover span { color: #ffffff !important; text-shadow: 0 0 5px rgba(0, 220, 255, 0.65) !important; } /* icon */ /* ========================================= MORE APPLICATIONS ========================================= */ .mobile-wallet-section.mycredit-menu .show-more { color: #aee3f2 !important; background: linear-gradient( 180deg, #092745 0%, #041426 100% ) !important; border-color: rgba(0, 207, 255, 0.28) !important; box-shadow: inset 0 0 7px rgba(0, 195, 255, 0.04), 0 0 6px rgba(0, 174, 255, 0.08) !important; } .mobile-wallet-section.mycredit-menu .show-more p { color: #bceaf6 !important; text-shadow: 0 0 4px rgba(0, 207, 255, 0.30) !important; } .mobile-wallet-section.mycredit-menu .show-more svg path { fill: #54e8ff !important; } .mobile-wallet-section.mycredit-menu .show-more:hover { background: linear-gradient( 180deg, #0b4e80 0%, #062846 100% ) !important; border-color: #61ebff !important; box-shadow: 0 0 7px rgba(0, 220, 255, 0.55), 0 0 14px rgba(0, 128, 255, 0.18) !important; } [data-page="myaccount"] .icon-language{ background-image: url(./img1830_goldwin/acc_language.png?=v5?v=1) !important; background-size: 100%!important; width: 1.2rem !important; height: 1.2rem !important; } [data-page="myaccount"] .icon-voucher{ background-image: url(./img1830_goldwin/voucher_user.png?=v5?v=1) !important; background-size: 100%!important; width: 1.2rem !important; height: 1.2rem !important; } /* ========================================================= LUCKY SPIN - DARK GALAXY / ELECTRIC BLUE NEON ========================================================= */ #luckyspin_firmcontent { color: #eafcff !important; background: radial-gradient( circle at 20% 10%, rgba(0, 207, 255, 0.10), transparent 32% ), radial-gradient( circle at 85% 80%, rgba(0, 92, 255, 0.14), transparent 36% ), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ) !important; border-color: rgba(0, 207, 255, 0.28) !important; box-shadow: 0 0 10px rgba(0, 195, 255, 0.12), inset 0 0 12px rgba(0, 174, 255, 0.04) !important; } /* ========================================================= LUCKY SPIN GAME ITEM ========================================================= */ #luckyspin_firmcontent .game-item-luckyspin { background: linear-gradient( 180deg, rgba(8, 34, 61, 0.96), rgba(3, 15, 30, 0.98) ) !important; border-color: rgba(0, 207, 255, 0.28) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30), 0 0 7px rgba(0, 195, 255, 0.10), inset 0 0 9px rgba(0, 174, 255, 0.04) !important; } /* ========================================================= BANNER AREA ========================================================= */ #luckyspin_firmcontent .icon_home_logo_bg { background: radial-gradient( circle, rgba(0, 207, 255, 0.12), rgba(0, 92, 255, 0.04) 65%, transparent 75% ) !important; box-shadow: 0 0 9px rgba(0, 207, 255, 0.16) !important; } /* lucky spin image glow only */ #luckyspin_firmcontent .luckyspin_banner { filter: brightness(1.06) saturate(1.05) drop-shadow(0 0 5px rgba(0, 207, 255, 0.35)) !important; } /* ========================================================= PLAY NOW BUTTON ========================================================= */ #luckyspin_firmcontent .spinplaynow-btn { color: #ffffff !important; background: linear-gradient( 135deg, #0064df 0%, #00afea 48%, #45e6ff 100% ) !important; border-color: #79efff !important; box-shadow: 0 0 6px rgba(0, 207, 255, 0.68), 0 0 14px rgba(0, 128, 255, 0.28), inset 0 1px 2px rgba(255,255,255,0.30) !important; text-shadow: 0 1px 2px rgba(0, 30, 70, 0.80) !important; transition: background .25s ease, box-shadow .25s ease, border-color .25s ease; } #luckyspin_firmcontent .spinplaynow-btn span { color: #ffffff !important; font-weight: 800; text-shadow: 0 0 4px rgba(0, 220, 255, 0.55) !important; } #luckyspin_firmcontent .spinplaynow-btn:hover { background: linear-gradient( 135deg, #008af5, #22d9ff, #8af6ff ) !important; border-color: #b8fbff !important; box-shadow: 0 0 9px rgba(0, 229, 255, 0.90), 0 0 20px rgba(0, 128, 255, 0.42) !important; } /* ========================================================= SPIN TICKET AREA ========================================================= */ #luckyspin_firmcontent .lucky-spin_ticket { color: #dff9ff !important; background: linear-gradient( 180deg, rgba(8, 39, 68, 0.96), rgba(3, 17, 32, 0.98) ) !important; border-color: rgba(0, 207, 255, 0.35) !important; box-shadow: 0 0 7px rgba(0, 207, 255, 0.18), inset 0 0 8px rgba(0, 174, 255, 0.04) !important; } /* ticket icon */ #luckyspin_firmcontent .lucky-spin_ticket .i { background: radial-gradient( circle, rgba(0, 207, 255, 0.20), rgba(0, 102, 255, 0.05) 68%, transparent 72% ) !important; } #luckyspin_firmcontent .lucky-spin_ticket .icon-ticket { filter: brightness(1.35) drop-shadow(0 0 4px rgba(0, 207, 255, 0.55)) !important; } /* SPIN TICKET TITLE */ #luckyspin_firmcontent .lucky-spin_ticket .title { color: #65eaff !important; font-weight: 800; text-shadow: 0 0 4px rgba(0, 220, 255, 0.75), 0 0 10px rgba(0, 128, 255, 0.35) !important; } /* ticket count */ #luckyspin_firmcontent .lucky-spin_ticket .tk-count { color: #ffffff !important; font-weight: 900; text-shadow: 0 0 5px rgba(0, 220, 255, 0.85), 0 0 12px rgba(0, 128, 255, 0.45) !important; } /* ========================================================= RULE BOX ========================================================= */ #luckyspin_firmcontent .lucky-spin_rule { background: linear-gradient( 180deg, rgba(6, 28, 51, 0.98), rgba(2, 13, 27, 0.99) ) !important; border-color: rgba(0, 207, 255, 0.25) !important; box-shadow: inset 0 0 10px rgba(0, 195, 255, 0.04), 0 0 7px rgba(0, 174, 255, 0.08) !important; } /* rules wording */ #luckyspin_firmcontent .lucky-spin_rule pre { color: #c8edf7 !important; background: transparent !important; border: 0 !important; text-shadow: 0 0 4px rgba(0, 207, 255, 0.18) !important; } /* highlight MYR amount */ #luckyspin_firmcontent .lucky-spin_rule pre::selection { color: #ffffff; background: #008bd8; } /* ========================================================= BOTTOM NAVBAR - MODERN TECHNOLOGY STYLE CSS ONLY / KEEP EXISTING STRUCTURE ========================================================= */ ul.navbar { position: relative; background: radial-gradient( circle at 50% 0%, rgba(0, 207, 255, 0.10), transparent 55% ), linear-gradient( 180deg, rgba(6, 24, 46, 0.98) 0%, rgba(2, 9, 21, 0.99) 100% ) !important; border-top: 1px solid rgba(70, 226, 255, 0.55) !important; box-shadow: 0 -4px 18px rgba(0, 128, 255, 0.16), 0 -1px 8px rgba(0, 220, 255, 0.30), inset 0 1px 0 rgba(255,255,255,0.05), inset 0 10px 22px rgba(0, 139, 255, 0.04) !important; overflow: visible; } /* glowing technology line */ ul.navbar::before { content: ""; position: absolute; top: 0; left: 5%; right: 5%; height: 1px; pointer-events: none; background: linear-gradient( 90deg, transparent 0%, #007fff 15%, #00d9ff 38%, #c2fbff 50%, #00d9ff 62%, #007fff 85%, transparent 100% ); box-shadow: 0 0 5px #00d9ff, 0 0 12px rgba(0,207,255,.65); animation: bottomNavTechLine 3.5s ease-in-out infinite alternate; } /* ========================================================= EACH NAV BUTTON ========================================================= */ ul.navbar li .botnavbar { position: relative; overflow: hidden; color: #7fa9bd !important; background: linear-gradient( 180deg, rgba(10, 36, 65, 0.72) 0%, rgba(4, 18, 35, 0.78) 52%, rgba(2, 10, 22, 0.88) 100% ) !important; border: 1px solid rgba(0, 207, 255, 0.14) !important; border-radius: 9px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -8px 15px rgba(0, 94, 180, 0.04), 0 2px 6px rgba(0,0,0,.28) !important; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .2s ease, color .25s ease; } /* small upper tech accent */ ul.navbar li .botnavbar::before { content: ""; position: absolute; top: 0; left: 22%; right: 22%; height: 1px; opacity: .35; background: linear-gradient( 90deg, transparent, #00bfff, #78efff, #00bfff, transparent ); box-shadow: 0 0 5px rgba(0,207,255,.45); transition: all .25s ease; } /* subtle moving glass shine */ ul.navbar li .botnavbar::after { content: ""; position: absolute; top: -80%; left: -45%; width: 28%; height: 250%; pointer-events: none; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.12), rgba(116,239,255,.20), transparent ); transform: rotate(20deg); opacity: 0; } /* ========================================================= ICON AREA ========================================================= */ ul.navbar li .botnavbar .i { position: relative; background: radial-gradient( circle, rgba(0, 207, 255, 0.11) 0%, rgba(0, 102, 255, 0.04) 52%, transparent 72% ) !important; border-radius: 50%; transition: background .25s ease, filter .25s ease; } ul.navbar li .botnavbar .icon { filter: brightness(1.05) drop-shadow(0 0 2px rgba(0,207,255,.22)); transition: filter .25s ease, transform .25s ease; } /* ========================================================= LABEL ========================================================= */ ul.navbar li .botnavbar span { color: #82aabd !important; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,.75); transition: color .25s ease, text-shadow .25s ease; } /* ========================================================= HOVER ========================================================= */ ul.navbar li .botnavbar:hover { color: #ffffff !important; background: linear-gradient( 180deg, rgba(9, 65, 106, 0.80) 0%, rgba(4, 34, 62, 0.92) 55%, rgba(2, 17, 34, 0.98) 100% ) !important; border-color: rgba(78, 231, 255, 0.58) !important; box-shadow: 0 0 6px rgba(0,220,255,.35), 0 0 13px rgba(0,128,255,.15), inset 0 0 10px rgba(0,207,255,.06) !important; transform: translateY(-1px); } ul.navbar li .botnavbar:hover::before { left: 10%; right: 10%; opacity: .85; } ul.navbar li .botnavbar:hover::after { opacity: 1; animation: bottomNavShine 1.1s ease forwards; } ul.navbar li .botnavbar:hover span { color: #dffaff !important; text-shadow: 0 0 5px rgba(0,207,255,.55); } ul.navbar li .botnavbar:hover .icon { filter: brightness(1.25) drop-shadow(0 0 4px rgba(0,220,255,.60)); transform: translateY(-1px); } /* ========================================================= ACTIVE / SELECTED BUTTON ========================================================= */ ul.navbar li .botnavbar.on { color: #ffffff !important; background: radial-gradient( circle at 50% 10%, rgba(72, 235, 255, 0.18), transparent 42% ), linear-gradient( 180deg, #0a5d91 0%, #073960 48%, #04182e 100% ) !important; border: 1px solid rgba(105, 239, 255, 0.78) !important; box-shadow: 0 0 7px rgba(0,220,255,.55), 0 0 16px rgba(0,128,255,.25), inset 0 0 12px rgba(0,207,255,.11), inset 0 1px 0 rgba(255,255,255,.18) !important; } /* active top beam */ ul.navbar li .botnavbar.on::before { left: 7%; right: 7%; height: 2px; opacity: 1; background: linear-gradient( 90deg, transparent, #00a8ff, #70f0ff, #ffffff, #70f0ff, #00a8ff, transparent ); box-shadow: 0 0 5px #00d9ff, 0 0 10px rgba(0,220,255,.70); } /* active icon halo */ ul.navbar li .botnavbar.on .i { background: radial-gradient( circle, rgba(83, 235, 255, .28) 0%, rgba(0, 153, 255, .12) 45%, transparent 72% ) !important; filter: drop-shadow(0 0 5px rgba(0,207,255,.45)); } ul.navbar li .botnavbar.on .icon { filter: brightness(1.35) drop-shadow(0 0 4px #00dcff) drop-shadow(0 0 8px rgba(0,128,255,.48)) !important; } ul.navbar li .botnavbar.on span { color: #ffffff !important; font-weight: 700; text-shadow: 0 0 4px rgba(0,220,255,.85), 0 0 9px rgba(0,128,255,.40); } /* ========================================================= PRESS EFFECT ========================================================= */ ul.navbar li .botnavbar:active { transform: translateY(0) scale(.97); box-shadow: inset 0 0 12px rgba(0,207,255,.16), 0 0 5px rgba(0,207,255,.30) !important; } /* ========================================================= ANIMATION ========================================================= */ @keyframes bottomNavTechLine { 0% { opacity: .55; filter: brightness(.85); } 100% { opacity: 1; filter: brightness(1.3); } } @keyframes bottomNavShine { 0% { left: -45%; } 100% { left: 125%; } } /* ========================================================= GAME CATEGORY NAV MODERN TECH / BLUE NEON STYLE ========================================================= */ .nav-pills.game-nav .nav-link { position: relative; overflow: hidden; color: #8fb7ca !important; background: linear-gradient( 180deg, rgba(9, 35, 63, 0.95) 0%, rgba(4, 18, 35, 0.98) 55%, rgba(2, 10, 22, 1) 100% ) !important; border: 1px solid rgba(0, 207, 255, 0.18) !important; border-radius: 10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -8px 14px rgba(0,100,200,.035), 0 3px 8px rgba(0,0,0,.30) !important; text-shadow: 0 1px 2px rgba(0,0,0,.75); transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .20s ease; } /* ========================================================= TOP TECH LIGHT ========================================================= */ .nav-pills.game-nav .nav-link::before { content: ""; position: absolute; top: 0; left: 22%; right: 22%; height: 1px; background: linear-gradient( 90deg, transparent, #00a7ff, #64ebff, #00a7ff, transparent ); box-shadow: 0 0 5px rgba(0,207,255,.65); opacity: .35; transition: all .25s ease; } /* subtle shine */ .nav-pills.game-nav .nav-link::after { content: ""; position: absolute; top: -80%; left: -45%; width: 25%; height: 250%; pointer-events: none; opacity: 0; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.08), rgba(96,235,255,.18), transparent ); transform: rotate(20deg); } /* ========================================================= ICON AREA ========================================================= */ .nav-pills.game-nav .nav-link .i { position: relative; background: radial-gradient( circle, rgba(0,207,255,.12) 0%, rgba(0,102,255,.04) 48%, transparent 72% ) !important; border-radius: 50%; transition: all .25s ease; } .nav-pills.game-nav .nav-link .icon { filter: brightness(1.08) drop-shadow(0 0 2px rgba(0,207,255,.25)); transition: filter .25s ease, transform .25s ease; } /* ========================================================= TEXT ========================================================= */ .nav-pills.game-nav .nav-link span { color: #8db7c9 !important; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,.75); transition: color .25s ease, text-shadow .25s ease; } /* ========================================================= HOVER ========================================================= */ .nav-pills.game-nav .nav-link:hover { color: #ffffff !important; background: linear-gradient( 180deg, rgba(8, 68, 112, 0.95) 0%, rgba(5, 35, 64, 0.98) 55%, rgba(3, 18, 34, 1) 100% ) !important; border-color: rgba(82, 232, 255, 0.65) !important; box-shadow: 0 0 7px rgba(0,220,255,.40), 0 0 15px rgba(0,128,255,.16), inset 0 0 10px rgba(0,207,255,.06) !important; transform: translateY(-1px); } .nav-pills.game-nav .nav-link:hover::before { left: 8%; right: 8%; opacity: .9; } .nav-pills.game-nav .nav-link:hover::after { opacity: 1; animation: gameNavShine 1.1s ease forwards; } .nav-pills.game-nav .nav-link:hover span { color: #ffffff !important; text-shadow: 0 0 5px rgba(0,220,255,.60); } .nav-pills.game-nav .nav-link:hover .icon { filter: brightness(1.30) drop-shadow(0 0 4px rgba(0,220,255,.65)); transform: scale(1.04); } /* ========================================================= ACTIVE / SELECTED ========================================================= */ .nav-pills.game-nav .nav-link.active, .nav-pills.game-nav .show > .nav-link { color: #ffffff !important; background: radial-gradient( circle at 50% 10%, rgba(90, 238, 255, 0.18), transparent 42% ), linear-gradient( 180deg, #0b6399 0%, #073a62 48%, #04182f 100% ) !important; border: 1px solid rgba(105, 239, 255, 0.85) !important; box-shadow: 0 0 7px rgba(0,220,255,.60), 0 0 17px rgba(0,128,255,.28), inset 0 0 12px rgba(0,207,255,.12), inset 0 1px 0 rgba(255,255,255,.18) !important; text-shadow: 0 0 5px rgba(0,220,255,.75); } /* active top beam */ .nav-pills.game-nav .nav-link.active::before, .nav-pills.game-nav .show > .nav-link::before { left: 6%; right: 6%; height: 2px; opacity: 1; background: linear-gradient( 90deg, transparent, #008cff, #52e8ff, #ffffff, #52e8ff, #008cff, transparent ); box-shadow: 0 0 5px #00d9ff, 0 0 11px rgba(0,220,255,.75); } /* active icon halo */ .nav-pills.game-nav .nav-link.active .i { background: radial-gradient( circle, rgba(91,236,255,.28) 0%, rgba(0,153,255,.11) 45%, transparent 72% ) !important; filter: drop-shadow(0 0 5px rgba(0,207,255,.45)); } .nav-pills.game-nav .nav-link.active .icon { filter: brightness(1.38) drop-shadow(0 0 4px #00dcff) drop-shadow(0 0 8px rgba(0,128,255,.48)) !important; } .nav-pills.game-nav .nav-link.active span { color: #ffffff !important; font-weight: 700; text-shadow: 0 0 4px rgba(0,220,255,.90), 0 0 9px rgba(0,128,255,.42); } /* ========================================================= CLICK EFFECT ========================================================= */ .nav-pills.game-nav .nav-link:active { transform: scale(.97); box-shadow: inset 0 0 12px rgba(0,207,255,.15), 0 0 5px rgba(0,207,255,.35) !important; } /* ========================================================= SHINE ANIMATION ========================================================= */ @keyframes gameNavShine { 0% { left: -45%; } 100% { left: 125%; } } /* ===================================================== PARTNERSHIP PAGE - 2ND SCREENSHOT STYLE ===================================================== */ .partnership-container { width: 100%; max-width: 880px; margin: 0 auto; box-sizing: border-box; background: radial-gradient(circle at 20% 15%, rgba(0, 204, 255, 0.13), transparent 30%), radial-gradient(circle at 85% 80%, rgba(0, 102, 255, 0.14), transparent 35%), linear-gradient(160deg, #020817 0%, #06182d 45%, #020814 100%); position: relative; padding: 24px; } /* ===================================================== PARTNERSHIP HEADER ===================================================== */ /* ===================================================== TOP LARGE BANNERS ===================================================== */ .partnership-container .headertitle-contactus { width: 100%; padding: 0 !important; overflow: hidden; border-radius: 22px; background: transparent !important; height: 220px; } .partnership-container .headertitle-contactus a { display: block; width: 100%; text-decoration: none; } .partnership-container .headertitle-contactus .banner-img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 1.75 / 1; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 22px; } /* second big banner */ .partnership-container .headertitle-secondarybanner { margin-bottom: 18px !important; } /* ===================================================== PARTNER GRID ===================================================== */ .partnership-container .partner-container { width: 100%; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px 28px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box; align-items: stretch; } /* ===================================================== EACH COMPANY CARD ===================================================== */ .partnership-container .partnerlogo-item { display: block !important; width: 100% !important; height: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border-radius: 18px; background: transparent !important; text-decoration: none; box-sizing: border-box; } /* ===================================================== COMPANY IMAGE ===================================================== */ .partnership-container .partnerlogo-item .banner-img { display: block !important; width: 100% !important; height: auto !important; /* square card like screenshot */ aspect-ratio: 1 / 1; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 18px; overflow: hidden; } /* ===================================================== REMOVE OLD POSITION / FLOAT / FLEX SETTINGS ===================================================== */ .partnership-container .partner-container > a { float: none !important; flex: none !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; } /* ===================================================== OPTIONAL - SMALL TAP EFFECT ===================================================== */ .partnership-container .partnerlogo-item, .partnership-container .headertitle-contactus a { transition: transform .18s ease, opacity .18s ease; } .partnership-container .partnerlogo-item:active, .partnership-container .headertitle-contactus a:active { transform: scale(.98); opacity: .92; } .headertitle-contactus .banner-img { background-image: url(./img1830_goldwin/ulucky_tele.jpg?v=8) !important; } .headertitle-secondarybanner .banner-img { background-image: url(./img1830_goldwin/ulucky_m.png?v=8) !important; } .partner-container .partnerlogo-item .banner-img { width: 50%; height: 100%; min-height: 90px; background-position: center; background-repeat: no-repeat; background-size: contain; } /* 1 - UVIP */ .partner-container .company-myrs9gs .banner-img { background-image: url(./img1830_goldwin/uvip.png?v=8) !important; } /* 2 - UMENANG */ .partner-container .company-Myrs9sk .banner-img { background-image: url(./img1830_goldwin/umenang.png?v=8) !important; } /* 3 - UCUCI */ .partner-container .company-myrs9lc .banner-img { background-image: url(./img1830_goldwin/ucuci.png?v=8) !important; } /* 4 - ULUCKY */ .partner-container .company-myrs9gw .banner-img { background-image: url(./img1830_goldwin/ulucky.png?v=8) !important; } /* 5 - UKAYA */ .partner-container .company-myrs9wt .banner-img { background-image: url(./img1830_goldwin/ukaya.png?v=8) !important; } /* 6 - USUKA */ .partner-container .company-myrs9sw .banner-img { background-image: url(./img1830_goldwin/usuka.png?v=8) !important; } /* 6 - U99 */ .partner-container .company-myrs9pw .banner-img { background-image: url(./img1830_goldwin/u99.png?v=8) !important; } .icon-partnership { background-image: url(img1830_goldwin/partnership.png) !important; } /* ========================================================= MY ACCOUNT PAGE MODERN TECHNOLOGY / GALAXY BLUE NEON CSS ONLY ========================================================= */ .ui-content.form-page-bg-color { color: #eafcff !important; background: radial-gradient( circle at 18% 8%, rgba(0, 207, 255, .10), transparent 30% ), radial-gradient( circle at 85% 75%, rgba(0, 92, 255, .13), transparent 36% ), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ) !important; } /* ========================================================= MAIN ACCOUNT BOX ========================================================= */ .ui-content.form-page-bg-color .mainBox { background: linear-gradient( 180deg, rgba(7, 28, 52, .98), rgba(2, 12, 26, .99) ) !important; border-color: rgba(0, 207, 255, .22) !important; box-shadow: 0 0 10px rgba(0, 195, 255, .10), inset 0 0 15px rgba(0, 174, 255, .04) !important; } /* ========================================================= ACCOUNT PROFILE HEADER ========================================================= */ .deposit-progress-bar-container { background: radial-gradient( circle at 20% 0%, rgba(0, 207, 255, .10), transparent 40% ), linear-gradient( 180deg, #092846 0%, #041426 100% ) !important; border-color: rgba(0, 207, 255, .30) !important; box-shadow: 0 0 8px rgba(0, 207, 255, .15), inset 0 0 10px rgba(0, 174, 255, .05) !important; } /* USER ICON */ .deposit-progress-bar-container .account-icon { background: radial-gradient( circle, rgba(0, 207, 255, .22), rgba(0, 102, 255, .06) 65%, transparent 72% ) !important; border-color: rgba(95, 235, 255, .55) !important; box-shadow: 0 0 7px rgba(0, 220, 255, .40), inset 0 0 8px rgba(0, 207, 255, .08) !important; } .deposit-progress-bar-container .account-icon svg path { fill: #65eaff !important; filter: drop-shadow(0 0 3px rgba(0, 220, 255, .65)); } /* USER NAME */ .deposit-progress-bar-container .account-name { color: #ffffff !important; font-weight: 700; text-shadow: 0 0 5px rgba(0, 220, 255, .65), 0 0 10px rgba(0, 128, 255, .28) !important; } /* ========================================================= VIP / ACCOUNT GRADE ========================================================= */ .deposit-progress-bar-container .account-grade-container, .deposit-progress-bar-container .account-group-container { color: #dff9ff !important; background: linear-gradient( 180deg, rgba(9, 42, 74, .92), rgba(3, 18, 34, .96) ) !important; border-color: rgba(0, 207, 255, .20) !important; box-shadow: inset 0 0 8px rgba(0, 195, 255, .04) !important; } .deposit-progress-bar-container .group-img { filter: brightness(1.12) drop-shadow(0 0 4px rgba(0, 207, 255, .38)) !important; } .deposit-progress-bar-container .group-level { color: #8cefff !important; font-weight: 700; text-shadow: 0 0 5px rgba(0, 207, 255, .50) !important; } /* ========================================================= WALLET AREA ========================================================= */ .mobile-wallet-section.mycredit-menu { color: #eafcff !important; background: linear-gradient( 180deg, rgba(6, 27, 50, .98), rgba(2, 11, 24, .99) ) !important; border-color: rgba(0, 207, 255, .24) !important; box-shadow: 0 0 9px rgba(0, 207, 255, .10), inset 0 0 12px rgba(0, 174, 255, .04) !important; } /* top wallet */ .mobile-wallet-section .top-content { background: linear-gradient( 180deg, #082844 0%, #041426 100% ) !important; border-color: rgba(0, 207, 255, .26) !important; box-shadow: inset 0 0 10px rgba(0, 195, 255, .04), 0 0 6px rgba(0, 174, 255, .09) !important; } /* BALANCE CARD */ .mobile-wallet-section .member-wallet { background: linear-gradient( 145deg, #0a3154, #04172a ) !important; border-color: rgba(0, 207, 255, .28) !important; box-shadow: inset 0 0 9px rgba(0, 195, 255, .05), 0 0 7px rgba(0, 174, 255, .10) !important; } .mobile-wallet-section .wallet-header .title { color: #89b9cd !important; } .mobile-wallet-section .currency-label { color: #55e9ff !important; text-shadow: 0 0 5px rgba(0, 207, 255, .60) !important; } .mobile-wallet-section .member-balance { color: #000 !important; background: linear-gradient(180deg, #000, #000 45%, #000) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; filter: drop-shadow(0 0 4px rgba(0, 207, 255, .45)); } /* REFRESH */ .mobile-wallet-section .mobile-beta-refresh { filter: brightness(1.35) drop-shadow(0 0 4px rgba(0, 207, 255, .65)) !important; } .mobile-wallet-section .mobile-beta-refresh path { fill: #50e8ff !important; } /* ========================================================= RETRIEVE / TRANSFER ========================================================= */ .mobile-wallet-section .member-action .action-box { background: linear-gradient( 180deg, #092b4d, #041529 ) !important; border-color: rgba(0, 207, 255, .25) !important; box-shadow: inset 0 0 8px rgba(0, 195, 255, .04), 0 0 5px rgba(0, 174, 255, .08) !important; transition: all .25s ease; } .mobile-wallet-section .action-box:hover { background: linear-gradient( 180deg, #0b6099, #062a4d ) !important; border-color: #64ebff !important; box-shadow: 0 0 7px rgba(0, 220, 255, .60), 0 0 15px rgba(0, 128, 255, .20) !important; } .mobile-wallet-section .action-label { color: #b9dce9 !important; } .mobile-wallet-section .action-box .i { background: radial-gradient( circle, rgba(0, 207, 255, .20), rgba(0, 102, 255, .05) 65%, transparent 72% ) !important; } .mobile-wallet-section .action-box i { filter: brightness(1.30) drop-shadow(0 0 4px rgba(0, 207, 255, .55)) !important; } /* ========================================================= WALLET SHORTCUTS Withdrawal / Statement / History / Wallet ========================================================= */ .mobile-wallet-section .bottom-content { background: linear-gradient( 180deg, #061a30, #03101f ) !important; border-color: rgba(0, 207, 255, .18) !important; } .mobile-wallet-section .idr_content_bottom { background: linear-gradient( 180deg, rgba(6, 28, 52, .98), rgba(2, 13, 26, .99) ) !important; border-color: rgba(0, 207, 255, .20) !important; } .mobile-wallet-section .idr_content_bottom li a { position: relative; color: #a8cbd9 !important; background: linear-gradient( 180deg, #08243f, #031323 ) !important; border-color: rgba(0, 207, 255, .20) !important; box-shadow: inset 0 0 7px rgba(0, 195, 255, .035), 0 2px 5px rgba(0, 0, 0, .25) !important; transition: all .25s ease; } .mobile-wallet-section .idr_content_bottom li a:hover { color: #ffffff !important; background: linear-gradient( 180deg, #0a5b94, #06294b ) !important; border-color: #61eaff !important; box-shadow: 0 0 7px rgba(0, 220, 255, .50), 0 0 14px rgba(0, 128, 255, .18) !important; } .mobile-wallet-section .idr_content_bottom li span { color: #a9cfde !important; } .mobile-wallet-section .idr_content_bottom li a:hover span { color: #ffffff !important; text-shadow: 0 0 5px rgba(0, 220, 255, .60); } /* ========================================================= MORE APPLICATIONS BAR ========================================================= */ .mobile-wallet-section .show-more { color: #bcecf6 !important; background: linear-gradient( 180deg, #092745, #041426 ) !important; border-color: rgba(0, 207, 255, .25) !important; box-shadow: inset 0 0 8px rgba(0, 195, 255, .04), 0 0 6px rgba(0, 174, 255, .08) !important; transition: all .25s ease; } .mobile-wallet-section .show-more p { color: #bcecf7 !important; text-shadow: 0 0 4px rgba(0, 207, 255, .28); } .mobile-wallet-section .show-more svg path { fill: #55e8ff !important; } .mobile-wallet-section .show-more:hover { background: linear-gradient( 180deg, #0b4e80, #062846 ) !important; border-color: #5eeaff !important; box-shadow: 0 0 7px rgba(0, 220, 255, .50) !important; } /* ========================================================= ACCOUNT MENU SECTION Profile / Referral / Password / Language / Logout ========================================================= */ .account-menu-section { background: radial-gradient( circle at 50% 0%, rgba(0, 207, 255, .08), transparent 55% ), linear-gradient( 180deg, #061b32, #020d1c ) !important; border-color: rgba(0, 207, 255, .24) !important; box-shadow: 0 0 9px rgba(0, 195, 255, .10), inset 0 0 12px rgba(0, 174, 255, .04) !important; } /* ========================================================= INDIVIDUAL ACCOUNT MENU BUTTON ========================================================= */ .account-menu-section .shortcut-menu { position: relative; overflow: hidden; color: #aacddc !important; background: linear-gradient( 180deg, rgba(9, 38, 68, .96), rgba(3, 16, 31, .98) ) !important; border: 1px solid rgba(0, 207, 255, .20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03), inset 0 0 8px rgba(0,195,255,.035), 0 3px 8px rgba(0,0,0,.28) !important; transition: all .25s ease; } /* SMALL TECH LIGHT */ .account-menu-section .shortcut-menu::before { content: ""; position: absolute; top: 0; left: 25%; right: 25%; height: 1px; opacity: .4; background: linear-gradient( 90deg, transparent, #00bfff, #7defff, #00bfff, transparent ); box-shadow: 0 0 5px rgba(0, 207, 255, .55); transition: all .25s ease; } /* ========================================================= ACCOUNT MENU ICON ========================================================= */ .account-menu-section .menu-img-wrapper .i { background: radial-gradient( circle, rgba(0, 207, 255, .16), rgba(0, 102, 255, .04) 60%, transparent 72% ) !important; border-color: rgba(0, 207, 255, .15) !important; box-shadow: 0 0 6px rgba(0, 207, 255, .10) !important; } .account-menu-section .shortcut-menu .icon { transition: filter .25s ease, transform .25s ease; } /* LABEL */ .account-menu-section .shortcut-label { color: #aacddb !important; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,.70) !important; transition: all .25s ease; } /* ========================================================= ACCOUNT BUTTON HOVER ========================================================= */ .account-menu-section .shortcut-menu:hover { color: #ffffff !important; background: linear-gradient( 180deg, rgba(9, 80, 128, .92), rgba(4, 37, 68, .98) ) !important; border-color: rgba(90, 235, 255, .70) !important; box-shadow: 0 0 7px rgba(0, 220, 255, .45), 0 0 15px rgba(0, 128, 255, .16), inset 0 0 9px rgba(0, 207, 255, .06) !important; } .account-menu-section .shortcut-menu:hover::before { left: 8%; right: 8%; opacity: 1; } .account-menu-section .shortcut-menu:hover .shortcut-label { color: #ffffff !important; text-shadow: 0 0 5px rgba(0, 220, 255, .65) !important; } .account-menu-section .shortcut-menu:hover .icon { filter: brightness(1.35) drop-shadow(0 0 4px #00dcff) drop-shadow(0 0 7px rgba(0, 128, 255, .45)) !important; transform: scale(1.05); } /* ========================================================= LOGOUT - SAME THEME, SLIGHTLY STRONGER ========================================================= */ .account-menu-section .menu-logout { background: linear-gradient( 180deg, #0a3154, #041529 ) !important; border-color: rgba(80, 228, 255, .32) !important; } .account-menu-section .menu-logout:hover { background: linear-gradient( 180deg, #0a6ca2, #063452 ) !important; border-color: #70edff !important; } /* ========================================================= UNREAD COUNTER ========================================================= */ .account-menu-section .unread-msg { color: #ffffff !important; background: linear-gradient( 135deg, #007eff, #00d9ff ) !important; border-color: #a5f8ff !important; box-shadow: 0 0 6px rgba(0, 220, 255, .75) !important; } .account-menu-section .icon, .idr_content_bottom .icon{ filter: brightness(1) invert(1)!important; } #promotionsPage .history_content .history_list .history_list_item .promotions_item{ border:1px solid #00afe8!important; } /* ========================================================= CONTACT US PAGE MODERN TECHNOLOGY / BLUE NEON STYLE ========================================================= */ #pageContactUs { color: #eafcff !important; background: radial-gradient( circle at 20% 10%, rgba(0, 207, 255, 0.10), transparent 30% ), radial-gradient( circle at 85% 80%, rgba(0, 90, 255, 0.14), transparent 38% ), linear-gradient( 160deg, #020817 0%, #06182f 50%, #020814 100% ) !important; } /* ========================================= CONTACT LIST ========================================= */ #contactusPage .contactus_nav { background: linear-gradient( 180deg, rgba(6, 27, 51, 0.98), rgba(2, 12, 25, 0.99) ) !important; border-color: rgba(0, 207, 255, 0.20) !important; box-shadow: 0 0 10px rgba(0, 195, 255, 0.08), inset 0 0 12px rgba(0, 174, 255, 0.04) !important; } /* ========================================= EACH CONTACT ITEM ========================================= */ #contactusPage .contactus_nav li { position: relative; overflow: hidden; background: linear-gradient( 180deg, rgba(9, 38, 68, 0.96), rgba(3, 16, 31, 0.98) ) !important; border-color: rgba(0, 207, 255, 0.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 0 8px rgba(0,195,255,.035), 0 3px 9px rgba(0,0,0,.28) !important; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .20s ease; } /* small top neon beam */ #contactusPage .contactus_nav li::before { content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 1px; opacity: .35; background: linear-gradient( 90deg, transparent, #00a8ff, #72efff, #00a8ff, transparent ); box-shadow: 0 0 5px rgba(0, 207, 255, .55); transition: all .25s ease; } /* ========================================= LINK ========================================= */ #contactusPage .contactus_nav li a { color: #dff9ff !important; background: transparent !important; text-decoration: none !important; } /* ========================================= ICON HOLDER ========================================= */ #contactusPage .contactus_nav li .i { background: radial-gradient( circle, rgba(0, 207, 255, .18), rgba(0, 102, 255, .05) 60%, transparent 72% ) !important; border-color: rgba(0, 207, 255, .28) !important; box-shadow: 0 0 7px rgba(0, 207, 255, .18), inset 0 0 7px rgba(0, 195, 255, .05) !important; } /* ========================================= ALL ICONS ========================================= */ #contactusPage .contactus_nav .icon { color: #5beaff !important; filter: brightness(1.25) drop-shadow(0 0 4px rgba(0, 207, 255, .60)) !important; transition: color .25s ease, filter .25s ease, transform .25s ease; } /* Font Awesome */ #contactusPage .contactus_nav .fab { color: #5beaff !important; text-shadow: 0 0 5px rgba(0, 220, 255, .65), 0 0 10px rgba(0, 128, 255, .28); } /* ========================================= TITLE ========================================= */ #contactusPage .contactus_nav .text_box > span { color: #ffffff !important; font-weight: 700; text-shadow: 0 0 4px rgba(0, 220, 255, .50); } /* ========================================= DESCRIPTION / USERNAME ========================================= */ #contactusPage .contactus_nav .text_box > div { color: #8eb7c9 !important; text-shadow: 0 1px 2px rgba(0,0,0,.70); } /* ========================================= HOVER / TAP ========================================= */ #contactusPage .contactus_nav li:hover, #contactusPage .contactus_nav li:focus { background: linear-gradient( 180deg, rgba(8, 74, 119, .94), rgba(4, 35, 64, .98) ) !important; border-color: rgba(88, 234, 255, .72) !important; box-shadow: 0 0 7px rgba(0, 220, 255, .48), 0 0 16px rgba(0, 128, 255, .17), inset 0 0 9px rgba(0, 207, 255, .06) !important; transform: translateY(-1px); } #contactusPage .contactus_nav li:hover::before, #contactusPage .contactus_nav li:focus::before { left: 6%; right: 6%; opacity: 1; box-shadow: 0 0 6px #00d9ff, 0 0 12px rgba(0, 207, 255, .65); } #contactusPage .contactus_nav li:hover .icon, #contactusPage .contactus_nav li:focus .icon { color: #ffffff !important; filter: brightness(1.40) drop-shadow(0 0 5px #00dcff) drop-shadow(0 0 9px rgba(0,128,255,.45)) !important; transform: scale(1.05); } #contactusPage .contactus_nav li:hover .text_box > span, #contactusPage .contactus_nav li:focus .text_box > span { color: #ffffff !important; text-shadow: 0 0 5px rgba(0, 220, 255, .85), 0 0 10px rgba(0, 128, 255, .38); } #contactusPage .contactus_nav li:hover .text_box > div, #contactusPage .contactus_nav li:focus .text_box > div { color: #c8edf7 !important; } /* ========================================= SOCIAL ICON INDIVIDUAL TOUCH KEEP SAME BLUE NEON FAMILY ========================================= */ #contactusPage .fa-weixin, #contactusPage .fa-telegram, #contactusPage .fa-whatsapp, #contactusPage .fa-youtube, #contactusPage .fa-facebook, #contactusPage .fa-instagram-square { color: #54e7ff !important; } /* ========================================= CLICK EFFECT ========================================= */ #contactusPage .contactus_nav li:active { transform: scale(.985); box-shadow: inset 0 0 12px rgba(0, 207, 255, .12), 0 0 5px rgba(0, 207, 255, .30) !important; } /* ========================================================= REGISTRATION DROPDOWN + DOB MOBILE SCROLL FIX ========================================================= */ /* IMPORTANT: previously overflow:hidden was clipping opened dropdowns */ #registrationPage.m-register-container { overflow: visible !important; } /* prevent select parent from clipping dropdown */ #registrationPage .standard-select, #registrationPage .standard-select-container, #registrationPage .standard-form-field, #registrationPage .standard-input-container, #registrationPage .form-group { overflow: visible !important; } /* select needs positioning context */ #registrationPage .standard-select { position: relative !important; } /* ========================================================= OPEN DROPDOWN ========================================================= */ #registrationPage .standard-select-dropdown, #registrationPage .standard-select-dropdown.isOpen, #registrationPage .standard-select-dropdown.is-open { position: absolute !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 999999 !important; max-height: 280px !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y !important; overscroll-behavior: contain; background: #051629 !important; border: 1px solid rgba(0, 207, 255, .55) !important; box-shadow: 0 8px 22px rgba(0,0,0,.55), 0 0 12px rgba(0,207,255,.25) !important; } /* ========================================================= DROPDOWN OPTIONS ========================================================= */ #registrationPage .standard-select-options { position: relative !important; display: block !important; min-height: 38px; color: #bcecff !important; background: transparent !important; cursor: pointer; touch-action: manipulation; } #registrationPage .standard-select-options:hover, #registrationPage .standard-select-options.active { color: #ffffff !important; background: linear-gradient( 90deg, rgba(0, 128, 255, .28), rgba(0, 207, 255, .10) ) !important; } /* ========================================================= MOBILE - DATE OF BIRTH / LONG SELECT LIST ========================================================= */ @media (max-width: 768px) { #registrationPage .standard-select-dropdown, #registrationPage .standard-select-dropdown.isOpen, #registrationPage .standard-select-dropdown.is-open { max-height: 45vh !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y !important; } /* make options easier to drag/scroll */ #registrationPage .standard-select-options { min-height: 42px; display: flex !important; align-items: center; } } /* ========================================================= EXTRA FIX: some mobile browsers block scrolling because parent has touch-action or overflow hidden ========================================================= */ #registrationPage, #registrationPage .reg-step-container, #registrationPage .standard-content-container, #registrationPage .standard-form-container { touch-action: pan-y !important; } /* DO NOT CLIP DROPDOWN FROM FORM CARD */ #registrationPage .reg-step-container { overflow: visible !important; } /* ========================================================= KEEP GALAXY BACKGROUND WITHOUT CAUSING PAGE OVERFLOW because registration root is now overflow:visible ========================================================= */ #registrationPage.m-register-container::before { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; } /* ========================================================= OPTIONAL SCROLLBAR STYLE ========================================================= */ #registrationPage .standard-select-dropdown::-webkit-scrollbar { width: 4px; } #registrationPage .standard-select-dropdown::-webkit-scrollbar-track { background: rgba(0, 30, 55, .8); } #registrationPage .standard-select-dropdown::-webkit-scrollbar-thumb { background: linear-gradient( #55e9ff, #0877d1 ); border-radius: 10px; } /* ========================================================= WITHDRAWAL BUTTON ONLY STRONGER BLUE INNER BACKGROUND + CYAN/PINK FRAME ========================================================= */ ul.idr_content_bottom li.li-withdrawal a { position: relative; overflow: hidden; color: #ffffff !important; /* brighter illuminated blue interior */ background: radial-gradient( circle at 50% 78%, rgba(0, 213, 255, 0.34) 0%, rgba(0, 133, 255, 0.20) 26%, transparent 58% ), radial-gradient( circle at 12% 15%, rgba(0, 229, 255, 0.16), transparent 40% ), linear-gradient( 180deg, #0a3158 0%, #073156 45%, #05305b 70%, #05274a 100% ) !important; border: 1px solid transparent !important; border-radius: 12px !important; box-shadow: inset 0 0 18px rgba(0, 207, 255, 0.15), inset 0 -18px 28px rgba(0, 119, 255, 0.12), 0 0 5px rgba(0, 225, 255, 0.75), 0 0 12px rgba(0, 174, 255, 0.48), 4px -2px 10px rgba(255, 40, 210, 0.36) !important; text-shadow: 0 0 4px rgba(255,255,255,.55), 0 0 8px rgba(0,220,255,.68) !important; } /* ========================================================= NEON BORDER ========================================================= */ ul.idr_content_bottom li.li-withdrawal a::before { content: ""; position: absolute; inset: 0; border-radius: 12px; padding: 2px; pointer-events: none; background: linear-gradient( 135deg, #00efff 0%, #00d9ff 24%, #00a8ff 48%, #6b54ff 70%, #ff35d3 100% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; filter: drop-shadow(0 0 3px rgba(0,229,255,.9)) drop-shadow(2px 0 4px rgba(255,53,211,.65)); } /* ========================================================= TOP NEON STRIP ========================================================= */ ul.idr_content_bottom li.li-withdrawal a::after { content: ""; position: absolute; top: 0; left: 10%; right: 10%; height: 3px; border-radius: 10px; pointer-events: none; background: linear-gradient( 90deg, #00eaff 0%, #48f5ff 28%, #ffffff 48%, #8d54ff 72%, #ff35d3 100% ); box-shadow: 0 0 5px rgba(0,229,255,.90), 0 0 10px rgba(255,53,211,.45); } /* ========================================================= TEXT ========================================================= */ ul.idr_content_bottom li.li-withdrawal a span { color: #d9f7ff !important; font-weight: 700 !important; text-shadow: 0 0 4px rgba(255,255,255,.50), 0 0 7px rgba(0,220,255,.65) !important; } /* ========================================================= ICON GLOW ========================================================= */ ul.idr_content_bottom li.li-withdrawal a .i { background: radial-gradient( circle, rgba(0, 220, 255, 0.36) 0%, rgba(0, 145, 255, 0.18) 40%, transparent 72% ) !important; filter: drop-shadow(0 0 5px rgba(0,220,255,.65)); } ul.idr_content_bottom li.li-withdrawal a .icon-withdrawal { filter: brightness(0) invert(1) drop-shadow(0 0 3px #00eaff) drop-shadow(0 0 7px rgba(0,174,255,.80)) !important; } /* ========================================================= WITHDRAWAL - STRONG PERMANENT ACTIVE OVERRIDE MUST BE AFTER .mobile-wallet-section...li a RULE ========================================================= */ html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a { position: relative !important; overflow: hidden !important; color: #ffffff !important; /* brighter active blue interior */ background: radial-gradient( circle at 50% 80%, rgba(0, 218, 255, 0.34) 0%, rgba(0, 133, 255, 0.20) 32%, transparent 62% ), radial-gradient( circle at 15% 10%, rgba(0, 235, 255, 0.14), transparent 42% ), linear-gradient( 180deg, #0b426d 0%, #083a68 42%, #06315d 72%, #05284e 100% ) !important; border: 1px solid #00dfff !important; border-radius: 12px !important; box-shadow: inset 0 0 16px rgba(0, 220, 255, 0.15), inset 0 -18px 26px rgba(0, 119, 255, 0.14), 0 0 4px #00dfff, 0 0 9px rgba(0, 199, 255, 0.62), -3px 2px 8px rgba(0, 229, 255, 0.50), 4px -2px 9px rgba(255, 39, 211, 0.38) !important; text-shadow: 0 0 4px rgba(255,255,255,.65), 0 0 8px rgba(0,220,255,.70) !important; } /* ========================================================= WITHDRAWAL NEON FRAME ========================================================= */ html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a::before { content: "" !important; position: absolute !important; inset: -1px !important; z-index: 1 !important; border-radius: 12px !important; padding: 2px !important; pointer-events: none !important; background: linear-gradient( 125deg, #00efff 0%, #00dfff 25%, #00a8ff 47%, #7858ff 72%, #ff32cf 100% ) !important; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; -webkit-mask-composite: xor !important; mask-composite: exclude !important; filter: drop-shadow(0 0 3px rgba(0,229,255,.9)) drop-shadow(2px 0 4px rgba(255,45,210,.55)) !important; } /* ========================================================= TOP NEON ACCENT ========================================================= */ html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 3px !important; z-index: 2 !important; border-radius: 10px !important; pointer-events: none !important; background: linear-gradient( 90deg, #00dfff 0%, #51f3ff 28%, #ffffff 48%, #8f5aff 72%, #ff35d3 100% ) !important; box-shadow: 0 0 5px #00dfff, 0 0 9px rgba(255,53,211,.45) !important; } /* ========================================================= KEEP CONTENT ABOVE FRAME ========================================================= */ html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a > * { position: relative !important; z-index: 3 !important; } /* ========================================================= WITHDRAWAL WORDING ========================================================= */ html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a > span { color: #e6faff !important; font-weight: 700 !important; text-shadow: 0 0 3px #ffffff, 0 0 6px rgba(0,220,255,.75) !important; } /* ========================================================= ICON ========================================================= */ html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a .i { background: radial-gradient( circle, rgba(0, 225, 255, 0.34) 0%, rgba(0, 142, 255, 0.16) 43%, transparent 72% ) !important; filter: drop-shadow(0 0 5px rgba(0,220,255,.70)) !important; } html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a .icon-withdrawal { filter: brightness(0) invert(1) drop-shadow(0 0 3px #00eaff) drop-shadow(0 0 7px rgba(0,174,255,.85)) !important; } /* ========================================================= IMPORTANT: OVERWRITE YOUR EXISTING GLOBAL HOVER RULE TOO ========================================================= */ html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a:hover, html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a:focus, html body .mobile-wallet-section.mycredit-menu .idr_content_bottom li.li-withdrawal > a:active { color: #ffffff !important; background: radial-gradient( circle at 50% 80%, rgba(0, 218, 255, 0.38) 0%, rgba(0, 133, 255, 0.23) 32%, transparent 62% ), radial-gradient( circle at 15% 10%, rgba(0, 235, 255, 0.16), transparent 42% ), linear-gradient( 180deg, #0c4775 0%, #093d6d 42%, #073460 72%, #052a50 100% ) !important; border-color: #00e5ff !important; box-shadow: inset 0 0 18px rgba(0,220,255,.18), inset 0 -18px 28px rgba(0,119,255,.16), 0 0 5px #00e5ff, 0 0 11px rgba(0,199,255,.70), -3px 2px 9px rgba(0,229,255,.55), 4px -2px 10px rgba(255,39,211,.42) !important; }