@charset "utf-8";
/* CSS Document */

/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Changa+One:ital@0;1&display=swap');

body { font-family: "Roboto", sans-serif; line-height:1.2; font-size:15px; color:#ffffff; background-color: #160d27;}

a { color: inherit; text-decoration: none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

a:hover, a:focus, button:focus, button:hover, select:focus, select:hover, textarea:focus, textarea:hover, input:focus { text-decoration: none; outline: 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: #ffffff;
    width: 100%;
    background-color: #420278;
    border: none;
}
input::placeholder { color: #ffffff !important;}

.note {
    margin-top: 5px;
    font-size: 12px;
}
.col-form-label { font-weight: bold; }

input:disabled {
    background: #fff;
}
.m-access { display: none; }

.float-icon { position:fixed; z-index:2; right:10px; bottom:10px; display: flex; flex-direction: column;}
    .float-icon img { max-width:90px }

    .dot {
    position: absolute;
    background: #f82121;
    color: #fff;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    top: 0px;
    right: 31%;
    margin: 0 -35px;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.dot.v2 {  width:auto; padding: 0 6px; height:16px }

.dot-blink {
    animation: blink 0.6s infinite ease-in-out alternate;
}
.nav-link .badge { position: absolute; z-index: 1; right: 0px; color: #ffffff; }

@keyframes blink {
  from { transform:scale(1.1) }
  to { transform:scale(1) }
}
.ctext {
    width: 180px;
    transform: rotate(270deg);
    display: inline-block;
    position: absolute;
    left: -49px;
    bottom: 75px;
    font-size: 24px;
}
.lcimg {
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
}


a.cfbox {
    display: block;
    margin: 5px 0;
    text-transform: uppercase;
    font-weight: 700;
}
a.cfbox:hover img {
    filter: brightness(1.05);
    transform: scale(1.02);
}
.cftext {
    color: #27a21a;
    font-size: 12px;
    font-weight: 700;
    padding-top: 4px;
}
.cftext-1 {
    color: #000;
    font-size: 12px;
    font-weight: 900;
}
.cftext.livec {
    color: #ff4200;
}
.floating-img {
    position: fixed;
    right: 5px;
    bottom: 11%;
    max-width: 220px;
    z-index: 99;
    animation: float 3s ease-in-out infinite;
}
@-webkit-keyframes float {
0% {
    transform: translateY(-15px);
}
50% {
    transform: translateY(0);
}
100% {
    transform: translateY(-15px);
}
}

.max-container {
    position: relative;
    padding: 0 10px;
    margin: 0 auto;
    max-width: 1360px;
}

.max-container.v2 { max-width: 960px; }

/** Header **/
.t-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.header-top {
    background: #160d27;
    padding: 5px 10px;
    height: 69px;
}
.header-container {
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-right { display: flex; }
.logo img {
    max-height: 59px;
}

.af-header { display: flex; flex-direction: row; align-items: center; gap:20px; margin-right: 40px; }
.af-header img { max-height:30px; }
.af-header .af-user { margin-bottom: 0px; }
.af-inbox { position: relative; }
.af-inbox .dot { top: -3px; right: 30px; }
.af-header .circle {
    border: 1px solid #2ecf41;
    border-radius: 50%;
    padding: 8px;
}

.category-sec .container{max-width: 1160px;}
.service-title {
    font-size: 38px;
    color: #ff4200;
    text-transform: uppercase
}

.service-caption {
    color: #ff4200;
    font-size: 17px
}

.serv_item {
    border: 2px solid #ff4200;
    border-radius: 3px;
    display: grid;
    grid-template-columns: 92px auto;
    grid-gap: 10px;
    color: #666;
    padding: 15px 10px;
    align-items: center;
    margin: 15px 0;
    min-height: 145px;
}

.serv_item h5 {
    margin-bottom: 5px;
    color: #ff4200;
    font-size: 15px;
    font-weight: bold
}

.serv_text {
    font-size: 12px;
    line-height: 1.2
}

.service-count {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.count-item {
    display: grid;
    grid-template-columns: 79px 95px auto;
    align-items: center
}

.sercap {
    line-height: 1.1;
    font-size: 14px;
    color: #444;
    font-weight: 600
}

.num-count {
    font-size: 48px;
    line-height: 1;
    color: #ff4200
}

.num-count sub {
    font-size: 15px;
    bottom: 0;
    color: #444
}
.hdrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
input.hlogin-input {
    max-width: 120px;
    margin: 0 3px;
    border: 2px solid #999999;
    border-radius: 5px;
    padding: 0 6px;
    height: 30px;
    font-size: 13px;
}
button.login-btn {
    background:linear-gradient(180deg, #e905f7 0%, #6600cc 100%);
    color: #ffffff;
    border: 1px solid #a403ff;
    padding: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    width: 140px;
    height: 40px;
    margin: 0 3px;
    border-radius:5px;
}
button.login-btn.reg {
    background: linear-gradient(180deg, #4aff7d 0%, #00ff1e 100%);
    border-color: #4aff7d;
    color: #043913;
    overflow: hidden;
}

button.login-btn.reg p {
    margin:0px;
}

button.login-btn:hover {
    filter: brightness(1.1);
}
.language-wrap {
    margin-left: 6px;
}
button.language-btn {
    background: none;
    border: none;
    padding: 0;
    height: 30px;
    width: 30px;
}
.lang-c {
    display: flex;
    align-items: center;
    font-size: 15px;
    gap: 5px;
    cursor: pointer;
}

button.language-btn img {
    max-height: 30px;
}
.dropdown-menu.language {
    background: black;
    max-width: 30px;
    min-width: auto;
    border: none;
    margin: 0;
    padding: 0;
}
button.language-btn.dropitem {
    margin: 2px 0;
}
button.language-btn.dropitem:hover {
    transform: scale(1.03);
    filter: brightness(1.05);
}
.hdrow.btm {
    font-size: 13px;
    color: #000000;
    justify-content: space-between;
    padding: 6px 0 0 5px;
}
.forgot-hd a {
    color: #000000;
    text-decoration: underline;
}
.forgot-hd a:hover {
    color: #ffb715;
}
.header-btm {
    position: relative;
    background: #420278;
    padding: 0px 10px;
}
ul.nav.top-menu {
    height: 60px;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}
ul.nav.top-menu li.nav-item {
    display: flex;
    align-items: center;
    height: 100%;
}
ul.nav.top-menu li.nav-item:hover {
    
}
ul.nav.top-menu li.nav-item:hover .topmenu-icon {
    filter:grayscale(1) invert(1) brightness(3);
}
ul.nav.top-menu li.nav-item:hover .nav-link {
    color: #ffffff;
    transition: unset;
}
ul.nav.top-menu li.nav-item:hover .nav-link, ul.nav.top-menu li.nav-item.active .nav-link {
   border-bottom: 2px solid #00ff00;
    color: #1affff;
}

ul.nav.top-menu li.nav-item:hover .nav-link .topmenu-icon, ul.nav.top-menu li.nav-item.active .nav-link .topmenu-icon{ filter: none; }

ul.nav.top-menu li.nav-item:hover .dropdown-content  {
    opacity: 1;
    visibility: visible;
    transition: 0.1s;
}
ul.nav.top-menu li.nav-item a.nav-link {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 15px;
    border-bottom: 2px solid transparent;
    position: relative;

}

.mob-top { display: none; }

.topmenu-icon {
    max-width: 40px;
    vertical-align: bottom;
    margin-bottom: 3px;
    filter: grayscale(1) brightness(4);
}
.dropdown-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
}
.dropdown-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(10,1fr);
    grid-gap: 10px 5px;
    text-align: center;
}
.dropdown-wrapper.slots {
    grid-template-columns: repeat(10,1fr);
}
.divline {
    background: #ebebeb;
    width: 100%;
    height: 1px;
    margin: 5px 0;
}
.dropdown-wrapper a {
    position: relative;
    display: inline-block;
    max-width: 170px;
    border-bottom: 2px solid transparent;
    margin: 0 auto;
    z-index: 1;
}
.pvd-logo img {
    max-height: 30px;
    filter: drop-shadow(1px 1px 0px rgb(0,0,0,0.7));
}
.pvd-name {
    margin-top: 3px;
    font-size: 13px;
    color: #0185be;
    font-weight: 500;
}
/*.dropdown-wrapper a:hover {
    opacity: 1;
    background: linear-gradient(180deg,#ffffff 40%,#462b7c 90%);
    border-bottom: 2px solid #ff4200;
}*/
.dropdown-wrapper a.hot-game::after {
    content:'';
    background: url("../images/hot.png")no-repeat;
    background-size: 100%;
    width: 49px;
    height: 100%;
    position: absolute;
    right: 0;
    top: -10px;
}
.dropdown-wrapper a.new-game::after {
    content:'';
    background: url("../images/new.png")no-repeat;
    background-size: 100%;
    width: 50px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 4px;
}
button.burger-menu-btn {
    color: #000000;
    border: none;
    background: none;
    padding: 2px;
    display: none;
}

.modal-header { text-transform: uppercase; font-size: 18px; font-weight: 700; background: linear-gradient(180deg, #c102fd 0%, #8901ff 100%); color: #ffffff; border-bottom: 0px;}
.modal-header .btn-close { filter: invert(100%); opacity:1 }
#modal-inbox .modal-title {
    font-size: 12px;
}
.modal-title { padding-left: 2rem; width: 100%; text-align: center; }
.modal-footer.s2 { display: block; border-top:0; padding:0 .75rem 1rem }
.modal-content { background:#18032e url("../images/reg-bg.jpg") no-repeat; color:#ffffff; overflow:hidden; border-radius: 20px; }
.modal-header-cus { text-align:center; padding:1.5rem .5rem 0 }
    .modal-header-cus h1 { color:#c700ff; font-weight:bold; margin:0; padding:.5rem; font-size:calc(1.325rem + .9vw) }
.modal-link { color:#9279a0 }
    .modal-link:hover { color:#c700ff }
    .modal-link b { color:#c700ff; }

.btn-submit { font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 46px; padding: 0px 40px; color:#043913; border:1px solid #4aff7d; border-radius:5px; background:linear-gradient(180deg, #4aff7d 0%, #00ff1e 100%); }
    .btn-submit.v2 { font-size:14px; border-radius:40px; line-height:24px; padding:0 24px}
.btn-cancel { font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 46px; padding: 0px 40px; color:#2b2b2b; border:1px solid #bbbbbd; border-radius:5px; background:linear-gradient(180deg, #fdfeff 0%, #d9dbda 100%); }



/** Header After login **/
.afrow {
    font-size: 13px;
    color: #000000;
}
.plyvip, .plytoken {
    display: flex;
    align-items: center;
}
.plyvip-img {
    max-width: 26px;
}
.plyvip-img img {
    height: 26px;
}
.plyvip-text {
    background: #5fb9f4;
    color: #fff;
    font-size: 12px;
    height: 18px;
    padding: 2px 9px;
    min-width: 45px;
    border-radius: 30px;
    text-transform: uppercase;
    margin: 0 0 3px -5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plytoken-img {
    max-width: 24px;
}
.plytoken-text {
    background: #0066d1;
    color: #fff;
    font-size: 12px;
    height: 18px;
    padding: 2px 9px;
    min-width: 40px;
    border-radius: 30px;
    text-transform: uppercase;
    margin: 0 0 0 -5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.hdvd {
    color: #000000;
    margin: 0 10px;
}
span.ywtext {
    color: #ff4200;
}
.welcome-ply a {
    color: inherit;
}
a.depo-top {
    color: #000000;
    font-size: 16px;
    margin-left: 4px;
}
a.depo-top:hover, a.tplink:hover {
    color: #ff4200;
}
.plybalance {
    display: flex;
    align-items: center;
}
.plybalance a { color:inherit;}

a.gold-icon-btn {
    color: #eaac30;
    display: inline-block;
    margin: 0 10px;
    font-size: 16px;
    position: relative;
}
a.gold-icon-btn:hover {
    color: #fff;
}
a.tplink {
    color: #000000;
    display: inline-block;
    margin: 0 5px;
}
button.profile-menu-btn {
    color: #000000;
    border: none;
    background: none;
    padding: 2px;
    display: none;
}

.mob-evebanner { position:fixed; left:0; bottom:13vw; display:none; z-index: 1; }
    .mob-evebanner .cclose { position:absolute; right:3px; top:-20px; cursor:pointer }
    .mob-evebanner .cclose img { max-width:20px; }

.step-reg { display:flex; gap:60px; margin-bottom:10px; justify-content:center }
    .rstepbox { border-radius:5px; width:40px; height:40px; font-size:20px; font-weight:bold; display:flex; justify-content:center; align-items:center; background-color:#000000; border:1px solid #ffffff; color:#ffffff; position:relative }
    .rstepbox::after { content:""; position:absolute; right:-61px; width:60px; height:1px; background-color:#ffffff }
    .rstepbox:last-child::after { display:none }
    .rstepbox.active { color:#2e2e2e; background:#ffff00; border: none;}

.ewstep-regbox { display: none }
.ewstep-regbox.active { display: block }

.reg-btn img {
    max-width: 200px;
    filter: drop-shadow(0px 0px 6px white);
}

.yellow { color: #ffff00; }

/** Footer **/
.footer-sec {
    padding: 30px 0;
    color: #ffffff;
}
.footer-sec .max-container {
    max-width: 1000px;
}
.provider-logo-wrapper {
    padding-bottom: 30px;
}
.provider-logo-wrapper img {
    max-height: 64px;
}
.payment-footer { padding-bottom: 30px; }
.payment-footer img {
    max-height: 60px;
    margin-right: 30px;
}
.partner-footer { padding-bottom: 30px; }
.partner-footer img {
    max-height: 100px;
    height: 100px;
    width: 100px;
    margin-right: 30px;
}
.menu-footer { display: flex; justify-content: space-between; padding-bottom: 30px;  }
.menu-footer p { color: #00ff00; font-weight: bold; }
.menu-footer li { list-style: none; padding: 5px 0px; }
.menu-footer ul{ padding-left:0px;}
.menu-footer a:hover { color: #4aff7b; }
.menu-footer img {max-width: 160px;}

.divider-ft {
    position: relative;
    background: #595958;
    height: 2px;
    max-width: 75%;
    margin: 30px auto;
}
.lisence-logo img {
    max-height: 45px;
    margin: 10px 15px;
    filter: grayscale(1);
    mix-blend-mode: luminosity;
}
.social-footer {
    padding: 0px 0 25px;
}
.social-footer img {
    max-width:60px;
}
.social-footer a {
    display: inline-block;
    margin: 0 10px;
}
.social-footer a:hover img {
    filter: brightness(1.1);
    transform: scale(1.03);
}
.footer-link-wrap {
    margin-bottom: 12px;
}
.footer-link-wrap a {
    position: relative;
    display: inline-block;
    color: #f58029;
    padding: 0 10px;
}
.footer-link-wrap a:hover {
    font-weight:bold;
    color: #ffffff;
}
.footer-link-wrap a::after {
    content: '';
    background: #977500;
    width: 1px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 2px;
}
.footer-link-wrap a:last-child::after {
    content: none;
}
.seo-wrapper {
    text-align: left;
    margin-top: 30px;
    font-size: 13px;
    line-height: 1.3;
}
.seo-wrapper a { color:#f58029;}
.seo-wrapper h1 { font-size:26px;}
.seo-wrapper h2 { font-size:24px;}
.seo-wrapper h4 { font-size:18px;}


.seo-title-1 {
    font-size: 14px;
    font-weight: 900;
    padding-bottom: 10px;
}
.btm-fixed-menu {
    display: none;
}


/** Body Home **/
.t-body {
    margin-top: 129px;
}
.t-content {
}
.annouce-sec {
    background: #160d27;
    color: #fff;
}
.annouce-wrapper {
    display: flex;
    align-items: center;
    padding: 8px 0px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.annouce-img {
    margin-right: 10px;
}
.annouce-text {
    padding: 4px 0 1px;
    line-height: 1;
    font-size: 13px;
    width: 100%;
}

.realtime-trans.rtt-footer { display: none; }
.realtime-trans { display:flex; background-color:#420278; align-items:center; overflow:hidden;}
    .realtime-trans .tt { text-transform:uppercase; background-color:#800cec; color:#00ff00; font-weight: bold; padding:0px 30px; height:60px; font-size:16px; display:flex; align-items:center; border-radius:0px 50px 50px 0px; width:210px; }
    .realtime-trans .ccon { width:calc(100% - 210px); }

.rtt-wrap { width:100% }
.rttbox { display:flex; padding:0px 0px 0px 10px; }
    .rttbox .rimg { width:40px; min-width:40px; }
    .rttbox .rcon { display:flex; flex-direction:column; color:#ffffff; font-size:14px; line-height:normal; justify-content:center }
        .rttbox .rcon div { display:flex; align-items:center }
        .rttbox .rcon span { padding-left:5px; }
        .rttbox .rcon .time { color:#8264ac; font-size:10px }
        .rttbox .rcon .amo { color:#ffffff; font-weight:bold; font-size:12px; }

.progress-wrapper { background-color: #140926; border-radius: 50px; padding:8px }
.progress { border-radius: 50px; background-color: #23004a; position: relative; height:20px; line-height:14px; }
.progress-bar {
    background-color: #c521f8;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.event { display: flex; align-items: center; width: 180px; }
.e-icon { width: 30%; }
.event .progress { 
    background-color: #550048;
    width: 100%;
    border: 1px solid #ffe691;
    height: 25px;
}
.event .progress-bar { background-color: #ffa0ca; border-radius: 50px; overflow: visible;}
.event .progress-bar span { padding: 0px 10px; font-size: 12px; filter: drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black); }


.percent { position: absolute; top: 0; left: 0; font-weight: bold; width: 100%; text-align: center;}

/*check in*/
.checkin-wrapper { padding: 20px; max-width: 900px; margin: 0px auto; background: #110729; /*background-image:url(../img/checkin/bg.jpg); background-repeat:no-repeat; background-size:cover*/ }
.checkinbox { margin-bottom:-15px; }
.checkinbox .progress { background-color: #170d2f; height: 5px; margin-left: 6%; max-width: 58%; overflow: inherit; }
.checkinbox .ci-pbar .progress {
    max-width: 90%;
    height: 20px;
    margin-top: 37px;
    margin-left: 12%;
    border-radius: 30px;
    border: 1px solid #b025f9;
    filter: drop-shadow(0px 0px 4px #b025f9) drop-shadow(0px 0px 4px #b025f9);
}
.checkinbox .ci-pbar .progress span{
    position: absolute;
    color: #ffffff;
    left: 35%;
    top: 3px;
    font-weight: bold;
}
.checkinbox .ci-pbar .progress-bar { background-color: #37db00; }
.checkinbox .ci-pbar.s2 .progress-bar { background-color: #e5c400; }
.checkinbox .pdot {  position: absolute; width:14px; height:14px; background: linear-gradient(180deg, #2c1c5b 0%, #25193d 100%); border-radius: 50%; top:-5px; background-size: 100%; z-index: 1; }
.checkinbox .pdot.active { background-image: url(../images/check-in/checked.png); filter: drop-shadow(0px 0px 3px white); }
.checkinbox .pdot.p1 { left:0 }
.checkinbox .pdot.p2 { left:24%;}
.checkinbox .pdot.p3 { left:49%;}
.checkinbox .pdot.p4 { left:73%}
.checkinbox .pdot.p5 { left:97% }
/*.checkinbox .pdot.p2 { left:calc(25% - 10px) }
.checkinbox .pdot.p3 { left:calc(50% - 10px) }
.checkinbox .pdot.p4 { left:calc(75% - 10px) }
.checkinbox .pdot.p5 { left:calc(100% - 10px) }*/
.checkinbox .progress-bar { background-color: #01c942; filter: drop-shadow(0px 0px 3px white); }
.checkinbox.home { background: linear-gradient(180deg, #2c1c5b 0%, #25193d 100%);
    max-width: 720px;
    border-radius: 30px;
    margin: 10px auto;
    padding: 0px 20px 15px 20px;
    filter: drop-shadow(0px 0px 2px #3f1a79) drop-shadow(0px 0px 2px #3f1a79) drop-shadow(0px 0px 2px #3f1a79);
}
    .checkinbox .ttitle { text-align:center }
    .checkinbox .ttitle img { width: 70%;}
    .checkinbox .subtitle { font-size:24px; text-transform:uppercase; text-align:center; color:#ffffff; line-height:normal; }
.ci-wrapper { display:flex; justify-content:center; align-items:center; margin-top: -5px; gap:36px }
.checkinbox.home .cibfs {margin-left: -20px; }
    .cibfs { display: flex; align-items:center;}
    .cibfs i { color: #ffffff; font-size: 30px; font-weight: bold; }
    .ci-extra {
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(180deg, #2c1c5b 0%, #25193d 100%);
        max-width: 50%;
        margin: 0px auto;
        flex-direction: column;
        margin-top: 30px;
        border-radius: 20px;
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
    }
    .ci-effect {
    transform: rotate(90deg);
    mix-blend-mode: lighten;
    position: absolute;
    text-align: center;
    left: 48%;
    top: 24%;
}
.ci-date {
    display: flex;
    color: #03ff55;
    position: absolute;
    margin-top: -12px;
    left: 12%;
}
.ci-extra .checked {
    position: absolute;
    z-index: 2;
    filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white);
    width: 70px;
}
    .ci-extra .til {
        background: #9c00ff;
        color: #ffffff;
        width: 100%;
        text-align: center;
        font-weight: bold;
        border-radius: 20px 20px 0px 0px;
        font-size: 26px;
        display: flex;
        flex-direction: column;
    }
    .ci-extra .til span {
    font-size: 12px;
    color: #03ff57;}

    .ci-extra .depo {
    margin-bottom: -30px;
    width: 80%;
}
    .ci-extra .cibfs .bbg img { width: 100px; }
    .cib { position:relative; width: 60px; }
        .cib .bbg {  }
        .cib .tt { text-transform:uppercase; font-size:12px; color:#ffffff; position:absolute; width:100%; text-align:center; bottom:-20px; z-index:1; line-height:normal }
        .cib:nth-child(5) .tt {color: #08f40b}
        .cib .iimg { position:absolute; width:100%; height:100%; top:0; left:0 }
        .cib::before { content:''; width:100%; height:100%; background-image:url(../images/check-in/lock.png); background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;  }
        .cib.claimed::before { background-image:url(../images/check-in/check.png) }
        .cib.ready::before { background-image:url(../images/check-in/depo.png); animation-iteration-count: infinite; animation-direction:normal; animation-timing-function: linear; animation-duration:1.6s; animation-name:shineit; filter:brightness(0.7); background-size: 100%; background-position: bottom;}
        .cib.ready { cursor:pointer }

.ci-imgbox { text-align:center; margin-bottom:-10% }

.ci-pbar { position:relative; display:flex; min-height:90px; margin: 0px auto; max-width: 60%;}
    .ci-pbar .ccon { width:100%; margin:4px 0px }
    .ci-pbar .ccon .iimg { position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2 }
    .ci-pbar .ccon .pgbar { border-radius:20px; border:1px solid #af23fd; color:#ffffff; font-size:12px; background-color:#100628; height:28px; line-height:28px; position:relative; margin:30px 0 5px 50px; text-align:center; filter: drop-shadow(0px 0px 3px #af23fd);}
        .ci-pbar .ccon .pgbar .bars { position:absolute; border-radius:20px; background: linear-gradient(180deg, #5e00ff 0%, #a018f6 100%); height:100%; left:0 }
        .ci-pbar .ccon .pgbar span { position:relative; z-index:1; font-weight:bold  }
        .ci-pbar .ccon .pgbar .tipsbtn { position:absolute; top:-30px; display:none }
    .ci-pbar .ccon .rw { color:#ffffff; display:flex; font-size:10px; justify-content:space-evenly; padding-left:80px; margin-top: 10px;  }
        .ci-pbar .ccon .rw div { width:16.66%; text-align:center }
    
    .ci-pbar.s2 { min-height:102px; margin-top:20px }
    .ci-pbar.s2 .ccon .iimg { top:36% }
    .ci-pbar.s2 .ccon .pgbar { background-color:#100628; }
        .ci-pbar.s2 .ccon .pgbar .bars { border-radius:0px; background: linear-gradient(180deg, #fedc00 0%, #bc6e02 100%); }

.ci-pbar.done1 {  }
    .ci-pbar.done1 .ccon .pgbar .tipsbtn { display:block; left:calc(16.66% - 80px) }
    .ci-pbar.done1 .ccon .pgbar .bars { width:calc(16.66% - 40px) }
    .ci-pbar.done1 .ccon .rw div:nth-child(-n+1) { color:#fff }

.ci-pbar.done2 {  }
    .ci-pbar.done2 .ccon .pgbar .tipsbtn { display:block; left:calc(33.32% - 80px) }
    .ci-pbar.done2 .ccon .pgbar .bars { width:calc(33.32% - 40px) }
    .ci-pbar.done2 .ccon .rw div:nth-child(-n+2) { color:#fff }

.ci-pbar.done3 {  }
    .ci-pbar.done3 .ccon .pgbar .tipsbtn { display:block; left:calc(48.88% - 80px) }
    .ci-pbar.done3 .ccon .pgbar .bars { width:calc(48.88% - 40px) }
    .ci-pbar.done3 .ccon .rw div:nth-child(-n+3) { color:#fff }

.ci-pbar.done4 {  }
    .ci-pbar.done4 .ccon .pgbar .tipsbtn { display:block; left:calc(64.66% - 80px) }
    .ci-pbar.done4 .ccon .pgbar .bars { width:calc(64.66% - 40px) }
    .ci-pbar.done4 .ccon .rw div:nth-child(-n+4) { color:#fff }

.ci-pbar.done5 {  }
    .ci-pbar.done5 .ccon .pgbar .tipsbtn { display:block; left:calc(81.66% - 80px) }
    .ci-pbar.done5 .ccon .pgbar .bars { width:calc(81.66% - 40px) }
    .ci-pbar.done5 .ccon .rw div:nth-child(-n+5) { color:#fff }

.ci-pbar.done6 {  }
    .ci-pbar.done6 .ccon .pgbar .tipsbtn { display:block; left:calc(97% - 80px) }
    .ci-pbar.done6 .ccon .pgbar .bars { width:100%; border-radius:20px }
    .ci-pbar.done6 .ccon .rw div:nth-child(-n+6) { color:#fff }

.ci-pbar.c2 {  }
.ci-pbar.c2 .ccon .pgbar { color:#0dff6e; border-color:#0dff6e }
.ci-pbar.c2 .ccon .pgbar .bars { background: linear-gradient(180deg, #7022f4 0%, #6100ff 100%); }

.ci-table { margin: 12px auto; border-radius:20px; overflow:hidden; max-width:620px }

.ci-tnc-wrapper { color:#ffffff; padding-top:12px }

.ci-cmsg-wrapper { display:flex; justify-content:center; align-items:center; width:100%; position:relative; pointer-events:auto }
.ci-cmsgbox { position:relative }
    .ci-cmsgbox .bbg {  }
    .ci-cmsgbox .ccon { position:absolute; width:76%; left:12%; top:42%; text-align:center }
        .ci-cmsgbox .ccon .iicon { display:flex; flex-direction:column; color:#ffffff; font-size:20px; text-transform:uppercase; gap:4px; justify-content:center; align-items:center; font-weight:bold; margin-bottom:12px }
            .ci-cmsgbox .ccon .iicon img { max-width:100px; }
            .ci-cmsgbox .ccon .iicon span {}
        .ci-cmsgbox .ccon .ttext { font-size:24px; text-align:center; color:#ffffff; font-weight:bold; }
        .ci-cmsgbox .ccon .bbtn { display:flex; justify-content:space-between; gap:20px; align-items:center }
            .ci-cmsgbox .ccon .bbtn div { width:100% }
.ci-cmsgbox .ccon .ttext:nth-child(3) { font-size:16px }
        .ci-cmsgbox .ccon .bclose { display:inline-block; background-color:#400d0a; font-size:16px; margin-top:20px; padding:4px 24px; color:#ffffff; border:2px solid #fee50c; border-radius:20px; cursor:pointer }
        .ci-cmsgbox .ccon .bclose:hover { filter:brightness(1.5) }
        .ci-cmsgbox .ccon .bclose.s2 { filter:grayscale(1) }
        
.ci-cmsg-wrapper.s2 {  }
    .ci-cmsg-wrapper.s2 .ccon { top:10%; }
    .ci-cmsg-wrapper.s2 .ci-cmsgbox .ccon .ttext { font-size:16px; }
    .ci-cmsg-wrapper.s2  .ci-cmsgbox .ccon .bclose { background: linear-gradient(180deg, #03fe94 0%, #00b324 100%); color: #2e2e2e; border: 2px solid #03fe94; font-weight:bold;}

#modal-4anni .ci-cmsgbox .ccon .bclose {
    display: inline-block;
    background: linear-gradient(180deg, #03fe94 0%, #00b324 100%);
    font-size: 16px;
    margin: 10px;
    padding: 4px 24px;
    color: #2e2e2e;
    border: 2px solid #03fe94;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
}

#modal-4anni .ci-cmsgbox .ccon { top:38%;}


@keyframes shineit {
    50% { filter:brightness(2.0) }
}
.mobile-home {
    display: none;
}
.sports-highlight-sec {
    position: relative;
    padding: 20px 0 20px;
    color: #fff;
    text-align: left;
}
.title-wrap {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-left: 40px;
    display: flex;
    justify-content: space-between;
}
.sport-iframe-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding-bottom: 15px;
}
.more-game-link {
    text-align: right;
    padding-bottom: 5px;
}
.more-game-link a {
    font-size: 14px;
    font-weight: 500;
    color: #f5e08a;
    text-decoration: underline;
}
.slot-highlight-wrapper {
    border-radius: 7px;
    padding: 15px 30px;
    margin-bottom: 20px;
}
.slot-slide .slotsbox, .casino-slide .slotsbox  {
    margin: 0 5px;
    position: relative;
}
.slots-name {
    color: #072241;
    font-weight: 700;
    padding: 5px 0 2px;
}
.suite-name {
    color: #7e5d15;
}
.slot-slide .slick-prev:before, .casino-slide .slick-prev:before {
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 15px;
    opacity: 1;
    color: #777777;
}
.slot-slide .slick-next:before, .casino-slide .slick-next:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 15px;
    opacity: 1;
    color: #777777;
}
.slot-slide .slick-prev, .slot-slide .slick-next, .casino-slide .slick-prev, .casino-slide .slick-next {
    color: #777777;
}

.slot-slide .slick-list { padding-top: 20px !important; }
.game-new { position: absolute; right: 10px; top: 6px; }
.game-hot { position: absolute; right: 10px; top: -20px;}
.game-fav { position: absolute; right: 5px; top: -15px; filter: drop-shadow(-5px 7px 5px black);}
.nonfav { filter: drop-shadow(-5px 7px 5px black) grayscale(1); }

.g-search { display: flex; }
.gbox-menu { display: flex; align-items: center; justify-content: space-between; }
.gbox-menu-prov { display:flex; padding:10px 12px; gap:6px; white-space:nowrap; overflow-x:auto }
.gprovbox { color:#5f6366; border:2px solid #5f6366; border-radius:16px; max-width:80px; text-align:center; padding:6px; cursor:pointer }
    .gprovbox img { filter:grayscale(1) }
    .gprovbox span { display:block; font-size:12px; }
    .gprovbox.aaa, .gprovbox:hover { border-color:#09fb95; color:#ffffff }
    .gprovbox.aaa img, .gprovbox:hover img { filter:grayscale(0) }

.gbox-menu-cats { border-top:1px solid #4c4a5f; padding:10px 20px; display:flex; white-space:nowrap; overflow-x:auto}
    .gbox-menu-cats a { color:#ffffff; font-weight:bold; margin:0px 20px; }
    .gbox-menu-cats a.active, .gbox-menu-cats a:hover { color:#09fb95 }

.seo {
    border-top: 1px solid #281d3e;
    border-bottom: 1px solid #281d3e;
    color: #ffffff; padding: 20px 0px;
}

.btn-read-more {
    border-radius: 3px;
    background-color: #543492;
    color: #fff;
    padding: 7px 10px;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    border: none;
}

button.btn-read-more.collapsed:before {
    content: '+ Read More';
}

button.btn-read-more:before {
    content: '- Read Less';
}
/*lottery iframe*/
.lottery iframe {
    width: 100%;
    height: 1800px;
}

/** After login Home**/
.af-quickmenu-content {
    padding: 10px;
    margin: 0px auto;
    max-width: 720px;
    display: none;
}
.af-quickmenu-wrapper {
    background: linear-gradient(to bottom, #2c1c5b 0%, #22172d 100%);
    border-radius: 8px;
    padding: 10px;
    box-shadow: inset 0 2px 2px rgb(0 0 0 / 20%);
    filter: drop-shadow(0px 0px 3px #783aaa) drop-shadow(0px 0px 3px #783aaa);
}
.qmrow-1 {
    padding: 0 20px;
}
.bal { display: flex; justify-content: space-between;align-items: flex-end;}
.af-user { font-weight: 100; margin-bottom: 5px; font-size: 12px; }
.af-bal { font-weight: bold; font-size: 12px;}
.af-menu { display: flex; justify-content: space-around; margin-top: 14px; }
.baltext {
    color: #00ff00;
    font-size: 11px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.baltext a.reload-mw {
    font-size: 11px;
    color: #291b4d;
    background: #b3b3b3;
    border-radius: 50px;
    padding: 2px 3px;
}
.baldepo img { max-width: 100px; }

.myr-text {
    font-size: 12px;
    font-weight: 600;
    margin-right: 3px;
}
.myr-num {
    font-size: 17px;
    font-weight: 700;
}
.restore-center {
    text-align: center; filter: grayscale(1) brightness(3);}

.restore-center:first-child { filter: none; }
.restore-center a{
    color: inherit;
}
.restore-center img {
    max-height: 30px;
}
.restext {
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    color: #00ff00;
}

.historynote { color:#c2bcca; display:block; padding:0px 0px 10px; font-size:10px; text-align:center}

.table-history { width:100%; font-size:14px; }
    .table-history thead { background-color:#34006f }
    .table-history th, .table-history td { padding:12px 8px; text-align:center }
    .table-history td { border-bottom:1px solid #58416d }

.table-history.v2 { color:#ffffff; background-color:#1b0432 }
    .table-history.v2 td { text-align:center }
.glow-button {
    background-color: #000;
    color: #FFD700;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    border: 4px solid #B026FF;
    box-shadow: 0 0 20px #B026FF, 0 0 0 #B026FF, 0 0 0 #B026FF;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.input-group-append .resend {
    border: none;
    background-color: #ffff05;
    color: #000000;
}
.qmline {
    background: #dcdcdc;
    height: 1px;
    margin: 5px 0;
}
.qm-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    text-align: center;
    padding-top: 4px;
}
.qm-wrap a {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    display: block;
}
.qm-wrap a img {
    max-height: 30px;
}
.qmtext {
    margin-top: 4px;
}

/*account*/
.panelbox { padding:0 20px 20px; max-width: 900px; margin: 0px auto; }
    .panelbox .panel-tabs { border: 2px solid #934c5f; border-radius: 50px; display: flex; flex-wrap: nowrap; overflow: hidden; margin: 20px 0px; }
        .panelbox .panel-tabs a { color: #454545; display: flex; flex:1 1 auto; line-height: 40px; justify-content: center; align-items: center; margin: 2px; border-radius: 50px; }
        .panelbox .panel-tabs a:hover, .panelbox .panel-tabs a.aaa { background-color: #934c5f; color: #ffffff; }
    .panelbox .panel-holder {  }
.panelbox .panel-holder h3 {
    color: #c102fd;
}
 
.quickamo { display: flex; flex-wrap: nowrap; gap:8px; margin-top: 8px; }
    .quickamo .qamo { display: flex; flex: 1 1 auto; justify-content: center; align-items: center; color: #df0e0b; border-radius: 3px; border: 1px solid #df0e0b; font-size: 18px; line-height: 40px; cursor: pointer; width: 25%; }
    .quickamo .qamo.aaa, .quickamo .qamo:hover {background-color: #df0e0b; color: #ffffff;}

.wd-balance {margin-bottom: .5rem;}
    .wd-balance span { font-size: 14px; color: #df0e0b; display: block; }
    .wd-balance .amo { background: #df0e0b; color: #ffffff; font-size: 18px; display: inline-block; padding:5px 15px; border-radius: 5px; }

.resbox { margin:40px 0px; background-color:#280056 }
    .resbox .resbox-top { border:1px solid #7a18a5; background-color:#250f45; padding:24px 16px; display:flex; align-items:center }
        .resbox .resbox-top h3 { margin:0px; font-size:22px; font-weight:bold }
        .resbox .resbox-top .ll { width:100%; display:flex; justify-content:start }
        .resbox .resbox-top .rr { width:100%; display:flex; justify-content:end }
    .resbox .resbox-con {  }

    .resbox-bals { color:#ffffff; padding:20px; line-height:normal }
        .resbox-bals span { display:block; color:#00ff57; font-weight:bold }

    .restable { width:100%; background-color:#250f45; color:#ffffff; border:1px solid #7a18a5; font-size:14px; }
        .restable thead { border-bottom:1px solid #7a18a5}
        .restable tbody { border-top:0!important }
        .restable td, .restable th { padding:16px; }
.resinfo { color:#ffffff; font-size:24px }
    .resinfo:hover { color:#ea49ff }

.resbox-cus-tabs { border:1px solid #7a18a5; background-color:#250f45; display:flex; align-items:center; text-transform:uppercase }
    .resbox-cus-tabs .ctabs { margin:0px; font-size:18px; font-weight:bold; color:#ffffff; width:100%; padding:20px; cursor:pointer }
    .resbox-cus-tabs .ctabs.aaa, .resbox-cus-tabs .ctabs:hover { background-color:#8127C5 }

.resbox-cusbox { display:none }
    .resbox-cusbox.aaa { display:block }

.resbox-tabs { font-size:16px; }
    .resbox-tabs .nav-tabs { background-color:#1b0432; color:#ffffff; flex-wrap:nowrap; border-bottom:0px; }
        .resbox-tabs .nav-tabs .nav-item { width:100%; }
        .resbox-tabs .nav-tabs .nav-item img { max-width:50px }
        .resbox-tabs .nav-tabs .nav-item span { display:block; padding-top:5px; font-size:12px; text-transform:capitalize }
        .resbox-tabs .nav-tabs .nav-link { border:0; border-radius:0; width:100%; text-align:center; text-transform:uppercase; color:#ffffff; font-weight:bold; margin:0; padding:4px; filter:grayscale(1); background: transparent; }
        .resbox-tabs .nav-tabs .nav-link:focus, .resbox-tabs .nav-tabs .nav-link:hover { border-color:transparent; }
        .resbox-tabs .nav-tabs .nav-item.show .nav-link, .resbox-tabs .nav-tabs .nav-link.active { background-color:#280056; filter:grayscale(0) }
        .resbox-tabs .nav-tabs.s2 .nav-link { filter:grayscale(0) }
        .resbox-tabs .nav-tabs.s2 .nav-link.active img { filter:brightness(100) }
    .resbox-tabs .tab-content { /*background-color:#280056;*/ color:#ffffff; padding:20px; }
        .resbox-tabs .tab-content .tab-pane { background-color:#1b0432; padding:10px; overflow:hidden }
        .resbox-tabs .tab-content .tab-pane.nopad { padding:0px }
.resbox-tabs .tab-content .inbox.tab-pane { padding:5px; border-radius: 16px 16px 0px 0px;}
/*.resbox-tabs .inbox .tab-content { padding:2vw;}*/
.resbox-tabs .nav-tabs .nav-item.show .nav-link, .resbox-tabs .inbox .nav-tabs .nav-link.active { border-radius: 13px 13px 0px 0px;}

.inbox .table-history th, .table-history td { padding:12px 8px; text-align:left }
.inbox .unread { color:#00ef7a;}
.inbox .delete { color:#8E8E8E;}
.breadcrumb-item+.breadcrumb-item::before { color: #666666; content:">" }
.breadcrumb-item.active { color: #00ff00; }
.historynote { color:#c2bcca; display:block; padding:0px 0px 10px; font-size:10px; text-align:center}

.statement-web {display: block !important;}
.statement-mob { display: none !important; }

.table-history { width:100%; font-size:14px; }
    .table-history thead { background-color:#34006f }
    .table-history th, .table-history td { padding:12px 8px; text-align:center }
    .table-history td { border-bottom:1px solid #58416d }

.table-history.v2 { color:#ffffff; background-color:#1b0432 }
    .table-history.v2 td { text-align:center }
.table-footer { display:flex; justify-content:center; gap:24px; font-size:12px; padding:20px; }
.table-num { display:flex; gap:8px }
    .table-num span { min-width:18px; text-align:center }
    .table-num span.active { color: #0ad758 }

.status-done { color:#0ad758 }
.status-fail { color:#ff066a }
.status-pending { color:#f6e614 }

.btn-sub { background-color:#3bfe72; padding:0px 8px; border-radius:5px; margin:0px 10px; cursor:pointer; display:inline-flex; justify-content:center; align-items:center; gap:5px }
    .btn-sub.s2 { min-width:130px; padding:12px 16px; text-transform:uppercase; font-weight:bold; margin:0px }

.downline-wrap { display:flex;  align-items:center }
    .downline-wrap .dlbox { width:100%; }
    .downline-wrap .dlbox.ll {  }
    .downline-wrap .dlbox.rr { display:flex; justify-content:end }

.bank-detail {  background-color: #140926; margin-bottom: 16px; }
.bank-detail-header { padding: 10px 12px; text-transform: capitalize; background-color: #2F1F46; border-bottom: 1px solid #7a18a5;}
.bank-detail-body { padding: 9px 12px; }
.bank-detail-body .row { padding: 6px 0; }
.bank-detail-body .row a { text-decoration: underline; color: #DA67D7;}

.deposit-amount-wrapper { margin-bottom: 16px; }
.deposit-amount-wrapper .row { padding: 0 9px; }
.deposit-amount-wrapper .col { margin-bottom: 6px; padding: 0 3px;}
.deposit-amount-wrapper .col .select-amount { text-align: center; background-color: #280056; cursor: pointer; padding: 6px 8px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.deposit-amount-wrapper .col .select-amount:hover, .deposit-amount-wrapper .col .select-amount:focus { background-color: #00ff57; color:#1b0432 }

.withdrawal-description { margin-bottom: 16px;}
.deposit-progress-text { display: flex; flex-direction: column; margin-bottom: 16px;}
.deposit-progress-right { color: #ea49ff; font-size: 11px; }
.progress-wrapper { background-color: #140926; border-radius: 50px; padding:8px }
.progress { border-radius: 50px; background-color: #23004a; position: relative; height:14px; line-height:14px }
.progress-bar {
    background-color: #c521f8;
    color: #ffffff;
    font-size: 10px;
}
.percent { position: absolute; top: 0; left: 0; font-weight: bold; width: 100%; text-align: center;}
.text-orange { color:#ffd800 }

.disabled-grey{ background: #e5e5e5; color: #aaaaaa !important; pointer-events: none;}

/*about*/
.aboutus-wrapper {
    position: relative;
}

.aboutus-bg {
    background-image: url(../img/aboutus-bg-portrait.jpg);
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
}

.aboutus-info-box {
    background-color: #2F0358;
    border-radius: 10px;
    border: 1px #A680C9 solid;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 15px 30px;
    color: #fff;
    margin: 15px;
    position: relative;
    height: calc(100% - 30px);
}

.aboutus-info-box ul {
    padding: 0px;
    margin: 0px;
}

.aboutus-slider,
.aboutus-slider-vertical,
.aboutus-swiper-container {
    margin: 0 15px;
}

.aboutus-info-box.small-box {
    padding: 20px;
    height: auto;
    margin: 15px 0;
    background-image: url(../img/about_info_bg.png);
    background-position: right bottom;
    background-size: cover;
    height: 160px;
}

.aboutus-info-box.small-box .logo-badge {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.aboutus-info-box.small-box .logo-badge img {
    flex: 0 0 32%;
    width: 33%;
    max-width: 80px;
}

.aboutus-info-box .highlight {
    font-size: 1rem;
    font-weight: bold;
    line-height: normal;
}

.aboutus-info-box .title {
    text-transform: uppercase;
    color: #DE78FF;
    font-weight: bold;
    font-size: 1rem;
    line-height: normal;
    margin-bottom: 15px;
}

.aboutus-info-box.small-box .title.grn {
    color: #ADF8A0;
    font-weight: bold;
    line-height: normal;
    font-size: 0.9rem;
    min-height: 35px;
}

.aboutus-info-box.small-box .text {
    display: none;
}


.aboutus-info-box.small-box .icon {
    width: 50px;
    flex: 0 0 40px;
    margin-bottom: 10px;
    display: block;
    margin-right: 10px;
}

.aboutus-info-box.small-box .icon img {
    width: 100%;
}

.aboutus-info-box.small-box .epic-media {
    width: 100%;
    max-width: 220px;
}

.aboutus-info-box.small-box .epic-media img {
    width: 100%;
}

.about-title {
    position: relative;
    z-index: 1;
    color: #fff;
    margin: 30px 30px 15px;
    text-align: center;
}

.about-title .headline {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
    color: #62FDB5;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.about-title p {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.aboutus-icon {
    flex: 0 0 80px;
    display: grid;
    place-items: center;
}

/*leaderboard*/
.reviews { border-radius: 20px; box-shadow: 0 0 6px #9601e1; }
.review-item{
    padding: 20px;
    vertical-align: bottom;
}

.review-box-outer{
    padding: 10px;
    border-radius: 5px;
    border:2px #7485fc solid;
    box-shadow: 0px 0px 5px 2px rgba(116,133,252,0.5);
    position: relative;
    background-color: rgba(30, 1, 60, 0.7);
}

.review-box-outer:after, .review-box-outer:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.review-box-outer:after {
    border-color: rgba(35, 5, 65, 0);
    border-top-color: #230541;
    border-width: 10px;
    margin-left: -10px;
}
.review-box-outer:before {
    border-color: rgba(116, 133, 252, 0);
    border-top-color: #7485fc;
    border-width: 13px;
    margin-left: -13px;
}

.review-box-inner{
    padding: 15px;
    border-radius: 5px;
    border:2px #d12fea solid;  
    box-shadow:inset 0px 0px 5px 2px rgba(209,47,237,0.5);
    color: #fff;
    background-color: rgba(30, 1, 60, 0.7);
    text-align: left;
}

.review-date{
    color: rgba(255,255,255,0.5);
    font-size: 0.7rem;
    margin-top: 5px;
}

.review-content{
    width: 100%;
    overflow-y: hidden;
}

.review-content .review-title{
    font-size: 1rem;
    color: #c3a4ff;
}

.review-user{
    display: flex;
    align-items: center;
    margin-top: 15px;
    color:#fff;
    text-align: left;
}

.review-user .user-icon{
    width: 50px;
}

.user-info-wrap{
    margin-left: 10px;
}

.review-content .rate{
    margin-bottom: 5px;
}

.review-content .star{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(255,255,255,0.3);    
    content: "\f005";
    height: 15px;
    width: 15px;
    font-size: 16px;
}

.review-content .star.active{
    color: #FFC000;    
}

.reviews-wrap { background-color:#331052; padding-bottom:30px; border-radius: 0px 0px 20px 20px; }
.reviews-wrap2 { display:flex; border-radius: 20px 20px 0px 0px; background-color:#1a0530; }

.slick-dots li { margin:0 }
.slick-dots li button::before {
  opacity: 1;
  color: #cd8bf5 !important;
  font-size:29px !important;
}

.slick-dots li.slick-active button::before {
  opacity: 1;
  color: #fc00f7 !important;
}

.charts-wrapper { padding:15px 15px 30px 15px; background-color:#270056; width:50% }

.highcharts-credits { display:none }

.top10wd-wrapper { width:50%; padding:15px 10px 30px 10px; }


.list-wrapper .top-list-wrapper{
    width: 100%;
    background-color: rgba(30, 1, 60, 0.7);
    padding: 15px 10px 30px 10px;
}

.list-wrapper .top-list-wrapper:last-child{
    background-color: rgba(41, 3, 80, 0.3);
}

.title-wrapper{
    text-align: center;
    color:#fff;
}

.title-wrapper .title{
    font-size: 1.5rem;
    text-transform: uppercase;
    color:#FFC000;
    text-align: center;
    font-weight: bold;
}

.title-wrapper .update{
    color:#64fef0;
}

.top-list-wrapper{
    padding:0;
    position: relative;
}

.top-list{
    color:#fff;
    margin: 15px auto 0;
    max-width: 400px;
}

.top-list-header{
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    padding: 7px 10px;
    background-color: #1c082f;
    border-bottom: 2px #f3b114 solid;
}

.top-list-header .highlight{
    color:#f3b114;
}

.top-list-row{
    display: flex;
    justify-content: space-between;
    padding: 2px 5px;
    align-items: center;
    font-size: 1rem;
}

.top-list-row .icon,
.top-list-row .coin{
    width: 35px;
    margin-right: 5px;
}

.top-list-row .icon img{
    width: 100%;
}

.top-list-row .amount{
    text-align: right;
    position: relative;
    color: #34ff69;
    font-weight: bold;
    font-size: 0.9rem;
}

.top-list-row .winning-rate{
    font-size: 0.8rem;
}

.top-list-row .winning-rate strong{
    color: #34ff69;
    font-weight: bold;
    font-size: 0.9rem;
}

.top-list-row .name-wrapper{
    display: flex;
}

.top-list-row .name-wrapper .text{
    color:rgba(255,255,255,0.5);
    font-size: 0.8rem;
}

.top-list-row .name-wrapper .name{
    font-size: 0.9rem;
}

.contact-wrap {  }
.contactbox {  }
    .contactbox .ctbox-top { background-color:#260c3c; display:flex; padding:20px; flex-wrap:wrap; justify-content: space-evenly; }
    .contactbox .ctbox-con { background-color:#331052; display:flex; padding:10px 20px 40px;  }

.ctbox { text-align:center; width:12.5% }
    .ctbox span { color:#ffffff; margin-top:-8%; display:block }

.ctbox-info { display: flex; flex-direction:column; width:50%; justify-content:center; align-items:center; text-align:center }
    .ctbox-info .iimg {  }
    .ctbox-info .ccon { color:#ffffff }
        .ctbox-info .ccon p { color:#ac72d9; font-weight:bold; font-size:18px; margin:0; line-height:normal }
        .ctbox-info .ccon span {  }
    
.news-list-wrap { background-color:#2f0358; padding:20px; }

.news-listbox { display:flex; padding:20px }
    .news-listbox:nth-child(even) { background-color:#440b73 }
    .news-listbox .iimg { width:230px; min-width:230px; }
    .news-listbox .ccon { color:#ffffff; padding-left:20px; }
        .news-listbox .ccon h3 { font-size:1.2rem; font-weight:bold }
        .news-listbox .ccon p {  }
        .news-listbox .ccon a { display:inline-block; }

.news-listbox .btn-submit {
    display: inline-block;
    margin-top: 10px;
    padding: 0 1vw !important;
    text-align: center;
}

/*Referral*/
.refer {}
.refer-wrapper { padding: 0px; max-width: 900px; margin: 0px auto; background-image:url(../images/refer/bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center }

.rftop { background-color:#1b0432; border-bottom:1px solid #7209b4; padding:12px 0px; display:flex; justify-content:space-between; align-items:center }
.rftop:last-child { border-bottom: none; }
    .rftop .ttitle { display:grid; grid-template-columns: 20% 80%; align-items:center; gap:12px; }
        .rftop .ttitle img { max-height:40px; }
        .rftop .ttitle p { color:#ffffff; font-size:16px; margin: 0px; }
    .rftop .amount { display:grid; grid-template-columns: 60% 30%; gap:20px; align-items:center; width: 42%; }
        .rftop .amount span { font-size:24px; font-weight:bold; color:#00ef7a; white-space: nowrap; }
        .rftop .amount i { color:#ffffff; font-size:24px; }
        .rftop .amount .btn-submit { font-size: 14px; padding: 6px 30px; line-height: normal; }

.rfban { text-align:center }

.rfwrap { background:rgb(0 0 0 / 70%); border-radius:10px; margin:20px; padding:24px; color:#ffffff }
    .rfwrap .rffield {  }
        .rfwrap .rffield .ttitle { font-size:14px; color:#ffffff; margin-bottom:8px; }
        .rfwrap .rffield .field { position:relative }
            .rfwrap .rffield .field input { background-color:#57456f; color:#ffffff; border-radius:5px; border:0; padding:8px 16px; width:100% }
            .rfwrap .rffield .field button { position:absolute; top:0; right:0; height:100%; line-height:100%; font-size:14px; padding:0px 20px }
    .rfwrap .contactlist { display:flex; justify-content:center; align-items:center; margin-top:8px; gap:8px }
        .rfwrap .contactlist img { max-width:60px }
    .rfwrap h5 { font-weight:bold; font-size:42px }
    .rfwrap .cilist { padding:8px 0px; display:flex; align-items:center; gap:8px; }
        .rfwrap .cilist i { color:#4aff7d; font-size:20px; }
        .rfwrap .cilist span { font-size: 1.5vw; }

.rfbtm { text-align:center; padding-bottom:30px }
    .rfbtm a { color:#ffffff }

.rfpop { background: #18032e; text-align: center; border:1px solid #0dff1e; }

/*category*/
.gbox-wrap { border:2px solid #420278; background:rgba(0,0,0,0.7); margin:20px; border-radius:10px }
    .gbox-wrap.aaa { display:block }

.gbox { padding: 20px; font-size: 0px; }
    .gbox .ggl { display: inline-block; width: 12.5%; padding: 8px; vertical-align:top; text-align:center; position: relative;}
.gbox .ggl a.fav::after {
    content: '';
    background: url(../images/fav.png)no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0%;
    max-width: 30px;
    filter: drop-shadow(-5px 7px 5px black) grayscale(1);
}
 
.gbox .ggl a.fav.selected::after {
    content: '';
    background: url(../images/fav.png)no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0%;
    max-width: 30px;
    filter:  drop-shadow(-5px 7px 5px black) brightness(1)
}
.s-fav { filter: none !important; max-width: 30px;}
 .gbox .ggl span { display:block; font-size:12px; color:#ffffff; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center }

.gbox-filbox { display:flex; justify-content:space-between; align-items:center; color:#ffffff; padding:0px 12px; margin-left:10px; font-size:14px; background-color:#1f1f1e; height:38px; min-width:90px; cursor:pointer; border-radius: 5px; }
    .gbox-filbox .nname { padding-right:12px }
    .gbox-filbox .iicon { max-width:18px }

.gbox-search { display:flex; justify-content:space-between; align-items:center; color:#ffffff; font-size:14px; cursor:pointer }
    .gbox-search .iicon { max-width:18px; margin:0px 6px; width:18px; height:18px }

.gbox-search-box { display:none; align-items:center; justify-content:right; margin: 0px 20px; }
.gbox-search-box .search-games { transition:all 0.35s; width:0px; visibility:hidden }
    .gbox-search-box .search-games .form-control { padding:0px 12px; height:38px; }
.gbox-search-box .search-cancel { font-size:24px; margin-left:5px; color:#00ff00; display:none }

.gbox-search-box.aaa { display:flex }
.gbox-search-box.aaa .search-games { width:100%; max-width:280px; visibility:visible }
.gbox-search-box.aaa .search-cancel { display:block }

.gbox-menu-wrap { border-radius:80px; margin:10px; background-color:#000000; position:relative }
    .gbox-menu-wrap .swiper { margin:0px 5px; width: 100% }
        .gbox-menu-wrap .swiper .swiper-wrapper {  }
.gbox-menu-wrap .swiper .swiper-slide { display: flex; flex-direction: column}
.gbox-menu-wrap .swiper-button-next, .gbox-menu-wrap .swiper-button-prev { color:#ffffff }
.gbox-menu-wrap .swiper-button-next::after, .gbox-menu-wrap .swiper-button-prev::after { font-size:20px; }
.gbox-menu-wrap .swiper-button-prev { left:5px; }
.gbox-menu-wrap .swiper-button-next { right:5px; }

.gbox-menu-wrap-add { display: flex; overflow: hidden; margin: 5px 0px 5px 0px;; } 
    .gbox-menu-wrap-add .gbox-menu-fav { min-width:40px; display: flex; justify-content: center; align-items: center; padding-left:25px}
    .gbox-menu-wrap-add .gbox-menu-wrap { width:calc(100% - 100px); display:flex; justify-content:end }

.modal-filbox { position: fixed; top: 0; left: 0; z-index: 1055; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; transition:opacity .15s linear; background:rgba(0,0,0,0.7); display:none; visibility:hidden; opacity:0 }
.modal-filbox.aaa { display:block; visibility:visible; opacity:1 }
.modal-filbox-content { max-width:800px; position:relative; padding:40px 20px 20px; margin:0px auto }
.modal-filbox .tt-main { text-align:center; font-size:20px; color:#ffffff; margin-bottom:20px }
.modal-filbox .filter-close { position:absolute; right:20px; top:20px; max-width:30px; cursor:pointer }
.modal-filbox .conbox {  }
.modal-filbox .tt-item { text-align:left; font-size:16px; color:#ffffff; margin:0px 8px 5px }
.modal-filbox .confirmbox { background-color:#2a054b; margin:12px 8px; display:flex; justify-content:center; align-items:center; width:calc(100% - 16px); border-radius:6px; font-size:16px; height:38px; cursor:pointer; transition: all 0.3s; color: #ffffff; }
.modal-filbox .confirmbox:hover { filter:brightness(1.2) }

.filter-itembox { display:flex; flex-wrap:wrap; margin-bottom:20px; }
    .filter-itembox span { background-color:#2f2f2f; border-radius:6px; display:flex; justify-content:center; align-items:center; color:#ffffff; font-size:16px; height:60px; width:calc(25% - 16px); margin:8px; padding:12px; filter:grayscale(1); transition: all 0.3s; cursor:pointer }
    .filter-itembox span.aaa, .filter-itembox span:hover { filter:grayscale(0); background-color:#2a054b; color:#ffffff }

.gbox-provider{}
.gbox-provider.dropdown-wrapper {
    max-width: max-content;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-gap: 10px;
    text-align: center;
}
.gbox-provider.dropdown-wrapper a.hot-game::after {
    content:'';
    background: url("../images/hot.png")no-repeat;
    background-size: 100%;
    width: 39px;
    height: 100%;
    position: absolute;
    right: 0;
    top: -10px;
}
.gbox-provider.dropdown-wrapper a.new-game::after {
    content:'';
    background: url("../images/new.png")no-repeat;
    background-size: 100%;
    width: 50px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 4px;
}

/*promo*/
.promo-item{
    background-color: #2b0253;
    padding: 0px 0px 20px 0px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.promo-pic{
    position: relative;
}

.promo-pic img {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.promo-more-info{
    position: absolute;
    top:0;
    right:0;
    padding: 5px 10px 5px 12px;
    font-size: 22px;
    color: #af80ff;
    background-color: #2b0253;
    border-radius: 0px 5px 0px 20px;
}

.promo-more-info a{
    color: #af80ff;
}

.promo-more-info:hover a{
    color: #d2b7ff;
}

.promo-detail-wrapper{
    text-align: center;
    background-color: rgb(28, 1, 78);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-shadow: 0 0px 5px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0px 5px 3px rgba(0, 0, 0, .3);
    position: absolute;
    left: 50%;
    bottom:-35px;
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index:1;
    border: 2px #7485FC solid;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(116,133,252,0.5);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(116,133,252,0.5);
    box-shadow: inset 0px 0px 5px 2px rgba(116,133,252,0.5);
    color: #fff;
    display: flex;
    width: 90%;
    max-width: 400px;
}

.promo-detail-col{
    border-left: 1px rgba(255,255,255,0.2) solid;
    text-align: center;
    padding: 0px;
    flex-grow: 1;
}

.promo-detail-col:first-child{
    border-left: 0px;
}

.promo-info-title{
    color: rgba(255,255,255,0.5);
    font-size: 0.7rem;
    line-height: normal;
}

.promo-info-amount{
    font-size: 0.9rem;
    font-weight: bold;
    line-height: normal;
}

.promo-info-amount.highlight{
    color: #34ff69;
}

.promo-btn-wrap{
    margin-top: 50px;
    display: flex;
    justify-content: space-evenly;
}

.filter-menu {
    background: #2a014d;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 15px;
}
.pmbox {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
.pmbox.active, .pmbox:hover {
    background: #420278;
    color: #00ff00;
    font-weight: bold;
}

.promo-content-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.promo-bx {
    width: 32.8%;
    margin-bottom: 20px;
}

.promo-box {
    position: relative;
    display: grid;
    grid-template-columns:auto;
    width: 100%;
    background: #fff;
}
.pmbox-img img {
    width: 435px;
}
.pmbox-content {
    display: grid;
    grid-template-columns: auto;
}
.pm-desc {
    padding: 20px 25px;
}
.pmbox-title {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 30px;
}
.pmbox-subtitle {
    color: #858585;
    font-size: 15px;
    height: 40px;
    overflow: hidden;
}
.pm-btn-wrap {
    padding-top: 10px;
}
.promo-btn-wrap .btn-submit { width: 180px; padding: 0px; }
.promo-btn-wrap .btn-more {background: linear-gradient(180deg, #e905f7 0%, #6600cc 100%);
    color: #ffffff;
    border: 1px solid #a403ff;}
.btn-close { background: transparent; border:none; font-size: 24px; }
.btn-claim{
    border:none;
    border-radius: 30px;
    padding: 0px 30px !important;
    line-height: 35px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);      
}
/** Register page**/
.register-sec {
    background: url("../images/dl-bg.jpg")no-repeat top center;
    background-size: cover;
    padding: 20px 0;
}
.register-content {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    padding: 25px 30px;
    background: #fff;
    border-radius: 6px;
}
.reg-wrapper {
    margin: 0px auto;
    min-width: 670px;
}
.vrcode-img {
    position: absolute;
    top: 5px;
    right: 7px;
    display: inline-block;
}
.vrcode-img img {
    max-height: 30px;
}   
.title-reg {
    background: linear-gradient(-155deg,#ff4200,#ffa86c 100%);
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 10px;
}
.reg-field {
    display: grid;
    grid-template-columns: 110px auto;
    margin-top: 5px;
}
.note-login {
    color: #ff4200;
    text-align: center;
    font-size: 12px;
}
.note-login a {color: inherit;}
.reg-label {
    color: #042853;
    font-weight: 500;
    height: 40px;
    display: flex;
    align-items: center;
}
.reg-input {
    position: relative;
}
.reg-input input {
    height: 40px;
    padding: 5px 15px;
    font-size: 14px;
    border: 1px solid #808080;
    border-radius: 4px;
}
.field-note {
    padding: 5px 0;
    font-size: 12px;
    color: #858585;
}
.check-field {
    margin-bottom: 10px;
}
.check-group {
    display: inline-block;
    align-items: center;
    font-size: 15px;
    color: #858585;
}
.check-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.check-group label {
    position: relative;
    cursor: pointer;
    margin: 0 5px 0 0;
}
.check-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #787878;
    border-radius: 5px;
    background: #ecebeb;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}
.check-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: solid #4d5061;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.reg-btn-wrap {
    padding: 10px 0;
    text-align: center;
}
button.reg-submit-btn {
    background: linear-gradient(to bottom,rgba(250,202,57,1) 0,rgba(237,68,1,1) 100%);
    border: none;
    width: 100%;
    max-width: 180px;
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
}
button.reg-submit-btn:hover {
    transform: scale(0.97);
    filter: brightness(1.1);
}

.reset-wrapper {background: #18032e url(../images/reg-bg.jpg) no-repeat; max-width: 800px; margin: 0px auto; text-align: center; padding: 1.5rem .5rem; border-radius: 10px; }
.reset-wrapper h1 { color: #c700ff; font-size: calc(1.325rem + .9vw); font-weight: bold; }
.reset-wrapper form { max-width: 80%; margin: 0px auto; }
.reset-wrapper.reg-pg {text-align: left; padding:0px;}

/** Game Pages **/
.gamepage-banner img {
    width: 100%;
}
.game-product-sec {
    padding: 20px 0;
    min-height: 500px;
}
.product-game-wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px 10px;
    max-width: 1180px;
    margin: auto;
}
.product-game-wrapper a {
    display: block;
    max-width: 266px;
    margin: 0 auto;
}
.prvd-img {
    overflow: hidden;
}
.prvd-img img {
    transition: linear 0.3s;
}
.prvd-name {
    background: #fff;
    color: #000;
    padding: 15px 15px;
    font-weight: 500;
    transition: 0.3s;
}
.product-game-wrapper a:hover .prvd-img img {
    transform: scale(1.08);
    transition: 0.3s;
}
.product-game-wrapper a:hover .prvd-name {
    background: #462b7c;
    color: #fff;
    transition: 0.3s;
}
.slots-provider-slide {
    background: #fff;
    padding: 0 0;
}   
.slick-slide .slots-pvd-box {
    margin-right: 1px;
    background: #dfdfdf;
    height: 120px;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.slots-pvd-img img {
    filter: none;
}
.slots-pvd-name {
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
}
.slots-pvd-box.active, .slots-pvd-box:hover  {
    background: #ff4200;
}
.slots-pvd-box.active .slots-pvd-name, .slots-pvd-box:hover .slots-pvd-name {
    color: #ffffff;
}
.slots-provider-slide .slick-prev:before {
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 15px;
    opacity: 1;
    color: #fff;
}
.slots-provider-slide .slick-next:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 15px;
    opacity: 1;
    color: #fff;
}
.slots-provider-slide .slick-prev, .slots-provider-slide .slick-next {
    color: #175288;
}
.slots-provider-slide .slick-prev {
    left: -20px;
}
.slots-provider-slide .slick-next {
    right: -20px;
}
.filter-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e3e3e3;
    height: 40px;
    margin: 12px 0;
}
.slots-categ {
    display: flex;
    align-items: center;
    height: 100%;
    background: #e3e3e3;
}
.slots-thumbnail-img {
    position: relative;
}
.slots-thumbnail-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
a.scbox {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    text-align: center;
    color: #656464;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    padding: 5px 8px;
}
a.scbox.active, a.scbox:hover {
    background: #462b7d;
    color: #fff!important;
}
.search-wrap {
    width: 20%;
}
.search-box {
    display: flex;
    background: #420278;
    align-items: center;
    height: 40px;
    padding: 2px 10px;
    border-radius: 50px;
    font-size: 16px;
}
.search-icon {
    color: #ffffff;
    margin: 0px 10px;
}
input.search-input {
    height: 100%;
    border: none;
    background: none;
    color: #ffffff;
}
.playpop-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0,0,0,0.6);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: linear 0.3s;
}
.slotsgame-box:hover .playpop-wrap {
    opacity: 1;
    visibility: visible;
    transition: linear 0.3s;
}
.slotsgame-box:hover .playpop-wrap .play-wrap { 
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    transition: linear 0.3s;
}
.play-wrap {
    display:flex;
    flex-flow: column;
    transform: scale(0.4);
    opacity: 0;
    visibility: hidden;
    transition: linear 0.3s;
}
button.play-btn {
    margin: 5px 0;
    background: #ffa200;
    color: #fff;
    border: none;
    min-width: 120px;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
}
button.play-btn.demo {
    background: #eaac30;
    color: #000;
}
button.play-btn:hover {
    transform: scale(0.97);
    filter: brightness(1.1);
}
.slotsgame-name {
    position: relative;
    background: #f2f2f2;
    height: 52px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 2px 50px 2px 15px;
    line-height: 1.1;
}
.slotsgame-box.hot .slotsgame-name::after {
    content: '';
    background: url(../images/hot-icon.png)no-repeat;
    background-size: 100%;
    width: 49px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 12px;
}
.slotsgame-box.new .slotsgame-name::after {
    content: '';
    background: url("../images/new-icon.png")no-repeat;
    background-size: 100%;
    width: 50px;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 12px;
}



button.play-btn.apply {
    background: #ff4200;
}
.expire-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
}
.rmtime {
    color: #858585;
    padding: 5px 0;
}
.rmtime i {
    margin-right: 4px;
}
.exptime-cd {
    color: #c30000;
    font-weight: 500;
}

/** VIP Page **/
.vip-sec {
    background: url("../images/vip/vip-bg.jpg")no-repeat top center;
    background-size: contain;
    padding: 20px 0;
    min-height: 500px;
}
.vip-container {
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 8px;
    padding: 20px;
}
.user-vip-wrapper {
    margin-bottom: 5px;
}
.lvl-turn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.vipcurrent {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-right: 20px;
}
.crbox-badge {
    max-width: 50px;
    margin-right: 10px;
}
.lvltext {
    font-size: 15px;
    color: #0065d1;
    font-weight: 600;
    text-transform: uppercase;
}
.cr-turnover {
    background: #023a7a;
    color: #fff;
    height: 36px;
    display: flex;
    align-items: end;
    padding: 0 5px;
    margin: 0 15px;
}
.gold-slant {
    background: url(../images/slanted.png)no-repeat;
    background-size: 100% 100%;
    width: 160px;
    height: 40px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 0 15px;
    text-align: center;
}
.crnum {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
}
.cr-turnover.depo {
    background: #004fa1;
}
.lvlbar-wrapper {
    padding: 10px 0;
}
.lvl-caption {
    color: #000;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px;
}
.lvlbar {
    background: #e3e3e3;
    height: 14px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #fdb914;
}
.lvl-innerbar {
    background: #fdb914;
    height: 100%;
}
.vip-table-content {
    margin-bottom: 20px;
}
table.vip-table {
    font-size: 14px;
}
table.vip-table tr th {
    padding: 10px 2px;
    text-align: center;
}
table.vip-table tr td {
    padding: 10px 2px;
    text-align: center;
    color: #250250;
}
table.vip-table tr:nth-child(even) {
    background-color: #f0f0f0;
}
table.vip-table tr td:first-child {
    color: #023a7a;
    font-weight: 600;
    text-align: left;
    padding: 10px 10px;
}
.viplvl {
    color: #ffba00;
    text-transform: uppercase;
    margin-top: 7px;
    font-size: 16px;
}
button.vip-term-btn {
    position: relative;
    background: #fdb914;
    border: none;
    color: #000;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 7px 20px 5px;
    height: 44px;
    width: 100%;
    text-align: left;
}
button.vip-term-btn::after {
    content: '\f068';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    right: 15px;
}
button.vip-term-btn.collapsed::after {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}
.vip-term-card {
    padding: 15px;
}
ul.terms, ol.terms {
    padding-left: 17px;
    margin-bottom: 5px;
}
.vip-accordion {
    display: none;
}
.vip-card {
    margin-bottom: 10px;
}
button.vip-level-btn {
    position: relative;
    background: #023a7a;
    width: 100%;
    border: none;
    border-radius: 6px;
    color: #fff;
    text-align: left;
    padding: 0 15px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
}
.vip-level-btn:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 16px;
    transition: 0.3s;
    color: #fff;
}
.vip-level-btn.collapsed:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
}
.vip-badge {
    margin-right: 10px;
}
.vip-badge img {
    max-width: 40px;
}
.viprange.v2 .info strong { font-size:16px; }

/** Mobile Download **/
.mobile-dl-sec {
    background: url("../images/dl-bg.jpg")no-repeat top center;
    background-size: cover;
    padding: 20px 0;
}
ul.nav.nav-download {
    justify-content: center;
    padding-bottom: 20px;
}
ul.nav.nav-download li.nav-item {
    margin: 0 10px;
    text-align: center;
}
ul.nav.nav-download li.nav-item a.nav-link {
    background: #363636;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 50%);
    border-radius: 5px;
    padding: 14px 20px;
    width: 200px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}
ul.nav.nav-download li.nav-item a.nav-link.active {
    background: linear-gradient(-88deg,#cf1714,#ff4e08 60%);
    color: #fff;
    box-shadow: none;
}
.download-wrapper {
    text-align: center;
    padding: 15px 0 30px;
}
.download-box {
    display: inline-block;
    max-width: 250px;
    background: #fff;
    text-align: center;
    position: relative;
    padding: 0 15px;
    margin: 0px 10px 40px;
}
.dl-img {
    margin-top: -60px;
}
.dl-logo img {
    max-height: 45px;
}
.stext {
    color: #868686;
    font-size: 16px;
}
.dl-qr {
    max-width: 90%;
    margin: 5px auto;
}
.dl-qr img {
    max-height: 150px;
}
.dl-os {
    padding-bottom: 15px;
}
.dl-os img {
    max-width: 30px;
    margin: 0 4%;
}
.dl-btn-wrap {
    margin-bottom: -15px;
}
button.download-btn {
    background: #462b7c;
    border: none;
    color: #fff;
    border-radius: 4px;
    height: 32px;
    min-width: 150px;
    padding: 4px 30px;
}
button.download-btn:hover {
    background: #f48026;
}

/** Lottery Page **/
.lottery-sec {
    background: url("../images/lottery/lottery-bg.png")no-repeat top center;
    background-size: cover;
    padding: 20px 0;
}
.lotto-top {
    max-width: 1000px;
    margin: 10px auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.lucky-wrapper {
    position: relative;
    margin: 0 15px;
}
.lucky-base-wrap {
    position: relative;
}
.spin-number-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 28%;
    font-size: 80px;
    font-weight: 700;
}
.spin-number-wrap span {
    padding: 0 20px;
}
.spinbtn-wrap {
    margin-top: -15px;
    position: relative;
}
button.spin-btn {
    background: url("../images/gold-btn.png")no-repeat;
    background-size: 100% 100%;
    border: none;
    width: 100%;
    max-width: 150px;
    height: 44px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px;
}
.lotto-btn-wrap {
    display: flex;
    flex-flow: column;
}
button.bet-btn {
    background: url("../images/lottery/yellow-big-btn.png")no-repeat;
    background-size: 100% 100%;
    border: none;
    width: 188px;
    height: 50px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px;
    margin: 6px 0;
}
button.bet-btn.payout {
    background: url("../images/lottery/blue-big-btn.png")no-repeat;
    background-size: 100% 100%;
}
button.bet-btn:hover, button.spin-btn:hover {
    transform: scale(0.98);
    filter: brightness(1.1);
}

.date-search-wrap {
    position: relative;
    max-width: 370px;
    margin: 15px auto;
}
.rf-wrap {
    position: relative;
    margin-bottom: 5px;
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(237,237,237,1) 100%);
    border-radius: 35px;
    height: 40px;
    padding: 5px 15px;
}
button.search-btn {
    background: linear-gradient(to bottom, rgba(255,255,220,1) 0%, rgba(251,207,95,1) 49%, rgba(113,62,0,1) 100%);
    border: none;
    border-radius: 0 40px 40px 0;
    height: 40px;
    width: 50px;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
}
.lotto-result-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px 10px;
    max-width: 950px;
    margin: 0 auto;
    padding: 15px 0 0;
}
.rstable-wrap {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}
.rstable {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #fefefe;
    padding: 5px;
}
.lotto-header {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}
.result-date {
    font-size: 13px;
}
table.lotto-table {
    text-align: center;
    font-weight: 500;
}
table.lotto-table tr.lotto-header td {
    border: none;
    padding: 5px 10px;
}
tr.lotto-header img {
    max-height: 44px;
}
table.lotto-table.top tr td:first-child {
    background: #f0f0f0;
}
table.lotto-table tr th {
    background: #f0f0f0;
    border: 1px solid #d9d9d9;
    padding: 2px;
    text-transform: uppercase;
    font-weight: 500;
}
table.lotto-table tr td {
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 2px;
}
.magnum table.lotto-table tr.lotto-header td {
    color: #000;
    background: #ffea00;
}
.dmc table.lotto-table tr.lotto-header td {
    color: #fff;
    background: #1a1a84;
}
.toto table.lotto-table tr.lotto-header td {
    color: #fff;
    background: #fb0206;
}
.sg table.lotto-table tr.lotto-header td {
    color: #fff;
    background: #1f76dc;
}
.sabah table.lotto-table tr.lotto-header td {
    color: #fff;
    background: #ff0000;
}
.bigsweep table.lotto-table tr.lotto-header td {
    color: #fff;
    background: #003c10;
}
/** Mobile Lotto **/
.lottery-mobile {
    display: none;
}
ul.lt-wrap {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2px;
    border-bottom: 2px solid #fdb914;
    padding: 0 2px;
    text-align: center;
}
.nav-tabs.lt-wrap .nav-link {
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}
.nav-tabs.lt-wrap .nav-item.show .nav-link, .nav-tabs.lt-wrap .nav-link.active {
    color: #495057;
    background-color: transparent;
}
li.lt-item {
    position: relative;
    padding-bottom: 22px;
}
ul.lt-wrap li a.active:after {
    content: "";
    color: #fdb914;
    position: absolute;
    border-top: 0;
    border-right: 0.7em solid transparent;
    border-bottom: 0.7em solid;
    border-left: 0.7em solid transparent;
    width: 8px;
    margin: auto;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 10;
}
.result-boxes {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.prize {
    background: #d9d9d9;
    font-weight: 500;
    font-size: 16px;
    padding: 3px 2px;
}
.result-tt {
    padding: 7px 2px;
    font-weight: 500;
    font-size: 16px;
    background: #fff;
}
.result-boxes-1 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.result-ttt {
    padding: 3px 2px;
    font-weight: 500;
    font-size: 14px;
    background: #fff;
}
.table-in div {
    padding: 5px 0;
}
.table-in {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.result-box {
    border: 1px solid #c6c8cd;
}
.date-box {
    padding: 10px 0px;
    font-size: 15px;
    background: #fff;
    text-align: center;
}
span#resultDate {
    vertical-align: middle;
}   

/** Info Pages **/
.info-sec {
    background-size: 100%;
    padding: 20px 0;
}
.info-container {
    display: grid;
    grid-template-columns: 220px auto;
    grid-gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}
ul.info-tabs {
    flex-flow: column;
    border: none;
    justify-content: center;
    text-align: center;
    background: #f2f6f9;
    padding: 15px 10px 10px;
    border-radius: 8px;
    max-width: 220px;
}
ul.info-tabs .nav-item {
    width: 100%;
    margin: 0px auto 10px 0;
}
ul.nav.info-tabs .nav-link {
    background: #363636;
    color: #ffffff;
    border-radius: 5px;
    padding: 12px 4px;
    box-shadow: inset 1px 2px 1px rgb(0 0 0 / 10%);
}
ul.nav.info-tabs .nav-link.active, ul.nav.info-tabs .nav-link:hover {
    box-shadow: none;
    background: linear-gradient(-88deg,#cf1714,#ff4e08 60%);
    color: #fff;
}
.info-content-innner {
    max-width: 1000px;
    margin: 0 auto;
    min-height: 400px;
    background: #f1f5f8;
    border-radius: 8px;
    padding: 30px;
    color: #000;
}
.info-title-1 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f58028;
}

.bonus-card button.btn-tnc {
    background: #420278;
    color: #ffffff;
    height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    padding: 8px 12px;
}

button.btn-tnc {
    position: relative;
    background: #420278;
    width: 100%;
    text-align: left;
    font-size: 16px;
    padding: 15px 15px;
    color: #fff;
    border-radius: 5px;
    border: none;
    padding-right: 40px;
}

button.btn-tnc::after{
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    right: 14px;
    top: 14px;
    transform-origin: center;
    transform: rotate(180deg);
    transition: 0.3s;
}
.bonus-card button.btn-tnc::after, .select-image .select-image-input::after{
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    right: 14px;
    top: 7px;
    transform-origin: center;
    transform: rotate(180deg);
    transition: 0.3s;
}
button.btn-tnc.collapsed::after{
    content: '\f107';
    transform: rotate(0);
    transition: 0.3s;
    color: #00ff00;
}
.bonus-card button.btn-tnc.collapsed::after, .select-image .select-image-input::after{
    content: '\f107';
    transform: rotate(0);
    transition: 0.3s;
    color: #00ff00;
}

button.btn-tnc:focus {
    outline: none;
}

.tncsplit { display:flex; justify-content:start; align-items:center; font-size:14px; gap:12px }
    .tncsplit .info { white-space:nowrap }
    .tncsplit .desc {  border-left:2px solid #888888; padding:0px 18px 0px 12px }

.tnc-card.unread .tncsplit { color:#00ff00 }

.tnc-card {
    margin-bottom: 5px;
}

.tnc-body {
    background: #211140;
    padding: 20px 20px 10px;
    border-radius: 4px;
    line-height: 1.3;
    color: #ffffff;
    margin-top: 4px;
}
.tnc-body ol {
    padding-left: 15px;
}
.tnc-body ol li {
    padding-bottom: 8px;
}

.tnc-body.v2 { background:#000c64; font-size:12px; margin-top:0; border-radius:0px 0px 4px 4px; padding:16px }

.faq .max-container {
    max-width: 1000px;
}
.faq .title-wrap { color: #ffffff; margin-left: 10px; }
table.banking-table tr td , table.banking-table tr th {
    background: #fff;
    border: 1px solid #0166d2;
    padding: 6px 2px;
    text-align: center;
}
table.banking-table tr th {
    background: #0166d2;
    color: #fff;
}

/** After login pages**/
.afterlogin-sec {
    background: url("../images/af-bg.jpg")no-repeat top center;
    background-size: cover;
    padding: 20px 0;
}
.aftop-content {
    background: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    padding: 13px 30px;
    max-width: 1200px;
    margin: 0 auto 15px;
}
.af-uservip {
    display: flex;
    align-items: center;
}
.afbadge-img {
    max-width: 50px;
}
.af-detail {
    margin-left: 12px;
}
.af-detail-top {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
}
.afvip {
    color: #0065d1;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 10px;
    padding-right: 10px;
}
.user-welcome {
    color: #000;
    font-size: 13px;
    font-weight: 500;
}
.af-wallet-res {
    display: flex;
    align-items: center;
    border-left: 2px solid #959595;
    padding-left: 30px;
}
.mw-wrap {
    text-align: center;
}
.mwtext {
    font-weight: 600;
}
.mwbalance {
    color: #ff4200;
    font-weight: 700;
    padding: 5px 0;
}
.restore-btn-wrap {
    margin: 0 15px;
}
button.restore-btn {
    background: linear-gradient(to bottom, rgba(242,241,241,1) 0%, rgba(231,231,231,1) 100%);
    border: none;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 20%);
    border-radius: 4px;
    height: 45px;
    padding: 5px 15px;
}
button.restore-btn img {
    max-width: 24px;
    margin-right: 7px;
}
button.restore-btn:hover {
    background: #ff4200;
    box-shadow: none;
    color: #fff;
}
button.restore-btn:hover img {
    filter: contrast(0) brightness(5);
}
.uvtext {
    font-weight: 600;
}
.uv-icon-wrap {
    display: flex;
    padding: 2px 0;
}
.roundm {
    background: #d4d4d4;
    color: #fefefe;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    margin: 0 1px;
}
.secure-wrap {
    display: flex;
    align-items: center;
    padding-top: 5px;
}
.secur-bar {
    background: #d4d4d4;
    height: 4px;
    width: 38px;
    margin: 0 1px;
}
.mw-transfer {
    display: flex;
    align-items: center;
}
.mwauto-text {
    color: #959595;
    margin: 0 10px;
    font-size: 14px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 21px;
    vertical-align: -webkit-baseline-middle;
    margin: 0;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.sliderx {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0066d1;
  -webkit-transition: .4s;
  transition: .4s;
}
.sliderx:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 0px;
    top: 0;
    margin: auto;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .sliderx {
    background-color: #959595;
}

input:focus + .sliderx {
    box-shadow: 0 0 1px #959595;
}
input:checked + .sliderx:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}
.sliderx.round {
    border-radius: 40px;
}
.sliderx.round:before {
    border-radius: 50%;
}
.aftop-mobile {
    display: none;
}
.afcontent-container {
    display: grid;
    grid-template-columns: 230px auto;
    grid-gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}
.af-sidemenu {
    max-width: 230px;   
    background: #f2f6f9;
    padding: 10px 10px 10px;
    border-radius: 8px;
    height: max-content;
}
ul.nav.af-menu li.nav-item {
    width: 100%;
    margin: 0px auto 10px 0;
}
ul.nav.af-menu li.nav-item a.nav-link {
    background:#363636;
    color: #ffffff;
    border-radius: 5px;
    padding: 4px 10px;
    box-shadow: inset 1px 2px 1px rgb(0 0 0 / 10%);
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
ul.nav.af-menu li.nav-item a.nav-link img {
    max-height: 30px;
    margin-right: 8px;
}
ul.nav.af-menu li.nav-item a.nav-link.active, ul.nav.af-menu li.nav-item a.nav-link:hover {
    box-shadow: none;
    background: linear-gradient(-88deg,#cf1714,#ff4e08 60%);
    color: #fff;
}
ul.nav.af-menu li.nav-item a.nav-link.active img, ul.nav.af-menu li.nav-item a.nav-link:hover img {
    filter: contrast(0) brightness(5);
}
.afmenu-sub {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
}
.af-content {
    background: #f2f5f8;
    border-radius: 8px;
    padding: 15px 25px;
}
.field-wrapper {
    display: grid;
    grid-template-columns: auto 280px;
    grid-gap: 20px;
}
.aftitle {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
}
.input-field {
    display: grid;
    grid-template-columns: 155px auto;
    grid-gap: 5px;
    padding: 5px 0 15px;
}
.mlabel {
    color: #042853;
    font-weight: 500;
    padding: 10px 0 0;
}

button.depo-type-btn {
    background: none;
    border: none;
    padding: 0;
    font-size: 13px;
    margin-right: 4px;
    filter: grayscale(1);
}
.paygate-wrap {
    position: relative;
    border: 1px solid #ff4200;
    border-radius: 4px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    margin-bottom: 4px;
}
.paygate-wrap img {
    height: 24px;
}
button.depo-type-btn.active .paygate-wrap::after {
    content: '';
    background: url("../images/afterlogin/tick.png")no-repeat;
    background-position: right bottom;
    height: 22px;
    width: 22px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
button.depo-type-btn.active, button.depo-type-btn:hover {
    filter: none;
    color: #ff4200;
}
.bank-input-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.bank-input-wrap label [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    color: #858585;
}
.bank-input-wrap label [type=radio] + .bank-img img {
    cursor: pointer;
}
.bank-img {
    display: inline-block;
    position: relative;
    border: 1px solid #ff4200;
    border-radius: 6px; 
    overflow: hidden;
    padding: 3px;
}
.bank-input-wrap label {
    display: flex;
    align-items: center;
}
.bank-type {
    font-size: 12px;
    margin-left: 8px;
}
.bank-input-wrap label [type=radio]:checked + .bank-img + .bank-type {
    color: #ff4200;
}
.bank-input-wrap label [type=radio]:checked + .bank-img::after {
    content: '';
    background: url("../images/afterlogin/tick.png")no-repeat;
    background-position: right bottom;
    height: 22px;
    width: 22px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.bank-input-wrap label [type=radio] + .bank-img {
    filter: grayscale(1);
}
.bank-input-wrap label [type=radio]:checked + .bank-img {
    filter: none;
}
.bank-info {
    background: #fff;
    margin: 10px 0 0;
    padding: 5px;
    border: 1px solid #808080;
    border-radius: 5px;
    font-size: 14px;
}
table.depo-bank-table tr td {
    padding: 5px;
}
table.depo-bank-table tr td:last-child {
    color: #042853;
    font-weight: 500;
}
.addbank-wrap {
    margin-top: 10px;
}
button.add-bank-btn {
    background: #0166d2;
    border: none;
    color: #fff;
    height: 36px;
    min-width: 130px;
    padding: 5px 15px;
    border-radius: 5px;
}
button.add-bank-btn:hover {
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(232,232,232,1) 100%);
    color: #858585;
}
.afinput {
    position: relative;
}
.voucher .afinput {
    display: flex;
    align-items: center;
}
.voucher .afinput img {
    max-width: 50px;
    margin-right: 10px;
}
.voucher .afinput .reg-submit-btn {
    width: 50%;
    margin-left: 10px;
}
.afinput input, .afinput select {
    background: #fff;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #808080;
    padding: 7px 10px;
    font-size: 14px;
}
.afinput input::placeholder {
    color: #afafaf;
}
.quick-depo-amt {
    padding-top: 10px;
}
button.depoamt-btn {
    background: #eeedee;
    border: 1px solid #666666;
    border-radius: 4px;
    color: #858585;
    width: 23%;
    padding: 5px;
    height: 40px;
    font-size: 16px;
    margin: 0 1% 0 0;
}
button.depoamt-btn:hover {
    background: #ff4200;
    color: #fff;
    border: 1px solid #ff4200;
}
.important-notice {
    background: #fdfdfe;
    padding: 15px;
    border-radius: 8px;
    font-size: 13px;
    color: #858585;
}
.notice-title-wrap {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 500;
    padding: 5px 0 20px;
}
.notice-title-wrap img {
    margin-right: 10px;
}
.important-notice ol.terms li {
    padding-bottom: 12px;
}
.blue-text {
    color: #0166d2;
    font-weight: 500;
}
.notice-depo {
    color: #858585;
    font-size: 13px;
    padding: 10px 0 5px;
}
.transfer-row {
    display: grid;
    grid-template-columns: 45% auto 45%;
    align-items: center;
    width: 100%;
}
.tansfer-icon {
    color: #858585;
    font-size: 18px;
    margin: 0 5px;
    text-align: center;
}
.input-field.trans {
    grid-template-columns: 85px auto;
    padding: 0;
}
.transfer-wrap {
    display: grid;
    grid-template-columns: 57% 40%;
    grid-gap: 3%;
    align-items: center;
}
.weekly-turn {
    background: #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 300px;
    margin: 0 0 0 auto;
    padding: 6px 10px;
    color: #585858;
    font-size: 14px;
    border-radius: 5px;
}
.weekly-turn a {
    display: inline-block;
    margin-left: 10px;
    color: #0066d1;
}
.wtamt {
    font-weight: 600;
}
.gmw-title {
    font-size: 14px;
    color: #585858;
    font-weight: 500;
    padding-bottom: 10px;
}
.pvd-wallet-wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 12px;
    padding-bottom: 20px;
}
.pvd-wbox {
    background: #e2e2e2;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
}
.pvdtop {
    border-radius: 5px;
    background: #fcfcfc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
}
.pvtext {
    font-weight: 500;
    padding-bottom: 3px;
}
.pvd-amt {
    color: #ff4200;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
}
.rmtext {
    font-size: 15px;
}
button.allin-btn {
    border: 1px solid #ff4200;
    background: none;
    color: #ff4200;
    padding: 3px 2px;
    min-width: 70px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
}
button.allin-btn:hover {
    background: #ff4200;
    color: #fff;
}
.pvdbtm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}
button.balance-btn {
    position: relative;
    background: #e2e2e2;
    color: #042853;
    border: none;
    font-weight: 500;
    padding: 7px 15px;
    width: 100%;
    text-align: left;
    display: none;
}
.filter-wallet, .transfer-mobile {
    display: none;
}
.depo-meth.withdraw button.depo-type-btn {
    width: 90px;
}
.depo-meth.withdraw .paygate-wrap img {
    height: 32px;
}   
.note-withdraw {
    color: #08b200;
    font-size: 12px;
    margin-top: 5px;
}
button.histype-btn {
    height: 30px;
    background: none;
    color: #858585;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    padding: 2px 15px;
}
button.histype-btn.active, button.histype-btn:hover {
    background: #fff;
    color: #ff4200;
    border: 1px solid #ff4200;
}
span.histo {
    color: #042853;
    font-weight: 500;
    margin: 0 5px;
}
.history-result {
    text-align: center;
    font-size: 14px;
}
table.history-table tr th {
    background: #e2e2e2;
    color: #042853;
    padding: 10px 5px;
}
table.history-table tr td {
    padding: 8px 5px;
    color: #000;
}
.green-text {
    color: #35c743;
}
.red-text {
    color: #c73535;
}
.pagination-wrap {
    margin-top: 20px;
}
.page-links {
    position: relative;
    display: block;
    padding: 5px 7px;
    margin-left: -1px;
    line-height: 1.1;
    color: #042853;
    background: #fff;
    border: 1px solid #dee2e6;
}
.afinput.mobile {
    display: none;
}
.nav.nav-msg {
    margin-bottom: 10px;
}
button.filtermsg-btn {
    background: #e1e1e1;
    color: #858585;
    border-radius: 4px;
    border: none;
    padding: 5px 10px;
    height: 45px;
    min-width: 140px;
    font-size: 14px;
    margin-right: 1%;
}
button.filtermsg-btn.active, button.filtermsg-btn:hover {
    background: #fdb813;
    color: #fff;
}
.mail-legend-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 15px;
}
button.mail-action-btn {
    background: none;
    border: none;
    padding: 0 2px;
    margin: 0 10px;
    color: #042853;
    font-weight: 500;
}
button.mail-action-btn i {
    color: #0066d1;
    margin-right: 5px;
}
.select-all-mail {
    display: flex;
}
.select-all-mail label {
    margin: 0 0 0 10px;
    color: #042853;
    font-weight: 500;
}
.mail-content {
    margin: 0 -25px;
}
table.mail-table tr {
    border-bottom: 1px solid #e2e2e2;
}
table.mail-table tr th {
    background: #e2e2e2;
    color: #042853;
    padding: 10px 2px;
}
table.mail-table tr th:first-child, table.mail-table tr td:first-child {
    padding-left: 25px;
}
table.mail-table tr th:last-child, table.mail-table tr td:last-child {
    padding-right: 25px;
    text-align: center;
}
table.mail-table tr td {
    padding: 12px 2px;
    color: #000;
    cursor: pointer;
}
table.mail-table tr.unread {
    font-weight: 600;
}
span.red-note {
    background: #f00;
    color: #ffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 8px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -1px;
}
.msg-title {
    color: #0066d1;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 600px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.msg-mobile-date {
    display: none;
}
button.mail-delete-btn {
    font-size: 20px;
    border: none;
    background: none;
    color: #959595;
    padding: 2px;
}
button.mail-delete-btn:hover {
    color: #0066d1;
}
.profile-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1px;
    margin: 15px -25px 0;
}
.profbox {
    background: #eaeaea;
    padding: 15px 20px;
    font-weight: 500;
}
.profbox.second {
    background: #e2e2e2;
}
.profield {
    margin-bottom: 20px;
    color: #7f7f7f;
}
.pro-lable {
    color: #0066d1;
    margin-bottom: 2px;
}
button.edit-btn {
    border: none;
    color: #fff;
    background: #0066d1;
    padding: 4px 7px;
    border-radius: 8px;
    font-size: 13px;
    margin: 0 2px;
}
.bank-wrap {
    display: grid;
    grid-template-columns: 50px auto;
    align-items: center;
    margin: 5px 0 10px;
}
.verify-icon {
    color: #68c156;
}
.form-content.password {
    max-width: 500px;
}
table.mail-table.bankdetail {
    text-align: center;
}
table.mail-table.bankdetail tr td:last-child {
    color: #0066d1;
    font-weight: 600;
}
table.mail-table.bankdetail tr td {
    color: #7f7f7f;
}
.bank-bk {
    display: flex;
    align-items: center;
    justify-content: left;
}
.bank-n {
    margin-left: 5px;
}

.gamenav-slide { background-color: #b83ff5; border-radius: 12px; padding: 6px 18px; height: 70px !important; overflow: hidden;}
.gamenav-slide .slick-list { background-color: #160e2e; height: 60px !important; overflow: hidden;  }
.gamenav-slide .slick-prev { left:0 }
.gamenav-slide .slick-next { right:0 }
.gamenav-slide .slick-prev::before {
    font-family: FontAwesome;
    content: "\f0d9";
    font-size: 18px;
}  
.gamenav-slide .slick-next::before {
    font-family: FontAwesome;
    content:  "\f0da";
    font-size: 18px;        
}
    .gamenav-slide .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.withdraw-form {
    background: #280056;
    padding: 4vw;
}
.withdraw-form .progress-bar { background-color: #00ff00; }

.abtn-group { display: flex; justify-content: center; align-items: center }
.abtn { position: relative; border-radius: 8px; background-color: #020624; display: flex; justify-content: center; align-items: center; height:48px; margin: 8px 8px 16px; width:100%; font-size: 14px; font-weight: bold; border-bottom: 2px solid transparent; }
    .abtn.active, .abtn:hover { background: linear-gradient(0deg, #4f0d98 0%, #9124d6 50%, #4f0d98 100%)!important; color:#ffffff  }
    .abtn.active::before, .abtn:hover::before { content: ''; position: absolute; height: 2px; width:100%; bottom: -8px; background-color: #00ff00; }
.abtn-group.v2 {  }
    .abtn-group.v2 .abtn { font-size:20px; background:transparent }
    .abtn-group.v2 .abtn::after { content: ''; position: absolute; height: 100%; width:2px; bottom: 0; right:-9px; background-color: #888888; }
    .abtn-group.v2 .abtn:last-child::after { width:0 }

.infobox {  }
    .infobox .bal { padding:8px  }
    .infobox .infobanner {   }

.nwrap { }
    .nwrap .ntabs { display: flex; align-items: flex-end; flex-wrap: wrap;}
        .nwrap .ntabs a { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 10px; border-radius: 8px; position: relative; padding:4px 8px; white-space: nowrap; }
        .nwrap .ntabs a.active, .nwrap .ntabs a:hover { background-color: #00cc33; color: #ffffff }
        /* .nwrap .ntabs a.active::before, .nwrap .ntabs a:hover::before { content: ''; position: absolute; height: 2px; width:100%; bottom: -8px; background-color: #00ff00; } */
    .nwrap .ncons { padding:12px 0px 96px; display: none;  }
        .nwrap .ncons.active { display: block; }
.epw-ntabs img { max-width: 80%; }

.accepted-payments { display: flex; align-items: center; gap:8px }
    .accepted-payments small { font-size: 9px; }
    .accepted-payments .apm {  display: flex; justify-content: center; align-content: center; gap:4px }
    .accepted-payments .apm img { max-height: 28px }

.select-image {
  position: relative;
  background-color: #420278;
  border-radius: 6px;
  font-size: 1rem;
}
.select-image .select-image-input {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  height: calc(1.5em + .75rem + 2px);;
}
.select-image .select-image-list {
  display: none;
  background-color: #230a6c;
  position: absolute;
  z-index: 2;
  width: 100%;
}
.select-image .select-image-list.show {
  display: block;
}
.select-image .select-image-list .select-image-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 12px;
}
.select-image .select-image-list .select-image-option:hover {
  background-color: gray;
}
.select-image img {
  height: 24px;
  margin-right: 8px;
}

.quickamo-wrap { display: flex; gap:8px }
.quickamo { border-radius: 6px; font-size: 12px; font-weight: bold; display: flex; justify-content: center; align-items: center; width: 100%; background-color: #230a6c; height: 26px; }
    .quickamo.active, .quickamo:hover { background-color: #00cc33; color: #ffffff; }

.bonusselbox { padding:16px 0px  }

.nfwrap {  }
    .nfwrap .nftabs { display: flex; align-items: center; border-radius: 80px; background-color: #230a6c; padding:6px }
        .nfwrap .nftabs a { display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: bold; border-radius: 80px; width:100%; height: 40px; text-align: center; }
        .nfwrap .nftabs a.active, .nfwrap .nftabs a:hover { background-color: #00cc33; color: #ffffff }
    .nfwrap .nfcons { padding:12px 0px  }

.nflist { display: flex; justify-content: start; align-items: center; gap:12px; margin-bottom: 8px; }
    .nflist .radio { transform: scale(1.5); accent-color:#00cc33 }
    .nflist .ccon { display: flex; justify-content: center; align-items: center; border-radius: 6px; width:100%; background-color: #5c08a2; padding:2px }
        .nflist .ccon .iimg {  }
            .nflist .ccon .iimg img { height: 80px; max-width:none; border-radius: 6px 0px 0px 6px; }
        .nflist .ccon .intro { display: flex; justify-content: space-between; align-items: center; padding:0px 6px 0px 12px; width: 100%; gap:12px }
            .nflist .ccon .intro .desc { font-size: 16px; line-height: normal; font-weight: bold; }
            .nflist .ccon .intro .info { border-radius: 6px; background-color: #3f055b; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; height: 70px; padding:0px 6px; }
                .nflist .ccon .intro .info small { font-size: 10px; }
                .nflist .ccon .intro .info span { font-size: 18px; font-weight: bold; color:#00cc33 }
                .nflist .ccon .intro .info .iicon { font-size: 10px; width:14px; height:14px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top: -4px; right:4px; background-color: #1d064b; }

.inbox-wrap { }
    .inbox-wrap .dot { right:-6px; top:-6px; margin:0 }
    .inbox-wrap .inboxcons { padding:16px; display: none; background-color:#020624; border-radius:8px; margin:0 8px }
        .inbox-wrap .inboxcons.active { display: block; }
        .inbox-wrap .inboxcons h5 { font-size:18px }

.vipwrap {  }
.vipbox {  }
    .vipbox .vipbanner { position:relative }
        .vipbox .vipbanner img { width:100%; max-width:none }
        .vipbox .vipbanner .arrows { position:absolute; bottom:30%; left:50%; display:flex; margin:0 auto; max-width:1100px; width:100%; justify-content:space-between; align-items:center; transform:translateX(-50%); padding:0 32px }
        .vipbox .vipbanner .note { font-size:24px; bottom:3%; width:100%; max-width:1100px; padding:0 32px; position:absolute; left:50%; transform:translateX(-50%); text-align:center }
    .vipinfo {
        border-radius: 8px 8px 0px 0px;
        background-color: #420278;
        padding: 0;
        margin-top: 18px;
    }
        .vipinfo .tt { text-transform:uppercase; font-size:16px; font-weight:bold; text-align:center; padding:8px; text-align:center; border-radius:8px 8px 0px 0px }

        .vipbox.diamond .vipinfo .tt {background:linear-gradient(180deg, #e905f7 0%, #6600cc 100%);}
        .vipbox.platinum .vipinfo .tt {background: #0054ff;}
        .vipbox.platinum .vipbanner .note { color: #8f16ff; }
        .vipbox.gold .vipinfo .tt {background: #e2ad0a;}
        .vipbox.gold .vipbanner .note { color: #8c0303; }
        .vipbox.silver .vipinfo .tt {background: #a3a099;}
        .vipbox.silver .vipbanner .note { color: #555555; }
        .vipbox.bronze .vipinfo .tt {background: #ff8a00;}
        .vipbox.bronze .vipbanner .note { color: #652c02; }

        .vipinfo .con { display:flex; flex-wrap:wrap; align-items:center; border-radius:0px 0px 8px 8px;padding:18px; gap:12px; }
        .vipinfo .viphead { display:flex; flex-direction:column; border-bottom:1px solid #ffffff; gap:0px; border-radius:8px 8px 0px 0px; padding:12px 0px; margin:0 12px }
            .vipinfo .viphead small { font-size:12px }
            .vipinfo .viphead strong { font-size:22px }

.vipbene { display:flex; justify-content:start; align-items:center; gap:12px; width:calc(33.33% - 8px) }
    .vipbene .iimg { min-width:68px; }
    .vipbene .info { display:flex; flex-direction:column; gap:4px; width:100% }

.vip-wraptab {  }
    .vip-wraptab .vcons { padding:16px; display: none; margin:0 8px }
    .vip-wraptab .vcons.active { display: block; }

.vip-wraptab-mob { display:none; padding:24px 0px }
    .vip-wraptab-mob .vcons { display:none }
    .vip-wraptab-mob .vcons.active { display: block; }
    .vip-wraptab-mob .viprange-wrap { gap:8px }

.viprange-wrap { display:flex; gap:18px; justify-content: space-evenly; }
.viprange { display:flex; flex-direction:column; gap:18px; justify-content: space-between; }
    .viprange .iimg { filter: brightness(0.5); }
        .viprange .iimg img { max-width:100% }
    .viprange .info { display:flex; flex-direction:column; justify-content:center; align-items:center }
        .viprange .info strong { font-size:16px }
        .viprange .info span { font-size:12px; white-space: nowrap; }
    .viprange.v2 { cursor:pointer }
        .viprange.v2.active .iimg { filter:drop-shadow(0px 0px 6px #e905f7) }

    .viprange.bronze .info strong { color: #ff8a00; }
    .viprange.silver .info strong { color: #a3a099; }
    .viprange.diamond .info strong { color: #b903e7; }
    .viprange.platinum .info strong { color: #0054ff; }
    .viprange.gold .info strong { color: #e2ad0a; }

.home-banner .slick-prev,
.home-banner-mob .slick-prev {
    left: 20px;
    z-index: 99;
}

.home-banner .slick-next,
.home-banner-mob .slick-next {
    right: 30px;
    z-index: 99;
}

.home-banner .slick-prev:before,
.home-banner .slick-next:before,
.home-banner-mob .slick-prev:before,
.home-banner-mob .slick-next:before {
    font-size: 35px;
}

/** Responsive **/
@media(max-width: 1080px) {
.hm-icon {
    max-width: 38px;
    margin: 0px auto 2px;
    filter: grayscale(1) brightness(4);
}
.float-icon {
    right: 3vw;
    bottom: 10vw;
}
.float-icon-left {
    left: 3vw;
    bottom: 10vw;
}
.float-icon img { max-width:16vw }
.btm-icon{
    margin: 0px auto 4px;
    max-width: 26px;
    filter: grayscale(1) brightness(4);
}
.btm-icon.bonus{
    max-width: 65px;
    filter: drop-shadow(0px 0px 4px #ff7bff);
    margin-top: -24px;
}
.header-top {
    height: 58px;
}
.flaoting-contact {
    display: none;
}   
.t-body {
    margin-top: 58px;
}   

button.burger-menu-btn {
    display: inline-block;
    position: absolute;
    left: 8px;
    font-size: 26px;
}
button.profile-menu-btn {
    display: inline-block;
    position: absolute;
    right: 8px;
    font-size: 26px;
}   
.header-btm {
    display: none;
}   
.logo img {
    max-height: 48px;
}
.mobile-home {
    display: block;
}   
.main-slider .carousel-item img {
    object-fit: cover;
/*    height: 40vw;*/
}
.title-wrap {
    text-align: left;
}   
img.left-wing {
    display: none;
}   
.logreg-wrapper {
    display: flex;
    align-items: center;
    display: none;
}   
button.m-login-btn {
    background: linear-gradient(-155deg,#ff4200,#ffa86c 100%);
    width: 50%;
    height: 45px;
    margin: 0;
    border: none;
    color: #ffffff;
    padding: 4px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}   
button.m-login-btn.reg{
    background:#ffa200;
}
ul.nav.game-tab {
    background: #160e2e
}   
ul.nav.game-tab li.nav-item {
    width: 16.6%;
}   
ul.nav.game-tab li.nav-item a.nav-link, .gamenav-slide a.nav-link {
    width: 100%;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 8px 2px;
    font-size: 14px;
    font-weight: 500;
}
ul.nav.game-tab li.nav-item a.nav-link.active, .gamenav-slide a.nav-link.active {   
    color: #1affff;
}
ul.nav.game-tab li.nav-item a.nav-link.active .hm-icon, .gamenav-slide a.nav-link.active .hm-icon  { filter: none;}

.hm-icon {
    font-size: 30px;
    margin-bottom: 2px;
}   
.game-content {
    margin: 10px;
    border-radius: 7px;
}
.dropdown-wrapper.mobile-game {
    grid-template-columns: repeat(4,1fr);
    max-width: 750px;
}   
.dropdown-wrapper.mobile-game a {
    opacity: 1;
}   
.dropdown-wrapper a.new-game::after {
    width: 40px;
}
.dropdown-wrapper a.hot-game::after {
    width: 30px;
}
.dropdown-wrapper a:hover::before {
    content: none;
}
.footer-sec {
    /* padding: 30px 0 130px; */
    padding: 30px 0 60px;
}   
.btm-fixed-menu {
    display: block;
    border-top:1px solid #01ff67;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 2px;
    height: 65px;
    z-index: 99;
}   
.menu-btm-wrapper { 
    background: #160e2e;
    display: grid;
    grid-template-columns: repeat(5,1fr);
}
.menu-btm-wrapper a {
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 10px 2px;
    font-size: 12px;
}
.menu-btm-wrapper a.active, .menu-btm-wrapper a.active .btm-icon, .menu-btm-wrapper a:nth-child(3) { filter: none; color: #08f40b; }
.menu-btm-wrapper a:nth-child(3).active { filter: saturate(1.5) brightness(1.5); }


.btm-icon {
    margin-bottom: 4px;
}   
.btm-icon i {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(249,228,175,1) 7%, rgba(243,188,22,1) 35%, rgba(94,51,7,1) 94%, rgba(84,52,11,1) 96%, rgba(84,52,11,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 25px;
    filter: brightness(1.1);
}
.gamepage-banner img {
    object-fit: cover;
    height: 40vw;
}
.vip-accordion {
    display: block;
}
.vip-table-content{
    display: none;
}
.lottery-desktop {
    display: none;
}
.lottery-mobile {
    display: block;
}   
.info-container {
    display: block;
}   
.info-menu-wrapper {
    display: none;
}   
.aftop-mobile {
    display: block;
    margin-bottom: 15px;
}   
.aftop-content {
    display: none;
}
.afcontent-container {
    display: block;
}
.af-sidemenu {
    display: none;
}
.af-content {
    background: #fefefe;
}
.field-wrapper-1 {
    display: flex;
    flex-direction: column-reverse;
}
button.balance-btn {
    display: block;
}
button.balance-btn::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 8px;
    transform-origin: center;
    transform: rotate(0);
    transition: 0.3s;
}   
button.balance-btn.collapsed::after {
    content: '\f078';
    transform: rotate(0);
    transition: 0.3s;
}
.categ-turn {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}   
.filter-wallet {
    display: block;
}
.filter-wallet .afinput select {
    background: #e2e2e2;
    border: none;
}
.weekly-turn {
    height: 40px;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    padding: 2px 10px;
}
.input-field.transfer, .histype-wrapper {
    display: none;
}   
.transfer-mobile, .afinput.mobile  {
    display: block;
}   
}

@media(max-width: 991px) {
.sport-iframe-wrapper {
    grid-template-columns: auto;
}
.sport-iframe-wrapper div:last-child {  
    height: 440px;  
}
.product-game-wrapper {
    grid-template-columns: repeat(4,1fr);
}
.filter-wrapper {
    background: none;
    display: block;
    height: auto;
}
.search-wrap {
    width: 210px;
    margin: 10px 0 0;
}   
.slots-categ {
    justify-content: space-around;
}
a.scbox {
    min-width: auto;
    width: 100%;
}
.promo-box {
    grid-template-columns: auto;
    max-width: 550px;
    margin: 0 auto;
}
    .promo-bx {width:100%;}
.pmbox-content {
    grid-template-columns: auto;
}   
.pm-desc {
    padding: 20px 25px 0;
}   
.expire-date {
    padding: 15px 20px;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
}   
.pmbox-title {
    font-size: 22px;    
}
.lvl-turn-wrap {
    display: block;
}
.cr-turnover {
    max-width: 290px;
    margin: 15px 0px;
}

.lotto-top {
    display: block;
}
.lotto-btn-wrap {
    justify-content: center;
    flex-flow: row;
    padding-top: 15px;
}
button.bet-btn {
    margin: 5px;
}
.field-wrapper {
    grid-template-columns: auto;
}
.pvd-wallet-wrapper {
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
}
.profile-wrapper {
    grid-template-columns: auto;
    grid-gap: 0;
    margin: 15px 0 0;
}   
.profbox, .profbox.second {
    background: none;
    padding: 0;
}
}

@media(max-width: 720px) {
        body { font-size: 2.6vw;}
        .sports-highlight-sec { display: none; }
            .mob-evebanner { display:block }
.m-access { display: flex; }
.m-access .login-btn {
    width: 100%;
}
/*lottery iframe*/
.lottery iframe {
    height: 4360px;
}

.float-icon { 
    right:3vw; 
    bottom:15vw; 
}
    .float-icon.after { bottom:15vw; }
    /* .float-icon img { max-width:16vw } */

.af-quickmenu-content { display: block; }
.af-header { display: none!important; }
.mob-top {
    background: #160e2e;
    display: flex;
    justify-content: center;
    font-size: 24px;
    height: 58px;
    align-items: center;
    border-bottom: 1px solid #01ff67;
}
.mob-ind { position: absolute; left: 10px; }

    .panelbox { padding: 0 }
    .panelbox .panel-tabs { margin: 2vw 0; font-size: 1.4vw; }
    .resbox-tabs .nav-tabs .nav-item img { max-width:10vw }
    .resbox-tabs .nav-tabs .nav-item span {font-size:2vw;}
    .resbox { padding:0; margin:0 }
    .resbox-tabs { font-size:2.8vw; }
    .resbox-tabs .tab-content { padding:0vw; background-color:#1b0432; }

.menu-footer img {max-width: 115px;}
.header-top { height: 58px;padding: 5px;}
.hdrow .login-btn { display: none; }
.checkinbox.home { border-radius: 0px; }
    .checkin-wrapper { padding: 0px; }
    .checkinbox { margin-bottom:-15px; padding: 10px; }
    .checkinbox .subtitle { font-size:4vw }
    .checkinbox .progress { margin-left: 3%; max-width: 60%; margin-top: 10px;}
    .checkinbox .pdot.p1 { left:0 }
    .checkinbox .pdot.p2 { left:25%;}
    .checkinbox .pdot.p3 { left:50%;}
    .checkinbox .pdot.p4 { left:75%}
    .checkinbox .pdot.p5 { left:100% }
    .cib .tt { font-size:2vw; bottom: -15px; }
    .ci-extra { max-width: 70%; }
    .ci-wrapper { gap:20px; }
    .ci-pbar .ccon .iimg { max-width:20vw }
    .ci-pbar .ccon .rw { font-size:2.2vw; padding-left:19vw }
    .ci-pbar .ccon .pgbar .tipsbtn { max-width:14vw; top:-5vw }
    .ci-pbar.s2 { margin-top:0 }
    .ci-pbar { max-width: 80%; }
    .ci-pbar.done1 .ccon .pgbar .tipsbtn { left:calc(16.66% - 9.3vw) }
    .ci-pbar.done1 .ccon .pgbar .bars { width:calc(16.66% - 2.3vw) }
    .ci-pbar.done2 .ccon .pgbar .tipsbtn { left:calc(33.32% - 9.3vw) }©
    .ci-pbar.done2 .ccon .pgbar .bars { width:calc(33.32% - 2.3vw) }
    .ci-pbar.done3 .ccon .pgbar .tipsbtn { left:calc(48.88% - 9.3vw) }
    .ci-pbar.done3 .ccon .pgbar .bars { width:calc(48.88% - 2.3vw) }
    .ci-pbar.done4 .ccon .pgbar .tipsbtn { left:calc(64.66% - 9.3vw) }
    .ci-pbar.done4 .ccon .pgbar .bars { width:calc(64.66% - 2.3vw) }
    .ci-pbar.done5 .ccon .pgbar .tipsbtn { left:calc(81.66% - 9.3vw) }
    .ci-pbar.done5 .ccon .pgbar .bars { width:calc(81.66% - 2.3vw) }
    .ci-pbar.done6 .ccon .pgbar .tipsbtn { left:calc(97% - 9.3vw) }
        .ci-effect {
    transform: rotate(90deg);
    mix-blend-mode: lighten;
    position: absolute;
    text-align: center;
    left: 2%;
    top: 0%;
}

    .ci-cmsgbox .ccon .ttext { font-size:3.6vw }
    .ci-cmsgbox .ccon .ttext:nth-child(3) { font-size:2.5vw }
    .ci-cmsgbox .ccon .bclose { font-size:2.6vw }
        .reviews-wrap2 { flex-direction: column;}
        .top10wd-wrapper {width: 100%;}
    .rftop .ttitle { gap:3px; grid-template-columns: 30% 70%; }
    .rftop .ttitle p { font-size:12px; }
    .rftop .amount { gap:3px; grid-template-columns: 70% 30%; width: 47%; }
    .rftop .amount span, .rftop .amount i { font-size:14px }
    .rftop .amount .btn-submit { font-size: 12px; padding: 2px 6px; }
    .rfwrap .cilist span { font-size: 4vw; }
    .rfwrap h5 { font-weight:bold; font-size:32px }

    .euro2024 .anni .ccon { padding-top:38% }
    .eurochoosen .textimg { font-size:3.6vw; padding:4px }
    .eurochoosen .textimg img { max-width:44vw }
    .eurochoosen .iicon { max-width:10vw }
    .euro2024 .anni .ccon .ffloat { max-width:15vw }

    .ci-cmsgbox .ccon .iicon { margin-bottom:1.5vw }
    .ci-cmsgbox .ccon .iicon img { max-width:15vw }
    .ci-cmsgbox .ccon .iicon span { font-size:3.6vw } 
    .ci-cmsg-wrapper.s2 .ci-cmsgbox .ccon .ttext { font-size:3vw }
    .ci-cmsg-wrapper.s2 .ci-cmsgbox .ccon .bclose { margin-top:1.5vw }
    .choosebox .iitems span { padding:2vw }

    .modal-filbox-content { max-width:600px; position:relative; padding:40px 20px 20px; margin:0px auto }
    .gbox-menu-wrap-add .gbox-menu-wrap {
    width: calc(100% - 60px);
    display: flex;
    justify-content: end;
}
.filter-itembox span {  height:60px; width:calc(33.33% - 10px); margin:5px; padding:0px; filter:grayscale(1); transition: all 0.3s; cursor:pointer }
.news-listbox .btn-submit {
    display: inline-block;
    margin-top: 10px;
    padding: 0 1vw !important;
    width: 100%;
    text-align: center;
}
    .gbox { padding: 0vw; }
    .gbox .ggl { padding: 2vw; width: 33.33%; }
    .gbox .ggl span { font-size:2.4vw }

    .gbox-wrap { margin:2vw 0; }
.gbox-menu {  }
.gbox-menu-prov { display:flex; padding:10px 12px; gap:6px; white-space:nowrap; overflow-x:auto }
.gprovbox { color:#5f6366; border:2px solid #5f6366; border-radius:16px; min-width:80px; text-align:center; padding:6px; cursor:pointer }
    .gprovbox img { filter:grayscale(1) }
    .gprovbox span { display:block; font-size:12px; }
    .gprovbox.aaa, .gprovbox:hover { border-color:#09fb95; color:#ffffff }
    .gprovbox.aaa img, .gprovbox:hover img { filter:grayscale(0) }

.gbox-menu-cats { border-top:1px solid #4c4a5f; padding:10px 20px; display:flex; white-space:nowrap; overflow-x:auto}
    .gbox-menu-cats a { color:#ffffff; font-weight:bold; margin:0px 20px; }
    .gbox-menu-cats a.active, .gbox-menu-cats a:hover { color:#09fb95 }

button.btn-tnc { font-size: 14px; }

button.burger-menu-btn, button.profile-menu-btn {
    font-size: 22px;
}   
.sport-iframe-wrapper div:last-child {  
    height: auto;   
}
img.right-wing {
    max-width: 40vw;
}
.provider-logo-wrapper img {
    max-height: 40px;
}
.lisence-logo img {
    max-height: 23px;
    margin: 8px 8px;
}
.divider-ft {
    margin: 4% auto;
}
.footer-link-wrap a {
    font-size: 13px;
}
.copyright-footer {
    font-size: 13px;
}
.seo-wrapper {
    font-size: 12px;
}
.seo-title-1 {
    font-size: 13px;
}
.register-content {
    grid-template-columns: auto;
    grid-gap: 15px;
    padding: 15px 15px;
}   
.regbn-img {
    grid-row: 2/3;
    text-align: center;
}
.product-game-wrapper {
    grid-template-columns: repeat(3,1fr);
}
.prvd-name {
    padding: 13px 10px;
    font-size: 14px;
}
.slick-slide .slots-pvd-box {
    height: 100px;
}
.slots-pvd-img {
    padding: 0 5px;
}
.slotsgame-name {
    height: 48px;
    font-size: 12px;
    padding: 2px 24% 2px 10px;
}
.slotsgame-box.hot .slotsgame-name::after {
    width: 37px;
    height: 20px;
    top: 13px;
}   
.slotsgame-box.new .slotsgame-name::after {
    width: 35px;
    height: 20px;
    top: 13px;
}
.pmbox-subtitle {
    font-size: 13px;
}
.filter-menu {
    display: flex;
    overflow: auto;
    white-space: nowrap;
    justify-content: flex-start;
}
.pmbox.filter {
    padding: 0 20px;
}
ul.nav.nav-download li.nav-item {
    margin: 0 1%;
    width: 48%;
}   
ul.nav.nav-download li.nav-item a.nav-link {
    padding: 11px 10px;
    font-size: 14px;
    width: 100%;
}
.download-box {
    width: 47%;
    margin: 0px 0px 30px;
}
.input-field {
    grid-template-columns: auto;
    padding: 5px 0 10px;
}
.pvd-wallet-wrapper {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 5px;
    margin-top: 10px;
}
button.filtermsg-btn {
    padding: 5px 5px;
    height: 35px;
    min-width: 31%;
    font-size: 12px;
    margin-right: 1%;
}   
.mark-legend {
    display: none;
}
.date-col {
    display: none;
}
.msg-mobile-date {
    display: block;
    color: #727272;
    margin-top: 4px;
}
.realtime-trans { display: none; }
.realtime-trans.rtt-footer { display: flex; margin-bottom: 10px; }  

    .realtime-trans {
        margin: 0px;
        border-radius: 0px
    }

    .realtime-trans .tt {
        font-size: 2.2vw;
        line-height: normal;
        padding: 0px 15px;
        height: 50px;
        width: 22%
    }

    .realtime-trans .ccon {
        width: 78%
    }

    .rttbox .rimg {
        min-width: 7vw;
        width: 7vw
    }

    .rttbox .rcon {
        font-size: 2.2vw
    }

    .rttbox .rcon .time {
        font-size: 1.6vw
    }

    .rttbox .rcon .amo {
        font-size: 2vw
    }

    .float-eve {
        display: flex
    }

    .mob-evebanner {
        display: block
    }

    .rewards-wrap {
        flex-wrap: wrap
    }

    .reward-item {
        width: 90px;
        padding: 6px
    }
    
  .ctbox { width:33.33% }

    .contactbox .ctbox-con { flex-direction:column; padding:20px; }
    .ctbox-info { flex-direction:row; width:100%; text-align:start; }
    .ctbox-info .iimg { min-width:24vw; width:24vw }

    .news-list-wrap { padding:0 }
    .news-listbox { flex-direction:column }
    .news-listbox .ccon { padding:0 }
    .news-listbox .iimg { width:200px; min-width:200px; margin:0px auto; margin-bottom:20px; }

    .promo-bx:nth-child(3n-1){ margin-left:0px; margin-right: 0px; }
    .viprange { justify-content: space-between; align-items: center; }
    .viprange .iimg img { max-height: 70px; }
    .vipwrap, .vip-wraptab { display:none!important }
    .vip-wraptab-mob { display:block }

    .vipinfo {border-radius:8px 8px 0px 0px; background-color:#420278; padding:0; margin-top:18px} 
    .vipinfo .con { padding:12px }
    .vipbene { width:calc(50% - 6px) }
    .vipbene .iimg { min-width:42px; }

    .viprange.v2 .info strong { font-size:12px; }
    .tnc-body .viprange .iimg { filter:none; }

    .statement-web {display: none !important;}
    .statement-mob { display: block !important; }

    .statement-single {
    border-bottom: 1px solid #7a18a5;
    }
    .statement-wrap { border-radius: 10px;background: #280057;}

    .statement-single:last-child {
        border-bottom: 0;
    }
    .statement-single-content {
        padding: 10px 12px;
    }
    .statement-date {
        margin-bottom: 3px;
    }
    .statement-detail {
        background-color: #020624;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px 10px;
        margin-bottom: 3px;
    }
    .statement-detail-left, .statement-detail-right {
        text-transform: capitalize;
    }
    .statement-detail-right {
        max-width: 70%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
    }
    .statement-win, .statement-lose {
        font-weight: 700;
        text-transform: uppercase;
    }
    .statement-win {
        color: #3bfe72;
    }
    .statement-lose {
        color: #ea49ff;
    }
    .statement-balance {
        display: flex;
        justify-content: space-between;
    }
    .statement-balance-left {
        text-transform: capitalize;
    }


}


@media(max-width: 480px) {
    .reg-wrapper {
    margin: 0px auto;
    min-width: unset;
        width: 100%;
}
  .realtime-trans .tt {
        height: 40px;
    }
.annouce-wrapper {
    display: flex;
    align-items: center;
    padding: 1px;
}   
.annouce-img img {
    max-width: 15px;
}   
button.m-login-btn {
    height: 41px;
}
button.burger-menu-btn, button.profile-menu-btn {
    font-size: 17px;
}   
ul.nav.game-tab li.nav-item a.nav-link, .gamenav-slide a.nav-link {
    padding: 6px 1px;
    font-size: 10px;
}
.check-group {
    display: block;
    margin: 3px 0 5px;
}   
.btm-fixed-menu {
    height: 60px;
    padding-top: 0px;
}   
    .category-sec,.service-sec {display:none;}
.menu-btm-wrapper a {
    font-size: 13px;
    padding: 9px 2px;
}
.btm-icon {
    margin: 0px auto 4px;
    max-width: 26px;
    filter: grayscale(1) brightness(4);
}   
.btm-icon.bonus {
    max-width: 65px;
    filter: drop-shadow(0px 0px 4px #ff7bff);
    margin-top: -24px;
}
.btm-icon i {
    font-size: 20px;
}       
.hm-icon {
    max-width: 38px;
    margin: 0px auto 2px;
    filter: grayscale(1) brightness(4);
}   
.title-wrap {
    display: flex;
    font-size: 18px;
}
.more-game-link a {
    font-size: 13px;
}
.slot-highlight-wrapper {
    padding: 12px 20px;
}   
.slot-slide .slick-prev {
    left: -20px;
}
.slot-slide .slick-next {
    right: -20px;
}   
.slots-provider-slide .slick-prev {
    left: -10px;
    width: 10px;
}
.slots-provider-slide .slick-next {
    right: -10px;
    width: 10px;
}
.slot-slide .slotsbox {
    font-size: 13px;
}
.provider-logo-wrapper img {
    max-height: 24px;
}
    .menu-footer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding-bottom: 30px;
}
.partner-footer img {
    max-height: 45px;
    height: 45px;
    width: 45px;
    margin-right: 5px;
}
.payment-footer img {
    max-height: 26px;
    margin-right: 5px;
}
.social-footer a { margin: 0px; }
.social-footer img {
    max-width: 36px;
}
.reg-field {
    grid-template-columns: auto;
}   
.reg-label {
    height: auto;
    margin-bottom: 2px;
}   
.vip-container {
    padding: 15px 15px;
}   
.vip-term-card {
    padding: 5px;
}   
.product-game-wrapper {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}
.pm-desc {
    padding: 20px 15px 0;
}   
a.scbox {
    font-size: 13px;
    padding: 5px 5px;
}   
.slick-slide .slots-pvd-box {
    height: 85px;
}
.slots-pvd-name {
    font-size: 12px;
}
.lvl-caption {
    font-size: 13px;
}   
table.vip-table {
    font-size: 13px;
}   
button.download-btn {
    min-width: auto;
    padding: 4px 5px;
    width: 90%;
}   

.info-content-innner {
    padding: 15px;
}
.bank-input-wrap {
    grid-template-columns: auto;
    background: #f4f5f7;
    padding: 15px;
}   
.af-content {
    padding: 15px 10px;
}
button.depo-type-btn {
    width: 30%;
    margin: 0 1% 0 0;
}   
button.reg-submit-btn {
    background: linear-gradient(to bottom,rgba(250,202,57,1) 0,rgba(237,68,1,1) 100%);  
    background-size: 100% 100%;
    max-width: 100%;
}
.pvd-wbox {
    font-size: 12px;
}   
button.allin-btn {
    min-width: 65px;
    font-size: 12px;
}   
.rmtext {
    font-size: 14px;
}
.pvdtop {
    padding: 6px 6px;
}   
.pvdbtm {
    font-size: 11px;
    padding: 8px 6px;
}
.filter-wallet {
    width: 48%;
}
.filter-wallet .afinput select {
    font-size: 13px;
}   
.weekly-turn {
    width: 48%;
    font-size: 12px;
    padding: 2px 5px;
}
.bank-bk {
    display: block;
    text-align: center;
}
.bank-n {
    display: block;
    margin: 2px auto 0;
    font-size: 12px;
}
.floating-img {
    max-width: 125px;
}   
}

@media(max-width: 900px){
    .mob-top {
        background: #160e2e;
        display: flex;
        justify-content: center;
        font-size: 24px;
        height: 58px;
        align-items: center;
        border-bottom: 1px solid #01ff67;
    }
    .mob-ind { position: absolute; left: 10px; }
    .header-top {
        height: 58px;
        padding: 5px;
    }
}

.turnover-wrap {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: auto;
}
.qmrow-1 {
    padding: 0 10px;
}
.qmright {
    display: flex;
    align-items: center;
}
.auto-trans {
    color: #000;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
}


.pmsm_title {
  color:#a50f14;
  font-weight:700;
  margin-bottom:8px
}

.pmtable-wrapper {
  padding:10px 0
}
table.promo-table {
  text-align:center;
  width:100%;
  max-width:400px
}
table.promo-table tr th {
  background:#2d2d2d;
  border:1px solid #2d2d2d;
  color:#fff;
  padding:5px
}
table.promo-table tr td {
  border:1px solid #2d2d2d;
  color:#1f1f1f;
  padding:5px
}


.custom-font { /* event */
    margin: 0px;
    font-family: "Montserrat", serif;
}