@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,800;1,400;1,600;1,800&family=Oswald:wght@400;600&display=swap');
:root {
  --content-width-desktop: calc(100% - 220px);
  --side-width-desktop: 100%;
  --side-maxwidth-desktop: 220px;
}

@media only screen and (min-width: 921px) {
    .mobile-view {
        display: none!important;
    }
    .desktop-view {
        display: unset;
    }
}
@media only screen and (max-width: 920px) {
    .mobile-view {
        display: unset;
    }
    .desktop-view {
        display: none!important;
    }
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    font-size: .9em;
    background-color: #1a1f22;
    overflow-x: hidden;
}

#notification {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: #4a8b14;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    z-index: 99999999;
}

h5 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 10px 0px;
    margin-top: 30px;
    color: #717a7f;
}

input {
    padding: 10px 7px;
    border-radius: 4px;
    border: none;
    background-color: #e1e6e7;
}

input:focus-visible {
    border: none;
    outline: 0;
    background-color: #ffffff;
    box-shadow: 0 0 8px #ffffff;
}

select {
    padding: 10px 7px;
    border-radius: 4px;
    border: none;
    background-color: #e1e6e7;
}

select:focus-visible {
    border: none;
    outline: 0;
    background-color: #ffffff;
    box-shadow: 0 0 8px #ffffff;
}

div#page {
    display: flex;
}

div {
    box-sizing: border-box;
}

.logoff {
    max-width: 1506px;
    text-align: right;
    margin: auto;
    padding: 0 15px;
}

.logged-in .logoff {
    display: none;
}

.login-btn {
    display: inline-block;
    background: rgb(100,149,0);
    background: linear-gradient(0deg, rgb(88 131 0) 0%, rgb(161 209 25) 100%);
    box-shadow: inset 0 0 8px 2px #deff73, 0 0 4px #DEFF73;
    text-shadow: 0 0 4px #fff;
    padding: 8px 25px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0 2px;
}

.register-btn {
    display: inline-block;
    background: rgb(149 96 0);
    background: linear-gradient(0deg, rgb(255 96 0) 0%, rgb(243 180 0) 100%);
    box-shadow: inset 0 0 8px 2px #ffe000, 0 0 4px #ffe000;
    text-shadow: 0 0 4px #fff;
    padding: 8px 25px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0 2px;
}

.site-main {
    padding: 0px 15px;
    max-width: 1360px;
    margin: auto;
}
.green-btn {
    background-color: #498913;
    border-radius: 5px;
    border: solid 1px #9be44c;
    box-shadow: 0 0 7px #a2ff3e, inset 0 0 7px #a2ff3e;
    white-space: nowrap;
    color: #fff;
    text-decoration: unset;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 2px 12px;
    transition: all .2s ease;
    cursor: pointer;
}

.green-btn:hover {
    background-color: #4da900;
    border: solid 1px #b3ff61;
    box-shadow: 0 0 12px #a2ff3e, inset 0 0 12px #a2ff3e;
    scale: 1.05;

}

.orange-btn {
    text-align: center;
    background-color: #938100;
    border-radius: 5px;
    border: solid 1px #f8f56b;
    box-shadow: 0 0 7px #fbff00, inset 0 0 7px #fbff00;
    color: #fff;
    text-decoration: unset;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 2px 12px;
    transition: all .2s ease;
    z-index: 9;
}

.orange-btn:hover {
    background-color: #b19b00;
    border: solid 1px #f8f56b;
    box-shadow: 0 0 12px #fbff00, inset 0 0 12px #fbff00;
    scale: 1.05;
}

.bottom-light {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 3%, rgba(190,218,0,1) 4%, rgba(105,118,19,1) 11%, rgba(69,77,49,1) 30%, rgba(45,51,47,1) 55%, rgb(49 55 59) 94%);
}

.game {
    display: inline-block;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: all .2s ease;
    cursor: pointer;
    background: rgb(37,42,44);
    background: linear-gradient(180deg, rgba(37,42,44,1) 86%, rgba(48,54,56,1) 100%);
    box-shadow: 0 0 18px #00000054;
    width: 18%;
    margin: 1%;
}

.game:hover {
    box-shadow: inset 0 0 24px #ffffff;
    box-shadow: 0 0 15px #ffffff8c;
    scale: 1.1;
}

.game .gameImg img {
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
}

.game .gameOverlay {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgb(16,17,18);
    border: solid 2px #b3b3b3;
    background: linear-gradient(180deg, rgb(16 17 18 / 85%) 45%, rgb(151 155 158) 100%);
    box-shadow: inset 0 0 24px #ffffff;
    transition: all .2s ease;
}

.game:hover .gameOverlay {
    opacity: 1;
}

.game .gameOverlay .star-container {
    position: absolute;
    top: -4px;
    left: 8px;
}

.game .star {
    color: #fff;
    padding: 5px;
    font-size: 2em;
    text-shadow: 0 0 6px #fff;
    position: relative;
    z-index: 9;
    transition: all .3s ease;
    transition-delay: .2s;
    scale: 0;
}

.game:hover .star {
    scale: 1;
}

.game .star:hover {
    opacity: 1;
    scale: 1.2;
}

.game .gamePlayNow img {
    width: 80%;
    opacity: 0;
    scale: .1;
    transition: all .2s ease;
}

.game:hover .gamePlayNow img {
    scale: 1.2;
    opacity: 1;
}

.game .gameName {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height: 1em;
    text-align: center;
    padding: 15px 28px;
    padding-top: 5px;
    z-index: 9;
    transition: all .2s ease;
    color: #c7d1d1;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game .gameImg:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 50px;
    background: rgb(37,42,44);
    background: rgb(37,42,44);
    background: linear-gradient(180deg, rgba(37,42,44,0) 0%, rgba(37,42,44,1) 90%);
    bottom: 36px;
    transition: all 0s ease;
}

.game .gamePlayNow {
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 14px;
    height: 100%;
}

.game:hover .gameName {
    color: #fff;
    background: transparent;
    text-shadow: 0 2px 6px #000;
}

.game:hover .gameName:after {
    background: transparent;
}

.site-content {
    width: 100%;
    padding-bottom: 60px;
    min-width: 0;
    background-image: url(/wp-content/uploads/2023/10/banner-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

.content-sticky .sticky-header-container {
    padding-bottom: 38px;
}

.sticky-header-container {
    position: sticky;
    top: 0;
    z-index: 99999;
    padding: 0px;
    transition: all .2s ease;
}

#myHeader {
    text-align: center;
    position: sticky;
    top: 0;
    width: 100%;
    min-width: 0;
    z-index: 9;
    padding: 34px 0px;
    transition: all .2s ease;
}

#myHeader.sticky {
    background: #000000;
    padding: 15px 0px;
    box-shadow: 0 5px 5px #000;
    z-index: 9999999;
    transition: all .3s ease;
}

.site-header {
    width: 100%;
    min-width: 0;
    background-color: #24292c;
    z-index: 99;
    z-index: 99999;
    max-width: var(--side-maxwidth-desktop);
}

.main-sidebanner {
    position: sticky;
    width: 100%;
    top: 0;
}

a.topgames {
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 6px;
    margin-top: 14px;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    background-color: #498913;
    border-radius: 5px;
    border: solid 1px #ffffff;
    background: rgb(34,193,195);
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(219 219 219) 100%);
    text-shadow: 0 0 10px #ffffff;
    box-shadow: 0 0 7px #ffffff, inset 0 0 7px #ffffff;
    font-weight: 600;
    color: #353535;
    text-decoration: unset;
    transition: all .2s ease;
}

a.topgames:hover {
    scale: 1.05;
}

header .site-branding {
    background-color: #1a1f22;
    padding: 5px;
}

header .site-logo {
    text-align: center;
}

header .site-logo img {
    max-width: 134px;
    height: unset;
}

.primary-navigation {
    background-color: #24292c;
    height: 100%;
}

button.sub-menu-toggle {
    display: none;
}

.primary-menu-container ul {
    list-style: none;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
}

.primary-menu-container ul > li {
    margin: 6px 0;
    position: relative;
    transition: all .2s ease;
}

.primary-menu-container > ul > li:hover{
    box-shadow: inset 0 0 15px #202427;
    background-color: #3f464b;
}

.primary-menu-container > ul > li.current_page_item {
    transition: all 0.3s;
    background: rgb(255,234,0);
    background: linear-gradient(90deg, rgb(255 233 0 / 41%) 0%, rgb(255 234 4 / 22%) 14%, rgba(255,234,0,0) 56%);
}

.primary-menu-container > ul > li.current_page_item > a {
    text-shadow: 0px 0px 10px #ffea00;
}

.primary-menu-container > ul > li.current_page_item:before {
    content: "";
    height: 1px;
    width: 100%;
    box-shadow: 0 0 8px 2px #b3bf00;
    position: absolute;
    background-color: #c5bc76;
    top: 0;
}

.primary-menu-container > ul > li.current_page_item:after {
    content: "";
    height: 1px;
    width: 100%;
    box-shadow: 0 0 8px 2px #b3bf00;
    position: absolute;
    background-color: #c5bc76;
    bottom: 0;
}

.primary-menu-container ul > li.current_page_item a:after {
    background-color: unset;
}

.primary-menu-container > ul > li.current_page_parent {
    transition: all 0.3s;
    background: rgb(255,234,0);
    background: linear-gradient(90deg, rgb(255 233 0 / 41%) 0%, rgb(255 234 4 / 22%) 14%, rgba(255,234,0,0) 56%);
}

.primary-menu-container > ul > li.current_page_parent > a {
    text-shadow: 0px 0px 10px #ffea00;
}

.primary-menu-container ul > li.current_page_parent a:after {
    background-color: unset;
}

.primary-menu-container > ul > li.current_page_parent:before {
    content: "";
    height: 1px;
    width: 100%;
    box-shadow: 0 0 8px 2px #b3bf00;
    position: absolute;
    background-color: #c5bc76;
    top: 0;
}

.primary-menu-container > ul > li.current_page_parent:after {
    content: "";
    height: 1px;
    width: 100%;
    box-shadow: 0 0 8px 2px #b3bf00;
    position: absolute;
    background-color: #c5bc76;
    bottom: 0;
}

.primary-menu-container ul > li > a {
    color: #fff;
    text-decoration: none;
    padding: 14px 0px;
    padding-left: 58px;
    font-size: .85em;
    display: block;
    text-transform: uppercase;
}

.primary-menu-container .sub-menu {
    position: absolute;
    padding: 10px 0;
    background-color: #31383d;
    box-shadow: 0 0 10px #111416;
    top: 0;
    right: -148px;
    border-radius: 5px;
    z-index: 9;
    display: none;
}

.primary-menu-container li:hover .sub-menu{
    display: block;
}

.primary-menu-container .sub-menu a {
    padding: 10px 22px;
    font-size: .9em;
    color: #dde4e7;
}

.primary-menu-container .sub-menu {
    position: absolute;
    padding: 10px 0;
    background-color: #31383d;
    box-shadow: 0 0 10px #111416;
    top: 0;
    right: -148px;
    border-radius: 5px;
    z-index: 9;
}

.primary-menu-container > ul > li > a:after {
    content: "";
    background-size: 20px;
    background-position: center 6px;
    background-repeat: no-repeat;
    position: absolute;
    background-color: #323740;
    height: 30px;
    width: 30px;
    border-radius: 20px;
    top: 8px;
    left: 14px;
}

#extendbtn:after {
    content: "❯";
    font-size: 1em;
}

#extendbtn.active:after {
    content: "❮";
    font-size: 1em;
}

.nav-profile a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-profile.png);
}

.nav-home a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-home.png);
}

.nav-slots a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-slots.png);
}

.nav-live a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-live.png);
}

.nav-sport a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-sport.png);
}

.nav-fish a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-fish.png);
}

.nav-bingo a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-bingo.png);
}

.nav-promo a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-promo.png);
}

.nav-vip a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-vip.png);
}

.nav-android a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-android.png);
}

.nav-deposit a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-deposit.png);
}

.nav-withdraw a:after {
    background-image: url(/wp-content/uploads/2023/10/icon-withdraw.png);
}

.nav-logout a:after {
    background-image: url(/wp-content/uploads/2023/11/logout.png);
}

.main-banner-container {
    max-width: 1360px;
    width: 100%;
    overflow: hidden;
    margin: auto;
}

.main-banner-container .slick-list {
    box-shadow: 0 10px 22px #000
}

.main-banner-container .slick-slide:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 25px #fff33866;
    top: 0px;
    bottom: 0px;
    border-radius: 15px;
}

.main-banner-container .slick-slide img {
    display: block;
    width: 100%;
    max-width: 1360px;
    border-radius: 15px;
}

.user-info {
    display: none;
}

.logged-in .user-info {
    display: inline-flex;
}

.bal-container {
    background-color: #1c1e19;
    padding: 4px 5px;
    margin: 0px 8px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    position: relative;
}
.bal-container:hover .bal-subcontainer {
    display: block;
}
.bal-subcontainer {
    display: none;
    position: absolute;
    top: 33px;
    max-width: 178px;
    width: 200%;
    border: solid 1px #3d3d3d;
    box-shadow: 0 0 10px #000;
    border-radius: 6px;
    padding: 5px;
    right: 0;
    background-color: #1c1e19;
}

.main-balance {
    text-align: center;
    color: #adadad;
    font-size: .9em;
    padding: 4px 8px;
    font-family: 'Montserrat', sans-serif;
}

.main-balance > div {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.sub-bal {
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    padding-left: 5px;
    text-align: right;
    width: 100%;
    font-family: 'Oswald', sans-serif;
}

.return-wallet {
    text-align: center;
    margin-top: 10px;
    font-size: .8em;
}

.profile-header {
    background-color: #1c1e19;
    padding: 4px 5px;
    padding-left: 26px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0px 8px;
    border-radius: 5px;
}

.bal-container img {
    width: 18px;
    opacity: .5;
}

.user-info .bal {
    color: #fff;
    font-weight: bold;
    padding: 0px 15px;
    font-family: 'Oswald', sans-serif;
}

.plus-btn {
    font-size: 1.8em;
    line-height: 1em;
    font-weight: 600;
    padding: 0 8px;
    letter-spacing: unset;
    font-family: 'Montserrat', sans-serif;
}

.profile-header .vipicon {
    max-width: 37px;
    position: absolute;
    left: -5px;
}

.profile-header .user-name {
    color: #fff;
    padding: 0px 15px;
    text-decoration: unset;
    font-family: 'Oswald', sans-serif;
}

.slick-dots li {
    margin: 0 2px;
}

.slick-dots li button:before {
    content: '';
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    background-color: #000000;
    border-radius: 10px;
    border: solid 1px #616161;
    box-shadow: 0 0 7px #838383, inset 0 0 7px #838383;
    opacity: 0.6;
}

.slick-dots li.slick-active button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    background-color: #213f00;
    border-radius: 10px;
    border: solid 1px #67b117;
    box-shadow: 0 0 7px #9be44c, inset 0 0 7px #9be44c;
    opacity: 1;
}

.slick-dots {
    width: 100%;
    scale: .8;
    list-style: none;
    text-align: center;
}

.announcement-container {
    margin-top: 4px;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
    position: relative;
}

.news-section {
    display: flex;
    justify-content: center;
    margin: auto;
    padding-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
}

.news-section::before {
    content: "";
    position: relative;
    background-image: url(/wp-content/uploads/2023/10/announcement-icon.png);
    height: 25px;
    width: 23px;
    z-index: 9999;
    margin-left: 0px;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
}

.news-section marquee {
    color: #bbbbbb;
    font-size: 13px;
}

.news-section span {
    color: #c5c5c5;
    padding: 0px 100px;
}

.news-section a {
    color: #8dd343;
    white-space: nowrap;
    text-decoration: none;
    font-size: 13px;
    padding-left: 15px;
}

#newspop {
    pointer-events: auto;
    position: fixed;
    color: #fff;
    z-index: 9999999;
    flex-flow: column;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#newspop a {
    color: #000;
    background-color: #fff;
    padding: 10px 25px;
    margin-top: 15px;
}

#newspop div {
    max-width: 650px;
    background-color: #000;
    padding: 2%;
}

#newspop div span {
    display: block;
    padding: 15px 0;
}

.contentarea-withsidebanner {
    display: flex;
    margin-top: 35px;
}

.contentarea-withsidebanner .leftsidecontent {
    width: 100%;
    min-width: 0;
}

.featureselection .slick-list {
    padding: 20px;
    margin: -20px;
}

.featureselection .slection {
    min-width: 0;
    width: 100%;
    padding: 0px 3px;
    text-align: center;
    position: relative;
}

.featureselection .slection a {
    display: block;
    max-width: 200px;
    margin: auto;
    position: relative;
}

.featureselection .slection a.selection-btn {
    background-color: #498913;
    border-radius: 5px;
    border: solid 1px #9be44c;
    box-shadow: 0 0 7px #a2ff3e, inset 0 0 7px #a2ff3e;
    color: #fff;
    text-decoration: unset;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 2px 12px;
    display: inline-block;
}

.featureselection .slection .selection-bg {
    width: 100%;
    box-shadow: 0 6px 20px #0000008a;
    transition: all .2s ease;
}

.featureselection .slection:hover .selection-bg {
    scale: .95;

}

.featureselection .slection .selection-img {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    scale: 1.25;
    transition: all .2s ease;
}

.featureselection .slection:hover .selection-img {
    transform: translate(0px, 12px);
}

.selection-title {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    position: absolute;
    bottom: 35px;
    width: 100%;
    z-index: 9;
    font-size: 1.6em;
    text-shadow: 0 0 22px #000;
    transition: all .2s ease;
    white-space: nowrap;
}

.featureselection .slection:hover .selection-title {
    bottom: 54px;
    opacity: 1;
}

.featureselection .slection .selection-btn {
    position: absolute;
    bottom: 42px;
    width: 100%;
    opacity: 0;
    transition: all .2s ease;
}

.featureselection .slection .selection-btn a {
    display: inline-block;
    scale: 1.15;
}

.featureselection .slection .selection-btn a:hover {
    scale: 1.2;
}

.featureselection .slection:hover .selection-btn {
    bottom: 2px;
    opacity: 1;
}

/*Account pages*/
.account-main {
    display: flex;
}

.account-leftside {
    background-color: #24292c;
    box-shadow: 0 -15px 20px #00000045;
    color: #fff;
    width: 100%;
    max-width: 280px;
    margin: 10px;
    box-sizing: border-box;
    border-radius: 15px;
    align-self: baseline;
}

.account-leftside .vipicon-container {
    text-align: center;
}

.vipmain-icon {
    width: 100%;
    max-width: 190px;
    margin-top: -8px;
    position: relative;
    z-index: 9999;
}

.account-leftside .user-overview {
    margin-top: -10px;
}

.account-leftside .user-overview .row.viplevel {
    border-top: solid 1px #34393c;
    box-shadow: inset 0 0 12px #3f4647;
}

.account-leftside .user-overview .row {
    display: flex;
    padding: 6px 15px;
    font-size: .95em;
    border-bottom: solid 1px #34393c;
}

.account-leftside .user-overview .row.label {
    background-color: #1b2021;
    width: 100%;
}

.account-leftside .user-overview .label {
    color: #919191;
    font-size: .9em;
    width: 85%;
}

.account-leftside .user-overview .row.label h3 {
    margin: 2px 0px;
    font-size: 1em;
    font-weight: 500;
    color: #757575;
    padding: 5px 0px;
}

.account-leftside .account-selection {
    display: flex;
    flex-flow: column;
    padding: 15px 0px;
    overflow: hidden;
}

.account-leftside .account-selection .selection-item {
    position: relative;
    margin: 2px 0;
    padding: 10px 25px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: .85em;
    text-transform: uppercase;
    transition: all .2s ease;
}

.account-leftside .account-selection .selection-item:hover {
    box-shadow: inset 0 0 15px #202427;
    background-color: #3f464b;
}

.account-leftside .account-selection .selection-item img {
    max-width: 21px;
}

.account-main-content {
    width: 100%;
    min-width: 0;
    margin: 10px;
    background-color: #24292c;
    box-shadow: 0 -15px 20px #00000045;
    border-radius: 15px;
    overflow: hidden;
    color: #fff;
    padding-bottom: 20px;
}

.account-forms {
    position: relative;
    width: 100%;
}

.account-main-content .tab-selection {
    background-color: #2a3133;
    background: rgb(29,35,36);
    background: linear-gradient(0deg, rgba(29,35,36,1) 0%, rgba(42,49,51,1) 100%);
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    justify-content: center;
}

.account-main-content .tab-selection .selection-item {
    position: relative;
    text-align: center;
    min-width: 186px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 15px;
}

.account-main-content .tab-selection .selection-item:hover {
    color: #fff;
    background-color: #00000029;
}

.account-main-content .tab-selection .selection-item:hover a {
    color: #e3e3e3;
    text-shadow: 0 0 7px #ffffff2b;
}

.account-main-content .tab-selection .selection-item:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #4e5b5f73;
    top: 0;
    right: 0;
}

.account-main-content .tab-selection .selection-item:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #4e5b5f5c;
    top: 0;
    left: 0;
}

.account-main-content .tab-selection .selection-item a {
    color: #8d9497;
    text-decoration: none;
    font-size: .9em;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
}

.account-main-content .tab-selection .selection-item.active {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 3%, rgba(190,218,0,1) 4%, rgba(105,118,19,1) 11%, rgba(69,77,49,1) 30%, rgba(45,51,47,1) 55%, rgb(49 55 59) 94%);
    box-shadow: inset 0 0 14px #ccff001a;
}

.account-main-content .tab-selection .selection-item.active a {
    color: #fff;
    text-shadow: 0 0 7px #deff7a73;
}

.account-main-content .selection-content {
    padding: 30px 15px;
    max-width: 1010px;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
}

.account-main-content .recent-games .game {
    background-color: #2f3639;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(190,218,0,1) 1%,rgba(69,77,49,1) 1%, rgb(17 20 20) 4%, rgb(48 55 56) 38%);
    width: 48%;
    border-radius: 0px;
    margin: 4px 1%;
    display: flex;
}

.account-main-content .recent-games .game:hover {
    box-shadow: 0 0 15px #131516;
    scale: 1;
}

.account-main-content .recent-games .game .gameImg {
    width: 28%;
    display: flex;
    align-items: center;
    background-color: #000;
}

.account-main-content .recent-games .game .gameImg:after {
    display: none;
}

.account-main-content .recent-games .game .gameImg img {
    display: block;
    width: 100%;
}

.account-main-content .recent-games .gameinfo {
    width: 75%;
    padding: 10px;
}

.account-main-content .recent-games .gameName {
    font-family: 'Oswald', sans-serif;
    font-size: 1.4em;
    text-align: left;
    padding: 0px;
    padding-bottom: 5px;
    background: unset;
}

.account-main-content .recent-games .gameName:after {
    content: unset;
}

.account-main-content .recent-games .label {
    color: #919191;
    font-size: .85em;
    padding-right: 8px;
    line-height: 1em;
}

.account-main-content .recent-games .gameinfo .provider {
    font-size: .85em;
    line-height: 1em;
}

.account-main-content .recent-games .playnowcontainer {
    display: flex;
    align-items: center;
    padding: 15px;
}

.account-main-content .recent-games .playnowcontainer .gamePlayNow {
    padding: 5px 15px;
    height: unset;
}

.account-main-content .recent-games .recent-time {
    color: #b9b9b9;
    padding: 0px 4px;
}
.account-main-content .library-games .gameImg {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    background-color: #000;
}

.account-main-content .library-games {
    padding: 30px 15px;
}

.library-games .game {
    display: flex;
    flex-flow: column;
}

.library-games .game .gameImg:after {
    bottom: 0px;
}

.searchfields-container {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: end;
    margin-top: 40px;
    width: 100%;
    max-width: 640px;
    margin: auto;
}

.searchfields-container .col {
    padding: 5px;
    width: 100%;
}

.searchfields-container label {
    display: block;
    text-align: center;
    padding-bottom: 5px;
}

.searchfields-container .col input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.searchfields-container .col select {
    width: 100%;
}

.searchfields-container button {
    padding: 7px;
    width: 100%;
    max-width: 110px;
}

.sctable-container th {
    background-color: #0d1010;
    color: #ababab;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .85em;
    padding: 12px 5px;
}

.sctable-container td:nth-child(odd) {
    background-color: #2c3233;
}

.sctable-container td {
    padding: 5px 5px;
    font-size: .9em;
    border-bottom: solid 1px #2f3739;
    background-color: #282e2f;
}

.sctable-container td.pending {
    color: #ffbc00;
    position: relative;
}

.sctable-container {
    width: 100%;
}

.sctable-container td.pending .orange-btn {
    margin: 8px;
    cursor: pointer;
}

.sctable-container table {
    width: 100%;
    margin-top: 28px;
    border-collapse: collapse;
    text-align: center;
}

.reportResult2 > td {
    padding: 14px;
    background-color: #1a1e1e!important;
}

.sctable-container table table {
    margin-top: 0px;
    padding: 0px;
}
.sctable-container table table th {
    background-color: #c7c7c7;
    padding: 6px 5px;
    color: #6b6b6b;
    font-weight: 900;
}

.sctable-container table table td {
    border-bottom: solid 1px #d3d3d3;
    color: #636363;
    font-weight: 600;
    background-color: #f7f7f7;
}

.sctable-container table table td:nth-child(odd) {
    background-color: #ffffff;
}

.alert.alert-info {
    color: #ffbf00;
    font-size: .9em;
    text-align: center;
}

.alert.alert-info.notif-info {
    box-shadow: inset 0 0 12px #8d8d8db8;
    background-color: #2a3436;
    border-radius: 5px;
    color: #b3b3b3;
    font-size: .9em;
    padding: 15px;
    margin: auto;
    width: 100%;
    max-width: 900px;
    text-align: center;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.alert.alert-info.notif-info div {
    padding: 6px;
}

.referral-container {
    padding: 20px 15px;
    display: flex;
    background-color: #2e3235;
    justify-content: center;
}

.referralinfocontainer {
    width: 100%;
    max-width: 600px;
}

.referralinfocontainer form {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    padding: 0px 15px;
}

.referral-container .qrcode canvas {
    width: 100%;
}

.referral-container .qrcode img {
    width: 100%;
}

.referralinfocontainer form > div {
    width: 100%;
    display: flex;
    padding: 5px 0;
    align-items: center;
}

.referral-container .qrcode {
    max-width: 166px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 5px;
}

.referralinfocontainer form > div .input-container {
    width: 100%;
    display: flex;
}

.referralinfocontainer form > div .input-container input {
    width: 100%;
}

.referralinfocontainer form > div label {
    width: 100%;
    max-width: 174px;
    color: #bbbbbb;
    font-size: .9em;
}

.referralinfocontainer form {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
}

.share-content a {
    margin-right: 10px;
    transition: all .2s ease;
}

.share-content a:hover {
    scale: 1.04;
}

.copy-container button {
    padding: 7px 10px;
    margin-left: 5px;
    white-space: nowrap;
}

.referral-table-container {
    display: flex;
}

.referral-table-container > div {
    width: 100%;
    padding: 15px;
}

form.reg-form-layout {
    max-width: 600px;
    margin: auto;
    width: 100%;
}

form.reg-form-layout > div {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

form.reg-form-layout > div label {
    white-space: nowrap;
    color: #bbbbbb;
    font-size: .9em;
    width: 100%;
    max-width: 165px;
}

form.reg-form-layout > div .input-container {
    display: flex;
    width: 100%;
}

form.reg-form-layout > div .input-container input {
    width: 100%;
}

.reg-form-layout .submit-container #btn-submit {
    padding: 5px;
    width: 100%;
    max-width: 150px;
    margin: auto;
}

.deposit-withdraw {
    max-width: 860px;
    padding-bottom: 0px;
    margin: auto;
    border-radius: 8px;
    overflow: hidden;
    margin-top: -34px;
    z-index: 9;
    box-shadow: 0 -15px 15px #000;
}

.accountflex-container {
    display: flex;
}

.transaction-container h3 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding: 15px;
    font-weight: 400;
    font-size: 1.05em;
    letter-spacing: .1em;
    text-shadow: 0 0 3px #fff;
    box-shadow: 0 0 6px #bbff37;
    letter-spacing: .15em;
}

.transaction-container h3 {
    margin: 0;
    text-transform: uppercase;
    padding: 15px;
    font-weight: 400;
    font-size: 1.05em;
    letter-spacing: .1em;
    text-shadow: 0 0 3px #fff;
    box-shadow: 0 0 6px #bbff37;
}

.deposit-withdraw .depositnav-nav {
    padding: 20px 10px;
    max-width: 480px;
    width: 100%;
    margin: unset;
}

.deposit-withdraw .depositnav-nav a {
    white-space: nowrap;
    background-color: #0f1110;
    margin: 8px 0px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    text-decoration: unset;
    overflow: hidden;
    transition: all .1s ease;
}

.deposit-withdraw .depositnav-nav a img {
    max-width: 45px;
    scale: .5;
}

.deposit-withdraw .depositnav-nav a div {
    width: 100%;
    height: 100%;
    color: #fff;
    display: block;
    padding: 15px 15px;
    font-size: .95em;
    background-color: #2e3638;
    transition: all .1s ease;
}

.deposit-withdraw .depositnav-nav a.active {
    scale: 1.03;
}

.deposit-withdraw .depositnav-nav a.active div {
    background-color: #467b0c;
}

.deposit-withdraw .depositnav-nav a.active:hover div {
    background-color: #509306;
}

.pending-notif-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    background-color: #363b3e;
    border-top: solid 1px #4f4f4f;
    border-bottom: solid 1px #4f4f4f;
}

.pending-notif-container .pending-msg {
    line-height: 1em;
    font-size: .85em;
    color: #e8ad04;
    padding: 0px 10px;
}

.pending-notif-container a {
    line-height: 1em;
    font-size: .85em;
    color: #c7c7c7;
    text-decoration: unset;
}

.pending-notif-container a:hover {
    color: #fff;
}

.deposit-withdraw .depositnav-nav a:hover {
    scale: 1.03;
    background-color: #1d1f21;
}

.deposit-withdraw .depositnav-nav a:hover div {
    background-color: #3e4749;
}

.deposit-withdraw form {
    padding: 25px;
    position: relative;
    background-color: #24292c;
}

.deposit-withdraw .alert.alert-info {
    max-width: 500px;
    text-align: left;
}

.deposit-withdraw .row {
    display: flex;
    flex-flow: column;
    max-width: 370px;
    text-align: center;
    margin: auto;
    padding-top: 16px;
}

.deposit-withdraw .row .hLabel {
    text-transform: uppercase;
    font-size: .9em;
    letter-spacing: .1em;
    padding: 5px;
}

.deposit-withdraw .row .input-container {
    display: flex;
}

.deposit-withdraw .row input {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.deposit-withdraw .row select {
    width: 100%;
    text-align: center;
}

.bonusList {
    width: 100%;
}

.bonusList div {
    display: flex;
    padding: 1px 0px;
}

.bonusList label {
    display: block;
    text-align: left;
    width: 100%;
    background: #2e3638;
    border-radius: 5px;
    padding: 10px 5px;
    font-size: .9em;
    cursor: pointer;
    transition: all .1s ease;
}

.alert.alert-info.bonusTnC {
    color: #c7c7c7;
    padding: 13px;
    font-size: 1em;
    line-height: 1.5em;
}

.bonusTnCTitle {
    display: none!important;
}

.bonusList label:hover {
    background: #3e4749;
    scale: 1.02;
}

.bonusList input {
    display: inline-block;
    width: unset!important;
    margin-top: 0px;
    margin-right: 10px;
}

.deposit-withdraw button {
    width: 100%;
    padding: 6px 12px;
    margin-top: 10px;
}

.deposit-withdraw .transaction-method {
    background-color: #050706;
    display: flex;
    align-items: center;
    position: relative;
}

.deposit-withdraw .transaction-method img {
    max-width: 40px;
    padding: 15px 10px;
}

.transaction-back {
    display: none;
    margin-left: auto;
    margin-right: 15px;
    padding: 6px 12px;
    line-height: 1em;
    font-size: .85em;
    font-family: 'Montserrat', sans-serif;
    text-transform: unset;
    letter-spacing: unset;
}

.tabs-container {
    position: relative;
    width: unset;
    min-height: 350px;
    background-color: #050706;
    display: flex;
}

.amount-selector {
    max-width: 370px;
    margin: auto;
    text-align: center;
    margin-top: 25px;
}

.amount-selector .select-amount {
    padding: 12px 18px;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    margin: 4px 2px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1em;
    border: solid 1px #6f7a81;
    background-color: #43484d;
    box-shadow: inset 0 0 4px #686f73;
    color: #dde5e9;
}

.amount-selector .select-amount:hover {
    border: solid 1px #8f9aa1;
    background-color: #5d646b;
    box-shadow: inset 0 0 4px #686f73;
    scale: 1.05;
}

.amount-selector .select-amount.active {
    border: solid 1px #9be44c;
    box-shadow: 0 0 7px #a2ff3e, inset 0 0 7px #a2ff3e;
    color: #000;
    background-color: #fff;
}

.deposit-withdraw .row .input-container.fullname {
    flex-flow: column;
    gap: 8px;
}

.deposit-withdraw .row .input-container.fullname .lastmidname {
    display: flex;
    gap: 8px;
}

.deposit-withdraw .row .input-container .balance {
    display: block;
    width: 100%;
    background-color: #1b1e21;
    box-shadow: inset 0 0 18px #121616;
    padding: 6px 15px;
    border-radius: 7px;
    color: #aab1b5;
    font-size: 1.2em;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .1em;
}

.realtime {
    display: block;
    background-color: #000;
    color: #c7c7c7;
    margin: auto;
    text-align: center;
    padding: 8px 25px;
    font-size: .85em;
    margin-top: -25px;
}

.realtime div {
    padding: 5px 0px;
}

.realtime div span {
    color: #9db102;
}

.methodselectior-container {
    position: relative;
    background: rgb(0,3,2);
    background: linear-gradient(0deg, rgba(0,3,2,1) 0%, rgba(27,30,29,1) 100%);
    padding: 10px 18px;
}

.methodselectior-containerspace {
    background-color: #24292c;
    position: relative;
}

.methodselectior-container a {
    display: inline-flex;
    background: rgb(33 39 37);
    box-shadow: 0 0 6px #101010;
    text-decoration: unset;
    border-radius: 5px;
    overflow: hidden;
    transition: all .2s ease;
    margin: 2px 4px;
}

.methodselectior-container a:hover {
    scale: 1.05;
}

.methodselectior-container a img {
    max-width: 38px;
    scale: .7;
}

.methodselectior-container a div {
    background: rgb(52 57 60);
    background: linear-gradient(0deg, rgb(52 57 60) 0%, rgb(72 84 84) 40%);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    transition: all .2s ease;
    font-size: .95em;
}

.methodselectior-container a:hover div {
    background: rgb(52 57 60);
    background: linear-gradient(0deg, rgb(72 79 83) 0%, rgb(92 109 109) 40%);
}

.methodselectior-container a.active div {
    background: rgb(111 178 2);
    background: linear-gradient(0deg, rgb(104 167 2) 0%, rgb(70 123 12) 40%);
}

.withdraw-main-container {
    position: relative;
    min-height: 380px;
    width: 100%;
}

.withdrawpin-container {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 418px;
    background-color: #24292c;
    padding-bottom: 44px;
}

.withdrawpin-tabs {
    position: absolute;
    z-index: 9;
    bottom: 28px;
    right: 28px;
}

.withdrawpin-tabs a {
    color: #fff;
    text-decoration: unset;
    font-weight: 600;
    font-size: .83em;
    display: block;
}

.withdrawpin-tabs a.active {
    display: none;
}

.withdrawpin-container .verifycontent {
    padding: 24px 10px;
    max-width: 480px;
    text-align: center;
}

.withdrawpin-container input.pinfield {
    background-color: #212629;
    border: solid 1px #fff;
    font-size: 2.5em;
    padding: 10px 22px;
    margin: 15px 0px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    letter-spacing: .1em;
    width: 100%;
    max-width: 250px;
    box-sizing: border-box;
    box-shadow: inset 0 0 12px #9f9f9f;
}

.withdrawpin-container .verifycontent .verify-btn {
    display: block;
    max-width: 120px;
    margin: auto;
}

.withdrawpin-container .verifycontent .verify-title {
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: .1em;
}

.withdrawpin-container .verifycontent .phonenumber-title {
    text-transform: uppercase;
    font-size: .9em;
}

.withdrawpin-container .verifycontent .phonenumber-container {
    display: flex;
    max-width: 250px;
    padding: 1px;
    margin: auto;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 6px;
    margin-bottom: 24px;
}

.withdrawpin-container .verifycontent .phonenumber-container input {
    width: 100%;
    padding: 8px 7px;
    text-align: center;
}

.withdrawpin-container .verifycontent .phonenumber-container .sendotp {
    padding: 6px;
    max-width: 66px;
    margin: 0;
    background-color: #4c4c4c;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .1em;
    border-radius: 5px;
    border: none;
    box-shadow: inset 0 0 7px #e7e7e7;
    cursor: pointer;
}

.withdrawpin-container .verifycontent .phonenumber-container .sendotp:hover {
    background-color: #616161;
}

#transaction form {
    width: 100%;
    text-align: center;
}

#share-report form {
    width: 100%;
    text-align: center;
}

#gamereport form {
    width: 100%;
    text-align: center;
}

.textcontent-container {
    padding: 15px;
}

.textcontent-container ol, 
.textcontent-container ul {
    font-size: .9em;
}

.textcontent-container li {
    margin: 7px 0px;
}

.textcontent-container p {
    font-size: .9em;
}

.submit-container {
    justify-content: center;
    margin-bottom: 18px;
}

.submit-container #btn-pin-submit {
    padding: 7px 20px;
}


/*End Account pages*/

.contentarea-withsidebanner .rightsidecontent {
    width: 100%;
    max-width: 288px;
    min-width: 0;
    padding-left: 20px;
    position: relative;
}

.contentarea-withsidebanner .rightsidecontent .fixcontainer {
    position: sticky;
    top: 80px;
}
.fixsidebanner {
    display: none;
}
.fixsidebanner .slick-list {
    border-radius: 10px;
    overflow: hidden;
}
.fixsidebanner .slide {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 90%, rgb(153 159 159) 99%, rgb(184 195 195) 100%);
    padding-bottom: 26px;
}

.fixsidebanner .sidebanner img {
    width: 100%;
}

.fixsidebanner .content {
    padding: 5px 15px;
    text-align: center;
}

.fixsidebanner .content h3 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    margin-top: 0px;
    text-align: left;
}

.fixsidebanner .content p {
    font-weight: 600;
    font-size: .85em;
    text-align: left;
}

.fixsidebanner .content a {
    display: inline-block;
    margin-top: 8px;
}

.contentarea-withsidebanner .rightsidecontent .fixcontainer .slick-dots {
    scale: .8;
    bottom: -14px;
}

.viewallpromo {
    display: block;
    margin-top: -18px;
    padding: 5px;
}

.fixsidebanner .slide .sidebanner {
    position: relative;
}

.fixsidebanner .slide .sidebanner:after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7455357142857143) 50%, rgba(255,255,255,0) 100%);
    position: absolute;
    bottom: 0;
}

.fixsidebanner .slide .sidebanner img {
    width: 100%;
}

.fixsidebanner .slide .content {
    position: relative;
    padding: 5px 15px;
    text-align: center;
    margin-top: -12px;
}

#gameList > div {
    display: flex;
    flex-wrap: wrap;
}

.featured-games-container {
    padding-top: 30px;
}

.featured-games-container .featured-title {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.featured-games-container .featured-title label {
    color: #5f6469;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.2em;
    width: 100%;
}

.featured-games-container .gamelist {
    text-align: center;
    display: flex;
    justify-content: center;
}
.featured-games-container .game {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.featured-games-container .gameImg {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    background-color: #000;
    align-content: center;
}

.featured-games-container .featured-title a.green-btn {
    scale: .85;
}

.featured-games-container .featured-title a.green-btn:hover {
    scale: .9;
}

.featured-games-container .gameImg img {
    border-radius: 10px;
}

.testimonies-container {
    text-align: center;
    padding: 35px 15px;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(19,23,24,1) 15%, rgba(19,23,24,1) 85%, rgba(0,0,0,0) 100%);
    margin-top: 70px;
}

.testimonies-container .slick-track {
    display: flex;
    align-items: center;
}

.testimonies-slider {
    margin-bottom: 0px;
}

.testimonies-slider .slide{
    padding: 0 15px;
}

.testimonies-slider p {
    color: #fff;
    font-size: .9em;
}

.testimonies-slider span {
    color: #8f8f8f;
    font-size: .9em;
}

/*Sports*/
/*Slots Page CSS*/

.site-main .entry-header {
  display: none;
}
.sportsbookBanner {
  display: grid;
  justify-items: center;
  position: relative;
}
.sportbookWrapper {
    display: flex;
    gap: 4%;
}
.sportsbookOpt1 {
    width: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 6px 27px #00000030;
    border-radius: 10px;
    overflow: hidden;
    transition: all 500ms ease;
}
.sportsbookOpt1:hover {
    scale: .95;
}
.sportsbookOpt1:after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: solid 1px #97b76361;
    box-shadow: inset 0 0 30px #97ff8461;
}

.sportsbookOpt1 img {
    display: block;
    width: 100%;
    transition: all 500ms ease;
}
.sportsbookOpt1:hover img {
    transform: scale(1.1);
}
.sportsbookOpt1 a {
  position: relative;
  padding: 2px 30px;
  font-size: 1.3em;
    white-space: nowrap;
}
.sportsbookOpt1:hover a {
  position: relative;
}
.sportsbook-overlay {
    padding: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    scale: 1;
    transition: all 500ms ease;
    z-index: 9;
}
.sportsbookOpt1:hover .sportsbook-overlay {
    scale: 1.2;
    bottom: 2%;
}

.sportsbookBanner img {
    max-width: 900px;
    width: 100%;
}

/*End Sports*/

.slot-page-wrapper .main {
    margin-top: -20px;
    position: relative;
}

.slot-page-wrapper .contentarea-withsidebanner {
    margin-top: 0px;
}

.site-main .entry-header {
  display: none
}
.slotcontentWrapper {
  display: flex;
  justify-content: flex-start;
  width: 1300px;
  margin: auto;
  gap: 30px;
}
.slotContent {
  width: 100%;
  max-width: 80%;
  background-color: green;
  height: 500px;
}
.searchCategory {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
#gameList h2 {
  color: #fff;
  font-size: 1.8em;
  text-transform: uppercase;
}
.providerSelector .slick-next, .providerSelector .slick-prev {
    content: "";
    padding: 5px;
    width: 20px;
    height: 26px;
    background-color: #498913;
    border-radius: 5px;
    border: solid 1px #9be44c;
    box-shadow: 0 0 7px #a2ff3e, inset 0 0 7px #a2ff3e;
    transition: all .2s ease;
    z-index: 9;
}

.providerSelector .slick-next:hover, .providerSelector .slick-prev:hover {
    background-color: #4da900;
    border: solid 1px #b3ff61;
    box-shadow: 0 0 12px #a2ff3e, inset 0 0 12px #a2ff3e;
}

.providerSelector .slick-prev {
    left: -12px;
}

.providerSelector .slick-next {
    right: -12px;
}

.providerSelector .slick-next:before, .providerSelector .slick-prev:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1;
}

.providerSelector .slick-prev:before {
    background-image: url(/wp-content/uploads/2023/10/left.png);
}

.providerSelector .slick-next:before {
    background-image: url(/wp-content/uploads/2023/10/right.png);
}

.providerSelector {
    background: linear-gradient(to top, #080c0982, #48593129);
}
.providerSelector .menu-slider .menu-item {
    text-align: center;
    padding: 12px 10px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.providerSelector .menu-slider .menu-item:hover {
    background: linear-gradient(0deg, rgb(0 0 0 / 61%) 0%, rgb(39 41 43 / 0%) 100%);
}
.providerSelector .menu-slider .menu-item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px; /* Adjust the width of the border as needed */
    background: linear-gradient(to top, #ffffff29, #ededed00); /* Adjust the gradient colors as needed */
}
.providerSelector .slick-slide img {
    display: block;
    width: 100%;
}
/*disable color*/
.itemBW img {
    filter: saturate(0) opacity(0.7);
}
.itemBW:hover img {
    filter: saturate(1) opacity(1);
}
.providerBTNpopup {
  text-align: center;
  position: relative;
    bottom: 34px;
}
.providerBTNpopup a {
    transition: all .2s ease;
}

.providerBTNpopup a:hover {
    scale: 1.02;
}
.search-container {
    display: flex;
    align-items: center;
    background-color: #2e3335;
    padding-right: 10px;
    border-radius: 4px;
}
.fa-search {
    margin-right: 0px;
    padding: 10px;
    background-color: transparent;
    color: #fff;
}
#search-input {
    padding: 10px;
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    width: 100%;
}
#search-input:focus-visible {
    box-shadow: none;
}

.categoryDropdownContent a {
    padding: 6px 12px;
    margin: 0 3px;
}

.categoryDropdownContent a.catJackpotBtn {
    color: #fff700;
    background-color: unset;
}

.categoryDropdownContent a.catJackpotBtn.active {
    background-color: #fff700;
    color: black;
}

/*End Slots Page CSS*/

.site-footer {
    padding: 40px 0;
    z-index: 99999;
    position: relative;
    background-color: #000000;
}

.site-footer .footer-container {
    max-width: 1180px;
    margin: auto;
    font-size: .88em;
}

.site-footer .footer-container .site-logo .custom-logo {
    width: 146px;
    height: unset;
}

.site-info > div {
    padding: 5px;
}

.site-info {
    display: flex;
}

.site-footer .footer-container a {
    color: #bbbcbd;
    text-decoration: unset;
}

.site-logo .custom-logo {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    transition: all 0.3s;
}

.footer-about {
    line-height: 1.4em;
    color: #bbbcbd;
}

.site-footer h3 {
    color: #fff;
    margin-bottom: 16px;
}

.follow-us a {
    margin-right: 8px;
}

dfn {
    font-style: normal;
    position: relative;
}

.site-name {
    width: 100%;
}

.follow-us {
    width: 50%;
}

.quick-link {
    width: 50%;
}

.quick-link ul {
    padding-left: 0px;
}

.quick-link ul li {
    color: #bbbcbd;
    font-weight: 400;
    list-style: none;
    padding: 5px 0;
}

.quick-link a {
    color: #fff;
    text-decoration: none;
}

.vip-banner {
    text-align: center;
    margin-top: -54px ;
}

.vip-table {
    color: #fff;
    display: flex;
    width: 100%;
    margin: auto;
    max-width: 1140px;
    margin-top: 52px;
}

.vip-table .row.top-headline {
    width: 100%;
    display: flex;
    flex-flow: column;
    background-color: #000;
}
.vip-table .row > div h4 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.vip-table .row {
    width: 80%;
}

.vip-table .row label {
    display: block;
    font-size: .9em;
    padding: 5px 14px;
    color: #858585;
    background-color: #ffffff08;
}

.vip-table .row label:nth-child(even) {
    background-color: #ffffff05;
}

.vip-table .row .promolink {
    display: block;
    font-size: .9em;
    padding: 3px;
    color: #ffffff;
    background-color: #ffffff17;
    font-family: 'Montserrat', sans-serif;
}

.vip-table .row .promolink:nth-child(odd) {
    background-color: #ffffff12;
}

.vip-table .row .promolink a {
    display: block;
    padding: 7px 10px;
    border: solid 1px #2d2d2d;
    box-shadow: inset 0 0 8px #353535;
    border-radius: 5px;
    cursor: pointer;
    transition: all .2s ease;
    color: #fff;
    text-decoration: unset;
}
.vip-table .row .promolink a:after {
    content: "➜";
    float: right;
    opacity: .5;
    transition: all .2s ease;
}

.vip-table .row .promolink a:hover {
    background-color: #498913;
    border: solid 1px #9be44c;
    box-shadow: 0 0 7px #a2ff3e, inset 0 0 7px #a2ff3e;
    scale: 1.02;
}
.vip-table .row .promolink:hover a:after {
    opacity: 1;
}
.vip-table .row > div {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    font-family: 'Oswald', sans-serif;
    font-size: 1.1em;
    background-color: #ffffff08;
}

.vip-table .row > div:nth-child(odd) {
    background-color: #ffffff05;
}

.vip-table .row > div.headline1 {
    height: 70px;
    padding-bottom: 10px;
    display: flex;
    align-items: end;
    background: unset;
    justify-content: left;
}

.vip-table .row > div.headline2 {
    height: 50px;
    padding-bottom: 10px;
    display: flex;
    align-items: end;
    background: unset;
    justify-content: left;
}

.vip-table .row > div.levelimg {
    height: 70px;
    padding: 0;
    position: relative;
    background: unset;
}

.levelimg-container {
    position: absolute;
    bottom: -10px;
    width: 100%;
    text-align: center;
}

.vip-table .row > div.levelimg img {
    width: 100%;
    max-width: 178px;
}

.row.level-container {
    text-align: center;
}

.row.level-container.emerald {
    position: relative;
    background: rgb(16,170,0);
    background: linear-gradient(180deg, rgba(16,170,0,1) 0%, rgb(21 59 20) 2%, rgb(26 31 32) 30%);
    box-shadow: inset 0 -18px 18px #1a1f20;
}

.row.level-container.emerald:before {
    content: "";
    width: 100%;
    height: 50px;
    top: -50px;
    position: absolute;
    display: block;
    background: linear-gradient(0deg, rgb(16 170 0 / 14%) 0%, rgb(16 170 0 / 0%) 100%);
}

.row.level-container.emerald img {
    filter: drop-shadow(0px 0px 20px #6a8e12);
}

.row.level-container.ruby {
    position: relative;
    background: rgb(255 21 51);
    background: linear-gradient(180deg, rgb(255 21 51) 0%, rgb(101 26 26) 2%, rgb(31 35 36) 30%);
    box-shadow: inset 0 -18px 18px #1f2324;
}

.row.level-container.ruby:before {
    content: "";
    width: 100%;
    height: 50px;
    top: -50px;
    position: absolute;
    display: block;
    background: linear-gradient(0deg, rgb(255 93 93 / 14%) 0%, rgb(255 72 72 / 0%) 100%);
}

.row.level-container.ruby img {
    filter: drop-shadow(0px 0px 20px #8e1212);
}

.row.level-container.sapphire {
    position: relative;
    background: rgb(0 161 203);
    background: linear-gradient(180deg, rgb(0 161 203) 0%, rgb(7 59 73) 2%, rgb(26 31 32) 30%);
    box-shadow: inset 0 -18px 18px #1a1f20;
}

.row.level-container.sapphire:before {
    content: "";
    width: 100%;
    height: 50px;
    top: -50px;
    position: absolute;
    display: block;
    background: linear-gradient(0deg, rgb(89 246 255 / 14%) 0%, rgb(116 255 230 / 0%) 100%);
}

.row.level-container.sapphire img {
    filter: drop-shadow(0px 0px 20px #12708e);
}

.row.level-container.diamond {
    position: relative;
    background: rgb(194 112 221);
    background: linear-gradient(180deg, rgb(203 111 233) 0%, rgb(60 32 71) 2%, rgb(31 35 36) 30%);
    box-shadow: inset 0 -18px 18px #1f2324;
}

.row.level-container.diamond:before {
    content: "";
    width: 100%;
    height: 50px;
    top: -50px;
    position: absolute;
    display: block;
    background: linear-gradient(0deg, rgb(255 127 232 / 14%) 0%, rgb(255 111 216 / 0%) 100%);
}

.row.level-container.diamond img {
    filter: drop-shadow(0px 0px 20px #d26dd7);
}

/*popup*/
  @keyframes slideOut {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(-100%);
      opacity: 0.5;
    }
  }
  @keyframes slide {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0); / Adjust the distance as needed /
    }
  }
  @keyframes slides {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0);
    }
  }
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      rgb(0 0 0 / 0%),
      rgb(255 255 255 / 0%),
      rgb(255 255 255)
    );
  }

  .close-btn {
    color: #000000;
    padding: 5px 20px;
    border: 1px solid #000000;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9em;
    cursor: pointer;
    transition: all 200ms ease;
  }
  .titlePromotion {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .tabBtn {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    transition: all 200ms ease;
    z-index: 9999;
    position: relative;
  }
  .tabBtn:hover {
    transform: scale(1.1);
  }
  .tablink {
    display: flex;
    justify-content: flex-end;
    padding: 0px 50px;
  }
  .close-btn:hover {
    font-size: 1.1em;
  }
  /* scrollbar */
  .tncBox::-webkit-scrollbar {
    display: none;
  }
  .tncContentSlide h2,
  h3,
  h4,
  h5 {
    font-family: "Oswald", sans-serif;
  }
  .tncWrapper {
    background-color: #000000b8;
    backdrop-filter: blur(10px);
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2% 15px;
    z-index: 9999999;
    animation: slide 1s;
    transition: all 200ms ease;
  }
  .tncBox {
    background-color: #fff;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    overflow: auto;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 0 50px 10px rgb(255 255 255 / 29%);
    border: 2px solid #fff;
  }
  .tncBanner {
    position: relative;
    text-align: center;
    color: white;
  }
  .tncBanner img {
    display: block;
    width: 100%;
    height: auto;
  }
  /*contentStyle1*/
  .tncContentSlide {
    background-color: #fff;
    color: #000;
    padding: 30px 50px;
    animation: slides 0.8s;
    transition: all 200ms ease;
  }
  .tncContentSlide h3 {
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0px;
  }
  .tncContentSlide h3::after {
    content: "";
    display: block;
    width: 150px;
    height: 5px;
    background-color: green;
  }
  .tncContentSlide h4 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0px;
  }
  .tncContentSlide p {
    margin: 10px 0px;
    font-size: 1em;
    line-height: 2em;
  }
  .tncContentSlide ol {
    padding: 0px;
    margin: 20px;
  }
  .tncContentSlide li {
    font-size: 1em;
    line-height: 2em;
  }
  .tncContentSlide span {
    font-weight: 600;
    display: block;
  }
  .tncContentSlide table {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    border-collapse: collapse;
    margin: 10px 0px;
  }
  .tncContentSlide th {
    background-color: #24292c;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    box-shadow: inset 0 0 2px #0000002b;
  }
  .tncContentSlide td {
    background-color: #595959;
    padding: 10px;
    font-size: 0.9em;
    color: #fff;
    box-shadow: inset 0 0 2px #0000002b;
  }
  /*contentStyle2*/
  .tncContent {
    background-color: #fff;
    color: #000;
    padding: 30px 50px;
    animation: fades 1s;
    transition: all 200ms ease;
  }
  .tncContent h3 {
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0px;
  }
  .tncContent h3::after {
    content: "";
    display: block;
    width: 150px;
    height: 5px;
    background-color: green;
  }
  .tncContent h4 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0px;
  }
  .tncContent p {
    margin: 10px 0px;
    font-size: 1em;
    line-height: 2em;
  }
  .tncContent ol {
    padding: 0px;
    margin: 20px;
  }
  .tncContent li {
    font-size: 1em;
    line-height: 2em;
  }
  .tncContent span {
    font-weight: 600;
    display: block;
  }
  .tncContent table {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    border-collapse: collapse;
    margin: 10px 0px;
  }
  .tncContent th {
    background-color: #24292c;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    box-shadow: inset 0 0 2px #0000002b;
  }
  .tncContent td {
    background-color: #595959;
    padding: 10px;
    font-size: 0.9em;
    color: #fff;
    box-shadow: inset 0 0 2px #0000002b;
  }

/*endpopup*/

.usermobile-btn {
    margin-left: 22px;
    margin-right: 5px;
    color: #fff;
    display: none;
}

#myHeader .site-branding {
    display: none;
}

.homefeaturetabs {
    background: rgb(29,35,36);
    background: linear-gradient(0deg, rgb(31 34 35) 0%, rgb(42 49 51 / 0%) 100%);
    margin-top: 25px;
    text-align: right;
    justify-content: end;
    display: none;
}

.homefeaturetabs a.active {
    background: rgb(255,255,255);    background: linear-gradient(0deg, rgba(255,255,255,1) 3%, rgba(190,218,0,1) 4%, rgb(105 118 19 / 86%) 11%, rgb(69 77 49 / 59%) 30%, rgb(45 51 47 / 17%) 55%, rgb(49 55 59 / 0%) 94%);
    box-shadow: inset 0 0 14px #ccff001a;
    color: #fff;
}

.homefeaturetabs a {
    text-decoration: unset;
    padding: 10px 15px;
    display: inline-block;
    color: #8d9497;
    text-transform: uppercase;
    border-left: solid 1px #3f3f3f73;
}

.mobile-game-navigatiom {
    display: none;
}

.account-leftside .vipicon-container .user-name {
    display: none;
}

.account-leftside .vipicon-container a {
    display: none;
}

/*Promotion Page CSS*/
.site-main .entry-header {
  display: none;
}
.promotionContentarea {
    width: 100%;
    max-width: 1200px;
  margin: 10vh auto;
  font-family: 'Oswald', sans-serif;
}
.promotionWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.promotionBox {
    display: flex;
    border-radius: 12px;
    align-items: center;
    margin: .5%;
    width: 49%;
    overflow: hidden;
    box-shadow: 0px 7px 30px rgb(0 0 0 / 50%);
}
.promotionWrapper img {
    width: 50%;
    box-shadow: 6px 0px 20px rgb(0 0 0 / 70%);
    z-index: 9;
}
.promotionContent {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 0px 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.promotionContent h3 {
  color: #000000;
  font-size: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.promotionContent p {
  color: #000000;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 20px;
}

a.btn-youtube {
    display: flex;
    max-width: 335px;
    margin: auto;
    margin-top: 20px;
    color: #dddddd;
    height: 48px;
    padding: 0px 15px;
    border-radius: 8px;
    background: rgb(0 0 0);
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(35 35 35) 100%);
    border: solid 1px #8f0000;
    box-shadow: inset 0 0 8px 4px #570000, 0 0 10px #a10000, 0 6px 18px #00000087;
    text-decoration: unset;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 5px #000;
}

a.btn-youtube:hover {
    background: linear-gradient(0deg, rgb(49 1 1) 0%, rgb(24 0 0) 100%);
}

a.btn-youtube b {
    color: #c50000;
    margin-left: 10px;
}
/*End Promotion Page CSS*/

.overlaybg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #000000d4;
    backdrop-filter: blur(10px);
    z-index: 9999999;
}

.qrpopup-container {
    pointer-events: none;
    position: fixed;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.qrpopup {
    pointer-events: auto;
    display: block;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    height: fit-content;
    background-color: #fff;
    box-shadow: 0 0 50px 10px rgb(255 255 255 / 29%);
    max-width: 246px;
}

.avatar-container {
    display: flex;
    justify-content: center;
    margin-top: -50px;
}

.avatar {
    max-width: 78px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    padding: 5px;
    aspect-ratio: 1/1;
    border-radius: 50px;
}

.avatar img {
    width: 100%;
}

.socqrcode {
    margin: auto;
    max-width: 165px;
}

.soclink {
    text-align: center;
    padding: 6px;
    display: block;
}

.qrpopup span {
    text-align: center;
    display: block;
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
}

.qrpopup-container .close-btn {
    pointer-events: auto;
    display: block;
    width: fit-content;
    cursor: pointer;
    margin-top: 15px;
    background-color: #fff;
}

.socqrcode img {
    width: 100%;
}

@media only screen and (max-width: 1324px) {
    .library-games .game {
        width: 23%;
    }
    .account-main-content .selection-content {
        flex-flow: wrap;
    }
    .account-main-content .recent-games .game {
    width: 100%;
    }
    .account-main-content .recent-games .playnowcontainer {
    padding: 10px;
    }
    .account-main-content .recent-games .gameinfo {
    padding: 10px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
    }
    .account-main-content .recent-games .playnowcontainer {
    padding: 10px;
    }
    .account-main-content .recent-games .playnowcontainer .gamePlayNow {
    padding: 5px 6px;
    }
  .game .gameOverlay .star-container {
    position: absolute;
    left: 2px;
  }
  .selection-title {
    font-size: 1.4em;
  }
  .contentarea-withsidebanner .rightsidecontent {
    max-width: 250px;
  }
  .site-header {
    max-width: 190px;
  }
  .slick-slider {
    margin-bottom: 0px;
  }
  .viewallpromo {
    margin-top: 10px;
  }
  .game .gameName {
    font-size: 1em;
    padding: 15px 15px;
    padding-top: 5px;
  }
  .game .gameImg:after {
    bottom: 33px;
  }
  .featureselection .slection:hover .selection-title {
    bottom: 40px;
  }
  .featureselection .slection .selection-btn a {
    scale: 1;
  }
  .game .gameImg img {
    max-height: 152px;
  }
  .testimonies-slider p {
    font-size: .8em;
    line-height: 1.5em;
  }
  .featureselection .slection:hover .selection-img {
    transform: translate(0px, -12px);
  }
    .game .star {
    font-size: 1.5em;
    }
}

@media only screen and (max-width: 1100px) {
    .library-games .game {
        width: 31.2%;
    }
    .account-main-content .recent-games .gameinfo {
        padding: 5px;
    }
    .reportResult2 {
        margin-top: -14px;
    }
    .reportResult2 > td {
        padding: 0 14px!important;
        background-color: #1a1e1e!important;
    }
    .promotionBox {
        width: 100%;
        max-width: 506px;
        margin: .5% auto;
    }
    .contentarea-withsidebanner .rightsidecontent {
        display: none;
    }
    .sctable-container th {
        display: none;
    }
    .sctable-container table tr {
        flex-flow: column;
        display: flex;
        margin-bottom: 15px;
    }
    .sctable-container td {
        display: flex;
        text-align: right;
        padding: 0px;
        align-items: center;
    }
    .sctable-container td:before {
        text-align: right;
        font-size: .9em;
        width: 36%;
        max-width: 86px;
        margin-right: 18px;
        color: #b5b5b5;
        background-color: #00000054;
        padding: 6px 10px;
    }
}

@media only screen and (max-width: 920px) {
    .account-main-content .recent-games .gameinfo {
        width: 70%;
    }
    .sportbookWrapper {
        display: flex;
        flex-flow: wrap;
        gap: 0;
    }
    .sportsbookOpt1 {
        width: 48%;
        margin: 1%;
    }
    .sportsbookOpt1:nth-child(3) {
        width: 100%;
    }
    .game {
        width: 23%;
    }
    .account-leftside .user-overview {
        margin-top: 10px;
    }
    .account-main {
        flex-flow: column;
        padding: 0 5px;
    }
    .account-leftside {
        width: 100%;
        max-width: 500px;
        border-radius: 6px;
        margin: 10px auto;
        box-shadow: inset 0 0 10px #3b3b3b, 0 -15px 20px #00000045;
    }
    .account-leftside .vipicon-container {
        display: flex;
    }
    .account-leftside .user-overview {
        display: none;
    }

    .account-leftside .account-selection {
        display: none;
    }
    .vipmain-icon {
        max-width: 90px;
        margin-top: -37px;
        margin-bottom: -12px;
    }
    .account-leftside .vipicon-container .user-name {
        width: 100%;
        display: flex;
        align-items: center;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 1.1em;
    }
    .account-leftside .vipicon-container a {
        color: #fff;
        text-decoration: unset;
        display: flex;
        align-items: center;
        padding: 0 18px;
    }
    .account-leftside .vipicon-container a i {
        font-style: normal;
        display: block;
        padding: 6px 6px;
        margin-left: 10px;
        line-height: 1em;
    }
    .account-main-content {
        margin: 10px 0;
        border-radius: 10px;
    }
    .account-main-content .selection-content {
        flex-flow: wrap;
    }
    .account-main-content .recent-games .game {
        width: 100%;
    }
    .featureselection .slection .selection-bg {
        scale: .95;
    }
    .featureselection .slection .selection-img {
        transform: translate(0px, -12px);
    }
    .featureselection .slection .selection-title {
        font-size: 1em;
    }
    .featureselection .slection .selection-btn {
        bottom: 2px;
        opacity: 1;
    }
    .featureselection .slection .selection-btn a {
        scale: 1;
        font-size: .8em;
        padding: 2px 7px;
    }
}
#extendbtn {
    display: none;
}
@media only screen and (max-width: 840px) {
    .primary-menu-container ul > li > .sub-menu a {
        text-align: left!important;
        display: block;
    }
    #extendbtn {
        display: block;
        line-height: 1em;
        max-width: 30px;
        vertical-align: bottom;
        margin: auto;
        padding: 6px;
        padding-bottom: 8px;
        text-align: center;
    }
    .sportsbookOpt1 {
        border-radius: 6px;
    }
    .sportsbookOpt1:after {
        border-radius: 10px;
    }
    .game {
        width: 23%;
    }
    .sportsbookOpt1 {
        border-radius: 6px;
    }
    .sportsbookOpt1:after {
        border-radius: 10px;
    }
    .sportsbookOpt1 a {
        font-size: 1em;
    }
    .vip-banner img {
        width: 100%;
    }
    .referral-container .qrcode {
        margin: auto;
        margin-bottom: 15px;
    }
    .account-main-content .recent-games .label {
        text-align: left;
    }
    .account-main-content .recent-games .gameinfo .provider {
        margin-bottom: 4px;
        text-align: left;
    }
    .account-main-content .recent-games .gameName {
        padding-left: 4px;
    }
    .account-main-content .selection-content {
        text-align: center;
        flex-flow: wrap;
        padding: 15px 5px;
        margin-top: 0px;
    }
    .account-main-content {
        margin: 0px 0;
    }
    .site-info > div {
        padding: 1px;
    }
    .site-footer {
        padding-bottom: 110px;
    }
    .mobile-game-navigatiom {
        width: 100%;
        padding-bottom: 0px;
        position: fixed;
        bottom: 0;
        z-index: 99999;
        display: flex;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(0 0 0) 60%, rgba(0,0,0,1) 100%);
    }
    .mobile-game-navigatiom:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        top: -52px;
        height: 80px;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(0 0 0 / 70%) 60%, rgba(0,0,0,1) 100%);
    }
    .primary-navigation {
        padding-top: 20px;
        padding-bottom: 100px;
        background-color: #24292c;
        background: linear-gradient(0deg, rgb(0 0 0) 3%, rgb(47 53 55) 94%);
        height: 100%;
        max-width: 82px;
        pointer-events: auto;
        transition: all .2s ease;
    }
    .main-sidebanner.active nav#site-navigation {
        width: 100%;
        max-width: 100%;
    }
    .mobile-game-navigatiom .gameitem {
        display: flex;
        flex-flow: column;
        align-items: center;
        padding-bottom: 12px;
        width: 100%;
        position: relative;
        text-decoration: unset;
        background: linear-gradient(0deg, rgb(87 101 32) 0%, rgb(49 57 37) 7%, rgb(40 46 32) 25%, rgb(19 22 19) 48%, rgb(19 22 19) 80%, rgb(13 16 16 / 0%) 100%);
    }
    .mobile-game-navigatiom .gameitem:after {
        content: "";
        display: block;
        height: 100%;
        width: 1px;
    position: absolute;
    right: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 10%, rgb(52 55 44 / 34%) 50%, rgb(96 105 65 / 41%) 82%, rgba(255,255,255,0) 100%);
    }
    .mobile-game-navigatiom .gameitem:last-child:after {
        display: none;
    }
    .mobile-game-navigatiom .gameitem img {
        width: 100%;
        max-width: 62px;
    }
    .mobile-game-navigatiom .gameitem label {
        color: #fff;
        font-size: .85em;
    }
    #chat-widget-container {
        bottom: 86px!important;
    }
    .testimonies-container {
        padding: 35px 30px;
        margin-top: 30px;
    }
    .news-section a {
        padding-left: 5px;
        font-size: .8em;
    }
    .news-section marquee {
        font-size: 12px;
    }
    .news-section {
        padding-left: 5px;
        padding-right: 5px;
    }
    .testimonies-container {
        padding: 35px 30px;
    }
    .featured-games-container .featured-title label {
        padding-left: 10px;
        font-size: 1em;
    }
    .game .gameName {
        padding: 15px 4px;
    }
    .featured-games-container .gamelist {
        flex-wrap: wrap;
        justify-content: left;
    }
    .homefeaturetabs {
        display: flex;
    }
    .main-sidebanner {
        position: fixed;
        overflow: auto;
        height: 100%;
        max-width: 100%;
        width: 100%;
        top: 65px;
        pointer-events: none;
        background-color: transparent;
    }
    .primary-menu-container .nav-slots {
        display: none;
    }
    .primary-menu-container .nav-live {
        display: none;
    }
    .primary-menu-container .nav-sport {
        display: none;
    }
    .primary-menu-container .nav-fish {
        display: none;
    }
    .primary-menu-container .nav-bingo {
        display: none;
    }
    .main-sidebanner .site-branding {
        display: none;
    }
    .main-sidebanner.active .primary-menu-container .nav-slots {
        display: none;
    }
    .main-sidebanner.active .primary-menu-container .nav-live {
        display: none;
    }
    .main-sidebanner.active .primary-menu-container .nav-sport {
        display: none;
    }
    .main-sidebanner.active .primary-menu-container .nav-fish {
        display: none;
    }
    .main-sidebanner.active .primary-menu-container .nav-bingo {
        display: none;
    }
    .main-sidebanner.active .main-sidebanner .site-branding {
        display: none;
    }
    .site-content {
        padding-top: 66px;
        min-height: 698px;
        margin-left: 82px;
    }
    .content-sticky .sticky-header-container {
        padding-bottom: 0px;
    }
    div#page {
        overflow-x: hidden;
    }
    #myHeader .site-branding {
        display: block;
        position: fixed;
        top: 0px;
        left: 5px;
    }
    #myHeader .site-logo .custom-logo {
        max-width: 92px;
        height: unset;
    }
    #myHeader {
        text-align: right;
        padding: 15px 0px;
        position: fixed;
        left: 0;
        background-color: #000;
    }
    .site-main {
        box-sizing: border-box;
        padding: 0px 8px;
    }
    .main-banner-container {
        width: calc(100% + 16px);
        margin: auto -8px;
        margin-bottom: 10px;
    }
    .main-banner-container .slick-slide:after {
        border-radius: unset;
    }
    .main-banner-container .slick-slide img {
        border-radius: unset;
    }
    .site-info {
        flex-flow: wrap;
        padding: 15px;
    }
    .usermobile-btn {
        display: block;
    }
    .user-dropdown {
        display: none;
        position: absolute;
        bottom: -45px;
        border-radius: 6px;
        right: 0;
        padding: 10px;
        background-color: #24292c;
        box-shadow: inset 0 0 10px #303538;
    }
    .profile-header:hover .user-dropdown {
        display: block;
    }
    .site-header {
        position: fixed;
        max-width: 100%;
        margin-top: 62px;
    }
    header .site-branding {
        position: fixed;
        top: 0;
        max-width: 115px;
        background-color: #010100;
        padding: 6px;
    }
    header .site-logo .custom-logo {
        width: 100%;
    }
    .primary-menu-container .sub-menu {
        right: -174px;
    }
    .primary-menu-container ul > li {
        margin: 5px 0;
        padding: 5px 0px;
        position: relative;
        transition: all .2s ease;
    }
    .primary-menu-container ul > li .sub-menu li {
        margin: 0;
        padding: 2px 0px;
    }
    .primary-menu-container ul > li > a {
        padding: 0;
        display: flex;
        flex-flow: column-reverse;
        align-items: center;
        font-size: 0.6em;
    }
    .primary-menu-container > ul > li > a:after {
        position: static;
        height: 40px;
        width: 40px;
        background-size: 27px;
        background-position: center;
        margin-bottom: 5px;
    }
    .primary-menu-container > ul > li.current_page_item:before {
        display: none;
    }

    .primary-menu-container > ul > li.current_page_item:after {
        display: none;
    }
    .primary-menu-container > ul > li.current_page_item {
        transition: all 0.3s;
        background: rgb(255,234,0);
        box-shadow: inset 0 0 15px #e4ff012e;
        background: linear-gradient(0deg, rgb(255 233 0 / 15%) 0%, rgb(255 234 4 / 17%) 14%, rgba(255,234,0,0) 56%);
    }
    .primary-menu-container > ul > li.current_page_parent:before {
        display: none;
    }

    .primary-menu-container > ul > li.current_page_parent:after {
        display: none;
    }
    .primary-menu-container > ul > li.current_page_parent {
        transition: all 0.3s;
        background: rgb(255,234,0);
        box-shadow: inset 0 0 15px #e4ff012e;
        background: linear-gradient(0deg, rgb(255 233 0 / 15%) 0%, rgb(255 234 4 / 17%) 14%, rgba(255,234,0,0) 56%);
    }
    .main-sidebanner.active {
        max-width: 100%;
        background-color: #24292c;
    }
    #extendbtn.active {
        margin-right: 15px;
    }
    .main-sidebanner.active .primary-menu-container ul > li {
        display: block;
        font-size: 1.4em;
    }
    .main-sidebanner.active .primary-menu-container ul > li > a {
        flex-flow: row-reverse;
        justify-content: flex-end;
        max-width: 354px;
        width: 100%;
        padding: 0px 10px;
    }
    .main-sidebanner.active .primary-menu-container > ul > li > a:after {
        margin-bottom: 0;
        margin-right: 12px;
    }
    .main-sidebanner.active .sub-menu {
        position: relative;
        right: unset;
        text-align: center;
        font-size: .5em;
        background-color: #000;
    }
    .main-sidebanner.active .sub-menu li {
        padding: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .account-main-content .recent-games .playnowcontainer {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .account-main-content .selection-content {
        padding: 15px 6px;
    }
    .account-main-content .recent-games .game {
        margin: 4px 0;
        border-radius: 6px;
        box-shadow: inset 0 0 16px #8dbb0270;
        background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(190,218,0,1) 1%,rgba(69,77,49,1) 1%, rgb(17 20 20) 4%, rgb(43 53 46) 38%);
        border: solid 1px #56713d;
    }
    .account-main-content .recent-games .game .gameImg {
        width: 30%;
    }
    .account-main-content .recent-games .gameinfo {
        width: 70%;
    }
    .account-main-content .recent-games .gameName {
        font-size: 1.2em;
    }
    .account-main-content .recent-games .playnowcontainer .gamePlayNow {
        font-size: .8em;
    }
    .sportsbookOpt1 a {
        font-size: .8em;
        padding: 2px 15px;
    }
    .sportsbook-overlay {
        padding: 10px;
    }
    .promotionContentarea {
        margin: 2vh auto;
    }
    .promotionBox {
        width: 100%;
        background-color: #000;
        max-width: 506px;
        margin: 1% auto;
        border-radius: 6px;
    }
    .promotionWrapper img {
        width: 40%;
    }
    .promotionContent {
        padding: 15px 11px;
    }
    .promotionContent h3 {
        font-size: 1.1em;
        line-height: 1em;
    }
    .promotionContent p {
        font-size: .8em;
        padding: 0;
        color: #616161;
        margin-top: 4px;
        margin-bottom: 5px;
    }
    .promolink-container a {
        font-size: .8em;
    }
    .withdraw-main-container {
        min-height: unset;
    }
    .transaction-back {
        display: block;
    }
    .tabs-container {
        width: 100%;
        margin: auto;
        position: absolute;
    }
    .accountflex-container {
        position: relative;
        display: block;
        min-height: 350px;
        background-color: #000;
    }
    .deposit-withdraw .depositnav-nav {
        margin: auto;
    }
    .account-main-content .tab-selection .selection-item {
        min-width: unset;
        font-size: .9em;
        padding: 10px 15px;
    }
    .account-main-content .tab-selection .selection-item a {
        white-space: unset;
    }
    .primary-navigation {
        max-width: 62px;
    }
    .site-content {
        margin-left: 62px;
    }
      .searchfields-container {
        flex-flow: column;
        max-width: 300px;
    }
    form.reg-form-layout > div label {
        text-align: center;
        padding-bottom: 5px;
    }
    form.reg-form-layout {
        max-width: 300px;
    }
    form.reg-form-layout > div {
        flex-flow: column;
    }
    .referralinfocontainer form > div {
        flex-flow: column;
        text-align: center;
    }
    .referralinfocontainer form > div label {
        margin-bottom: 5px;
    }
    .referralinfocontainer form > div .input-container {
        justify-content: center;
    }
    .referral-table-container {
        flex-flow: column;
    }
    .referral-table-container h5 {
        margin: 0;
    }
    .sctable-container table {
        margin-top: 8px;
    }
    .referral-container {
        flex-flow: column;
        margin-bottom: 18px;
    }
    .vip-table {
        flex-flow: column;
    }
    .vip-table .row.top-headline {
        display: none;
    }
    .row.level-container {
        width: 100%;
        margin-bottom: 65px;
    }
    .vip-table .row > div.levelimg img {
        max-width: 126px;
    }
    .vip-table .row > div {
        height: unset;
        font-size: 1em;
        justify-content: left;
    }
    .vip-table .row > div.headline2 {
        display: none;
    }
    .row.level-container label:nth-child(2):before {
        content: "Monthly Deposit";
        display: block;
        margin-right: 10px;
        width: 50%;
        font-size: .9em;
        max-width: 182px;
        text-align: right;
        margin-right: 12px;
        font-family: 'Montserrat', sans-serif;
    }
    .row.level-container label:nth-child(3):before {
        content: "Monthly Turnover";
        display: block;
        margin-right: 10px;
        width: 50%;
        font-size: .9em;
        max-width: 182px;
        text-align: right;
        margin-right: 12px;
        font-family: 'Montserrat', sans-serif;
    }
    .vip-table .row > div:nth-child(5):before {
        content: "Weekly Cashback";
        display: block;
        padding: 0;
        color: #c3c3c3;
        width: 50%;
        padding: 8px 0px;
        font-size: .9em;
        max-width: 182px;
        text-align: right;
        margin-right: 12px;
        font-family: 'Montserrat', sans-serif;
    }
    .vip-table .row > div:nth-child(6):before {
        content: "Referral";
        display: block;
        color: #c3c3c3;
        width: 50%;
        padding: 8px 0px;
        font-size: .9em;
        max-width: 182px;
        text-align: right;
        margin-right: 12px;
        font-family: 'Montserrat', sans-serif;
    }
    .vip-table .row > div:nth-child(7):before {
        content: "Payday Bonus";
        display: block;
        color: #c3c3c3;
        width: 50%;
        padding: 8px 0px;
        font-size: .9em;
        max-width: 182px;
        text-align: right;
        margin-right: 12px;
        font-family: 'Montserrat', sans-serif;
    }
    .vip-table .row label {
        display: flex;
        justify-content: left;
    }
    .game {
        width: 31.3%;
    }
}


@media only screen and (max-width: 480px) {
    .game .gameImg img {
        max-height: 100px;
    }
}