/*.x-header, .x-header.-sticky {
    background: linear-gradient(180deg,#fffaf1,#ffbd94);
}*/
html, body { background-color: #151515; height: auto;  font-family: FC Iconic Text,Helvetica Neue,Helvetica,Arial,sans-serif; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  font-family: FC Iconic Text,Helvetica Neue,Helvetica,Arial,sans-serif; }
p { margin-bottom: 0; }
a { color: #fb8700; }
a:hover { color: #a1a1a1; text-decoration: none; }
.btn.-btn-header-login { background: linear-gradient(180deg,#ffffff,#ffa707); color: #4d3200; border: 1px solid #fb8700; }
.btn.-btn-header-login:hover { color: #fff; background: #fb8700; }
.btn.-btn-header-register { background: #fff; color: #d36601; border: 1px solid #ffa707; }
.btn.-btn-header-register:hover { color: #fff; background: #fb8700; }

.modal-backdrop { background-color: #000000; }
.x-menu-account-list-sidebar .-overlay { background: rgb(0 0 0 / 50%); }
.x-modal .-modal-content { box-shadow: inset 0px 1px 20px #ff75009c; }

.x-footer .-inner-wrapper, .x-slot-providers-logo-component { background-color: #151515; }
.x-footer .-copy-right-container { background: linear-gradient(140deg,#2c2c2c,#0c0c0c,#2c2c2c,#0c0c0c); box-shadow: 1px 1px 10px #593000; }
.x-footer .-copy-right-container .-copy-right-text { color: #fb8700; font-size: 12px; }
.x-cover .-right-content .-title, .x-slide-content-component .-slide-content-wrapper .-text-title { color: #fb8700; }
.x-footer .-inner-wrapper .-footer-menu .-btn-link { font-size: .8rem; color: #c4c4c4; background: linear-gradient(140deg,#2c2c2c,#0c0c0c); /*box-shadow: 1px 1px 3px #593000;*/  }
.x-footer .-inner-wrapper .-footer-menu .-text-title.-menu, .x-footer .-inner-wrapper .-footer-menu .-text-title.-provider, .x-footer .-inner-wrapper .-footer-menu .-text-title.-tag { color: #fb8700; }
.x-footer { background: #151515; }
.x-menu .-menu-container .-menu-link, .x-header.-sticky .x-menu .-menu-container .-menu-link, .x-game-list-item-macro .-title { color: #fb8700; font-weight: 300; }
.x-cover .-right-content .-sub-title { color: #e0e0e0; }
.x-hamburger span, .x-header.-sticky .x-hamburger span { background: #fb8700; }
.x-header, .x-header.-sticky { background: linear-gradient(140deg,#2c2c2c,#0c0c0c,#0c0c0c,#0c0c0c); box-shadow: 1px 1px 10px #593000; }
.x-homepage .x-index-content-main-container:before, .x-category-index, .x-event-index-container, .x-search-result-container { /*background-image: unset;*/ background-image: url(../../images/ez-slot-default-bg.f8c254a0.png?5); }
.x-promotion-index { background-image: unset; }
.bank_logo { margin-right: 10px; margin-left: 10px; }
.card_dp_sb  { margin: 20px 0; }
.card_dp_sb .detail p { font-size: 13px; }
.x-title-register-modal-v3 .-title { color: #fff; }
.x-modal-account-security-tabs.-v3 .-btn.-active { color: #ffffff; }
.x-game-list-item-macro .-inner-wrapper .-cover-img { box-shadow: 0px 0px 5px #000000; }
#themeSwitcherModal { background: hsl(26.95deg 100% 7.81%);  }
#themeSwitcherModal, .x-modal.-v2 .-modal-content { 
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url(../../images/ez-slot-default-bg.f8c254a0.png);
   background-size: cover;
   background-position: 100% 0;
   background-repeat: no-repeat; 
}
.x-quick-button-group.-sticky { background: #1e1e1e; }
.x-quick-button-group.-sticky:not(.x-quick-button-group.-sticky.-in-category) { box-shadow: 0 2px 20px rgb(0 0 0), 0 1px 2px hsl(0deg 0% 0% / 71%); }
.x-modal-account-security-tabs.-v3 .-btn { color: #431e00; background: #ffffff; }
.x-modal.-v2 .form-control { color: #ffba56; background-color: #fff; border: 2px solid #b05e00; }
.x-modal-account-security-tabs .-btn { background: #ffffff;}
.x-modal-account-security-tabs .-btn.-active { background: transparent; }
.-x-input-icon .form-control { padding-left: 0px; }
.card-body { padding-bottom: 15px !important; }

.fs12 {
    font-size: 12px !important;
}
.fs13 {
    font-size: 13px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs15 {
    font-size: 15px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs17 {
    font-size: 17px !important;
}
.fs18 {
    font-size: 18px !important;
}
.fs19 {
    font-size: 19px !important;
}
.fs20 {
    font-size: 20px !important;
}
.fs21 {
    font-size: 21px !important;
}
.fs22 {
    font-size: 22px !important;
}
.fs23 {
    font-size: 23px !important;
}
.fs24 {
    font-size: 24px !important;
}
.fs25 {
    font-size: 25px !important;
}
.fw300 {
    font-weight: 300 !important;
}
.fw400 {
    font-weight: 400 !important;
}
.fw500 {
    font-weight: 500 !important;
}
.fw600 {
    font-weight: 600 !important;
}

.color_red {
    color: #FF0000;
}
.fas_green {
    color: #3AB54A;
}
.fas_red {
    color: #EC2024;
}
.fas_wait {
    color: #FFB147;
}
.fas_blue {
    color: #2196F3;
}
.fas_yellow {
    color: #FFB147;
}
.fa-circle-xmark::before {
    content: "\f057";
    background: linear-gradient(white, white) center bottom/29% 69% no-repeat;
}

.tab_update_time {
    color: #343a40;
    text-align: right;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.408px;
}

.withdraw ul {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}
.withdraw li {
    padding-left: var(--icon-space);
    font-size: 17px;
    font-weight: 300;
    color: #d1d1d1; 
}
.withdraw li:before {
    content: "*";
    /* FontAwesome Unicode */
    font-family: 'Font Awesome 6 Free';
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1);
    width: var(--icon-space);
    font-size: 10px;
}


/*.x-header #headerContent .-btn-header-register { display: block; }*/
.x-menu-account-list-sidebar .x-modal-account-menu-mobile { background: linear-gradient(180deg,#371900,rgb(104 47 0 / 70%)),linear-gradient(180deg,#0000 8%,#00000000); }
.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container { color: #fb8700; }
.x-modal.-v2 .-modal-main-account .-modal-content, .x-modal.-v2 .-modal-content { background-image: linear-gradient(150deg,#191716,#000000),linear-gradient(180deg,#ffbc00,#ffa134); }
.x-modal.-v2 .close { color: #fff; }
.x-modal.-v2 .x-title-modal { color: #fb8700; }
.x-profile-info .-username-wrapper .-label, .x-profile-info .-username-wrapper .-label-highlight, .x-profile-info .-username-wrapper .-value, .x-profile-bank-info .-bank-detail .-name, .x-profile-bank-info .-bank-number ,.x-profile-bank-info .-bank-number .-copy-wrapper, .x-profile-bank-info .-bank-name   { color: #fff; }
.x-profile-group-trace-condition .-note, .x-profile-bank-info .-heading-title, .x-text-with-link-component .-text-message { color: #bdbdbd; }
.card_gray .x-profile-group-trace-condition .-note, .card_gray .x-profile-bank-info .-heading-title, .card_gray .x-text-with-link-component .-text-message { color: #4f4f4f; }
.card_gray .x-profile-bank-info .-bank-detail .-name, .card_gray .x-profile-bank-info .-bank-number .-copy-wrapper, .card_gray .x-profile-bank-info .-bank-number { color: #4f4f4f; }


.x-profile-info .-btn-change-password, .x-text-with-link-component .-link-message {  color: #fb8700; }
.x-profile-group-trace-condition .-card-condition-description { background: #ffffff; }
.x-profile-group-trace-condition .-card-condition-heading { background: #fec157; }
.x-profile-group-trace-condition .-card-condition-description .-highlight { color: #fb8700; }
.x-modal-account-menu-mobile .navbar-nav .nav-item.active .nav-link, .x-modal-account-menu-mobile .navbar-nav .nav-item:hover .nav-link, .x-modal-account-menu .navbar-nav .nav-item.active .nav-link, .x-modal-account-menu .navbar-nav .nav-item:hover .nav-link {  background: linear-gradient(180deg,#ffffff,#fec157)!important; } 

.x-quick-button-group .-row-button .-button .-btn-item.-promotion { background: url(../../images/switcher-ic-login-bgdark.png) no-repeat 50%/cover; border: 1px solid #505050; }
.x-quick-button-group .-row-button .-button .-btn-item.-promotion-home { background: url(../../images/ez-theme-switcher-ic-register-bg.a4271207_v1.png) no-repeat 50%/cover; border: 1px solid #505050; }

.x-quick-button-group .-row-button .-button .-btn-item .-typo-wrapper .-typo { color: #fff; }
.x-profile-group-trace-condition .-card-condition-heading { color: #331900; }
.btn.-btn-header-login, .x-header #headerContent .-btn-header-register, { padding: 0rem 1.5rem; line-height: 1.5; display: flex; align-items: center; }
.x-homepage .x-index-content-main-container .-popular-games-list-container .-game-title, .x-homepage .x-index-content-main-container .-slot-games-list-container .-game-title, .x-homepage .x-index-content-main-container .-new-games-list-container .-game-title, .x-homepage .x-index-content-main-container .-games-splitter-zone-container .-left-side .-live-casino-container .-game-title, .x-homepage .x-index-content-main-container .-games-splitter-zone-container .-left-side .-sports-container .-game-title { color: #fb8700; font-weight: 500;     font-size: 16px; }
.x-card { padding-bottom: 0; height: auto; min-height: auto; }
.x-card.-multi-card:before { z-index: -1; }
.x-card.-multi-card-v2 {
    border: 2px solid #ffbfb7;
    border-radius: 22px;
}

.x-header .x-logged .-balance-container .-user-balance .-btn-balance { right: -1rem }
.x-header .x-logged .-balance-container .-user-balance { margin-right: 14px; }
.x-modal .-modal-mobile .x-modal-mobile-header .x-title-modal, .x-modal.-v2 .x-title-modal { font-family: FC Iconic Text,Helvetica Neue,Helvetica,Arial,sans-serif; }
.x-banner-slide-wrapper .slick-dots li button{ background: #fb870078; }
.x-banner-slide-wrapper .slick-dots li.slick-active button { background: #fb8700; }
.x-footer .-inner-wrapper .-image-wrapper .slick-dots li button:before { color: #fb870078;}
.x-footer .-inner-wrapper .-image-wrapper .slick-dots li.slick-active button:before, .x-footer .-inner-wrapper .-image-wrapper .slick-dots li:hover button:before { color: #fb8700;}
.x-slot-providers-logo-component .-providers-logo-inner .-img { background: white; padding: 2px 6px; border-radius: 54px; margin: 0.5rem 0.2rem; }

.btn.-green-btn { 
    color: #fff;
    background: linear-gradient(180deg, #91f27f, #00b302);
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2); 
}

.-title_g {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 500px;
    padding: 0.5rem 0;
    font-size: clamp(1rem,1.5vw,1.5rem);
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    /*background: linear-gradient(90deg,rgba(255,43,84,0),#f28f00 50.8%,rgba(255,43,84,0));*/
    background: linear-gradient(90deg,rgba(255,43,84,0),#000 50.8%,rgba(255,43,84,0));
}

.-text-title_b {
    margin-bottom: 1rem;
    color: #472c59;
    font-size: 1.75rem;
    font-weight: 600;
    text-align: center;
}
.x-header #headerContent .-btn-header-register { display: flex; }
.btn-gradient-2 { display: inline-block; border-radius: 25px;
    border: none;
    padding: 0.5rem 1.5rem;
    font-weight: 400; text-align: center;
    vertical-align: middle; user-select: none; font-size: 1rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    line-height: 1.5; background: radial-gradient(100% 100% at 50% 0,#a8ff9c 0,#4dd842 100%); box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 1px 2px hsla(0,7.3%,92%,.24); font-size: .9rem;
}
.card_blur {
    position: relative;
    z-index: 9;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
    border: 1px solid rgba(209, 213, 219, 0.3);
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.15));
    font-size: 17px;
    color: #343a40;
    padding: 0.7rem;
    cursor: pointer;
    text-decoration: none;
    margin: 0 auto;
}
.card_blur .title { font-size: 16px; }

.form_witdraw { text-align: center; margin: 30px 0; }
.form-control { border: 1px solid #ffe1df; }
.x-card.-multi-card:after { z-index: -1; }
.x-card.-multi-card { border: 2px solid #fb8700; }
.btn.-register-btn .-btn-title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: inline-block;
    color: #fff;
    background: #fff -webkit-gradient(linear,100% 0,0 0,from(#fff),color-stop(.5,#151515),to(#fff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.card_gray {
    background-color: rgb(255 255 255 / 100%);
    border-radius: 13px;
    margin: 0px 6px;
    padding: 15px 0;
    opacity: 1;
}
.bg_gray {
    background: #80808040;
}
table { font-size: 14px; }
.table td, .table th { border: 0; }
.form-control { color: #151515; }

.amuat { padding: 0rem; line-height: 1; }
.amuat a {
    text-align: center;
    flex-direction: row;
    font-size: .9rem;
    padding: 0.25rem;
    color: #fff;
    font-weight: 300;
    background: url(../../images/switcher-ic-login-bgdark.png) no-repeat 50%/cover;
    border: 0px solid #001537;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    margin: auto;
    width: calc(100% - 8px);
    height: 100%;
    border-radius: 10px;
    box-shadow: none;
    transition: all .2s ease;
}
.amuat a span.-text-menu { margin-left: 2px; }
.x-theme-switcher-v2 .-btn-item.-menu-center { background: linear-gradient(180deg,#ffffff,#fff7da); }
.x-theme-switcher-v2 .-btn-item.-horizontal.-menu-center .-typo-wrapper .-typo { color: #02203b; }

.x-homepage .x-index-content-main-container .-status-game-section-wrapper .-status-game-container-wrapper .-status-list .-status-content .-status-title { color: #fb8700; }
.x-homepage .x-index-content-main-container .-status-game-section-wrapper .-status-game-container-wrapper .-status-list .-status-content .-status-detail { color: #e3e3e3; }
.x-footer .-inner-wrapper .-image-wrapper .-sub-text  { color: #e3e3e3; }


.ly-lotto { min-width: 530px !important; }
.bl_game .game_card_container { flex: 0 0 16.66667% !important; max-width: 16.66667% !important;   }

.x-homepage .x-index-content-main-container .-popular-games-list-container .navbar-nav .nav-item { width: 12.5%; }
#list_game-container_7 .game_card_container { width:50% !important; flex: 0 0 50% !important; max-width: 50% !important; }

.x-category-button.-category-button-v2.-hoverable.active .-text-btn-image { color: #fafafa; }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .x-homepage .x-index-content-main-container .-popular-games-list-container .navbar-nav .nav-item {
        width: 20%;
    }
}


@media (min-width: 1200px) {
    .x-homepage .x-index-content-main-container .-popular-games-list-container.showgall .navbar-nav .nav-item:nth-child(n+7):not(:last-child) {
        display: list-item; 
    }
    .x-homepage .x-index-content-main-container .-popular-games-list-container.showg7 .navbar-nav .nav-item:nth-child(n+7):not(:last-child) {
        display: list-item; 
    }
    .x-homepage .x-index-content-main-container .-popular-games-list-container.showg7 .navbar-nav .nav-item:nth-child(n+8):not(:last-child) {
        display: none; 
    }
}


@media (max-width: 1199.98px){
    /*.btn.-register-btn { width: 212px; }*/

}

@media (max-width: 991.98px) {
    .x-category-button.-category-button-v2 { border: 0; }
    .x-profile-group-trace-body .-bank-info-wrapper { border-radius: 22px; }
    .x-category-button.-category-button-v2.-hoverable { background-color: transparent; }
    /*.btn.-register-btn { width: 240px; }*/
    .btn.-btn-header-register { background: linear-gradient(180deg,#ffdf5c,#fe9935);
        color: #0e0e0e;
        border: 1px solid #ffbe00; 
    }

    .x-profile-bank-info .-bank-detail .-name {
        font-size: 1rem;
        color: #4f4f4f;
    }
    .x-profile-info .-username-wrapper .-label, .x-profile-info .-username-wrapper .-label-highlight, .x-profile-info .-username-wrapper .-value { color: #fff; }
    .x-profile-bank-info .-bank-detail .-name, .x-profile-bank-info .-bank-number ,.x-profile-bank-info .-bank-number .-copy-wrapper, .x-profile-bank-info .-bank-name   { color: #4f4f4f; }
    .x-category-button.-category-button-v2.-hoverable.active { background-image: unset; }
    .bl_game .game_card_container { flex: 0 0 25% !important; max-width: 25% !important;   }
}

@media (max-width: 767.98px) {
    .x-promotion-index .-promotion-card-link { max-width: 100%; }
    .btn.get_affcom .-btn-title { font-size: 13px; }
}    

@media (max-width: 575.98px) {
    .x-category-button.-category-button-v2.-index-page .-text-btn-image { left: 65%; }
    .x-header #headerContent .-btn-header-register, .x-header #headerContent .btn.-btn-header-login { font-size: 12px; }
    .x-homepage .x-index-content-main-container .-status-game-section-wrapper .-status-game-container-wrapper .-status-list .-status-content .-status-detail { color: #121212; font-size: .80rem !important; }
    .x-homepage .x-index-content-main-container .-popular-games-list-container .navbar-nav .nav-item { min-width: 100px; }
    .ly-lotto { min-width: 90% !important; }
    .bl_game .game_card_container { width: 33.32%; }
    .bl_game .game_card_container { flex: 0 0 33.33333% !important; max-width: 33.33333% !important;   }

    #list_game-container_1 .game_card_container, #list_game-container_2 .game_card_container, #list_game-container_3 .game_card_container, #list_game-container_4 .game_card_container, #list_game-container_5 .game_card_container, #list_game-container_6 .game_card_container { width:50% !important; flex: 0 0 50% !important; max-width: 50% !important; }

    #list_game-container_7 .game_card_container { width:100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
    .x-header #headerBrand .navbar-brand .-logo { width: 110px; }
}

@media (max-width: 370px) {
    .x-theme-switcher-v2 .-btn-item.-horizontal.-menu-center .-typo-wrapper {
        margin-left: 40px;
    }
}








@keyframes x-register-button-glowing {
    0% {
        -webkit-filter: drop-shadow(0 0 2px #fb8700);
        filter: drop-shadow(0 0 2px #fb8700);
    }

    to {
        -webkit-filter: drop-shadow(0 0 10px #fb8700);
        filter: drop-shadow(0 0 10px #fb8700);
    }
}

.bg_eff_orange { 
    -webkit-animation: x-register-button-glowing 1s infinite alternate;
    animation: x-register-button-glowing 1s infinite alternate;
}

.tx_eff {
    font-weight: 500;
    background: #fafafa -webkit-gradient(linear,100% 0,0 0,from(#fafafa),color-stop(.9,#ffcd3c),to(#ffffff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.tx_eff_v2 {
    font-weight: 500;
    background: #4d3200 -webkit-gradient(linear,80% 0,0 0,from(#ffffff),color-stop(.9,#ffffff),to(#4d3200));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes x-shimmer_tx {
    0% {
        background-position: -400px top
    }

    to {
        background-position: 400px top
    }
}

@keyframes x-shimmer_tx {
    0% {
        background-position: -400px top
    }

    to {
        background-position: 400px top
    }
}

.animate-char_eff_title {
    text-transform: uppercase;
    background-image: linear-gradient( 130deg, #ffffff 0%, #686868 25%, #F9E4BB 50%, #fffdfa 75%, #ffffff 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-weight: 500;
}


.animate-char_eff {
 text-transform: uppercase;
 background-image: linear-gradient( 130deg, #e19b12 0%, #E5AC40 25%, #F9E4BB 50%, #ffa300 75%, #e19b12 100%);
 background-size: auto auto;
 background-clip: border-box;
 background-size: 200% auto;
 color: #fff;
 background-clip: text;
 text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: textclip 2s linear infinite;
 display: inline-block;
 font-weight: 500;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}



.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}




.-btn_grf {
    position: relative;
    padding: 0px;
    transition: all 0.2s ease 0s;
    width: 150px;
}

.-btn_grf .btn_grf {
    width: 100%;
}

.-btn_grf:hover img, .-btn_grf:focus img {
    filter: brightness(0.7);
}
.-btn_grf:hover a, .-btn_grf:focus a {
    color: gold;
}


.-btn_grf a, .-btn_grf span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-decoration: none;
    text-shadow: 0px 0px 4px #000;
    padding: 12px 5px;
}

@media (max-width: 992px) { 
    .-btn_grf { width: 100px; }
    .-btn_grf a { font-size: 18px; }
}


.register .form-control { 
    padding: 7px 15px;
    border: unset !important;
    border-radius: 50px;
    background: #fff;
    font-size: 22px;
    font-weight: 500;
    height: 46px;
}


/*Register*/
#signUpForm, #member_login {
    max-width: 500px;
    background-color: unset;
    margin: 0px auto;
    padding: 0px;
    box-shadow: unset;
    border-radius: 12px;
}
#signUpForm .form-header {
    gap: 5px;
    text-align: center;
    font-size: .9em;
}
#signUpForm .form-header .stepIndicator {
    position: relative;
    flex: 1;
    padding-bottom: 30px;
}
#signUpForm .form-header .stepIndicator .text {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 400;
    color: #F9DF7B;
}
#signUpForm .form-header .stepIndicator.active .text {
    color: #fff;
}
#signUpForm .form-header .stepIndicator.active {
    font-weight: 600;
}
#signUpForm .form-header .stepIndicator.finish {
    font-weight: 600;
    color: #fff;
}
#signUpForm .form-header .stepIndicator::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    transform: translateX(-50%);
    z-index: 9;
    width: 45px;
    height: 45px;
    background: linear-gradient(#7e796f, #7e796f) padding-box, linear-gradient(to right, #E3CF99, #BA9C68) border-box;
    border-radius: 50em;
    border: 1px solid transparent;
    box-shadow: unset;
    opacity: 0.5;
}
#signUpForm .form-header .stepIndicator.active::before {
/*    background: linear-gradient(#b68e4c, #b68e4c) padding-box, linear-gradient(to right, #e3cf99, #ba9c68) border-box;
    border-radius: 50em;
    border: 1px solid transparent;
    box-shadow: 0px 0px 8px 1px #F3C156, 2px 3px 4px rgba(0, 0, 0, 0.35);
    background: linear-gradient(rgb(237 229 209 / 80%), rgb(237 229 209 / 80%)) padding-box, linear-gradient(to right, rgb(227 207 153 / 70%), rgb(186 156 104 / 70%)) border-box;
    box-shadow: 2px 2px 6px 1px #00000080;*/
    border-radius: 50em;
    border: 1px solid transparent;
    opacity: 0.8;
    color: #351169;
    text-decoration: none;
    background: linear-gradient(140deg, #FFF3A6 0%, #F9DF7B 7%, #ffaa00 49%, #F9DF7B 86%, #FFF3A6 100%)padding-box, linear-gradient(90deg, #ffffff 0%, #ffbc00 96.86%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}



}
/*#signUpForm .form-header .stepIndicator .finish::before {

}*/

#signUpForm .form-header .stepIndicator.finish::before {
    background: linear-gradient(#b68e4c, #b68e4c) padding-box, linear-gradient(to right, #e3cf99, #ba9c68) border-box;
    border-radius: 50em;
    border: 1px solid transparent;
    /*  box-shadow: 0px 0px 8px 1px #F3C156, 2px 3px 4px rgba(0, 0, 0, 0.35);*/
}
#signUpForm .form-header .stepIndicator::after {
    /*  content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 100%;
    height: 3px;
    background-color: #f3f3f3;*/
}
#signUpForm .form-header .stepIndicator.active::after {
    background-color: #a7ede8;
}
#signUpForm .form-header .stepIndicator.finish::after {
    background-color: #009688;
}
#signUpForm .form-header .stepIndicator:last-child:after {
    display: none;
}
#signUpForm input {
    padding: 7px 15px;
    border: unset !important;
    border-radius: 50px;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
}
#signUpForm input:focus {
    border: 1px solid #009688;
    outline: 0;
}
#signUpForm input.invalid {
    border: 1px solid #ff0018 !important;
    /*  background-color: #212529;*/
}
#signUpForm .step {
    display: none;
}
#signUpForm .form-footer {
    overflow: auto;
    gap: 20px;
}
#signUpForm .form-footer button {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 16px;
    text-align: center;
    letter-spacing: normal;
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    padding: 0px;
    background: unset;
    border: none;
    position: relative;
}
#signUpForm .form-footer button.btn-cf_dark {
    font-weight: 400;
    letter-spacing: 0px;
}
#signUpForm .form-footer button:hover {
    opacity: 0.8;
}
#signUpForm .form-footer #prevBtn {
    background-color: #fff;
    color: #009688;
}
.activity img.img_act {
    border-radius: 20px;
}
.register .toptitle {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    background: linear-gradient(90deg, #220365 0%, rgba(44, 44, 44, 0.37) 100%);
    padding: 6px 0;
    font-weight: 400;
    border-top-width: 3px;
    border-top-style: solid;
    border-image: linear-gradient(180deg, #DDD5C5, #BA9C68) 1;
    font-family: 'Noto Sans Thai', sans-serif;
    position: relative;
}
.register {
    color: #fff;
}
.register a {
    color: #fff;
    text-decoration: none;
    background: unset;
    border: unset;
    outline: none;
}
.register .tc_2 {
    color: #B68E4C;
}
.register .card_dp {
    background: radial-gradient(104.23% 227% at 61.16% -35%, #FFE297 0%, #2D2105 100%) padding-box, linear-gradient(90deg, #FAF7EF 0%, #FFDA7A 30%, #FFDA7A 70%, #FFDA7A 100%);
    border-radius: 26px;
    border: 1px solid transparent;
    position: relative;
    font-size: 24px;
    color: #fff;
    padding: 18px 18px;
    cursor: pointer;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 18px;
}
.register .detail p {
    font-size: 12px;
}
.register .card_dp .card_dp_sb {
    display: inline-flex;
    width: 100%;
}
.register .get_pro_ft {
    background: radial-gradient(ellipse at top, #ffd25f, transparent), radial-gradient(ellipse at bottom, #7c6a39, #2D2105) padding-box, linear-gradient(0deg, #D0B962 -19.28%, #F8FDAE 13.39%, #A2844D 60.57%, #F0E58E 88.4%, #C8A876 96.86%);
    border-radius: 50em;
    border: 2px solid transparent;
    position: fixed;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #ffffff;
    padding: 3px 30px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 300;
    box-shadow: 3px 4px 4px #000000a1;
    bottom: 9%;
    z-index: 1;
}
.register .text-dark {
    color: #33240c;
}
.register .the_txcol {
    text-align: end;
    color: #fff;
}
.register .stepIndicator .sub_text {
    position: absolute;
    margin: 0 auto;
    bottom: -140%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: 300;
    width: 100%;
}
.register .input-group-text {
/*    padding: 0px !important;
    filter: blur(0px);
    background: unset;*/
    color: #161547;
    background-color: #ffffff;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 46px;
    border: 0px;
    padding: 0.8rem 0 0.8rem 0.8rem;
}
.register .input-group-end {     
    border-radius: 0px 50px 50px 0px;
    padding: 0.8rem 0.8rem 0.8rem 0rem;
}
.register .input-group {
    align-items: center;
}
.register label.form-label {
    margin-bottom: 0.2rem;
    font-size: 20px;
}
.bank-logo {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    padding-bottom: 0px;
    position: relative;
    z-index: 9;
}
.bank-logo .ic-bank {
    width: 20%;
    padding: 0 5px;
    margin-bottom: 0.5rem;
}



.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
    display: flex;
    justify-content: center;
    float: none !important;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 20px !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    filter: blur(0px);
    backdrop-filter: blur(0px);
    min-width: 94px;
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 24px !important;
    position: relative;
    justify-content: center;
    cursor: pointer;
    border-radius: 25px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0;
    text-shadow: 0 1px 3px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,0.19) !important;
    padding: 8px 15px !important;
    background: linear-gradient(180deg,#ffffff,#ffa707);
    color: #4d3200 !important;
    border: 1px solid #fb8700;
}


.jconfirm .jconfirm-box .jconfirm-buttons .btn-cf {
    border: 1px solid transparent;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 9px 10px;
    cursor: pointer;
    text-decoration: none;
    background: radial-gradient(105.11% 227.00% at 61.16% -35.00%, rgba(255, 255, 255, 0.80) 0%, rgb(0 0 0 / 80%) 100%);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    filter: blur(0px);
    backdrop-filter: blur(0px);
    border-radius: 40px;
    min-width: 94px;
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1;
    letter-spacing: 0px;
}

.jconfirm .jconfirm-box .jconfirm-buttons .btn-cc {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    filter: blur(0px);
    backdrop-filter: blur(0px);
    min-width: 94px;
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 16px !important;
    line-height: 1;
    font-weight: 500 !important;
    letter-spacing: 0px;
    border-radius: 40px;
    background: linear-gradient(180deg,#ffffff,#ffa707);
    color: #4d3200 !important;
    border: 1px solid #fb8700;
}


.x-category-button.-category-button-v2 { width: 100%; } 
.x-category-button.-category-button-v2.-index-page img { border-radius: 8px; }
.x-category-total-game .-menu-parent .-list-parent .-menu-text-main { color: #fff; }
.x-category-button.-category-button-v2.-index-page.-hoverable .-img { width: 100%; }