@import url("https://fonts.googleapis.com/css?family=Noto+Sans:wght@400;700&display=swap\" rel=\"stylesheet\""); 
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;900&display=swap"); 
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap"); 
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: "Noto Sans", sans-serif;
    line-height: 1.6;
    font-size: 15px;
    margin: 0px auto;
    color: rgb(25, 25, 25);
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
}

a:hover, a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
    color: rgb(102, 102, 102);
    width: 100%;
}

.txt_mon {
    font-family: Montserrat, sans-serif;
}

input.form-control::placeholder {
    color: rgb(165, 165, 165);
}

.logo {max-width: 100px;width: 100%;}

.index_caro .carousel-inner {
    background: rgb(37, 37, 37);
}

.btn.focus, .btn:focus {
    outline: 0px;
    box-shadow: unset;
}

body.main_bg_wrap {
    padding-top: 145px;
}

.header_section {
    z-index: 3;
    position: fixed;
    width: 100%;
    background-color: rgb(22, 22, 22);
    top: 0px;
}

.top_header {
    height: 95px;
    background: url("../images/header/header.jpg") bottom / cover no-repeat;
    background-position: center;
}

.header_sock {
    position: absolute;
    top: 44px;
    right: -16%;
    width: 7em;
}
.header_horse{
    position: absolute;
    top: -19px;
    left: -14%;
    width: 8em;
}

.top-header-box {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

ul.nav-list {
    display: flex;
    height: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    align-items: center;
}

ul.nav-list li a {
    color: #761f05;
    text-transform: uppercase;
    gap: 10px;
    font-size: clamp(0.8rem, 0.8vw, 0.85rem);
    font-weight: 700;
}

ul.nav-list li {
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0px 6px;
    position: relative;
}

.top_header_con {
    height: 100%;
    max-width: 1280px;
    position: relative;
}

ul.nav-list li::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    height: 4px;
    background: 0px 0px;
    transition: background 0.3s;
}

ul.nav-list li:hover::before, ul.nav-list li.active::before {
    background: rgb(152, 45, 223);
}

ul.nav-list li.active a, ul.nav-list li:hover a {
    color: rgb(152, 45, 223);
}

.headermenu_wrap {
    display: flex;
    height: 100%;
    align-items: center;
}

.header_menu_btn_wrap {
    display: flex;
}

.btn_login {
    color: rgb(255, 255, 255);
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 130px;
    font-weight: 600;
    min-height: 34px;
    transition: background 0.3s;
    background: url(../images/header/Login-Button.png) no-repeat;
    background-size: contain;
    border: none;
}

.btn_login:hover {
    background-color: rgba(130, 56, 179, 0);
    color: rgb(0, 0, 0);
}

.btn_join {
    background-color: rgb(152, 45, 223);
    border: 1px solid rgb(152, 45, 223);
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 80px;
    font-weight: 500;
    min-height: 34px;
    transition: background 0.3s;
}

.btn_join:hover {
    background-color: transparent;
    color: rgb(255, 255, 255);
}

.header_menu_btn_wrap button {
    margin: 0px 5px;
}
.header_menu_btn_wrap button:focus{
    outline: none;
    box-shadow: none;
}

.second_header {
    background-color: rgb(22, 23, 28);
    height: 50px;
    background-size: cover;
}

.second_header_cus {
    display: flex;
    align-items: center;
}

.header_lang_drop .dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: transparent;
    border-color: transparent;
    font-size: 13px;
    position: relative;
}

.header_lang_drop img {
    width: 20px;
}

.header_lang_drop button {
    color: rgb(255, 255, 255);
}

.header_lang_drop .btn:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.header_lang_drop .dropdown-toggle::after {
    position: absolute;
    top: 15px;
    color: rgb(255, 255, 255);
}

.header_top_right {
    height: 100%;
    display: flex;
    align-items: center;
}

.header_lang_drop .dropdown-menu {
    background-color: rgb(37, 37, 37);
    min-width: 314px;
    border-radius: 0px;
}

ul.lang_ul {
    margin: 0px;
    padding: 5px 15px;
    list-style-type: none;
}

ul.lang_ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
    text-align: center;
}

ul.lang_ul li a {
    color: rgb(178, 178, 178);
    font-size: 14px;
    margin: 0px 10px;
}

ul.lang_ul li a::after {
    content: "/";
    margin-left: 10px;
}

ul.lang_ul li a:last-child::after {
    content: "";
}

.sec_wrap {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.sec_wrap a {
    color: rgb(255, 255, 255);
    margin: 0px 10px;
    font-size: 12px;
}

.sec_wrap a:hover {
    color: rgb(130, 56, 179);
}

.sec_tic {
    color: rgb(22, 22, 22);
}

.time {
    color: rgb(255, 255, 255);
    font-size: 12px;
    position: relative;
    padding: 0px 10px;
}

.time::before {
    content: "";
    width: 2px;
    height: 27px;
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: rgb(255, 255, 255);
}

.time::after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

a.refer {
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
}

.marquee_wrap {
    background-color: rgb(37, 37, 37);
    color: #f1d279;
    background: linear-gradient(180deg, rgb(203 5 3) 0%, rgb(116 0 0) 100%);
}

.marquee_custom {
    display: flex;
    font-size: 13px;
    padding: 5px 0px;
}

.step_section {
    /* background: url("../images/index/section.jpg") center top / cover no-repeat rgb(17, 17, 17); */
    /* min-height: 570px; */
    /* height: 100%; */
    /* padding-bottom: 30px; */
}

.step_bar {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px 0px;
    background: linear-gradient(
180deg, rgb(203 5 3) 0%, rgb(116 0 0) 100%);
}

.step_bar ul {
    display: flex;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
    align-items: center;
}

.step_bar ul li {
    display: flex;
    align-items: center;
    min-height: 100px;
}

.step-text {
    margin-left: 10px;
    line-height: 1;
}

.step-text h4 {
    text-transform: uppercase;
    color: #f1d279;
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 1px;
}

.step-text span {
    color: #f1d279;
    font-weight: 500;
    font-size: 14px;
}

.cs_img img {
    width: 50px;
}

.cs_deposit {
    background-image: url("../images/index/deposit.png");
    background-size: 100% 100%;
    background-position: center center;
    width: 384px;
    justify-content: end;
    background-repeat: no-repeat;
}

.cs_deposit .step-text span {
    color: rgb(152, 45, 223);
}

.cs_deposit .step-text {
    margin-right: 50px;
}

.bonus_c_wrap {
    display: grid;
    grid-template-columns: 63% 36%;
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    align-items: center;
}

.bonus_tit {
    color: rgb(215, 172, 40);
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bonus_tit img {
    margin-right: 10px;
}

.bonus_c_wrap_custom {
    width: 100%;
}

.bonus_match_wrap {
    background-color: rgba(255, 255, 255, 0.36);
    padding: 10px;
    height: fit-content;
}

.slidermain_01 {
    width: 77%;
}

.slidermain_02 {
    width: 23%;
}

.slider.slider-single .slick-slide img {
    cursor: pointer;
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.slider.slider-nav .slick-slide .slide_txt {
    width: 145px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.4;
    background-color: rgb(30, 32, 34);
    font-weight: bold;
    text-align: center;
    border-width: 1px 1px 3px;
    border-style: solid;
    border-color: rgb(215, 172, 39);
    border-image: initial;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
    align-items: center;
    height: 56px !important;
    display: flex !important;
}

.slider.slider-nav .slick-slide .slide_txt::after {
    right: 0px;
    border-radius: 35px;
    position: absolute;
    content: "";
    background: rgb(215, 172, 39);
    width: 73px;
    height: 3px;
    left: 0px;
    bottom: 0px;
    transform: perspective(0.5em) rotateX(8deg);
    margin: auto;
}

.slider.slider-nav .slick-slide.slick-active.is-active .slide_txt, .slider.slider-nav .slide_txt:hover {
    opacity: 1;
}

.slider.slider-nav {
    height: 100%;
}

.main_slider_wrap {
    display: flex;
    align-items: center;
}

.slide_img_main {
    position: relative;
}

.slide_img_txt {
    position: absolute;
    bottom: 0px;
    line-height: 1;
    left: 24px;
}

.slide_img_txt01 {
    color: rgb(0, 227, 247);
    font-size: 69px;
    font-weight: 900;
}

.slide_img_txt02 {
    color: rgb(255, 255, 255);
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
}

.slide_img_txt {
    opacity: 0;
}

.slide_img_txt.animate__animated {
    opacity: 1;
}

.animate__animated {
    animation-duration: 0.6s;
    animation-fill-mode: both;
}

.slide_txt {
}

.slide_txt01 {
    color: rgb(0, 227, 247);
    font-size: 17px;
}

.slide_txt02 {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 12px;
}

.more_m {
    background-color: rgb(152, 45, 223);
    border: none;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
}

.bonus_custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.spin_tit {
    color: #f1d279;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

.ribbon_txt {
    position: relative;
    text-align: center;
    display: flex;
    margin-left: 20px;
}

.ribbon_txt span {
    position: absolute;
    font-size: 10px;
    color: rgb(255, 255, 255);
    left: 0px;
    top: 6px;
    right: 0px;
}

.spin_group {
    display: flex;
}

.jackpot_wrap {
    width: 410px;
    position: relative;
}

.jackpot_txt {
    position: absolute;
    bottom: 9%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    color: rgb(215, 172, 40);
    font-size: 24px;
    font-weight: bold;
    text-shadow: rgb(0, 0, 0) 0px 2px 3px;
}

.games-list {
    width: 100%;
    margin-left: 20px;
}

.nav-tabs.index_jack_tab {
    position: relative;
}

.nav-tabs.index_jack_tab .nav-item {
    margin-right: 10px;
}

.nav-tabs.index_jack_tab .nav-item.show .nav-link, .nav-tabs.index_jack_tab .nav-link.active {
    color: rgb(97 45 51);
    background-color: rgb(130, 56, 179);
    border-color: rgb(130 56 179 / 0%);
    background: linear-gradient(
90deg, #bf9652 0%, #faf7d1 18%, #f5dc8c 80%, #a9864c 100%);
}

.nav-tabs.index_jack_tab .nav-link {
    font-size: 13px;
    border: 1px solid rgb(74 73 73 / 0%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: rgb(37, 37, 37);
    font-weight: 500;
    min-width: 150px;
    text-align: center;
}

.nav-tabs.index_jack_tab .nav-link {
    color: rgb(255 255 255);
    background: linear-gradient(90deg, #8d1113 0%, #e01f26 18%, #ab161a 80%, #8d1113 100%);
}

.nav-tabs.index_jack_tab {
    border-bottom: 2px solid rgb(255 0 0);
}

.nav-tabs.index_jack_tab .nav-link:focus, .nav-tabs.index_jack_tab .nav-link:hover {
    color: rgb(0 0 0);
    /* background-color: rgb(130, 56, 179); */
    border-color: rgb(130 56 179 / 0%);
}

a.more_g {
    position: absolute;
    right: 0px;
    color: rgb(0 0 0);
    top: 8px;
    font-size: 13px;
}

.more_g span {
    color: rgb(105, 105, 105);
}

.spin_product {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    padding-top: 20px;
}

.gamebox {
    position: relative;
    overflow: hidden;
    border-bottom: 4px solid rgb(249 0 8);
    border-radius: 10px;
    transform: translateY(0px);
    transition: transform 0.3s, -webkit-transform 0.3s;
  /* 2. Create a gradient border using background-clip/mask method */
  border: 3px solid transparent; /* Set a transparent border width */
  /* Add rounded corners (works with this method) */
 
 /* The trick: stack a white background (clipped to the padding box) over the gradient background (clipped to the border box) */
 background-origin: border-box;
 background-clip: padding-box, border-box; 
 
 /* Define the border gradient on a second background layer */
 background-image: linear-gradient(to right, #8c1013 0%, #e21f26 20%,#e21f26 80%, #8c1013 100%), 
 /* Background gradient */ 
 linear-gradient(to right, #deb964 0%, #e7e5dd 65%, #deb964 100%); /* Border gradient (Orange/Peach) */
}

.playpop {
    display: flex;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    left: 0px;
    right: 0px;
    bottom: 0px;
    transition: 0.3s;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
}

.gamebox:hover .playpop {
    visibility: visible;
    transition: 0.3s;
    height: 100%;
}

.gamebox:hover {
    transform: translateY(-10px);
    box-shadow: rgb(40, 40, 40) 0px 5px 6px;
}

a.play-btn {
    display: block;
    font-size: 15px;
    font-weight: 700;
    width: 97px;
    margin: auto;
    border-radius: 5px;
    padding: 1px 0px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(223, 223, 223);
    transition: 0.5s;
    transform: scale(0.5);
    opacity: 0;
    background-image: linear-gradient(rgb(215 30 36), rgb(154 19 22));
}

.gamebox:hover .playpop a.play-btn {
    opacity: 1;
    transform: scale(1);
    transition: 0.5s;
}

.gamebox_ini {
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    background-color: rgb(19, 19, 19);
    padding: 10px;
    align-items: center;
}

.gamebox_ini img {
    width: 17px;
    height: 15px;
}

.index_live_wrap {
    background-color: rgb(25, 25, 25);
    padding: 30px 0px;
}

.live_tit {
    color: rgb(255, 255, 255);
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

.live_group {
    display: flex;
}

.live_wrap {
    min-width: 437px;
}

.live-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-left: 20px;
}

.live_group img {
    transition: 0.5s;
}

.live_group img:hover {
    transform: scale(1.1);
    transition: 0.5s;
}

.download_index_wrap {
    padding: 30px 0px;
}

.dw_tit {
    color: rgb(215, 172, 40);
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
}

.footer_wrap {
    background-color: rgb(25, 25, 25);
    padding: 30px 0px 0px;
    background: url(../images/footer/FooterBackground.jpg) no-repeat;
    background-size: 100% 100%;
}

.top_footer_wrap {
    display: grid;
    grid-template-columns: 30% 68%;
    gap: 20px;
    padding-bottom: 30px;
}

ul.provider {
    padding: 0px;
    margin: 0px;
    display: block;
    list-style-type: none;
}

ul.provider .title {
    color: rgb(255, 255, 255);
    font-size: 13px;
}

ul.provider li a {
    color: rgb(80, 83, 91);
    font-size: 12px;
}

ul.provider li a:hover {
    color: rgb(152, 45, 223);
    border-bottom: 1px solid rgb(152, 45, 223);
}

ul.provider.p_img li {
    margin-bottom: 15px;
}

ul.provider.p_img li img {
    filter: grayscale(100%);
}

ul.provider.p_img li img:hover {
    filter: grayscale(0);
}

.icon-android-footer {
    display: inline-block;
    width: 29px;
    height: 29px;
    fill: rgb(162, 170, 189);
}

.icon-ios-footer {
    display: inline-block;
    width: 29px;
    height: 29px;
    fill: rgb(162, 170, 189);
}

.icon-ios-footer:hover {
    fill: rgb(239, 239, 239);
    cursor: pointer;
    opacity: 1 !important;
}

.icon-android-footer:hover {
    fill: rgb(133, 200, 8);
    cursor: pointer;
    opacity: 1 !important;
}

.Copyright {
    font-size: 11px;
    color: rgb(255, 255, 255);
}

.bottom_footer_wrap {
    border-top: 1px solid rgb(234 222 183);
    border-bottom: 1px solid rgb(231 215 163);
    padding: 30px 0px;
}

.seo-content-wrap {
    color: rgb(179, 179, 179);
    font-size: 12px;
}

.seo-content-wrap h1 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
}

.seo-content-wrap h2 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
}

.seo-content-wrap a {
    color: rgb(152, 45, 223);
}

.seo-toogle-button p {
    color: rgb(71, 73, 80);
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px solid rgb(71, 73, 80);
}

.footerlogo {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 30px;
}

.footerlogo img {
    filter: grayscale(100%);
    width: 130px;
}

.footerlogo img:hover {
    filter: grayscale(0);
    width: 130px;
}

.f_download_t {
    background-color: rgb(36, 36, 36);
    border-radius: 5px 0px;
    color: rgb(255, 20, 0);
    font-weight: 900;
    padding: 10px 10px 0px 56px;
    position: relative;
    font-size: 12px;
}

.crown_cus {
    position: absolute;
    bottom: -24px;
    left: 5px;
}

.crown_cus_m {
    width: 80px;
    position: absolute;
    top: -43px;
    right: 1px;
}

.f_download_b {
    background-color: rgb(0, 0, 0);
    padding: 30px 10px 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin-bottom: 20px;
}

.f_download_b_cus img {
    width: 45px;
}

.f_download_b_cus {
    display: flex;
    width: 100%;
    color: rgb(255, 255, 255);
    justify-content: space-between;
}

.download_btn_f {
    background-color: rgb(255, 20, 0);
    padding: 3px;
    border-radius: 5px;
    color: rgb(255, 255, 255) !important;
}

#loginmodal .modal-content, #forgotmodal .modal-content {
    background-color: rgb(22, 22, 22);
    border-radius: 15px;
    border: 1px solid rgba(152, 45, 223, 0.42);
}

#loginmodal .modal-header, #forgotmodal .modal-header {
    border-bottom: none;
    padding: 7px 15px 0px;
}

#loginmodal .close, #forgotmodal .close {
    opacity: 1;
    filter: grayscale(1);
}

#loginmodal .modal-body, #forgotmodal .modal-body {
    padding-top: 0px;
    padding-bottom: 43px;
    width: 400px;
    margin: auto;
    color: rgb(255, 255, 255);
}

.modal_logo {
    margin-bottom: 42px;
}

.input-item {
    display: block;
}

.modal_input {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(152, 45, 223);
    border-radius: 5px;
    height: 35px;
}

.input_wrap {
    margin-left: 10px;
    min-width: 272px;
}

#loginmodal .input_wrap {
    margin: 0px;
}

input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.btn-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}

#loginmodal .modal-dialog, #forgotmodal .modal-dialog {
    max-width: 600px;
}

.btn-item a {
    color: rgb(255, 255, 255);
    margin-right: 43px;
}

.btn-item .btn_join {
    min-width: 103px;
    background-color: rgba(152, 45, 223, 0);
    color: rgb(255, 255, 255);
}

#loginmodal .modal-footer {
    text-align: center;
    display: block;
    color: rgb(255, 255, 255);
    font-size: 13px;
    border-top: none;
    width: 400px;
    margin: auto;
}

#loginmodal .modal-footer a {
    color: rgb(152, 45, 223);
}

.forgot_txt {
    max-width: 330px;
    font-size: 12px;
    text-align: center;
    display: block;
    margin: auto;
    padding-bottom: 36px;
}

.modal_forgot_tit {
    font-size: 24px;
    font-weight: bold;
}

.forgot_txt a {
    color: rgb(152, 45, 223);
}

#forgotmodal .btn-item {
    margin-left: 213px;
}

.inner_main_body {
    background-color: rgb(17, 17, 17);
    min-height: 500px;
    background-position: center top;
    background-repeat: no-repeat;
}

.inner_product_content {
    width: 400px;
    text-align: center;
    margin-right: auto;
    padding-top: 110px;
}

.inner_product_txt {
    color: rgb(255, 255, 255);
}

.inner_product_content .btn_join {
    min-width: 150px;
    margin-top: 30px;
    min-height: 45px;
}

.inner_product_btn ul {
    list-style: none;
    display: flex;
    flex-flow: row;
    place-content: stretch center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
}

.inner_product_btn_cus .grey {
    display: block;
}

.inner_product_btn_cus .ori {
    display: none;
}

.inner_product_btn_cus.active .grey, .inner_product_btn_cus:hover .grey {
    display: none;
}

.inner_product_btn_cus.active .ori, .inner_product_btn_cus:hover .ori {
    display: block;
}

.inner_product_btn_cus.active {
    transform: translateY(-9px);
}

.inner_product_btn_cus:hover {
    transform: translateY(-9px);
}

.inner_product_bg {
    width: 155px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 1;
    background-color: rgb(17, 17, 17);
    font-weight: bold;
    text-align: center;
    border-width: 1px 1px 3px;
    border-style: solid;
    border-color: transparent transparent rgb(152, 45, 223);
    padding: 5px 5px 8px;
    min-height: 74px;
    margin: 0px 10px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    justify-content: center;
}

.inner_product_bg::after {
    right: 0px;
    border-radius: 35px;
    position: absolute;
    content: "";
    background: rgb(152, 45, 223);
    width: 73px;
    height: 3px;
    left: 0px;
    bottom: 0px;
    transform: perspective(0.5em) rotateX(8deg);
    margin: auto;
}

.inner_product_btn {
    padding-top: 84px;
    padding-bottom: 34px;
}

.all_page_over {
    overflow: hidden;
}

.slots_jackpot {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 255px;
}

.slots_jackpot_txt {
    position: absolute;
    color: rgb(255, 255, 255);
    font-size: 5em;
    background: -webkit-linear-gradient(top, rgb(56, 43, 12), rgb(244, 236, 168), rgb(255, 224, 163), rgb(90, 65, 20)) text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.slots_filter_wrap {
    padding: 8px 15px;
    background-color: rgb(26, 26, 26);
    display: grid;
    grid-template-columns: 830px auto;
    border-radius: 10px;
    margin: 0px;
    align-items: center;
}

ul.slots_menu {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

ul.slots_menu li {
    max-width: 200px;
    margin-bottom: 0px;
    padding: 0px 30px;
}

ul.slots_menu li:not(:last-child) {
    border-right: 0.01rem solid rgb(113, 113, 113);
}

ul.slots_menu li a {
    color: rgb(163, 170, 189);
    font-size: 16px;
}

ul.slots_menu li.active a, ul.slots_menu li:hover a {
    color: rgb(235, 28, 33);
}

.fa-search {
    color: rgb(0, 0, 0);
}

.seach_cus, .btn.btn-link {
    background-color: rgb(209, 210, 215);
}

.slots_products_wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 20px 0px 40px;
}

.slots_container {
    max-width: 1366px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 30px;
}

.slots_search {
    display: flex;
    align-items: center;
    justify-self: self-end;
}

a.more_g_slots {
    color: rgb(152, 45, 223);
    font-size: 13px;
    padding-bottom: 30px;
}

.more_g_slots span {
    color: rgb(255, 255, 255);
}

.slot_overall_wrap {
    display: grid;
    grid-template-columns: 200px auto;
    margin-top: 20px;
    gap: 10px;
}

ul.brand-list {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    background-color: rgb(22, 22, 22);
}

ul.brand-list li a {
    display: flex;
    color: rgb(119, 119, 119);
    align-items: center;
    justify-content: left;
    margin-left: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
    font-size: 14px;
    padding: 11px 5px;
}

ul.brand-list li.active a, ul.brand-list li:hover a {
    color: rgb(235, 28, 33);
}

ul.brand-list li a img {
    margin-right: 10px;
    width: 41px;
}

ul.brand-list li a img.img_slot {
    display: none;
}

ul.brand-list li.active a img.img_slot, ul.brand-list li:hover a img.img_slot {
    display: block;
}

ul.brand-list li.active a img.img_slot_grey, ul.brand-list li:hover a img.img_slot_grey {
    display: none;
}

ul.brand-list li {
    position: relative;
}

.inn_hoticon {
    position: absolute;
    width: 36px;
}

.poker_step_bar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding-top: 200px;
    padding-bottom: 50px;
    gap: 35px;
}

.poker_step_inn {
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    font-size: 13px;
}

.poker_org_txt {
    color: rgb(152, 45, 223);
}

.poker_step_inn img {
    margin-right: 10px;
}

.poker_step_inn_cus {
    width: 290px;
}

.poker_sec_02 {
    border-top: 2px solid rgb(49, 49, 49);
    border-bottom: 2px solid rgb(49, 49, 49);
    padding: 50px 0px;
    display: flex;
    justify-content: space-between;
}

.poker_details_box {
    display: grid;
    flex-flow: wrap;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    width: 689px;
}

.poker_box {
    display: flex;
    color: rgb(124, 129, 143);
    font-size: 13px;
}

.poker_box img {
    height: fit-content;
    width: 37px;
    margin-right: 14px;
}

.poker_box_con {
    margin-top: 10px;
}

.poker_box_con .poker_org_txt {
    margin-bottom: 10px;
}

.poker_sec_03 {
    padding: 30px 0px 100px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    color: rgb(124, 129, 143);
    font-size: 13px;
}

.poker_sec_03 h4 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.mix {
    display: none;
}

.filter-menu-bar {
    display: flex;
    justify-content: start;
    overflow: hidden;
}

.pmbox_1st {
    margin-left: -10px;
}

.pmbox {
    background: none;
    color: rgb(162, 168, 184);
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
    min-width: 115px;
    text-align: center;
    border-right: 1px solid rgb(59, 59, 59);
}

.pmbox:last-child {
    border-right: none;
}

.pmbox.active {
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pmbox.active > * {
}

.promo-content {
    display: grid;
    gap: 15px;
    padding-bottom: 20px;
    grid-template-columns: repeat(3, 1fr);
}

.pm-boxer {
    display: grid;
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    align-content: center;
    margin: 15px 0px 0px;
    color: rgb(255, 255, 255);
}

.pm-boxer_inner {
    display: grid;
    padding: 20px;
    text-align: left;
    background-color: rgb(37, 37, 37);
    font-size: 12px;
    color: rgb(162, 170, 189);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pm-boxer_inner_sec {
    display: flex;
    align-items: flex-end;
    justify-content: left;
    margin: 10px 0px;
}

.pm-boxer img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.moreinfo_btn {
    background-color: rgb(152, 45, 223);
    color: rgb(255, 255, 255);
    font-weight: 500;
    text-transform: uppercase;
    height: 34px;
    font-size: 13px;
    min-width: 130px;
    margin-right: 15px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.apply_btn {
    background: rgba(162, 170, 189, 0);
    color: rgb(152, 45, 223);
    font-weight: 500;
    text-transform: uppercase;
    min-width: 130px;
    height: 34px;
    font-size: 13px;
    border: 1px solid rgb(152, 45, 223);
    border-radius: 5px;
}

.moreinfo_btn:hover {
    background-color: transparent;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(152, 45, 223);
}

.apply_btn:hover {
    background-color: rgb(152, 45, 223);
    color: rgb(255, 255, 255);
}

.text_red {
    color: red;
}

.text_blue {
    color: blue;
}

.modal-dialog.promo {
    max-width: 800px !important;
}

.modal-content.promo {
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    background: rgb(15, 15, 15);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(152, 45, 223);
}

button.close-promo {
    background: none;
    border: none;
    font-size: 23px;
    padding: 17px;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    right: 0px;
    top: 0px;
    color: rgb(255, 255, 255);
}

.pm-title-wrapper {
    font-size: 20px;
    font-weight: 700;
    background: rgb(152, 45, 223);
    color: rgb(255, 255, 255);
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.pmtable-wrapper {
    margin: 15px 0px;
}

table.promo-table tr th {
    color: rgb(255, 255, 255);
    background: rgb(152, 45, 223);
    padding: 4px;
    border: 1px solid rgb(152, 45, 223);
}

table.promo-table tr td {
    border: 1px solid rgb(152, 45, 223);
}

.gr-title {
    font-weight: 700;
    font-size: 16px;
}

.grlist ul {
    padding-left: 20px;
    margin-top: 5px;
}

.grlist ul li {
    padding-bottom: 3px;
    font-size: 14px;
}

.promo_body {
    padding-top: 100px;
}

.promo_wrap {
    min-height: 600px;
}

.filter_wrap {
    padding-top: 20px;
}

.pmbox .poker_org_txt {
    margin-left: 5px;
}

.pm-boxer_inner h4 {
    display: flex;
    justify-content: left;
    font-size: 20px;
    align-items: center;
    font-weight: 900;
    color: rgb(255, 255, 255);
}

.pm-boxer_inner h4 img {
    margin-right: 10px;
}

.inner_product_content.vip_wrap {
    width: 400px;
    text-align: left;
    margin-left: auto;
    padding-top: 110px;
}

.status_wrapper {
    margin-top: 30px;
}

.vip_tit {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}

.vip_con {
    font-size: 13px;
    margin-bottom: 20px;
}

.vip_status_wrap {
    display: grid;
    grid-template-columns: 279px auto;
    padding-top: 0px;
    padding-bottom: 30px;
}

.vip_status_wrap img {
    width: 210px;
}

.progress-bar {
    position: relative;
    overflow: hidden;
    height: 30px;
    margin-top: 10px;
    border-radius: 30px;
    background: repeating-linear-gradient(35deg, rgb(59, 63, 76), rgb(59, 63, 76) 1rem, rgb(17, 17, 17) 0px, rgb(17, 17, 17) 1.2rem);
}

.progress-bar > span {
    position: relative;
    display: block;
    height: 100%;
}

.progress-bar > span::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: repeating-linear-gradient(35deg, rgb(152, 45, 223), rgb(152, 45, 223) 1rem, rgb(17, 17, 17) 0px, rgb(17, 17, 17) 1.2rem);
}

.current-status-text {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-around;
}

.current-status h4 {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.status-bottom h6 {
    margin: 0px;
    padding: 41px 0px 0px;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.status-bottom h6::before {
    width: 1px;
    height: 27px;
    position: absolute;
    background: rgb(255, 255, 255);
    bottom: 20px;
    left: 50%;
    content: "";
    transform: translateX(-50%);
}

.status-bottom p {
    color: rgb(112, 112, 112);
    font-size: 13px;
    padding: 7px 0px 0px;
    line-height: 13px;
    text-align: center;
    font-weight: bold;
}

.vip span {
    text-shadow: rgb(0, 0, 0) 1px 3px 4px;
}

.status-bottom span {
    display: block;
}

.grey-color {
    color: rgb(165, 165, 165);
}

.gold-color {
    color: rgb(163, 136, 66);
}

.blue-color {
    color: rgb(165, 192, 212);
}

.purple-color {
    color: rgb(125, 109, 170);
}

.brown-color {
    color: rgb(240, 199, 131);
}

.elite-color {
    color: rgb(192, 160, 110);
}

.progress_percent_bronze {
    width: 10%;
}

.progress_percent_silver {
    width: 29%;
}

.progress_percent_gold {
    width: 50%;
}

.progress_percent_platinum {
    width: 72%;
}

.progress_percent_diamond {
    width: 100%;
}

.vip_table {
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    background: rgb(17, 17, 17);
    border: 1px solid rgb(37, 37, 37);
    border-radius: 10px;
    overflow: hidden;
}

.icon_1st {
    content: "";
    min-height: 28px;
}

.txt_yellow {
    color: rgb(255, 255, 255);
}

.vip_line hr {
    border-top: 1px solid rgb(175, 175, 175);
}

table.vip_table tbody tr td:first-child {
    text-align: left;
    background-color: rgb(17, 17, 17);
}

table.vip_table tbody tr td img {
    width: 100px;
}

table.vip_table tbody tr td {
    padding: 11px;
    border-right: 1px solid rgb(37, 37, 37);
}

table.vip_table tbody tr:first-child td {
    border-right: none;
    color: rgb(215, 172, 40);
}

table.vip_table tbody tr td.text-left {
    text-transform: uppercase;
    background-color: rgb(37, 37, 37);
    color: rgb(215, 172, 40);
    padding: 5px 5px 5px 10px;
}

.vip_pri {
    font-size: 20px;
    vertical-align: bottom;
    background-color: transparent !important;
}

.vip_bom_img {
    text-align: center;
    padding-top: 30px;
}

.details_bg {
    background-color: rgb(37, 37, 37);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    height: 100%;
    min-height: 500px;
    padding: 50px;
    color: rgb(255, 255, 255);
}

.details_bg hr {
    border-top: 1px solid rgb(67, 67, 67);
}

.details_out_wrap {
    padding-top: 50px;
}

.details_bg h2 {
    color: rgb(215, 172, 40);
    font-weight: bold;
}

.details_bg p {
    color: rgb(255, 255, 255);
    font-size: 17px;
}

.faq-card, .tnc-card {
    border-bottom: 1px solid rgb(211, 211, 211);
}

button.btn-tnc {
    background: rgb(60, 60, 60);
    color: rgb(255, 255, 255);
    font-size: 16px;
    border: none;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px;
    position: relative;
}

button.btn-tnc.collapsed {
    background: none;
    color: rgb(115, 115, 115);
}

.tnc-body {
    padding: 20px 15px;
    color: rgb(141, 141, 141);
}

button.btn-tnc::after {
    content: ">";
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 17px;
    top: 17px;
    transform: rotate(270deg);
    transition: 0.3s;
}

button.btn-tnc.collapsed::after {
    content: ">";
    transform: rotate(90deg);
    transition: 0.3s;
}

.afterlogin_bg_wrap {
    padding-top: 30px;
}

.afterlogin_bg {
    display: grid;
    grid-template-columns: 200px auto;
}

.sidebarpanel_menu {
    background-color: rgb(37, 37, 37);
    padding: 20px;
    height: 100%;
    min-height: 500px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sidebarpanel_menu hr {
    border-top: 1px solid rgba(217, 217, 217, 0.21);
}

.id_user {
    font-weight: bold;
    padding-top: 20px;
}

.id_lvl {
    line-height: 1;
    padding-top: 10px;
    color: rgb(124, 140, 139);
}

.side_tit {
    font-weight: bold;
    color: rgb(210, 171, 34);
}

ul.side_ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    font-size: 13px;
}

ul.side_ul li {
    margin: 14px 0px;
    position: relative;
    color: rgb(124, 140, 139);
}

ul.side_ul li.active::before, ul.side_ul li:hover::before {
    content: "";
    width: 10px;
    height: 24px;
    border-left: 4px solid rgb(150, 45, 223);
    position: absolute;
    left: -20px;
}

ul.side_ul li a {
    color: rgb(124, 140, 139);
}

ul.side_ul li.active a, ul.side_ul li:hover a {
    color: rgb(150, 45, 223);
    font-weight: bold;
}

.sidebarpanel_content {
    margin-left: 13px;
}

.sidebarpanel_content_top {
    padding: 30px;
    background-color: rgb(37, 37, 37);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sidebarpanel_content_top_1 {
    display: flex;
    font-size: 13px;
}

.sidebarpanel_content_top_inn {
    display: flex;
    color: rgb(165, 165, 165);
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    border-right: 1px solid rgb(165, 165, 165);
    padding-right: 20px;
}

.sidebarpanel_content_top_1 .sidebarpanel_content_top_inn:last-child {
    border-right: none;
}

.sidebarpanel_content_top_inn img {
    width: 62px;
    margin-right: 10px;
}

.sidebarpanel_content_top_txt {
    line-height: 1;
}

.wallet_bal {
    display: flex;
    align-items: center;
}

.sidebarpanel_content_top_2 {
    color: rgb(165, 165, 165);
}

.wallet_b {
    color: rgb(255, 255, 255);
    font-size: 28px;
    margin-left: 10px;
}

.wallet_r {
    font-size: 21px;
    color: rgb(152, 45, 223);
    margin: 0px 10px;
}

.wallet_res_btn {
    background-color: rgb(152, 45, 223);
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 36px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    padding: 10px;
}

.sidebarpanel_content_bottom {
    min-height: 500px;
    background-color: rgb(25, 25, 25);
    padding: 30px;
}

.sidebarpanel_from_wrap {
    display: grid;
    grid-template-columns: 200px auto;
    margin-bottom: 20px;
    font-size: 13px;
    color: rgb(165, 165, 165);
}

.panel_wrap_bgpanel_wrap_bg {
    background: rgb(242, 241, 241);
    border-radius: 5px;
}

.requie {
    color: red;
}

ul.nav-tabs.deposit_tabs {
    background-color: rgb(242, 241, 241);
    border-bottom: 0px;
    padding: 0px;
    border-radius: 5px;
}

.nav-tabs.deposit_tabs .nav-item.show .nav-link, .nav-tabs.deposit_tabs .nav-link.active {
    background-color: transparent;
    border-radius: 0px;
    border-right: 1px solid transparent;
    color: rgb(152, 45, 223);
}

.nav-tabs.deposit_tabs .nav-link {
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-right: 1px solid transparent;
    color: rgb(73, 80, 87);
    font-size: 12px;
    position: relative;
}

.nav-tabs.deposit_tabs .nav-item:last-child .nav-link {
    border-right: 1px solid transparent;
}

.nav-tabs.deposit_tabs .nav-link img {
    filter: grayscale(1);
    height: 26px;
}

.nav-tabs.deposit_tabs .nav-link.active img {
    filter: grayscale(0);
}

.nav-tabs.deposit_tabs .nav-item {
    margin-bottom: -1px;
    min-width: 100px;
    text-align: center;
}

.nav-tabs.deposit_tabs .nav-link::after {
    content: "";
    height: 35px;
    border-right: 1px solid rgb(200, 200, 200);
    position: absolute;
    right: 0px;
    top: 15px;
}

.nav-tabs.deposit_tabs li:last-child .nav-link::after {
    content: "";
    height: 35px;
    border-right: 1px solid transparent;
    position: absolute;
    right: 0px;
    top: 15px;
}

ul.deposit_bank_pro {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}

ul.deposit_bank_pro {
    background-color: rgb(242, 241, 241);
    border-bottom: 0px;
    padding: 10px 0px;
    border-radius: 5px;
}

ul.deposit_bank_pro li a {
    color: rgb(73, 80, 87);
    font-size: 12px;
    filter: grayscale(1);
    position: relative;
    padding: 0px 20px;
}

ul.deposit_bank_pro li.active a {
    font-size: 12px;
    filter: grayscale(0);
    color: rgb(152, 45, 223);
}

ul.deposit_bank_pro li a::after {
    content: "";
    height: 22px;
    border-right: 1px solid rgb(200, 200, 200);
    position: absolute;
    right: 0px;
    top: -1px;
}

ul.deposit_bank_pro li:last-child a::after {
    content: "";
    height: 22px;
    border-right: 1px solid transparent;
    position: absolute;
    right: 0px;
    top: 0px;
}

.sidebarpanel_content input.form-control, .sidebarpanel_content select.form-control {
    height: 30px;
    width: 70%;
    font-size: 13px;
}

.form-control:focus {
    color: rgb(73, 80, 87);
    background-color: rgb(255, 255, 255);
    border-color: rgb(152, 45, 223);
    outline: 0px;
    box-shadow: rgba(152, 45, 223, 0.07) 0px 0px 0px 0.2rem;
}

.btn_submit {
    background-color: rgb(152, 45, 223);
    border: 1px solid rgb(152, 45, 223);
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 80px;
    font-weight: 700;
    min-height: 34px;
    color: rgb(255, 255, 255);
    transition: background 0.3s;
}

.btn_submit:hover {
    background-color: transparent;
    border: 1px solid rgb(152, 45, 223);
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 80px;
    font-weight: 700;
    min-height: 34px;
    transition: background 0.3s;
    color: rgb(73, 80, 87);
}

.sidepanel_important {
    background-color: rgb(242, 241, 241);
    padding: 15px;
    border-radius: 5px;
    width: 400px;
}

.sidepanel_important h4 {
    color: rgb(152, 45, 223);
    font-size: 13px;
    font-weight: bold;
}

.sidepanel_important ul {
    padding: 0px;
    list-style-type: none;
    font-size: 12px;
}

.withdrawal table {
    border-collapse: collapse;
    width: 100%;
    color: rgb(0, 0, 0);
}

.withdrawal table th {
    border: 1px solid rgb(213, 213, 213);
    text-align: center;
    padding: 8px;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    background-color: rgba(129, 157, 187, 0.15);
}

.withdrawal table td {
    text-align: left;
    padding: 8px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(213, 213, 213);
}

.withdrawal table td:first-child {
    text-align: right;
}

.withdrawal.rebate_custom table td {
    text-align: center;
}

.wallet_head_bal {
    color: rgb(255, 255, 255);
    margin-left: 13px;
    border-right: 1px solid rgb(93, 93, 93);
    padding-right: 8px;
}

.wallet_head_bal i {
    color: rgb(152, 45, 223);
    padding: 0px 10px;
}

ul.head_list {
    margin: 0px;
    padding: 0px 15px;
    list-style-type: none;
}

ul.head_list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 8px 0px;
}

ul.head_list li a {
    color: rgb(178, 178, 178);
    font-size: 12px;
    margin: 0px 10px;
}

.header_lang_drop.head_list_drop .dropdown-menu {
    background-color: rgb(15, 15, 15);
    min-width: 162px;
    border-radius: 0px;
}

.wallet_bal_cat {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.transfer_amt_box_t {
    background-color: rgb(202, 202, 202);
    display: flex;
    color: rgb(63, 63, 63);
    padding: 3px 5px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.transfer_amt_box_b {
    display: grid;
    grid-template-columns: 48px auto;
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
    color: rgb(152, 45, 223);
    align-items: center;
    padding: 5px;
}

.transfer_tit {
    font-weight: bold;
    color: rgb(152, 45, 223);
    font-size: 18px;
}

.transfer_amt_box_t img {
    width: 40px;
    height: 40px;
}

.wallet_wrap {
    margin-bottom: 30px;
}

.btn_allin {
    border: 1px solid rgb(152, 45, 223);
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 63px;
    font-weight: 700;
    min-height: 26px;
    color: rgb(255, 255, 255);
    transition: background 0.3s;
    background-color: transparent;
    font-size: 13px;
}

.btn_allin:hover {
    background-color: rgb(152, 45, 223);
    border: 1px solid rgb(152, 45, 223);
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 63px;
    font-weight: 700;
    min-height: 26px;
    transition: background 0.3s;
    color: rgb(255, 255, 255);
}

.wallet_wrap hr {
    margin-top: 5px;
}

.history_search {
    display: flex;
    align-items: center;
}

.history_search span {
    margin: 0px 10px;
}

.history_search input.form-control {
    width: 26%;
}

.history_table_wrap {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px 0px 20px;
}

.history_table_wrap thead tr {
    background-color: rgb(47, 47, 47);
    color: rgb(255, 255, 255);
}

.history_table_wrap thead tr td:first-child {
    border-radius: 5px 0px 0px 5px;
}

.history_table_wrap thead tr td:last-child {
    border-radius: 0px 5px 5px 0px;
}

.history_table_wrap thead tr td {
    padding: 10px;
}

.history_table_wrap tbody tr td {
    padding: 10px;
    color: rgb(255, 255, 255);
}

.history_table_wrap tbody tr {
    border-bottom: 1px solid rgb(200, 200, 200);
}

.inbox_msg_text {
    color: rgb(152, 45, 223);
    cursor: pointer;
    width: 55%;
}

.profile_main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: rgb(136, 136, 136);
    column-gap: 5px;
    font-size: 13px;
}

.profile_main_title {
    color: rgb(152, 45, 223);
}

.profile_main_bg {
}

.bank_details_content {
    display: flex;
    align-items: center;
}

.rebate_qr {
    width: 200px;
}

.register_bg {
    padding-top: 30px;
    max-width: 700px;
    margin: auto;
    padding-bottom: 30px;
}

.register_top {
    background-color: rgb(152, 45, 223);
    display: flex;
    position: relative;
    padding: 13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    width: 100%;
    justify-content: center;
}

.step_tit {
    font-size: 16px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

.reg_close {
    position: absolute;
    right: 10px;
    top: 8px;
}

.register_bottom {
    background-color: rgb(229, 229, 229);
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.register_step_row {
    display: flex;
    justify-content: space-between;
}

.register_form_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding-top: 20px;
}

.input_wrap {
    margin: 20px 0px;
}

.btn_reg {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 30px;
}

.input_wrap .form-control {
    height: 45px;
    background-color: transparent;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 10px;
}

.rigi_tit {
    font-weight: bold;
    font-size: 23px;
    color: rgb(152, 45, 223);
}

ul.regi_ul {
    padding: 0px;
    list-style-type: none;
}

.phone_wrap {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 10px;
    align-items: center;
}

.download_bg {
    width: 550px;
    margin-left: auto;
}

ul.nav-tabs.download_ul li {
    width: 50%;
    text-align: center;
}

ul.nav-tabs.download_ul {
    border-bottom: none;
}

.nav-tabs.download_ul .nav-link {
    border: 1px solid transparent;
    background-color: rgb(40, 42, 44);
    color: rgb(255, 255, 255);
}

.nav-tabs.download_ul .nav-item.show .nav-link, .nav-tabs.download_ul .nav-link.active {
    color: rgb(255, 255, 255);
    border-color: rgb(152, 45, 223);
    background-color: rgb(152, 45, 223);
}

.nav-tabs.download_ul li:first-child .nav-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0rem;
}

.nav-tabs.download_ul li:last-child .nav-link {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0rem;
}

.download_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 20px 0px;
}

.download_inner {
    min-height: 700px;
}

.download_btn_wrap {
    display: flex;
}

.download_btn_left {
    border: none;
    background-color: rgb(68, 70, 75);
    color: rgb(255, 255, 255);
    font-size: 11px;
    padding: 4px;
    width: 100%;
}

.download_btn_right, .download_btn_right_ios {
    border: none;
    background-color: rgb(45, 47, 51);
    color: rgb(255, 255, 255);
    font-size: 11px;
    padding: 4px;
    width: 100%;
}

.download_btn_left:hover, .download_btn_right:hover, .download_btn_right_ios:hover {
    background-color: rgb(152, 45, 223);
}

.download_title {
    background-color: rgb(25, 25, 25);
    color: rgb(207, 207, 207);
    font-size: 15px;
    padding: 2px;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 4px solid rgb(66, 66, 66);
    text-transform: uppercase;
}

.qr_download_wrap {
    position: relative;
}

.qr_download {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    text-align: center;
    inset: 0px;
    margin: auto;
    position: absolute;
}

.qr_download img {
    width: 60px;
    margin: auto;
    padding-top: 25px;
}

.dl {
    max-width: 500px;
    margin: auto;
}

.dl table {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.dl table th {
    border: 1px solid rgb(152, 45, 223);
    text-align: center;
    padding: 8px;
    background-color: rgb(45, 47, 51);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 500;
}

.dl table td {
    text-align: left;
    padding: 8px;
    background-color: rgb(45, 47, 51);
    border: 1px solid rgb(152, 45, 223);
    color: rgb(255, 255, 255);
}

.dl .username_custom {
    color: rgb(152, 45, 223);
}

#sticky.stick {
    position: fixed;
    top: 124px;
    z-index: 10000;
    border-radius: 0px;
    background-color: rgb(17, 17, 17);
    left: 0px;
    right: 0px;
    margin: auto;
    width: 1107px;
}

.input_main_txt {
    color: rgb(152, 45, 223);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 7px;
}

.header_lang_drop .dropdown-toggle .badge {
    position: absolute;
    top: -2px;
    right: 7px;
    padding: 3px 5px;
    border-radius: 50%;
    background: red;
    color: white;
}

.msg_cus {
    position: relative;
}

.msg_cus .badge {
    position: absolute;
    top: -2px;
    right: 41px;
    padding: 3px 5px;
    border-radius: 50%;
    background: red;
    color: white;
    font-size: 9px;
}

.login_wrap .register_top {
    background-color: rgb(22, 22, 22);
    display: flex;
    position: relative;
    padding: 13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    width: 100%;
    justify-content: center;
    min-height: 51px;
}

.login_wrap .register_bottom {
    background-color: rgb(22, 22, 22);
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.login_wrap {
    color: rgb(255, 255, 255);
    font-size: 13px;
}

.login_body {
    padding: 20px;
    width: 430px;
    margin: auto;
}

.login_wrap a {
    color: rgb(152, 45, 223);
}

.video_intro_wrap {
    display: grid;
    grid-template-columns: 450px auto;
    margin-bottom: 30px;
}

.video_intro_tabs {
    display: grid;
    grid-template-columns: 220px auto;
}

.video_intro_wrap .nav-pills .nav-link.active, .video_intro_wrap .nav-pills .show > .nav-link {
    color: rgb(255, 255, 255);
    background-color: transparent;
}

.video_intro_wrap .nav-pills a.nav-link {
    color: rgb(0, 0, 0);
}

.video_intro_wrap .nav-pills a.nav-link .video_intro_tabs_title {
    color: rgb(0, 0, 0);
    margin-bottom: 15px;
    font-weight: 900;
}

.video_intro_wrap .nav-pills a.nav-link.active .video_intro_tabs_title {
    color: #f1d279;
}

.video_intro_wrap .nav-pills a.nav-link.active .video_intro_tabs_con {
    color: rgb(255 255 255);
}

.index_miss_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 25px 0px 20px;
}

.index_miss_all {
    width: auto;
    height: 226px;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 0px 15px;
    position: relative;
}

.index_miss_all .hover-box {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    transition: height 0.3s, opacity 0.3s;
    transform-origin: center bottom;
    height: 0px;
    opacity: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 15px;
}

.index_miss_all:hover .hover-box {
    opacity: 1;
    height: 226px;
}
.index_miss_all .bottom{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6vh;
    margin: auto;
}
.index_miss_all .bottom-box {
    width: 70%;
    height: 80px;
    position: absolute;
    left: 0px;
    bottom: 40px;
    overflow: hidden;
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
    transform: translateY(55px);
    opacity: 0;
    visibility: hidden;
    background: url("../images/index/ply-btn.png") no-repeat;
    background-size: contain;
    right: 0;
    margin: auto;
}

.index_miss_all:hover .bottom-box {
    transform: translateY(0px);
    opacity: 1;
    visibility: unset;
}

.index_miss_all .bottom::before {
    height: 32px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    transition: background 0.5s;
    position: absolute;
}

.index_miss_all .bottom::after {
    width: 5.33rem;
    height: 30px;
    left: 36%;
    bottom: 37px;
    transform: perspective(0.5em) rotateX(8deg);
    transition: background 0.5s;
    position: absolute;
}

.index_miss_all .bottom span {
    cursor: pointer;
    font-size: 1.5em;
    position: absolute;
    left: 0px;
    right: 0px;
    font-weight: 900;
    color: rgb(255, 255, 255);
    text-shadow: black 0px 0px 7px;
    text-transform: uppercase;
    /* bottom: 0; */
    margin: auto;
}

.index_miss_con {
    color: rgb(97 45 51);
    font-size: 12px;
    margin-top: 24px;
    font-weight: 700;
}

.panel_usdt_wrap {
}

.panel_usdt_wrap_sel {
    border: 1px solid rgb(40, 162, 125);
    width: 100px;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    background-color: rgb(242, 241, 241);
}

.panel_usdt_wrap_sel img {
    display: block;
    margin: auto;
}

.panel_usdt_wrap_remark {
    padding: 15px;
    margin-top: 10px;
    border: 1px solid rgb(219, 219, 219);
    border-radius: 5px;
}

.qr_main {
    color: rgb(0, 82, 155);
}

.qr_main img {
    width: 150px;
}

.wallet_copy {
    display: flex;
    align-items: center;
    width: 72%;
}

.wallet_copy input {
    margin-right: 10px;
}

.upload-file {
    display: flex;
    position: relative;
    width: 72%;
}

.btn-file {
    background: rgb(152, 45, 223);
    color: rgb(255, 255, 255);
    height: 34px;
    top: 0px;
    position: relative;
    margin-left: 10px;
    border-radius: 5px;
    border: none;
    font-size: 12px;
    width: 24%;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-file-input {
    position: absolute;
    z-index: 2;
    margin: 0px;
    opacity: 0;
    cursor: pointer;
}

.vip_bg {
    background: url("../images/vip/bg.jpg") center center / cover no-repeat rgb(0, 0, 0);
    margin-top: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.text_iden {
    color: rgb(152, 45, 223);
    background-color: rgb(46, 46, 46);
}

.vip_table_slogan {
    font-size: 18px;
    color: rgb(215, 172, 40);
    background-color: rgb(37, 37, 37) !important;
    text-align: center !important;
}

.index_miss_p_01 {
    background-image: url("../images/index/1_.png");
}

.index_miss_p_02 {
    background-image: url("../images/index/2_.png");
}

.index_miss_p_03 {
    background-image: url("../images/index/3_.png");
}

.index_miss_p_04 {
    background-image: url("../images/index/4_.png");
}

.index_miss_p_01 .hover-box {
    background-image: url("../images/index/1.png");
}

.index_miss_p_01 .bottom::before {
    background: rgb(0, 161, 255);
}

.index_miss_p_01 .bottom::after {
    background: rgb(0, 161, 255);
}

.index_miss_p_02 .hover-box {
    background-image: url("../images/index/2.png");
}

.index_miss_p_02 .bottom::before {
    background: rgb(1, 218, 209);
}

.index_miss_p_02 .bottom::after {
    background: rgb(1, 218, 209);
}

.index_miss_p_03 .hover-box {
    background-image: url("../images/index/3.png");
}

.index_miss_p_03 .bottom::before {
    background: rgb(222, 83, 24);
}

.index_miss_p_03 .bottom::after {
    background: rgb(222, 83, 24);
}

.index_miss_p_04 .hover-box {
    background-image: url("../images/index/4.png");
}

.index_miss_p_04 .bottom::before {
    background: rgb(242, 195, 1);
}

.index_miss_p_04 .bottom::after {
    background: rgb(242, 195, 1);
}

.index_miss_title[data-page="sports"] {
    color: #f1d279;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    /* margin-top: 19px; */
}

.index_miss_title[data-page="casino"] {
    color: #f1d279;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    /* margin-top: 19px; */
}

.index_miss_title[data-page="slots"] {
    color: #f1d279;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    /* margin-top: 19px; */
}

.index_miss_title[data-page="Fishing"] {
    color: #f1d279;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    /* margin-top: 19px; */
}

.index_miss_title{

margin-top: 11px;
}
.index_miss_title_hover{
    color: #f1d279;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    margin-top: 11px;
}

body[data-singlepage="sports"] .btn_join {
    border: 1px solid rgba(1, 161, 255, 0);
    background: linear-gradient(rgb(0, 161, 255) 0%, rgb(0, 104, 165) 100%);
    color: rgb(255, 255, 255);
}

body[data-singlepage="sports"] .inner_product_bg::after {
    background: rgb(0, 161, 255);
}

body[data-singlepage="sports"] .inner_product_bg {
    border-bottom: 3px solid rgb(0, 161, 255);
}

ul.nav-list li.active[data-menu="sports"] a, ul.nav-list li:hover[data-menu="sports"] a {
    color: rgb(0, 161, 255);
}

ul.nav-list li:hover[data-menu="sports"]::before, ul.nav-list li.active[data-menu="sports"]::before {
    background: rgb(0, 161, 255);
}

body[data-singlepage="sports"] .btn_login {
    border: 1px solid rgb(0, 161, 255);
    color: rgb(0, 161, 255);
}

body[data-singlepage="esports"] .btn_join {
    background: linear-gradient(rgb(255, 78, 0) 0%, rgb(171, 52, 0) 100%);
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
}

body[data-singlepage="esports"] .inner_product_bg::after {
    background: rgb(255, 78, 0);
}

body[data-singlepage="esports"] .inner_product_bg {
    border-bottom: 3px solid rgb(255, 78, 0);
}

ul.nav-list li.active[data-menu="esports"] a, ul.nav-list li:hover[data-menu="esports"] a {
    color: rgb(255, 78, 0);
}

ul.nav-list li:hover[data-menu="esports"]::before, ul.nav-list li.active[data-menu="esports"]::before {
    background: rgb(255, 78, 0);
}

body[data-singlepage="esports"] .btn_login {
    border: 1px solid rgb(255, 78, 0);
    color: rgb(255, 78, 0);
}

body[data-singlepage="vsports"] .btn_join {
    background-color: rgb(1, 161, 255);
    border: 1px solid rgb(1, 161, 255);
}

body[data-singlepage="vsports"] .inner_product_bg::after {
    background: rgb(1, 161, 255);
}

body[data-singlepage="vsports"] .inner_product_bg {
    border-bottom: 3px solid rgb(1, 161, 255);
}

ul.nav-list li.active[data-menu="vsports"] a, ul.nav-list li:hover[data-menu="vsports"] a {
    color: rgb(1, 161, 255);
}

ul.nav-list li:hover[data-menu="vsports"]::before, ul.nav-list li.active[data-menu="vsports"]::before {
    background: rgb(1, 161, 255);
}

body[data-singlepage="casino"] .btn_join {
    background: linear-gradient(rgb(241, 195, 0) 0%, rgb(136, 110, 0) 100%);
    border: transparent;
    color: rgb(255, 255, 255);
}

body[data-singlepage="casino"] .btn_login {
    border: 1px solid rgb(241, 195, 0);
    color: rgb(241, 195, 0);
}

body[data-singlepage="casino"] .inner_product_bg::after {
    background: rgb(241, 195, 0);
}

body[data-singlepage="casino"] .inner_product_bg {
    border-bottom: 3px solid rgb(241, 195, 0);
}

ul.nav-list li.active[data-menu="casino"] a, ul.nav-list li:hover[data-menu="casino"] a {
    color: rgb(241, 195, 0);
}

ul.nav-list li:hover[data-menu="casino"]::before, ul.nav-list li.active[data-menu="casino"]::before {
    background: rgb(241, 195, 0);
}

.casino_hoticon {
    position: absolute;
    width: 38px;
    top: 0px;
    left: 0px;
}

.casino_customlogo .grey, .casino_customlogo .ori {
    max-width: 92px;
}

body[data-singlepage="p2p"] .btn_join {
    background-color: rgb(199, 1, 247);
    border: 1px solid rgb(199, 1, 247);
}

body[data-singlepage="p2p"] .inner_product_bg::after {
    background: rgb(199, 1, 247);
}

body[data-singlepage="p2p"] .inner_product_bg {
    border-bottom: 3px solid rgb(199, 1, 247);
}

ul.nav-list li.active[data-menu="p2p"] a, ul.nav-list li:hover[data-menu="p2p"] a {
    color: rgb(199, 1, 247);
}

ul.nav-list li:hover[data-menu="p2p"]::before, ul.nav-list li.active[data-menu="p2p"]::before {
    background: rgb(199, 1, 247);
}

body[data-singlepage="fishing"] .btn_join {
    border: 1px solid transparent;
    background: linear-gradient(rgb(0, 218, 207) 0%, rgb(0, 131, 124) 100%);
    color: rgb(255, 255, 255);
}

body[data-singlepage="fishing"] .inner_product_bg::after {
    background: rgb(0, 218, 207);
}

body[data-singlepage="fishing"] .inner_product_bg {
    border-bottom: 3px solid rgb(0, 218, 207);
}

ul.nav-list li.active[data-menu="fishing"] a, ul.nav-list li:hover[data-menu="fishing"] a {
    color: rgb(0, 218, 207);
}

ul.nav-list li:hover[data-menu="fishing"]::before, ul.nav-list li.active[data-menu="fishing"]::before {
    background: rgb(0, 218, 207);
}

body[data-singlepage="fishing"] .btn_login {
    border: 1px solid rgb(0, 218, 207);
    color: rgb(0, 218, 207);
}

body[data-singlepage="horse"] .btn_join {
    background: linear-gradient(rgb(0, 66, 255) 0%, rgb(0, 36, 139) 100%);
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
}

body[data-singlepage="horse"] .inner_product_bg::after {
    background: rgb(0, 66, 255);
}

body[data-singlepage="horse"] .inner_product_bg {
    border-bottom: 3px solid rgb(0, 66, 255);
}

ul.nav-list li.active[data-menu="horse"] a, ul.nav-list li:hover[data-menu="horse"] a {
    color: rgb(0, 66, 255);
}

ul.nav-list li:hover[data-menu="horse"]::before, ul.nav-list li.active[data-menu="horse"]::before {
    background: rgb(0, 66, 255);
}

body[data-singlepage="horse"] .btn_login {
    border: 1px solid rgb(0, 66, 255);
    color: rgb(0, 66, 255);
}

.logo-wrap img {
    width: 150px;
}

body[data-singlepage="slots"] .btn_login {
    border: 1px solid rgb(235, 28, 33);
    color: rgb(235, 28, 33);
}

.blog {
    padding-top: 20px;
    padding-bottom: 50px;
}

.blog-section {
    background-color: rgb(27, 27, 27);
    padding: 15px;
    border-radius: 10px;
}

.top-icon-section {
    background-color: rgb(152, 45, 223);
    border-radius: 10px;
    padding-left: 15px;
}

.top-icon-section i {
    color: rgb(255, 255, 255);
    margin: 10px;
    font-size: 20px;
}

.blog-content {
    padding-top: 15px;
}

.blog-info {
    display: flex;
}

.blog-title {
    padding-left: 30px;
    color: rgb(111, 110, 110);
}

.blog-title h3 {
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.blog-title span {
    margin-left: 5px;
    font-size: 13px;
}

.blog-title p {
    padding-top: 10px;
    font-size: 13px;
}

.read-btn {
    color: rgb(0, 0, 0);
    background-color: rgb(152, 45, 223);
    width: 180px;
    border: none;
    border-radius: 15px;
    text-align: left;
    padding: 5px 10px;
    font-weight: 600;
}

.read-btn i {
    float: right;
    padding: 5px;
}

.blog-content hr {
    position: relative;
    top: 20px;
    border: none;
    height: 3px;
    background: rgb(37, 37, 37);
    margin-bottom: 50px;
}

.text-blink {
    animation: 0.5s ease 0s infinite alternate none running blink;
    text-transform: uppercase;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.index_miss_title[data-page="cock"] {
    color: rgb(247, 169, 1);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    margin-top: 40px;
}

body[data-singlepage="cock"] .btn_join {
    border: 1px solid transparent;
    background: linear-gradient(rgb(0, 255, 168) 0%, rgb(0, 113, 74) 100%);
}

body[data-singlepage="cock"] .inner_product_bg::after {
    background: rgb(0, 255, 168);
}

body[data-singlepage="cock"] .inner_product_bg {
    border-bottom: 3px solid rgb(0, 255, 168);
}

ul.nav-list li.active[data-menu="cock"] a, ul.nav-list li:hover[data-menu="cock"] a {
    color: rgb(0, 255, 168);
}

ul.nav-list li:hover[data-menu="cock"]::before, ul.nav-list li.active[data-menu="cock"]::before {
    background: rgb(0, 255, 168);
}

.floating {
    position: fixed;
    width: 150px;
    z-index: 1;
    animation: 20s ease 0s infinite normal none running floating;
    bottom: 248px;
    right: 0%;
}

@keyframes floating {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-300px);
    }
}

#closeButton {
    border: none;
    background: none;
    position: absolute;
    left: -15px;
    font-size: 20px;
    font-weight: bold;
    color: rgb(183, 183, 183);
}

ul.deposit_bank_pro li a img {
    width: 38px;
}

ul.deposit_bank_pro li a.after_last-none::after {
    display: none;
}

.index_top3_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    padding-bottom: 20px;
}

.top3_box {
    padding: 10px;
    /* background-color: rgb(37, 37, 37); */
    border-radius: 13px;
    position: relative;
    width: 100%;
    height: auto;
    background: linear-gradient(180deg, #bf9652 0%, #faf7d1 18%, #f5dc8c 80%, #a9864c 100%);
    border: 2px solid #ffdf74;
}

.top3_box_wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.top3_box_wrap p {
    margin: 0px;
    font-size: 16px;
    color: rgb(231 30 37);
    text-transform: uppercase;
    font-weight: 600;
}

.top3_box_wrap span {
    color: rgb(0 0 0);
    font-size: 13px;
}

.top3_boximg {
    position: absolute;
    bottom: 0px;
    right: -16px;
    width: 216px;
    max-width: 61%;
}

.playerwin_wrapper {
    display: flex;
    align-items: center;
}

.player_win_box {
    display: flex;
    flex-direction: column;
    color: rgb(255, 255, 255);
    font-size: 12px;
    align-items: flex-start;
    justify-content: center;
    background: rgb(37, 37, 37);
    border-radius: 0px 10px 10px 0px;
    padding: 5px 10px;
    min-width: 130px;
    width: 100%;
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); /* Blue to Cyan gradient */
    
    /* 2. Create a gradient border using background-clip/mask method */
    border: 3px solid transparent; /* Set a transparent border width */
     /* Add rounded corners (works with this method) */
    
    /* The trick: stack a white background (clipped to the padding box) over the gradient background (clipped to the border box) */
    background-origin: border-box;
    background-clip: padding-box, border-box; 
    
    /* Define the border gradient on a second background layer */
    background-image: linear-gradient(to right, #8c1013 0%, #e21f26 20%,#e21f26 80%, #8c1013 100%), /* Background gradient */ linear-gradient(to right, #deb964 0%, #e7e5dd 65%, #deb964 100%); /* Border gradient (Orange/Peach) */
    margin-left: -6px;
    z-index: -1;
}

.playerwin_wrapper img {
    width: 68px;
    height: 60px;
}

.player_slider .slick-slide {
    margin: 0px 15px;
}

.player_slider .slick-list {
    margin: 0px -15px;
}

.player_slider {
    padding-bottom: 30px;
}

.btm_downloadapp_wrapper {
    display: grid;
    grid-template-columns: 60% 37%;
    gap: 13px;
    justify-content: space-between;
    align-items: end;
}
.Testimonial_wrapping{
    /* background:  url(../images/index/MoneyFrame.png) no-repeat;
    background-size: 100% 100%; */
}
.Testimonial_box {
    background: url(../images/index/MoneyFrame.png) no-repeat;
    border-radius: 10px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 236px;
    background-size: 100% 100%;
    /* background: rgb(37, 37, 37); */
    overflow: hidden;
}

.Testimonial_box p {
    margin: 0px;
    text-align: center;
}

.star_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.star_wrap img {
    width: 20px;
}

.Testimonial_boxtop {
    color: rgb(255, 255, 255);
}

.Testimonial_boxtitle {
    color: rgb(160, 42, 225);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
}

.Testimonial_boxtxt {
    color: rgb(161, 161, 161);
    font-size: 12px;
}

.Testimonial_slider .slick-prev, .Testimonial_slider .slick-next {
    background: rgb(152, 42, 225);
    border-radius: 19px;
    width: 30px;
    height: 30px;
    z-index: 1;
}

.Testimonial_slider .slick-prev {
    left: -17px;
}

.Testimonial_slider .slick-next {
    right: -17px;
}

.Testimonial_slider .slick-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    font-size: 23px;
    color: rgb(0, 0, 0);
}

.Testimonial_slider .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    font-size: 23px;
    color: rgb(0, 0, 0);
}

.btm_player_corner_tit {
    font-size: 23px;
    color: #d31f21;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.Testimonial_slider .slick-slide {
    margin: 0px 15px;
}

.burgermenu_wrap_icon {
    color: #761f05;
    font-size: 23px;
    cursor: pointer;
}

.burgermenu_wrap {
    position: relative;
}

.burgermenu_box {
    display: none;
    background-color: rgb(25, 25, 25);
    padding: 2.3rem 2rem;
    position: absolute;
    min-width: 400px;
    right: 0px;
    z-index: 9;
    min-height: 300px;
    top: 100%;
}

.burgermenu_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.burgermenu_grid .left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.burgermenu_grid .right .right_top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.burgermenu_a {
    display: flex;
    align-items: center;
}

.burgermenu_a img {
    width: 31px;
}

.burgermenu_a span {
    font-size: 14px;
    color: rgb(140, 139, 139);
}

.burgermenu_grid .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(0deg, rgb(25, 25, 25) 0%, rgb(37, 37, 37) 100%);
    border-radius: 10px;
    padding: 15px 15px 0px;
    margin-top: -15px;
}

.droploginbtn {
    border: 1px solid rgb(140, 139, 139);
    color: rgb(140, 139, 139);
    background: transparent;
    border-radius: 5px;
    min-width: 100px;
    min-height: 35px;
    text-transform: uppercase;
}

.right_btm {
    display: flex;
    justify-content: center;
}

.cs_img_first img {
    width: 95px;
}

.title_foo {
    color: rgb(255, 255, 255);
    margin-bottom: 8px;
    font-size: 14px;
}

.gamingcuracaoimg {
    width: 100px;
    margin-bottom: 18px;
}

.top_footer_content p {
    color: rgb(157, 165, 183);
    font-size: 12px;
}

.footer_allimg img {
    max-width: 93px;
    width: auto;
    filter: grayscale(1);
}

.footer_allimg img:hover {
    filter: grayscale(0);
}

.footer_allimg {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
}

.top_footer_content_custom {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}

.footer_allimg.footer_allimgcustom img {
    max-width: 40px;
    width: auto;
}

.footer_allimg.footer_allimgcustom img.fpx {
    max-width: 73px;
}

.btmfooter_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
}

.btmfooter_link .left {
    display: flex;
    align-items: center;
}

.btmfooter_link .left a {
    color: rgb(255 255 255);
    border-right: 0.01rem solid rgb(255 255 255);
    padding: 0px 18px;
    font-size: 14px;
}

.btmfooter_linkcontainer {
    padding: 0px;
}

.btmfooter_link .left a:first-child {
    padding-left: 0px;
}

.btmfooter_link .right {
    display: flex;
    align-items: center;
    gap: 5px;
}

.btmfooter_link .right a img {
    width: 28px;
}

ul.nav-list li.active[data-menu="slots"] a, ul.nav-list li:hover[data-menu="slots"] a {
    color: rgb(235, 28, 33);
}

ul.nav-list li:hover[data-menu="slots"]::before, ul.nav-list li.active[data-menu="slots"]::before {
    background: rgb(235, 28, 33);
}

.jackpot_prize_wrap {
    display: flex;
    gap: 7px;
    justify-content: center;
    position: absolute;
}

.jackpot_prize_wrap span {
    font-weight: 900;
    background: linear-gradient(rgb(63, 44, 126) 0%, rgb(63, 44, 126) 50%, rgb(75, 48, 141) 100%) text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
    border-radius: 10px;
    padding: 0px 8px;
    font-size: clamp(2rem, 5vw, 5rem);
    position: relative;
}

.jackpot_prize_wrap span::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: inherit;
    border: 3px solid transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(247, 206, 100), rgb(193, 139, 0)) border-box border-box;
    mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) padding-box xor, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px);
}

.jackpot_prize_wrap span.prize_span_cus {
    border: none;
    padding: 0px;
    box-shadow: none;
}

.jackpot_prize_wrap span.prize_span_cus::before {
    display: none;
}

[data-singlepage="slots"] .gamebox {
    border-bottom: 4px solid rgb(235, 28, 33);
}

[data-singlepage="slots"] a.play-btn {
    background-image: linear-gradient(rgb(235, 28, 33), rgb(235, 28, 33));
}

body[data-singlepage="casino"] .inner_product_btn_cus.active, body[data-singlepage="casino"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(241, 195, 0);
    border-left: 1px solid rgb(241, 195, 0);
    border-right: 1px solid rgb(241, 195, 0);
}

body[data-singlepage="sports"] .inner_product_btn_cus.active, body[data-singlepage="sports"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(0, 161, 255);
    border-left: 1px solid rgb(0, 161, 255);
    border-right: 1px solid rgb(0, 161, 255);
}

body[data-singlepage="lotto"] .inner_product_btn_cus.active, body[data-singlepage="lotto"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(159, 134, 239);
    border-left: 1px solid rgb(159, 134, 239);
    border-right: 1px solid rgb(159, 134, 239);
}

body[data-singlepage="fishing"] .inner_product_btn_cus.active, body[data-singlepage="fishing"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(0, 218, 207);
    border-left: 1px solid rgb(0, 218, 207);
    border-right: 1px solid rgb(0, 218, 207);
}

body[data-singlepage="cardboard"] .inner_product_btn_cus.active, body[data-singlepage="cardboard"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(255, 136, 148);
    border-left: 1px solid rgb(255, 136, 148);
    border-right: 1px solid rgb(255, 136, 148);
}

body[data-singlepage="esports"] .inner_product_btn_cus.active, body[data-singlepage="esports"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(255, 78, 0);
    border-left: 1px solid rgb(255, 78, 0);
    border-right: 1px solid rgb(255, 78, 0);
}

body[data-singlepage="horse"] .inner_product_btn_cus.active, body[data-singlepage="horse"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(0, 66, 255);
    border-left: 1px solid rgb(0, 66, 255);
    border-right: 1px solid rgb(0, 66, 255);
}

body[data-singlepage="cock"] .inner_product_btn_cus.active, body[data-singlepage="cock"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(0, 255, 168);
    border-left: 1px solid rgb(0, 255, 168);
    border-right: 1px solid rgb(0, 255, 168);
}

body[data-singlepage="others"] .inner_product_btn_cus.active, body[data-singlepage="others"] .inner_product_btn_cus:hover {
    border-top: 1px solid rgb(246, 142, 86);
    border-left: 1px solid rgb(246, 142, 86);
    border-right: 1px solid rgb(246, 142, 86);
}

body[data-singlepage="cock"] .btn_login {
    border: 1px solid rgb(0, 255, 168);
    color: rgb(0, 255, 168);
}

body[data-singlepage="lotto"] .btn_join {
    border: 1px solid rgba(1, 161, 255, 0);
    background: linear-gradient(rgb(159, 134, 239) 0%, rgb(98, 83, 148) 100%);
    color: rgb(255, 255, 255);
}

body[data-singlepage="lotto"] .inner_product_bg::after {
    background: rgb(159, 134, 239);
}

body[data-singlepage="lotto"] .inner_product_bg {
    border-bottom: 3px solid rgb(159, 134, 239);
}

ul.nav-list li.active[data-menu="lotto"] a, ul.nav-list li:hover[data-menu="lotto"] a {
    color: rgb(159, 134, 239);
}

ul.nav-list li:hover[data-menu="lotto"]::before, ul.nav-list li.active[data-menu="lotto"]::before {
    background: rgb(159, 134, 239);
}

body[data-singlepage="lotto"] .btn_login {
    border: 1px solid rgb(159, 134, 239);
    color: rgb(159, 134, 239);
}

body[data-singlepage="cardboard"] .btn_join {
    border: 1px solid rgba(1, 161, 255, 0);
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(255, 136, 148) 0%, rgb(185, 99, 107) 100%);
}

body[data-singlepage="cardboard"] .inner_product_bg::after {
    background: rgb(255, 136, 148);
}

body[data-singlepage="cardboard"] .inner_product_bg {
    border-bottom: 3px solid rgb(255, 136, 148);
}

ul.nav-list li.active[data-menu="cardboard"] a, ul.nav-list li:hover[data-menu="cardboard"] a {
    color: rgb(255, 136, 148);
}

ul.nav-list li:hover[data-menu="cardboard"]::before, ul.nav-list li.active[data-menu="cardboard"]::before {
    background: rgb(255, 136, 148);
}

body[data-singlepage="cardboard"] .btn_login {
    border: 1px solid rgb(255, 136, 148);
    color: rgb(255, 136, 148);
}

body[data-singlepage="others"] .btn_join {
    border: 1px solid rgba(1, 161, 255, 0);
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(246, 142, 86) 0%, rgb(185, 107, 65) 100%);
}

body[data-singlepage="others"] .inner_product_bg::after {
    background: rgb(246, 142, 86);
}

body[data-singlepage="others"] .inner_product_bg {
    border-bottom: 3px solid rgb(246, 142, 86);
}

ul.nav-list li.active[data-menu="others"] a, ul.nav-list li:hover[data-menu="others"] a {
    color: rgb(246, 142, 86);
}

ul.nav-list li:hover[data-menu="others"]::before, ul.nav-list li.active[data-menu="others"]::before {
    background: rgb(246, 142, 86);
}

body[data-singlepage="others"] .btn_login {
    border: 1px solid rgb(246, 142, 86);
    color: rgb(246, 142, 86);
}

.info-wrapper h5, .info-wrapper h6 {
    color: rgb(215, 172, 40);
}

.sports_plybtn {
    /* background: linear-gradient(rgb(241, 195, 0) 0%, rgb(136, 110, 0) 100%); */
    color: #f1d279;
    border-radius: 6px;
    display: flex;
    min-width: 160px;
    min-height: 48px;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    right: 7%;
    bottom: 8%;
    text-transform: uppercase;
    /* border: 1px solid rgb(215, 172, 39); */
    font-weight: 500;
    padding: 5px 0px;
    background: url("../images/index/PlayNowButton.png") no-repeat;
    background-size: contain;
}

.sports_plybtn:hover {
    color: #fff;
}

#carouselExampleControls .carousel-indicators li {
    width: 130px;
    height: 100%;
    opacity: 1;
    margin-left: 6px;
    margin-right: 6px;
    border-bottom: 0px;
}

#carouselExampleControls .carousel-indicators .active {
    opacity: 1;
}

#carouselExampleControls .carousel-indicators {
    margin-bottom: 0px;
    z-index: 2;
}

#carouselExampleControls .carousel-indicators li {
    position: relative;
}

#carouselExampleControls .progress-bar2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 4px;
    width: 0px;
    background-color: rgb(215, 172, 40);
    transition: width 7s;
}

.viprank_head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 16px;
}

.viprank_head img {
    width: 25px;
}

.viprank_head.vip_mainimg img {
    width: 35px;
    margin-top: -6px;
}

.viprank_head span {
    color: rgb(140, 139, 139);
    font-size: 13px;
    padding: 0px;
}

.viprank_head_r {
    border-right: 1px solid rgb(93, 93, 93);
}

.header_lang_drop .dropdowndot.dropdown-toggle::after {
    content: none;
}

.header_lang_drop .dropdowndot.dropdown-toggle {
    color: rgb(140, 139, 139);
    font-size: 18px;
}

.header_lang_drop.head_list_drop.dropdowndotmenu .dropdown-menu {
    background-color: rgb(15, 15, 15);
    min-width: auto;
    border-radius: 0px;
}

.lottocontainer {
    max-width: 1280px;
    width: 100%;
    margin: auto;
    padding: 8rem 0px;
}

.lotto_grid {
    display: grid;
    grid-template-columns: 16% 80%;
    gap: 50px;
}

.lotto_grid .left {
    background-color: rgb(22, 22, 22);
    min-height: 500px;
    border-radius: 10px 0px 0px 10px;
}

.lotto_grid .left ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.lotto_grid .left ul li a {
    display: flex;
    color: rgb(119, 119, 119);
    align-items: center;
    justify-content: left;
    margin-left: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
    font-size: 14px;
    padding: 5px;
    margin-right: 0px;
}

.lotto_grid .left ul li.active a {
    color: rgb(159, 134, 239);
}

.lotto_grid .left ul li a img {
    margin-right: 14px;
    width: 42px;
}

.lotto_grid .left ul li a img.img_slot {
    display: none;
}

.lotto_grid .left ul li.active a img.img_slot, .lotto_grid .left ul li:hover a img.img_slot {
    display: block;
}

.lotto_grid .left ul li.active a img.img_slot_grey, .lotto_grid .left ul li:hover a img.img_slot_grey {
    display: none;
}

.lottowraptab .nav-tabs .nav-link {
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(121, 121, 121);
    border-right-color: rgb(121, 121, 121);
    border-left-color: rgb(121, 121, 121);
    border-image: initial;
    background: rgb(37, 37, 37);
    color: rgb(255, 255, 255);
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.lottowraptab .nav-tabs .nav-item.show .nav-link, .lottowraptab .nav-tabs .nav-link.active {
    color: rgb(255, 255, 255);
    background-color: rgb(159, 134, 239);
    border-color: rgb(159, 134, 239);
}

.lottowraptab .nav-tabs {
    gap: 10px;
    border-bottom: 1px solid rgba(121, 121, 121, 0);
    margin-bottom: 0px;
}

.lottowraptab .nav-tabs .nav-item {
    margin-bottom: -1px;
}

.lottowraprow {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(121, 121, 121);
}

.right_draw {
    display: flex;
    align-items: center;
    color: rgb(140, 139, 139);
    gap: 10px;
    margin-right: 14px;
}

input.draw_date {
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(121, 121, 121);
    border-right-color: rgb(121, 121, 121);
    border-left-color: rgb(121, 121, 121);
    border-image: initial;
    background: unset;
    color: rgb(140, 139, 139);
    padding: 7px;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-radius: 6px 6px 0px 0px;
}

input.draw_date::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

.lottowraptab .nav-tabs .nav-item button:focus {
    outline: unset;
}

.lotto_wrappermain {
    padding: 20px 0px;
}

.lotto_wrappermaingrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.lotto_box {
    background: rgb(255, 255, 255);
    padding: 15px;
    border-radius: 8px;
}

.lotto_boxheader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.lotto_boxheader h1 {
    color: rgb(0, 0, 0);
    font-size: 13px;
    margin: 0px;
    font-weight: 600;
}

.lotto_boxheader img {
    width: 30px;
}

.lotto_1strow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.lotto_1strow_box {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 1px;
}

.lotto_1strow_box p {
    margin: 0px;
    background: rgb(38, 38, 38);
    color: rgb(255, 255, 255);
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
}

.lotto_1strow_box span {
    font-size: 18px;
}

.lotto_boxbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lotto_spec_title {
    background: rgb(38, 38, 38);
    color: rgb(255, 255, 255);
    border-radius: 6px 6px 0px 0px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.lotto_spec_result table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}

.lotto_spec_result table td {
    border: 1px solid rgb(38, 38, 38);
    text-align: center;
    font-size: 14px;
}

.lotto_spec_result table tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.lotto_spec_result table tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.damacai .lotto_1strow_box p {
    background: rgb(15, 20, 104);
}

.damacai .lotto_spec_title {
    background: rgb(15, 20, 104);
}

.damacai .lotto_spec_result table td {
    border: 1px solid rgb(15, 20, 104);
}

.CashSweep .lotto_1strow_box p {
    background: rgb(8, 62, 4);
}

.CashSweep .lotto_spec_title {
    background: rgb(8, 62, 4);
}

.CashSweep .lotto_spec_result table td {
    border: 1px solid rgb(8, 62, 4);
}

.Sandakan .lotto_1strow_box p {
    background: rgb(47, 149, 5);
}

.Sandakan .lotto_spec_title {
    background: rgb(47, 149, 5);
}

.Sandakan .lotto_spec_result table td {
    border: 1px solid rgb(47, 149, 5);
}

.Sabah .lotto_1strow_box p {
    background: rgb(173, 9, 0);
}

.Sabah .lotto_spec_title {
    background: rgb(173, 9, 0);
}

.Sabah .lotto_spec_result table td {
    border: 1px solid rgb(173, 9, 0);
}

.Singapore .lotto_1strow_box p {
    background: rgb(18, 104, 155);
}

.Singapore .lotto_spec_title {
    background: rgb(18, 104, 155);
}

.Singapore .lotto_spec_result table td {
    border: 1px solid rgb(18, 104, 155);
}

.TOTO .lotto_1strow_box p {
    background: rgb(233, 46, 41);
}

.TOTO .lotto_spec_title {
    background: rgb(233, 46, 41);
}

.TOTO .lotto_spec_result table td {
    border: 1px solid rgb(233, 46, 41);
}

.Grand .lotto_1strow_box p {
    background: rgb(207, 73, 0);
}

.Grand .lotto_spec_title {
    background: rgb(207, 73, 0);
}

.Grand .lotto_spec_result table td {
    border: 1px solid rgb(207, 73, 0);
}

.nine .lotto_1strow_box p {
    background: rgb(244, 134, 31);
}

.nine .lotto_spec_title {
    background: rgb(244, 134, 31);
}

.nine .lotto_spec_result table td {
    border: 1px solid rgb(244, 134, 31);
}

.totofived {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid rgb(233, 46, 41);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.totofived-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(233, 46, 41);
}

.totoborderbtm {
    border-bottom: unset;
}

.totoborderright {
    border-right: 1px solid rgb(233, 46, 41);
}

.totofived-box p {
    margin: 0px;
    text-align: center;
    min-width: 38px;
}

.totofived-box span {
    width: 100%;
    text-align: center;
    display: block;
}

.totosix {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    border: 1px solid rgb(233, 46, 41);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.totosix-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(233, 46, 41);
}

.totosix-box p {
    margin: 0px;
    text-align: center;
    min-width: 55px;
}

.totosix-box span {
    width: 100%;
    text-align: center;
    display: block;
}

.totosix .totosix-box:last-child {
    border-bottom: none;
}

.six_box_wrap {
    display: flex;
    text-align: center;
    justify-content: space-between;
    width: 100%;
}

.Grand .totosix {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    border: 1px solid rgb(207, 73, 0);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.Grand .totosix-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(207, 73, 0);
}

.nine .totosix {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    border: 1px solid rgb(244, 134, 31);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.nine .totosix-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(244, 134, 31);
}

.lottopayout_wrap .tab {
    display: none;
}

.lottopayout_wrap .tab-active {
    display: block;
}

.lottopayout_wrap .tab-menu ul li a {
    color: rgb(134, 151, 162);
    padding: 0px 13px;
    font-weight: 600;
    border-right: 1px solid rgba(134, 151, 162, 0.37);
}

.lottopayout_wrap .tab-menu ul li a.active-a, .lottopayout_wrap .tab-menu ul li a:hover {
    color: rgb(255, 255, 255);
}

.lottopayout_wrap .tab-menu ul {
    margin: 0px;
    list-style: none;
    display: flex;
    padding: 22px 0px;
}

.payout_bg {
    background: rgb(40, 40, 40);
    padding: 15px 15px 0px;
    border-radius: 5px;
    color: rgb(255, 255, 255);
}

.payout-details-table {
    margin-bottom: 20px;
    width: 100%;
}

.payout-details-table td, .payout-details-table th {
    padding: 10px;
    text-align: center;
    min-width: 130px;
}

.payout-table {
    overflow-x: scroll;
    width: 100%;
    white-space: nowrap;
}

.payout-table table tbody tr th {
    align-items: flex-start;
    display: flex;
    padding: 10px;
}

.payout-table table tbody tr:nth-child(2n+1) td {
    background: rgba(255, 255, 255, 0.1);
    border: 0px;
}

.payout-table table tbody tr td:first-of-type {
    border-radius: 0.3rem 0px 0px 0.3rem;
}

.payout-table table tbody tr td:last-of-type {
    border-radius: 0px 0.3rem 0.3rem 0px;
}

.payout-table table thead tr th:first-of-type {
    text-align: left;
}

.payout-table::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    border-radius: 10px;
}

.payout-table::-webkit-scrollbar-track {
    background: rgb(59, 59, 59);
    border-radius: 10px;
}

.payout-table::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 10px;
}

.hoticon_img {
    position: absolute;
    top: 12px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 23px;
    animation-name: floatinghot;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floatinghot {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, 5px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.mission_body {
    padding: 50px 0px;
}

.challenge-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.challenge-task-container {
    position: relative;
    width: 100%;
}

.challenge-task {
    background-color: rgb(37, 37, 37);
    border-radius: 10px;
    color: rgb(255, 255, 255);
    width: 100%;
    border: 1px solid rgb(130, 56, 179);
}

.task-header {
    font-weight: 600;
    color: rgb(152, 45, 223);
    margin-bottom: 10px;
    background: rgb(0, 0, 0);
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}

.task-body {
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.task-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.go-button {
    background-color: rgb(17, 17, 17);
    color: white;
    font-weight: bold;
    padding: 3px 30px;
    border-radius: 15px;
    cursor: pointer;
    border: 1px solid rgb(130, 56, 179);
}

.go-button:hover {
    background-color: rgb(130, 56, 179);
}

.task-coin {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    align-items: baseline;
}

.task-coin .progress-bar {
    background: rgb(130, 56, 179);
    border-radius: 5px;
    height: 10px;
    margin-top: 5px;
    overflow: hidden;
    width: 50%;
}

.progress-fill {
    background-color: rgb(111, 138, 183);
    height: 100%;
    width: 0%;
}

.reward {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.reward-icon {
    margin-right: 5px;
}

.reward-value {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.reward-icon img {
    width: 30px;
}

.password_wrapper {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 31%;
    background: none;
    border: none;
    color: rgb(136, 136, 136);
    cursor: pointer;
    padding: 5px;
    top: 0px;
}

.toggle-password:hover {
    color: rgb(83, 83, 83);
}

button.toggle-password:focus {
    outline: none;
}

.snowflakes {
    z-index: 999;
}

.snowflake img {
    max-width: 66px;
}

.snowflake {
    color: rgb(255, 255, 255);
    font-size: 1em;
    font-family: Arial, sans-serif;
    text-shadow: rgb(0, 0, 0) 0px 0px 5px;
    position: fixed;
    top: -10%;
    z-index: 9999;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
    cursor: pointer;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%;
    }

    100% {
        top: 100%;
    }
}

@-webkit-keyframes snowflakes-shake {
    0%, 100% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(80px);
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%;
    }

    100% {
        top: 100%;
    }
}

@keyframes snowflakes-shake {
    0%, 100% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(80px);
    }
}

.snowflake:nth-of-type(0) {
    left: 1%;
    animation-delay: 0s, 0s;
}

.snowflake:first-of-type {
    left: 10%;
    animation-delay: 1s, 1s;
}

.snowflake:nth-of-type(2) {
    left: 20%;
    animation-delay: 6s, 0.5s;
}

.snowflake:nth-of-type(3) {
    left: 30%;
    animation-delay: 4s, 2s;
}

.snowflake:nth-of-type(4) {
    left: 40%;
    animation-delay: 2s, 2s;
}

.snowflake:nth-of-type(5) {
    left: 50%;
    animation-delay: 8s, 3s;
}

.snowflake:nth-of-type(6) {
    left: 60%;
    animation-delay: 6s, 2s;
}

.snowflake:nth-of-type(7) {
    left: 70%;
    animation-delay: 2.5s, 1s;
}

.snowflake:nth-of-type(8) {
    left: 80%;
    animation-delay: 1s, 0s;
}

.snowflake:nth-of-type(9) {
    left: 90%;
    animation-delay: 3s, 1.5s;
}

.snowflake:nth-of-type(10) {
    left: 25%;
    animation-delay: 2s, 0s;
}

.snowflake:nth-of-type(11) {
    left: 65%;
    animation-delay: 4s, 2.5s;
}

.snowflakes {
    z-index: 999;
    animation-delay: 10s;
}

.angpowmodalbody {
    background-color: transparent;
}

.angpowmodalcontent {
    background-color: transparent;
    border: none;
}

.modal_openangpow {
    cursor: pointer;
    text-align: center;
}

.modal_angpowwrapper {
    text-align: center;
    display: none;
}

.modal_openangpow img {
    max-width: 300px;
}

.modal_angpowwrapper img {
    max-width: 300px;
}

@font-face {
    font-family: DejaVuSerif;
    src: url("../webfonts/DejaVuSerifCondensed-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: FuturaLT;
    src: url("../webfonts/FuturaLT-Bold.ttf") format("truetype");
    font-weight: bold;
}

.congratulations_txt h1 {
    font-family: DejaVuSerif, serif;
    position: absolute;
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 50%, rgb(255, 203, 157)) text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    font-size: 38px;
    font-weight: bold;
    top: -39px;
    margin-bottom: 0px;
    left: auto;
    right: auto;
    &.outline {
        transform: translate(1px, 2px);
        background: text rgb(228, 107, 0);
        -webkit-text-fill-color: transparent;
        margin-bottom: 0px;
    }
}

.congratulations_txt {
    display: flex;
    justify-content: center;
}

.wontitle {
    color: rgb(255, 234, 89);
    text-transform: uppercase;
    font-size: 2rem;
}

.prizetitle {
    color: rgb(255, 234, 89);
    background: -webkit-linear-gradient(top, rgb(255, 228, 0), rgb(255, 156, 0)) text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1.1;
    font-family: FuturaLT, serif;
}

.fotune_body {
    min-height: 595px;
}

.fortune_wrap {
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 9% 0px 25px;
}

.fortune_btn_wrap {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 10px;
}

.token_wrap {
    color: rgb(255, 255, 255);
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    padding: 9px;
    font-weight: 700;
    flex-direction: column;
    line-height: 1.2;
    background: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)) padding-box padding-box, linear-gradient(rgb(239, 185, 50), rgb(89, 64, 0), rgb(239, 185, 50)) border-box border-box;
    border-radius: 10px;
    border: 3px solid transparent;
}

.fortune_btn_wrap button {
    background: transparent;
    border: none;
    position: relative;
    justify-content: center;
    width: 260px;
}

.fortune_btn_wrap button:focus {
    outline: none;
}

.fortune_img_inn {
    width: 400px;
}

.wheel_product.wheel-wrap {
    position: relative;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    min-height: 400px;
    display: flex;
    align-items: center;
    min-width: 500px;
}

.wheel-wrap .wheel_product_frame {
    width: 100%;
    position: absolute;
    top: -23%;
    z-index: 5;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    animation: 7s cubic-bezier(0.37, -0.15, 0.3, 0.94) 0s infinite normal none running wheelRotate;
}

@keyframes wheelRotate {
    0% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(1turn);
    }

    100% {
        transform: rotate(1turn);
    }
}

.wheel-wrap .wheel_product_arrow {
    width: 6%;
    position: absolute;
    inset: auto 0px 66%;
    z-index: 6;
    margin: 0px auto;
}

.wheel-wrap .wheel_product_zeus {
    width: 69px;
    position: absolute;
    left: 0%;
    bottom: 53%;
    z-index: 7;
    right: 0%;
    margin: 0px auto;
}

.wheel_product_fortunewheel {
    margin-right: auto;
    margin-left: auto;
    display: block;
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 433px;
    height: auto;
}

.password-input-group {
    position: relative;
}

.password-input-group .toggle-password {
    position: absolute;
    right: 3px;
    background: none;
    border: none;
    color: rgb(136, 136, 136);
    cursor: pointer;
    padding: 5px;
    top: 30px;
}

.transaction_container {
    position: relative;
    border-radius: 10px;
    background: url(../images/index/live-transaction.png) right bottom no-repeat rgb(41 41 41 / 46%);
    padding: 0px 10px;
    margin: 20px 10px 10px;
    border: 2px solid #fde372;
}

.transaction_title_box {
    display: grid;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    width: 70%;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 15px;
}

.transaction_title {
    display: flex;
    align-items: center;
}

.transaction_title img {
    width: 25px;
    margin-right: 10px;
}

.transaction_title .text {
    font-weight: 900;
    font-style: italic;
    font-size: 20px;
    line-height: 20px;
    color: rgb(166, 169, 178);
}

.transaction_time {
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: rgb(255, 255, 255);
    padding: 10px;
    text-shadow: rgb(0, 0, 0) 0px 3px;
}

.transaction_box {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    gap: 10px;
}

.transaction_content {
    width: calc(100% - 20px);
    position: relative;
}

.transaction_content_box_title {
    display: flex;
    align-items: center;
}

.transaction_content_box {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.transaction_content_1_title {
    font-weight: 700;
    font-size: 14px;
    color: rgb(255, 255, 255);
    width: 50%;
}

.transaction_content_2_title {
    font-weight: 700;
    font-size: 14px;
    color: rgb(255, 255, 255);
    width: 50%;
}

.transaction_content_1 {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: rgb(255, 255, 255);
    width: 50%;
}

.transaction_content_1 img {
    width: 30px;
    margin-right: 10px;
}

.transaction_content_2 {
    font-weight: 400;
    font-size: 14px;
    color: rgb(255, 255, 255);
    width: 50%;
}

.wrap-live {
    width: calc(100% - 20px);
    background-color: rgb(61, 61, 61);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px;
    overflow: hidden scroll;
    position: relative;
    height: 245px;
}

.wrap-live::-webkit-scrollbar {
    width: 8px;
}

.wrap-live::-webkit-scrollbar-track {
    background: rgba(241, 241, 241, 0);
}

.wrap-live::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 5px;
    cursor: pointer;
}

.wrap-live::-webkit-scrollbar-thumb:hover {
    background: rgb(85, 85, 85);
}

.text-trs {
    color: rgb(253, 228, 3);
    font-size: 20px;
    line-height: 21px;
}

.fnt-wh {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: bold;
}

.btn-live {
    display: flex;
    align-items: center;
    gap: 10px;
}

.transc-l img {
    width: 40px;
}

.headermenu_reward {
    width: 45px;
}

.rewards_body {
    background: url("../images/rewards/bg.jpg") center top / cover no-repeat rgb(37, 37, 37);
    padding: 50px 0px 90px;
}

.rewards_title_top {
    text-align: center;
}

.rewards_title_top img {
    width: 80%;
    margin: 0px auto;
}

.reward_contacttitle {
    color: rgb(225, 186, 73);
    font-size: 1.5em;
    background: rgb(25, 25, 25);
    padding: 0.5em 2em;
    border-radius: 50px;
    border: 1px solid rgb(225, 186, 73);
    text-align: center;
    margin: 4% auto auto;
    font-weight: 600;
    width: fit-content;
    position: relative;
    min-width: 59%;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.rewards_maintitle {
    position: relative;
    text-align: center;
    margin: 100px 0px 25px;
}

.rewards_maintitle img {
    width: auto;
    margin: auto;
    max-width: 34%;
}

.rewards_maintitle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(225, 186, 73);
    font-size: 1.5em;
    font-weight: bold;
}

.rewards_maintitlewrap {
    position: relative;
}

.rewards_maintitlewrap::before {
    content: "";
    position: absolute;
    top: 48%;
    left: 0px;
    width: 100%;
    height: 3px;
    background: linear-gradient(100deg, rgba(225, 186, 73, 0) 0%, rgb(225, 186, 73) 25%, rgb(225, 186, 73) 50%, rgb(225, 186, 73) 75%, rgba(225, 186, 73, 0) 100%);
    z-index: 0;
}

.rewards_box_grid {
    background: url("../images/rewards/frame.png") center center / 100% 100% no-repeat;
    padding: 40px 5px 5px;
    min-height: 305px;
    position: relative;
}

.rewards_box_gridimg {
    top: 38%;
    left: 50%;
    width: 70%;
    margin: auto;
}

.rewards_box_gridimg_inner {
    position: relative;
}

.rewards_box_gridimg img {
    width: 100%;
}

.rewards_box_gridimg span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(225, 186, 73);
    font-size: 1.3em;
    font-weight: bold;
    width: 100%;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    text-shadow: black 0px 2px 3px;
}

.rewards_box_gridall {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 45px 0px;
}

.rewards_box_gridtxt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px 0px 0px;
}

.rewards_box_gridbtn {
    position: absolute;
    bottom: -11%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rewards_box_gridtxt span {
    font-size: 1.4em;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.rewards_box_gridbtn a {
    font-size: 19px;
    font-weight: bold;
    color: rgb(71, 31, 99);
    background: linear-gradient(100deg, rgb(232, 231, 169) 0%, rgb(176, 140, 66) 100%);
    border: 1px solid rgb(221, 186, 73);
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    display: block;
    min-width: 240px;
}

.rewards_content_container {
    max-width: 1780px;
}

.reward_contacttitle:hover {
    box-shadow: rgb(225, 186, 73) 0px 0px 9px 4px;
}

.img_reward_click {
    position: absolute;
    max-width: 180px;
    bottom: 66%;
    right: -25%;
    transition: 0.3s ease-in-out;
    animation: 1s ease-in-out 0s infinite normal none running zoomInOut;
}

@keyframes zoomInOut {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.reward_contacttitle:hover .img_reward_click {
    filter: drop-shadow(rgb(225, 186, 73) -3px -5px 10px);
}

.recently-game-button {
    position: fixed;
    z-index: 1001;
    right: 12px;
    width: 90px;
    bottom: 46%;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.recently-game-button:hover {
    filter: drop-shadow(rgb(225, 186, 73) 0px 0px 10px);
    transform: translateY(-5px);
}

.recently-game-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.recently-game-list img {
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.recently-game-list img:hover {
    filter: drop-shadow(rgb(130, 56, 179) 0px 0px 10px);
    transition: 0.3s ease-in-out;
}

.modal-dialog.promo.recent-game-modal {
    background: url("../images/recentlyplayed_frame.png") center center / contain no-repeat;
    align-items: center;
    max-width: 1000px !important;
}

.modal-content.promo.recent-game-modal-content {
    background: none;
    border: none;
    padding: 6em 35px 3em;
}

button.close-promo.recent-game-modal-close {
    right: 4%;
    top: -3%;
    cursor: pointer;
    opacity: 0;
}

.messagemodaldialog {
    max-width: 800px;
}

.messagemodalcontent {
    position: relative;
    background: transparent;
    border: none;
}

.message-modal-body {
    position: relative;
    display: flex;
    align-items: center;
}

.message-modal-img {
    width: 100%;
}

.btn_share {
    border: none;
    background: none;
    color: rgb(255, 255, 255);
    font-size: 0.9em;
    font-weight: 600;
    padding: 5px;
    min-height: 49px;
    cursor: pointer;
    transition: 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.btn_share:hover {
    transform: translateY(-2px);
}

.btn_login_modal {
    background: url("../images/popupmodal/login-btn.png") center center / 100% 100% no-repeat;
}

.btn_contact_modal {
    background: url("../images/popupmodal/contact-btn.png") center center / 100% 100% no-repeat;
}

.btn_share img {
    width: 12%;
}

.message-modal-logo {
    width: 40%;
    margin: auto;
    text-align: center;
}

.message-modal-content {
    width: 55%;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: absolute;
    gap: 15px;
    padding: 1em;
}

.message-modal-btn {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.message-modal-text {
    color: rgb(201, 201, 201);
    font-size: 1.1em;
}

.input_wrap_select {
    display: flex;
    align-items: center;
}

.input_wrap_select select.modal_input {
    max-width: 70px;
    text-align: center;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input_wrap_select input.modal_input {
    border-radius: 0px 5px 5px 0px;
    border-left: none;
    padding-left: 15px;
}

.input_wrap_select select:focus-visible {
    outline: none;
}

button.close-promo.popupmodal-close {
    z-index: 1;
    top: -20px;
    background: rgba(118, 118, 118, 0.7);
    border-radius: 50%;
    font-size: 17px;
    padding: 6px 10px;
    right: 16px;
}

.index_btm_partwrap {
    padding-top: 0;
    padding-bottom: 30px;
    background: url("../images/index/bg.jpg") center bottom / cover no-repeat;
    position: relative;
    background-position: top;
}

.snowallclass {
    position: absolute;
    bottom: -52px;
    left: 0px;
    right: 0px;
    width: 150px;
    z-index: 1;
}

.snow-1-class {
    left: 5%;
}

.snow-2-class {
    left: 24%;
}

.snow-3-class {
    right: 14%;
    left: auto;
}

.top_header_chris {
    position: relative;
}

.top_header_chris::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0px;
    width: 100%;
    height: 20px;
    background: url("../images/header/deco.png") center center no-repeat;
    display: none;
}

.index_btm_topwrapper {
    position: relative;
}

.index_btm_topwrapper::before {
    content: "";
    position: absolute;
    top: -93px;
    width: 100%;
    height: 180px;
    background-image: url("../images/index/xmas-ribbon.png");
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    display: none;
}

.index_btm_partwrap {
    overflow: hidden;
}

.index_btm_partwrap_inn::before {
    content: "";
    position: absolute;
    top: -5%;
    left: -66%;
    width: 100%;
    height: 300px;
    background: url("../images/index/ball-2.png") center center / contain no-repeat;
    z-index: 1;
    display: none;
}

.index_btm_partwrap_inn::after {
    content: "";
    position: absolute;
    top: -5%;
    right: -66%;
    width: 100%;
    height: 300px;
    background: url("../images/index/ball.png") center center / contain no-repeat;
    z-index: 1;
    display: none;
}

.index_btm_partwrap_inn {
    position: relative;
}

.xmas-gift-img {
    position: absolute;
    top: 44%;
    right: -39%;
}

.container_scratch_body {
    position: relative;
}

.scratch-card {
    position: relative;
    max-width: 550px;
    margin: 0px auto;
    min-height: 400px;
    min-width: 400px;
}

.btm-sec {
    position: relative;
    background: url("../images/scratch/frame.png") center bottom / 100% 100% no-repeat;
    text-align: center;
}

.btm-sec-inn {
    padding: 1em 4em 2.6em;
}

.scratch-text p {
    text-shadow: rgb(117, 226, 235) 2px 0px, rgb(117, 226, 235) -2px 0px, rgb(117, 226, 235) 0px 2px, rgb(117, 226, 235) 0px -2px, rgb(117, 226, 235) 1px 1px, rgb(117, 226, 235) -1px -1px, rgb(117, 226, 235) 1px -1px, rgb(117, 226, 235) -1px 1px;
    font-size: 1.5em;
    margin: -7px 0px 0px;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    font-style: italic;
    letter-spacing: 4px;
    font-weight: 500;
}

.scratch-text span {
    font-size: 1.4em;
}

.container-gift {
    border: 2px solid rgb(117, 226, 235);
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 6px inset;
    overflow: hidden;
    position: relative;
    max-width: 70%;
    height: 100%;
    margin: 0px auto;
    user-select: none;
    background: url("../images/scratch/scratch-bg.jpg") center center no-repeat;
}

.canvas {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.prize-inner {
    background: rgb(255, 245, 228);
    color: rgb(217, 9, 27);
    height: 100px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px inset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 32px;
    font-weight: 600;
}

.pztext-1 {
    font-size: 70%;
}

.modal-content.reward {
    background: none;
    padding: 0px;
    border: none;
    max-width: 350px;
    margin: 0px auto;
}

button.close-x {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    max-width: 25px;
}

.won-wrapper {
    position: relative;
    text-align: center;
}

.congrats-title {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 6%;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 6px;
}

.congratz-text {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 31%;
    font-size: 28px;
    line-height: 1;
}

.priz-won {
    font-size: 130%;
}

button.play-btn {
    background: url("../images/play-btn.png") 0% 0% / 100% 100% no-repeat;
    width: 100%;
    max-width: 200px;
    height: 60px;
    margin: 0px auto;
    color: rgb(255, 225, 188);
    font-size: 19px;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 6px;
    font-family: Montserrat;
    font-weight: 600;
}

button.play-btn:hover {
    transform: scale(0.98);
    filter: brightness(1.07);
}

.prize_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.prize_wrapper.canvas-ready {
    opacity: 1;
    visibility: visible;
}

.prize_wrapper img {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.prize_wrapper.canvas-ready img {
    opacity: 1;
    visibility: visible;
}

.win {
    position: relative;
}

.circlewin {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

img.circlewin {
    display: none;
    z-index: 3;
}

img.circlewin.show {
    display: block;
}

.rewardmodal {
    z-index: 1051;
}

.rewardmodalcontent {
    background-color: transparent;
}

.btm-sec-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0px 15px 8px;
}

.btm-sec-top .left img {
    width: 52px;
    position: absolute;
    left: -20px;
}

.btm-sec-top span {
    font-size: 1.1em;
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 1.3px;
    font-style: italic;
    padding-left: 26px;
}

.btm-sec-top .left {
    display: flex;
    align-items: center;
    background: rgb(0, 0, 0);
    border: 1px solid rgb(168, 31, 220);
    border-radius: 8px;
    padding: 3px 7px;
    position: relative;
    min-width: 160px;
    justify-content: right;
}

.btm-sec-top .middle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23%;
}

.btm-sec-top .middle img {
    width: 100%;
    position: absolute;
    z-index: 1;
    margin: 0px auto;
    left: 6%;
    top: -51px;
}

.btm-sec-top .right {
    display: flex;
    align-items: center;
    gap: 6px;
}

.btm-sec-top .right .box_scratch_menu {
    width: 36px;
    background: rgb(0, 0, 0);
    border: 1px solid rgb(168, 31, 220);
    border-radius: 8px;
    padding: 5px;
    cursor: pointer;
}

.scratch-text {
    padding: 1.5em 0px;
}

.txt_anton {
    font-family: Anton, sans-serif;
}

.gift_prize_grid_item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.gift_prize_grid_item span {
    text-shadow: rgb(168, 31, 220) 2px 0px, rgb(168, 31, 220) -2px 0px, rgb(168, 31, 220) 0px 2px, rgb(168, 31, 220) 0px -2px, rgb(168, 31, 220) 1px 1px, rgb(168, 31, 220) -1px -1px, rgb(168, 31, 220) 1px -1px, rgb(168, 31, 220) -1px 1px;
    font-size: 1.1em;
    color: rgb(255, 255, 255);
}

.gift_prize_grid_item img {
    background: rgb(0, 0, 0);
    border: 1px solid rgb(168, 31, 220);
    border-radius: 8px;
    padding: 6px;
    width: 100%;
    max-width: 40px;
}

.gift_prize_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    padding: 1em 2em;
}

.gift_prize_grid .gift_prize_grid_item:last-child {
    grid-column: span 2;
}

.gift_prize_grid .gift_prize_grid_item:last-child img {
    max-width: 50px;
}

.gift_prize_grid .gift_prize_grid_item:last-child span {
    font-size: 1.4em;
}

.scratch_btnwrap {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.scratch_btnwrap img {
    max-width: 200px;
}

.scratch_btnwrap span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: rgb(255, 255, 255) 2px 0px, rgb(255, 255, 255) -2px 0px, rgb(255, 255, 255) 0px 2px, rgb(255, 255, 255) 0px -2px, rgb(255, 255, 255) 1px 1px, rgb(255, 255, 255) -1px -1px, rgb(255, 255, 255) 1px -1px, rgb(255, 255, 255) -1px 1px;
    font-size: 1.5em;
    color: rgb(14, 0, 88);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-style: italic;
    font-weight: 500;
}

.scratch-card-win {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.scratch-card-win img {
    width: 82%;
}

.scratch-card-win-prize {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.scratch-card-win-prize-token {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
}

.scratch-card-win-prize-token img {
    width: 100%;
    max-width: 250px;
}

.scratch-card-win-prize-token span {
    font-size: 1.9em;
    font-weight: 500;
    color: rgb(29, 0, 118);
    position: absolute;
    letter-spacing: 3.2px;
}

.img_congratulation {
    width: 100%;
    max-width: 500px;
}

.img_you_won {
    width: 100%;
    max-width: 200px;
}

.scratch-card-win-prize-token-amount {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#tnctmodal {
    z-index: 1060 !important;
}

#tnctmodal.show {
    z-index: 1060 !important;
}

#tnctmodal .modal-dialog {
    z-index: 1060 !important;
}

.box_scratch_menu .dropdown-toggle::after {
    display: none;
}

.box_scratch_menu .dropdown-menu {
    background-color: rgb(37, 37, 37);
    min-width: 314px;
    border-radius: 0px;
}

.scratch-card-win-wrapper {
    display: none;
    width: 100%;
    z-index: 1000;
    flex-direction: column;
    gap: 44px;
    transition: 0.3s ease-in-out;
    opacity: 0;
    transform: scale(0.8);
}

.scratch-card-win-wrapper.show {
    display: flex;
    animation: 0.3s ease-out 0s 1 normal forwards running scratchWinShow;
}

@keyframes scratchWinShow {
    0% {
        opacity: 0;
        transform: scale(0.8) translateY(20px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}

.scratch_arrow_img {
    width: 51px;
    position: absolute;
    top: -49px;
    left: 13px;
    animation: 1.2s ease-in-out 0s infinite normal none running arrowPointDown;
    transform-origin: center center;
}

@keyframes arrowPointDown {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
        opacity: 1;
    }

    50% {
        transform: translate(5px, 5px) rotate(5deg);
        opacity: 0.8;
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
        opacity: 1;
    }
}

.scratch_btnwrap_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.wheel-all ul {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    gap: 20px;
    font-weight: bold;
    list-style: none;
    padding: 0px;
    margin-top: 22px;
}

span.yell-text {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.whl-btn {
    background: rgb(27, 19, 71);
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    gap: 5px;
    color: rgb(255, 255, 255);
    border: 2px solid rgb(144, 124, 255);
}

a.btn-spin {
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    border: 2px solid rgb(144, 124, 255);
    background: linear-gradient(to right, rgb(27, 19, 71) 0%, rgb(144, 124, 255) 100%);
}

.wheel-all .btn-more {
    background: linear-gradient(to right, rgb(27, 19, 71) 0%, rgb(144, 124, 255) 100%);
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    border: 2px solid rgb(144, 124, 255);
}

.fortune_wrap_custom {
    padding: 1% 0px 25px;
}

.fw1-page .wheel_product.wheel-wrap img {
    max-width: 100%;
    margin: auto;
}

.fw1-bg {
    background-image: url("../images/wheel/fw1/bg.jpg");
    background-size: auto;
    background-position: center bottom;
}

.fw1-page .wheel_product.wheel-wrap img.wheel_product_frame {
    max-width: 50%;
    animation: unset;
    position: absolute;
    top: auto;
    left: 15%;
    z-index: 2;
}

.fw1-page .whl-btn {
    background: rgb(0, 0, 0);
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    gap: 5px;
    border: 1px solid rgb(147, 100, 251);
    color: rgb(255, 255, 255);
}

.fw1-page span.yell-text {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.fw1-page a.btn-spin {
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    color: rgb(147, 100, 251);
    border: 1px solid rgb(147, 100, 251);
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

.fw1-page .wheel-all .btn-more {
    background: linear-gradient(rgb(119, 60, 248) 0%, rgb(83, 5, 180) 100%);
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(147, 100, 251);
}

.fw2-page .wheel_product.wheel-wrap img {
    max-width: 490px;
    margin: auto;
}

.fw2-bg {
    background-image: url("../images/wheel/fw2/bg.jpg");
    background-size: auto;
    background-position: center bottom;
}

.fw2-page .whl-btn {
    background: rgb(255, 255, 255);
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    gap: 5px;
    border: 1px solid rgb(192, 36, 65);
    color: rgb(192, 36, 65);
}

.fw2-page span.yell-text {
    color: rgb(192, 36, 65);
    font-weight: bold;
}

.fw2-page a.btn-spin {
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    color: rgb(192, 36, 65);
    border: 2px solid rgb(192, 36, 65);
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
}

.fw2-page .wheel-all .btn-more {
    background: linear-gradient(rgb(214, 44, 83) 0%, rgb(100, 5, 9) 100%);
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(192, 36, 65);
}

.fw3-page .wheel_product.wheel-wrap img {
    max-width: 100%;
    margin: auto;
}

.fw3-bg {
    background-image: url("../images/wheel/fw3/bg.jpg");
    background-size: auto;
    background-position: center bottom;
}

.fw3-page .wheel_product.wheel-wrap img.wheel_product_frame {
    max-width: 50%;
    animation: unset;
    position: absolute;
    top: auto;
    left: 15%;
    z-index: 2;
}

.fw3-page .whl-btn {
    background: linear-gradient(rgb(122, 122, 122) 0%, rgb(63, 63, 63) 100%);
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    gap: 5px;
    border: 1px solid rgb(63, 63, 63);
    color: rgb(255, 255, 255);
}

.fw3-page span.yell-text {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.fw3-page a.btn-spin {
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
}

.fw3-page .wheel-all .btn-more {
    background: linear-gradient(rgb(211, 53, 55) 0%, rgb(123, 15, 14) 100%);
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(123, 15, 14);
}

.fw4-page .wheel_product.wheel-wrap img {
    max-width: 490px;
    margin: auto;
}

.fw4-bg {
    background-image: url("../images/wheel/fw4/bg.jpg");
    background-size: auto;
    background-position: center bottom;
}

.fw4-page .whl-btn {
    background: rgb(255, 255, 255);
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    gap: 5px;
    border: 1px solid rgb(2, 62, 122);
    color: rgb(2, 62, 122);
}

.fw4-page span.yell-text {
    color: rgb(2, 62, 122);
    font-weight: bold;
}

.fw4-page a.btn-spin {
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    color: rgb(2, 62, 122);
    border: 2px solid rgb(2, 62, 122);
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
}

.fw4-page .wheel-all .btn-more {
    background: linear-gradient(rgb(83, 151, 196) 0%, rgb(4, 63, 122) 100%);
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(2, 62, 122);
}

.fw5-page .wheel_product.wheel-wrap img {
    max-width: 100%;
    margin: auto;
}

.fw5-bg {
    background-image: url("../images/wheel/fw5/bg.jpg");
    background-size: auto;
    background-position: center bottom;
}

.fw5-page .wheel_product.wheel-wrap img.wheel_product_frame {
    max-width: 50%;
    animation: unset;
    position: absolute;
    top: auto;
    left: 15%;
    z-index: 2;
}

.fw5-page .whl-btn {
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    gap: 5px;
    border: 1px solid rgb(63, 63, 63);
    color: rgb(175, 45, 140);
}

.fw5-page span.yell-text {
    color: rgb(175, 45, 140);
    font-weight: bold;
}

.fw5-page a.btn-spin {
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    color: rgb(175, 45, 140);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
}

.fw5-page .wheel-all .btn-more {
    background: linear-gradient(rgb(229, 99, 194) 0%, rgb(185, 55, 150) 100%);
    padding: 8px 20px;
    margin: 0px;
    display: flex;
    border-radius: 8px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(185, 55, 150);
}

.wheel_lobby_body {
    background-image: url("../images/wheel/bg.png");
    background-size: cover;
    background-position: bottom;
}

.wheel_lobby {
    padding: 2em 0px;
}

.wheel_title {
    text-align: center;
    color: rgb(211, 174, 33);
    font-size: 3em;
    font-weight: 700;
    text-transform: uppercase;
}

.wheel_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.wheel_grid_item {
    position: relative;
    border-radius: 10px;
    /* background: linear-gradient(30deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%) padding-box padding-box, linear-gradient(67deg, rgb(97, 52, 169) 0%, rgb(197, 152, 233) 40%, rgb(97, 52, 169) 60%, rgb(197, 152, 233) 80%, rgb(97, 52, 169)) border-box border-box; */
    /* border: 4px solid transparent; */
    overflow: hidden;
    padding-bottom: 30px;
}

.wheel_context {
    /* position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px; */
}

.wheel_context_title {
    font-size: 1.5em;
    font-weight: 500;
    color: #ede0b8;
    text-transform: uppercase;
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.wheel_context_description {
    font-size: 1.7em;
    color: #ede0b8;
    text-transform: uppercase;
    background: url(../images/wheel/newyear/PlayNowBar.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: auto;
    padding: 10px 25px;
    max-width: 250px;
    transition: 0.3s;
}
.wheel_context_description:hover{
    transform:translateY(-10px);
    transition: 0.3s;
    filter: drop-shadow(0 0 5px #ffeda7);
}

/* dailylogin */
.dailylogin_banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.date-tab .nav-tabs .nav-link {
    font-weight: 600;
    padding: 10px 32px;
    border-radius: 5px;
    color: #ffffff;
    border: 2px solid transparent;
    background-color: #000;
    background: url(../images/dailylogin/CheckinListBackground.png) no-repeat center center;
    background-size: 100% 100%;
    transition: 0.3s;
    font-size: 17px;
}
  
.date-tab .nav-tabs .nav-link.active, .date-tab .nav-tabs .nav-link:hover {
    /* background: #3c0074; */
    color: #ffeda7;
    border: 2px solid transparent;
    transform: scale(1.05);
    transition: 0.3s;
}
  
.date-tab .nav-tabs{
    border-bottom: none;
    margin: 20px 0px 0px;
    gap: 5px;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: center;
    display: flex;
    gap: 15px;
}
.dailylogin_grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}
.dailylogin_date{
    background: #3c0074;
    border: 2px solid #caacff;
    text-align: center;
    /* transform: skewX(-25deg); */
    width: 90%;
    margin: auto;
    margin-bottom: 5px;
    background: linear-gradient(180deg, #bf9652 0%, #faf7d1 18%, #f5dc8c 80%, #a9864c 100%);
    border: 2px solid #ffdf74;
    border-radius: 7px;
}
.dailylogin_date span{
    color: #bf0000;
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    /* transform: skewX(25deg); */
}
.dailylogin_box_content{
    position: relative;
}
.dailylogin_claim_wrap{
    position: absolute;
    bottom: 36px;
    left: 0px;
    right: 0px;
    width: 69%;
    margin: auto;
}
.dailylogin_claim_btn{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}
.dailylogin_claim_btn:hover{
    transform: scale(1.05);
    transition: 0.3s;
}
.dailylogin_claim_btn span{
    position: absolute;
    color: #bf0000;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dailylogin_tab_content{
    padding: 30px 0;
}
.dailylogin_box_check_wrap{
    position: absolute;
    top: 0px;
    background: #000000c7;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dailylogin_box_check_wrap img{
    width: 50%;
}
.dailylogin_box{
    position: relative;
}
.dailybody{
    background-color: #000;
    padding: 50px 0px;
}

/* announcementmodal */
.announcementpopupimg img {
    /* width: 400px; */
    margin: auto;
    border-radius: 5px;
}

#announcementpopup .carousel-control-prev {
    left: -22px;
}

#announcementpopup .carousel-control-next {
    right: -22px;
}

.announcementmodal.modal {
    z-index: 999999;
}

.announcementmodal .modal-content {
    position: relative;
}

.announcementmodal .close {
    right: 0;
    bottom: -35px;
    color: #ffffff;
    opacity: 1;
    position: absolute;
    z-index: 111;
    text-align: center;
    left: 48%;
    font-size: 27px;
    font-weight: 500;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.announcementmodal.detectannouncementmodal02 .close {
    position: absolute;
    right: 55px;
    top: 20px;

}

.announcementmodal .modal-content {
    background-color: transparent;
    border: none;
}


.announcementmodal .modal-dialog {
    max-width: 500px;
}

.annou-pop {
    border-radius: 20px;
    background: #000;
    padding: 20px;
    color: #fff;
    /* border: 1px solid #bd6fff; */
}

.annou-ttle {
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    /* border-bottom: 1px solid #bd6fff; */
    padding-bottom: 7px;
}

.annou-content {
    padding-top: 25px;
    font-size: 12px;
}

.announcementmodal .modal_close {
    z-index: 10;
    color: #fff;
    opacity: 1;
}

.annou-content img {
    display: block;
    margin: 0px auto;
}

.annou-pop p {
    margin-top: 20px;
    margin-bottom: 0px;
}
.round {
  position: relative;
  margin-right: 10px;
  height: 16px;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
  margin: 0px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #2283f6;
  border-color: #2283f6;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.cls-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    font-size: 12px;
    color: #fff;
}

/* jackpot */
.jackpot-page-top-monthly{
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 70%;
    padding-top: 30px;
    margin-bottom: -7%;
}
.jackpot-page-top-monthly span{
    position: absolute;
    bottom: 20%;
    font-family: "Audiowide", sans-serif;
    color: #fff;
    font-size: 4.5rem;
    text-shadow: 0 0 7px #006bb2,  /* inner white glow */
    0 0 42px #006bb2,  /* outer colored glow */
    0 0 66px #006bb2,
    0 0 84px #006bb2;
    -webkit-text-stroke: 2px #006cff;
    text-stroke: 1px #006cff;
    font-weight: 400;
    font-size: clamp(1rem, -0.1667rem + 4.8889vw, 4.5rem);
}
.dailyjackpot_wrapper{
    position: absolute;
    max-width: 55%;
    top: 25%;
    left: 20%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.dailyjackpot_wrapper img{
    width: 100%;
}
.dailyjackpot_box{
    background: #000;
    border: 1px solid rgb(207 206 207);
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    box-shadow: inset 0px 0px 5px #7937ff, inset 0px 0px 5px #7937ff, 0px 0px 1px 2px #7937ff, 0px 0px 13px 3px #7937ff;
}
.dailyjackpot_box span{
    font-family: "Audiowide", sans-serif;
    color: #fff;
    font-size: 4.5rem;
    text-shadow: 0 0 7px #fff, 0 0 66px #6f29ff, 0 0 84px #7937ff;
    -webkit-text-stroke: 1px #7937ff;
    text-stroke: 1px #7937ff;
    font-weight: 400;
    font-size: clamp(1rem, -0.1667rem + 4.8889vw, 4.5rem);
}
.jackpot_menurow{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-direction: column;
    position: absolute;
    right: 2%;
    bottom: 22%;
}
.jackpot_menurow .jackpot_menurow_item{
    transition: transform 0.3s ease-in-out;
}
.jackpot_menurow .jackpot_menurow_item:hover{
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
    filter: drop-shadow(0 0 10px #0046ff);
}
.jackpot_menurow .jackpot_menurow_item img{
    max-width: 50px;
}
.jackpot_menurow .jackpot_menurow_item .dropdown-menu {
    background-color: rgb(0 0 0);
    min-width: 314px;
    border-radius: 10px;
    border: 1px solid #2976c1;
}
.jackpot_menurow .jackpot_menurow_item .dropdown-toggle::after {
    display: none;
}


.jackpot-page-top{
    background: url("../images/jackpot_minigame/bg1.jpg") bottom center / cover no-repeat rgb(0, 0, 0);
    /* min-height: 1000px; */
}
.jackpotminigame-container{
    max-width: 1400px;
    padding: 0px 30px;
    overflow: hidden;
}
.jackpot_dragon_img{
    text-align: center;
    /* background: url("../images/jackpot_minigame/title.png") bottom center / cover no-repeat; */
    position: relative;
    width: 100%;
    /* min-height: 1000px; */
    /* max-width: 1500px; */
    background-size: contain;
    background-position: top;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -3%;
}
.energy-bar-img{
    position: absolute;
    left: -6%;
    bottom: 8%;
    width: 18%;
}
.jackpot_dragon_wrap{
    /* position: absolute; */
    /* top: 23%; */
    /* display: flex; */
    /* flex-direction: column; */
    /* height: 100%; */
}
.jackpot_dragon_wrap_time{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    top: 24%;
    left: 18%;
}
.jackpot_dragon_wrap_time span{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
    background: #000;
    border: 1px solid #2979c3;
    min-width: 25px;
    min-height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jackpot_dragon_wrap_time span.timespan_no{
    border: none;
    background: none;
    min-width: 0;
}
.left_shape{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shape_details{
    position: absolute;
    padding-left: 40px;
    text-align: left;
    overflow: hidden;
    height: 30px;
    width: 100%;
}
.shape_details.noshow{
    display: none;
}
.shape_details span{
    font-size: 10px;
    font-weight: 900;
    color: #1ccfff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 30px;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.5s ease, transform 0.5s ease;
    white-space: nowrap;
    padding-left: 47px;
}
.shape_details span.active{
    opacity: 1;
    transform: translateY(0);
}
.shape_details span.slide-out{
    opacity: 0;
    transform: translateY(-100%);
}
.jackpot_btm_shapebox{
    display: flex;
    position: absolute;
    left: 13%;
    bottom: 24%;
    justify-content: space-between;
    width: 65%;
}
.shape_details_member{display: flex;align-items: center;justify-content: center;position: absolute;gap: 8px;padding-right: 20px;}
.shape_details_member span{
    font-size: 12px;
    font-weight: 400;
    color: #1ccfff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.shape_details_member img{
    width: 27px;
}
.right_shape {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}





.jackpot-page-btm{
    background: url("../images/jackpot_minigame/bg2.jpg");
    min-height: 1000px;
}
.jackpot_vip_section_title{
    text-align: left;
}
.jackpot_vip_section_title span{
    background: linear-gradient(to right, #3ebdff, #ae72ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
    font-family: "Audiowide", sans-serif;
    font-size: 1.5em;
}
.jackpot_vip_section_list{
    background: url("../images/jackpot_minigame/vip-bg.png") bottom center / cover no-repeat;
    background-size: 100%;
    background-position: top;
    padding: 1em;
    height: 100%;
}
.jackpot_vip_section_list_item{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 15px;
    height: 100%;
}
.jackpotvip_box{
    background: url("../images/jackpot_minigame/vip-frame.png") bottom center / cover no-repeat;
    background-size: 100% 100%;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jackpotvip_box img{width: 85%;}


.contributed_section{
    margin: 3em 0 0 0;
}
.contributed_section_list{
    display: flex;
    margin-top: -10px;
}
.contributed_section_list .left{
    position: relative;
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contributed_section_list .left span{
    position: absolute;
    font-size: 3.5em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    margin-top: 15px;
    text-shadow: 0 0 7px #fff,  /* inner white glow */
        0 0 42px #4f00bb,  /* outer colored glow */
        0 0 55px #4f00bb,
        0 0 84px #4f00bb;
}
.contributed_section_list .right{
    position: relative;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contributed_section_list .right span{
    position: absolute;
    font-size: 3.5em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    margin-top: 15px;
    text-shadow: 0 0 7px #fff,  /* inner white glow */
    0 0 42px #4f00bb,  /* outer colored glow */
    0 0 55px #4f00bb,
    0 0 84px #4f00bb;
}
.insertamt_section{
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.insertamt_section_list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    gap: 8px;
}
.insertamt_section_title{
    font-size: 2em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    font-family: "Audiowide", sans-serif;
    text-shadow: 0 0 7px #fff,  /* inner white glow */
    0 0 42px #4f00bb,  /* outer colored glow */
    0 0 55px #4f00bb,
    0 0 84px #4f00bb;
}
.insertamt_section_input{
    margin-top: 0;
}
.insertamt_section_input input{
    width: 100%;
    padding: 4px;
    border-radius: 5px;
    border: none;
    border-bottom: 2px solid #4f00bb;
    background: none;
    border-radius: 0;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
}
.insertamt_section_btn{
    margin-top: 10px;
}
.insertamt_section_btn a img{
    background: none;
    border: none;
    cursor: pointer;
    max-width: 200px;
    transition: 0.3s ease-in-out;
}
.insertamt_section_btn a:hover img{
    filter: drop-shadow(0 0 10px #4f00bb);
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.winnerlist_section{
    margin-top: 3em;
}
.winnerlist_banner{
    text-align: center;
}
.winnerlist_banner img{
    width: 100%;
    max-width: 1000px;
}
.winnerlist_section_list{
    display: flex;
    /* grid-template-columns: repeat(2, 1fr); */
    gap: 35px;
    padding: 2em 0;
    max-width: 80%;
    margin: auto;
    flex-wrap: wrap;
}
.winnerlist_section_list_item{
    /* border: 1px solid #6d69d9; */
    /* border-radius: 10px; */
    overflow: hidden;
    background: url(../images/jackpot_minigame/winner-frame.png) no-repeat;
    background-size: 100% 100%;
    min-height: 365px;
    display: flex;
    padding: 0 3em;
    width: 48%;
    margin: auto;
}
.winnertable{
    width: 97%;
    border-collapse: collapse;
    text-align: center;
    margin: auto;
    margin-top: 12%;
}
.winnertable td{
    border-bottom: 1px solid #615f9a;
    padding: 10px;
    text-align: center;
}
.winnertable_title{
    background: linear-gradient(to right, #09314712, #1f648ac7, #09314712);
}
.winnertable_title span{
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    text-shadow: 0px 0px 5px #0046ff, 0px 0px 5px #0046ff,0px 0px 5px #0046ff,0px 0px 5px #0046ff;
}
.winnertable_header{
    color: #7a76f3;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
    /* background: linear-gradient(to right, #202158, #233070,#202158); */
}
.winnertable tbody tr{
    /* background: #14093c; */
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
    font-family: "Roboto", sans-serif;
}
.winnertable tr th{
    padding: 10px;
    border-bottom: 1px solid #615f9a;
}
.winnertable .winnertable_title th{
    border-bottom: none;
}
.winnertable tbody:before{
    line-height: 1em;
}

/* chinesetheme */
.header_wording{
    max-width: 115px;
}
.carousel-caption{
    max-width: 46%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.balance_section{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-top: 8px;
}
.balance_section i{
    cursor: pointer;
    color: rgb(168, 31, 220);
}
.balance_section_text{
    border: 1px solid rgb(140 53 254);
    border-left: 10px solid rgb(140 53 254);
    border-right: 10px solid rgb(140 53 254);
    border-radius: 5px;
    padding: 3px 5px;
    margin-top: 3px;
    position: relative;
    /* min-width: 200px; */
    text-align: center;
    max-width: 207px;
    line-height: 1.3;
}
.balance_section_text span{
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 4px #fff, 0 0 12px #6f29ff, 0 0 11px #7937ff;
    font-weight: bold;
    /* text-shadow: 2px 2px #ff0000; */
}
.balance_section_arrow{
    position: absolute;  
    max-width: 50px;
    right: -20%;
    bottom: 67%;
    animation: balanceArrowBounce 2s ease-in-out infinite;
}
@keyframes balanceArrowBounce {
    0%, 100% { 
        filter: brightness(0.9) drop-shadow(0 0 4px rgba(111, 41, 255, 0.4));
        opacity: 0.85;
    }
    50% { 
        filter: brightness(2.3) drop-shadow(0 0 16px rgba(121, 55, 255, 1));
        opacity: 1;
    }
}


@media (max-width: 1199px) {
    .jackpot_txt {
        bottom: 11%;
    }

    .index_miss_all:hover .bottom-box {
        transform: translateY(-2px);
        opacity: 1;
        visibility: unset;
    }

    .index_miss_all {
        height: 226px;
    }

    .index_miss_all:hover .hover-box {
        opacity: 1;
        height: 226px;
    }

    .xmas-ball-img-left, .xmas-ball-img-right {
        width: 10vw;
        min-width: 80px;
    }
}

@media (max-width: 768px) {
    .xmas-ball-img-left, .xmas-ball-img-right {
        left: 5%;
        right: 5%;
        width: 8vw;
        min-width: 60px;
    }
}

@media (max-width: 480px) {
    .xmas-ball-img-left, .xmas-ball-img-right {
        left: 2%;
        right: 2%;
        width: 15%;
        min-width: 50px;
    }
}