/*
 Theme Name: CEPAT89
 Theme URI: https://www.google.co.id
 Author: CEPAT89
 Author URI: https://www.google.co.id
 Description: Nice try if you’re thinking about stealing this theme. But guess what? Every line of this code whispers secrets only we understand. You might think you’re smart with your ‘copy-paste’ skills, but our code can trace, track, and leave you exposed. This is not for wannabes. C89 in Your Area – Respect originality or prepare to get burned.
 Requires at least: 6.7
 Tested up to: 6.8
 Requires PHP: 7.2
 Version: 1.3
 License: GNU General Public License v2 or later
 License URI: https://www.google.co.id
 Text Domain: cepat89
 Tags: CEPAT89, Slot Gacor, Slot Online, Slot Maxwin, Slot Gacor Hari Ini
*/

:root {
    /* Colors from QUEENSEOCore */
    --primary-color: initial;
    --secondary-color: initial;
    --accent-color: initial;
    --hover-accent: initial;
    --dark-bg: initial;
    --light-bg: initial;
    --menu-bg: initial;
    --footer-bg: initial;
    --content-bg: initial;
    --sidebar-bg: initial;
    --games-bg: initial;
    --games-col-bg: initial;
    --games-border: initial;
    --text-primary: initial;
    --text-secondary: initial;
    --link-color: initial;
    --link-hover-color: initial;
    --button-primary: initial;
    --button-primary-dark: initial;
    --button-secondary: initial;
    --button-secondary-dark: initial;
    --login-button-start: initial;
    --login-button-end: initial;
    --register-button-start: initial;
    --register-button-end: initial;
    --border-primary: initial;
    --border-secondary: initial;
    --highlight-color: initial;
    /* Arsa-specific colors */
    --table-header-bg: initial;
    --table-header-text: initial;
    --table-border: initial;
    --provider-bg: initial;
    --provider-text: initial;
    --date-time-text: initial;
    --table-box-bg: initial;
    --table-box-border: initial;
    --provider-menu-border: initial;
    --rtp-container-bg: initial;
    --rtp-bg: initial;
    --tags-bg: initial;
    --title-row-border: initial;
    --column-bg: initial;
    --provider-menu-bg: initial;
    --login-icon-bg: initial;
    --nav-hover-bg: initial;
    --mobile-header-bg: initial;
    --mobile-header-border: initial;
    --mobile-menu-start: initial;
    --mobile-menu-end: initial;
    --accordion-bg: initial;
    /* Additional colors */
    --white: initial;
    --red: initial;
    --download-border: initial;
    --text-shadow: initial;
    --box-shadow: initial;
    --box-shadow-inset: initial;
    --text-shadow-games: initial;
    --payment-shadow: initial;
    --border-minor: initial;
    --contact-us-border: initial;
}

html {
    height: 100%;
    font-size: 1em;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}


body {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: var(--text-primary);
    background: var(--dark-bg);
    font-family: 'digital_sans_ef_medium';
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text-secondary);
    line-height: 1.2;
    margin: 15px 0;
    font-weight: 500;
    text-align: center;
}

h1 { font-size: 30px; }
h2 { font-size: 27px; }
h3 { font-size: 23px; }
h4 { font-size: 20px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }

.widget-area h2 {
    font-size: 19px;
    color: var(--text-primary);
    text-align: left;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lobby-nav li [aria-current], a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover-color);
}

div, input, label {
    display: block;
    overflow: hidden;
    position: relative;
}

strong {
    color: var(--highlight-color);
}

em {
    color: var(--button-primary-dark);
}

img {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

a img {
    pointer-events: visible;
}

.entry-content ol li {
    list-style: decimal;
    padding: 5px 0;
    display: list-item;
    float: none;
}

.wp-block-image, .has-text-align-center {
    text-align: center;
}

.wp-block-image img {
    width: 50%;
}

.mobile {
    display: none;
}

/*========== Fonts ===========*/
@font-face {
    font-family: 'digital_sans_ef_medium';
    src: url('webfonts/digital_sans_ef_medium.woff2') format('woff2'),
         url('webfonts/digital_sans_ef_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'advanced_dot_digital7';
    src: url('webfonts/advanced_dot_digital7.eot');
    src: url('webfonts/advanced_dot_digital7.eot') format('embedded-opentype'),
         url('webfonts/advanced_dot_digital7.woff2') format('woff2'),
         url('webfonts/advanced_dot_digital7.woff') format('woff'),
         url('webfonts/advanced_dot_digital7.ttf') format('truetype'),
         url('webfonts/advanced_dot_digital7.svg#advanced_dot_digital7') format('svg');
}

.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 15px;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('webfonts/fa-brands-400.eot');
    src: url('webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fa-brands-400.woff2') format('woff2'),
         url('webfonts/fa-brands-400.woff') format('woff'),
         url('webfonts/fa-brands-400.ttf') format('truetype'),
         url('webfonts/fa-brands-400.svg#fontawesome') format('svg');
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url('webfonts/fa-regular-400.eot');
    src: url('webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fa-regular-400.woff2') format('woff2'),
         url('webfonts/fa-regular-400.woff') format('woff'),
         url('webfonts/fa-regular-400.ttf') format('truetype'),
         url('webfonts/fa-regular-400.svg#fontawesome') format('svg');
}

.far {
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url('webfonts/fa-solid-900.eot');
    src: url('webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fa-solid-900.woff2') format('woff2'),
         url('webfonts/fa-solid-900.woff') format('woff'),
         url('webfonts/fa-solid-900.ttf') format('truetype'),
         url('webfonts/fa-solid-900.svg#fontawesome') format('svg');
}

@font-face {
    font-family: 'LatoWeb';
    src: url('webfonts/Lato-Regular.woff2') format('woff2'),
         url('webfonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fa, .far, .fas {
    font-family: 'Font Awesome 5 Free';
}

.fa, .fas {
    font-weight: 900;
}

/*========== Table ===========*/
table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 8px;
    background-color: var(--white);
}

tr {
    display: table-row;
}

th {
    text-align: center;
    height: 47px;
    font-size: 16px;
    color: var(--table-header-text);
    background: var(--table-header-bg);
    border-radius: 6px 6px 0 0;
    border: 1px solid var(--white);
}

td {
    padding: 10px;
    color: var(--text-secondary);
    border: 1px solid var(--table-border);
}

table .rounded-box {
    border-radius: 8px;
    height: 370px;
    background-color: var(--table-box-bg);
    margin-right: 12%;
    margin-left: 12%;
    border-top: 60px solid var(--table-box-border);
    border-left: 1px solid var(--table-box-border);
    border-right: 1px solid var(--table-box-border);
    border-bottom: 1px solid var(--table-box-border);
}

/*========== SVG Menu ===========*/
.svg-menu {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: 18px;
    background-repeat: no-repeat;
}

.provider-slot .svg-menu {
    height: 37px;
    width: 40px;
    background-size: 35px;
}

.svg-beranda { background-image: url(images/icon/icon-beranda.svg); }
.svg-content {
    display: inline-block;
    width: 27px;
    height: 22px;
    background-size: 21px;
    background-repeat: no-repeat;
}
.svg-sport { background-image: url(images/icon/icon-sports.svg); }
.svg-casino { background-image: url(images/icon/icon-casino.svg); }
.svg-slots { background-image: url(images/icon/icon-slots.svg); }
.svg-togel { background-image: url(images/icon/icon-togel.svg); }
.svg-poker { background-image: url(images/icon/icon-poker.svg); }
.svg-fishing { background-image: url(images/icon/icon-fishing.svg); }
.svg-gift { background-image: url(images/icon/icon-gift.svg); }
.svg-link { background-image: url(images/icon/icon-link.svg); }
.svg-new { background-image: url(images/icon/icon-new.svg); }
.svg-populer { background-image: url(images/icon/icon-populer.svg); }
.svg-jackpot { background-image: url(images/icon/icon-jackpot.svg); }
.svg-livecasino { background-image: url(images/icon/icon-livecasino.svg); }
.svg-esports { background-image: url(images/icon/icon-esports.svg); }
.svg-sportsbook { background-image: url(images/icon/icon-sportsbook.svg); }
.svg-arcade { background-image: url(images/icon/icon-arcade.svg); }
.svg-whatsapp { background-image: url(images/icon/icon-whatsapp.svg); }
.svg-telegram { background-image: url(images/icon/icon-telegram.svg); }
.svg-livechat { background-image: url(images/icon/icon-livechat.svg); }
.svg-home { background-image: url(images/icon/icon-home.svg); }
.svg-promotion { background-image: url(images/icon/icon-promotion.svg); }
.svg-unduh { background-image: url(images/icon/icon-unduh.svg); }
.svg-download { background-image: url(images/icon/icon-download.svg); }
.svg-login { background-image: url(images/icon/icon-login.svg); }
.svg-hubkami { background-image: url(images/icon/icon-hubkami.svg); }

/*========== SVG Provider ===========*/
.pragmaticplay { background-image: url(images/icon/pragmaticplay.png); }
.pgsoft { background-image: url(images/icon/pgsoft.png); }
.microgaming { background-image: url(images/icon/microgaming.png); }
.live22 { background-image: url(images/icon/live22.png); }
.slot88 { background-image: url(images/icon/slot88.png); }
.ionslot { background-image: url(images/icon/ionslot.png); }
.joker { background-image: url(images/icon/joker.png); }
.playstar { background-image: url(images/icon/playstar.png); }
.advantplay { background-image: url(images/icon/advantplay.png); }
.spadegaming { background-image: url(images/icon/spadegaming.png); }
.habanero { background-image: url(images/icon/habanero.png); }
.jdb { background-image: url(images/icon/jdb.png); }
.cq9gaming { background-image: url(images/icon/cq9gaming.png); }
.gamatron { background-image: url(images/icon/gamatron.png); }
.playtech { background-image: url(images/icon/playtech.png); }
.yggdrasil { background-image: url(images/icon/yggdrasil.png); }
.playngo { background-image: url(images/icon/playngo.png); }
.onetouch { background-image: url(images/icon/onetouch.png); }
.rtgslots { background-image: url(images/icon/rtgslot.png); }
.flowgaming { background-image: url(images/icon/flowgaming.png); }
.astrotech { background-image: url(images/icon/astrotech.png); }
.betsoft { background-image: url(images/icon/betsoft.png); }
.reelkingdom { background-image: url(images/icon/reelkingdom.png); }
.fachai { background-image: url(images/icon/fachai.png); }
.crowdplay { background-image: url(images/icon/crowdplay.png); }
.jili { background-image: url(images/icon/jili.png); }
.ttg { background-image: url(images/icon/toptrendgaming.png); }
.funkygames { background-image: url(images/icon/funkygames.png); }

/*========== Header ===========*/
.header {
    width: 100%;
    z-index: 999999;
    position: fixed;
    background: var(--menu-bg);
}

.top-left {
    float: left;
    width: 27%;
    display: flex;
    justify-content: flex-start;
}

.top-right {
    line-height: 1.2;
    font-size: 11px;
    float: right;
    width: 70%;
}

.site-logo {
    float: left;
    left: 0;
    width: 24%;
    background: url(images/bg-header.png) center 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 89px;
}

.site-logo a {
    display: block;
}

.site-logo img {
    width: 100%;
    height: auto;
    position: relative;
    top: 18px;
}

.nav-bar, .contact-floating {
    background: var(--button-primary);
}

.sticky {
    height: 138px;
}

.main {
    background: var(--light-bg);
}

.slide {
    margin-bottom: 17px;
}

.sportsbook .slide {
    margin-bottom: 0;
}

.jackpot img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 12px;
}

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

.rtp .container {
    padding: 25px;
    background: var(--rtp-container-bg);
    margin-bottom: 30px;
}

.bg-rtp {
    border-radius: 12px;
    padding: 15px;
    background: var(--rtp-bg);
    border: 3px solid var(--highlight-color);
    margin: 10px auto;
}

.content {
    background: var(--secondary-color);
    margin: 10px auto;
    padding: 10px;
}

/*========== Layout ===========*/
.responsive-image {
    width: 100%;
}

.row {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col-sm-2 {
    flex: 0 0 15.9%;
    max-width: 15.9%;
    margin: 5px 4px;
    justify-content: center;
    align-content: center;
}

.col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-sm-4 {
    flex: 0 0 30%;
    max-width: 30%;
}

.col-sm-5 {
    flex: 0 0 33%;
    max-width: 33%;
}

.col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-sm-8 {
    flex: 0 0 70%;
    max-width: 70%;
}

.col-sm-10 {
    flex: 0 0 80%;
    max-width: 80%;
}

.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.footer, .col-title {
    background: var(--footer-bg);
}

.col-title {
    padding: 9px 5px;
    position: absolute;
    top: -14px;
    left: 21px;
    z-index: 2;
}

.col-border {
    border: 1px solid var(--border-primary);
    border-radius: 7px;
    margin: 5px auto;
    padding: 18px;
}

.togel .col-sm-4 {
    margin: 0 7px;
}

.payment .col-sm-12 {
    margin: 10px auto;
}

.post-taxonomies {
    padding: 20px 0;
}

.post-taxonomies .container {
    border-bottom: 1px solid var(--border-minor);
}

.tags-title {
    font-size: 19px;
}

.tags-title, .tags-links {
    text-align: center;
    padding: 10px 0;
}

.tags-links a {
    background: var(--tags-bg);
    display: inline-block;
    border-radius: 8px;
    padding: 15px 20px;
    color: var(--white);
}

/*========== Menu ===========*/
.main-menu i {
    display: block;
    margin: auto;
    width: 30px;
    height: 30px;
    background-size: 26px;
}

.menu-item-description {
    right: 10px;
    margin-top: 0;
    padding: 3px;
    background-color: var(--red);
    color: var(--white);
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    position: absolute;
}

ul.menu, ul.contact-us, ul.main-menu {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

.main-menu {
    float: right;
}

.main-menu li [aria-current], .main-menu li a:hover, .provider-menu li [aria-current], .provider-menu li a:hover {
    color: var(--hover-accent);
}

.provider-menu li [aria-current] {
    background: none;
}

.main-menu li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.main-menu li a {
    font-size: 13px;
    position: relative;
    display: inline-block;
    line-height: 18px;
    padding: 20px 25px;
    color: var(--white);
}

ul.provider-menu {
    margin: 29px auto;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 21px auto;
    border-bottom: 3px solid var(--provider-menu-border);
}

.provider-menu li {
    display: inline-block;
    width: 12%;
    text-align: center;
    margin: auto;
    background: var(--provider-bg);
}

.provider-menu li a {
    font-size: 14px;
    position: relative;
    padding: 12px 0;
    color: var(--provider-text);
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}

ul.contact-us {
    padding: 15px 0;
    text-transform: capitalize;
}

.contact-us {
    float: right;
    height: 36px;
}

.contact-us li {
    padding-right: 10px;
    float: left;
    border-right: 1px dotted var(--contact-us-border);
    padding-left: 10px;
}

.contact-us li:first-child {
    padding-left: 0;
}

.contact-us li:last-child {
    border-right: 0;
}

.contact-us li a {
    font-size: 12px;
    color: var(--text-secondary);
}

.contact-us li a:hover {
    color: var(--link-hover-color);
}

.contact-us .svg-menu {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: 17px;
    background-repeat: no-repeat;
}

.contact-us li i {
    vertical-align: middle;
}

.quick-footer {
    position: fixed;
    width: 170px;
    height: 40px;
    bottom: 0;
    right: 10px;
    background: var(--register-button-end);
    border-radius: 5px 5px 0 0;
    z-index: 100;
    padding: 2px;
}

.quick-footer i {
    font-size: 22px;
    position: relative;
    right: -38px;
    top: -2px;
}

.quick-footer li {
    margin: 1px auto;
    padding: 4px 12px;
}

.quick-footer li a {
    color: var(--white);
    display: flex;
    align-items: end;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
}

.quick-footer li i {
    vertical-align: middle;
}

.quick-footer .svg-menu {
    height: 25px;
    width: 30px;
    display: inline-block;
    background-size: 25px;
    background-repeat: no-repeat;
}

.menu {
    float: right;
    position: relative;
    padding: 0;
    margin: 0 auto;
}

.menu li {
    float: left;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    min-width: 68px;
    margin: 0 0 0 4px;
    text-align: center;
    padding: 5px 5px;
    vertical-align: inherit;
    border-radius: 27px;
}

.menu ul {
    padding-top: 15px;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
}

.menu li a {
    padding: 4px 21px;
    display: block;
    color: var(--white);
    text-shadow: 0 0 3px var(--text-shadow);
}

.login {
    background: var(--login-button-start);
    background-image: linear-gradient(to bottom, var(--login-button-start), var(--login-button-end));
}

.login:hover {
    background: var(--login-button-start);
}

.daftar, .quick-footer {
    background: var(--register-button-end);
    background-image: linear-gradient(to bottom, var(--register-button-start), var(--register-button-end));
}

.daftar:hover {
    background: var(--register-button-start);
}

.login-panel {
    margin: 6px 0;
}

ul.provider-slot {
    margin: 15px auto;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: var(--rtp-bg);
    border-radius: 18px;
}

.provider-slot li {
    font-size: 12px;
    margin: 10px;
    border-radius: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    max-width: 100%;
}

.provider-slot li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 10px;
    border-radius: 15px;
    text-transform: uppercase;
    padding: 6px;
    color: var(--white);
}

/*========== Content ===========*/
ul, ol {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

ul.article {
    list-style: circle;
    padding: 5px 30px;
}

.article li, .content li {
    list-style: disc;
    margin: 0 0 10px 35px;
}

.article ol li {
    list-style: decimal;
}

.home-content .container, .ct-rounded, .ct-rounded img, .ct-rounded .col-sm-2, .provider-menu li, .bg-rounded .container, .togel .col-sm-4 {
    border-radius: 12px;
}

.home-content .container, .bg-rounded .container {
    padding: 25px;
    background: var(--content-bg);
    margin-bottom: 30px;
}

.page-title .container {
    margin: 20px auto;
    border-bottom: 3px solid var(--provider-menu-border);
    padding-bottom: 0;
}

.ct-rounded {
    padding: 15px;
    background: var(--games-border);
    margin: 10px auto;
    box-shadow: 0 0 20px var(--box-shadow-inset) inset;
}

.ct-rounded .col-sm-2, .togel .col-sm-4 {
    padding: 5px;
    background: var(--games-col-bg);
    background-image: linear-gradient(to bottom, var(--register-button-start), var(--register-button-end));
    box-shadow: 0 0 5px var(--box-shadow);
}

.ct-rounded, .jackpot img {
    border: 3px solid var(--games-border);
}

.livecasino .image-wrapper, .sportsbook .image-wrapper, .slotgames .image-wrapper {
    background: var(--rtp-bg);
    border-radius: 12px;
    background-image: linear-gradient(to bottom, var(--button-primary), var(--button-primary-dark));
    border-bottom: 2px solid var(--hover-accent);
}

.slotgames img {
    width: 70%;
    margin: auto;
    display: block;
}

.games-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.title-row {
    margin: 21px auto;
    border-bottom: 3px solid var(--title-row-border);
    font-size: 19px;
    display: flex;
    align-items: center;
    color: var(--white);
}

.title-games {
    font-size: 14px;
    padding: 7px;
    color: var(--white);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    text-shadow: 0 0 3px var(--text-shadow-games);
}

.download {
    border-bottom: 1px solid var(--download-border);
}

/*========== Progress Bar ===========*/
.col-1 { flex: 0 0 8%; max-width: 8%; }
.col-2 { flex: 0 0 10%; max-width: 10%; }
.col-3 { flex: 0 0 20%; max-width: 20%; }
.col-4 { flex: 0 0 33%; max-width: 33%; }
.col-5 { flex: 0 0 40%; max-width: 40%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58%; max-width: 58%; }
.col-8 { flex: 0 0 66%; max-width: 66%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 80%; max-width: 80%; }
.col-11 { flex: 0 0 91%; max-width: 91%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.rtp .col-2 { flex: 0 0 16.666%; max-width: 16.666%; }

.provider-name, .date, .time {
    text-align: center;
    text-transform: uppercase;
}

.board-section {
    margin: 19px auto;
}

.provider-name {
    color: var(--white);
    font-size: 20px;
}

.date, .time {
    color: var(--date-time-text);
}

.column {
    margin: 3px;
    padding: 10px;
    border-radius: 12px;
    background-color: var(--column-bg);
}

.game-image {
    border-radius: 25px;
    display: block;
}

.game-image img {
    border-radius: 25px;
    display: block;
}

.game-title {
    text-align: center;
    color: var(--white);
    padding: 5px 0;
}

.provider-menu li, .game-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*========== Footer ===========*/
.footer {
    width: 100%;
    padding: 0 0 20px 0;
}

.disclaimer {
    background: var(--footer-bg);
    border-top: 1px dotted var(--border-primary);
}

.footer img {
    height: auto;
}

.footer-logo img {
    width: 100%;
    display: block;
    margin: auto;
    max-width: 233px;
}

.footer .wp-block-image img {
    border-radius: 9px;
    border: 2px solid var(--table-box-bg);
}

.footer-title {
    font-size: 15px;
    color: var(--text-primary);
    margin: 20px auto;
}

.footer .row {
    justify-content: left;
}

.responsibility img {
    width: 120px;
    height: auto;
}

.footer .col-sm-2 {
    justify-content: center;
}

.payment .col-sm-2 {
    margin: 4px;
    flex: 0 0 11.7%;
    max-width: 11.7%;
}

.payment .col-sm-2 {
    border-left: 5px solid #4bb303;
    padding: 7px;
    background: var(--secondary-color);
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 0 2px var(--payment-shadow);
    color: var(--text-primary);
}

.provider .col-sm-2 {
    max-width: 140px;
    margin: 0;
    flex: unset;
}

.provider img {
    height: auto;
    width: 80%;
}

.copyright {
    font-size: 11px;
    padding: 15px 0;
    text-align: center;
}

.copyright a {
    color: var(--text-secondary);
    display: inline-block;
}

.article {
    text-align: left;
    color: var(--text-secondary);
}

.single-post .entry-content {
    border-bottom: 1px solid var(--border-primary);
}

.header .bg-line {
    height: 3px;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--accent-color) 50%, var(--primary-color) 100%);
}

.bg-line {
    height: 3px;
    background: linear-gradient(90deg, var(--footer-bg) 0%, var(--primary-color) 50%, var(--footer-bg) 100%);
}

/*========== Responsive ===========*/
@media only screen and (max-width: 768px) {
    .main-slide img {
        height: 100%;
    }
    .main-menu, .top-header {
        display: none;
    }
    .mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
    .header {
        z-index: 999999;
        height: 64px;
        position: fixed;
        background: var(--mobile-header-bg);
        border-bottom: 1px solid var(--mobile-header-border);
    }
    .nav-bar {
        border: 0;
    }
    .svg-beranda { background-image: url(images/icon/mobile/beranda.svg); }
    .svg-slots { background-image: url(images/icon/mobile/slots.svg); }
    .svg-casino { background-image: url(images/icon/mobile/casino.svg); }
    .svg-sportsbook { background-image: url(images/icon/mobile/sportsbook.svg); }
    .svg-poker { background-image: url(images/icon/mobile/poker.svg); }
    .svg-esports { background-image: url(images/icon/mobile/esports.svg); }
    .svg-fishing { background-image: url(images/icon/mobile/fishing.svg); }
    .svg-togel { background-image: url(images/icon/mobile/togel.svg); }
    .svg-gift { background-image: url(images/icon/mobile/gift.svg); }
    .sticky, .single-post .sticky, .tag .sticky, .archive .sticky {
        height: 62px;
    }
    .site-logo {
        left: 0;
        right: 0;
        width: 50%;
        float: none;
        margin: auto;
        position: absolute;
        background-size: contain;
    }
    .site-logo img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        top: 11px;
    }
    .top-header {
        top: 0;
        left: 0;
        margin: auto;
        width: 100%;
    }
    .menu-mobile, .menu-login-menu-container, .slide {
        width: 100%;
        margin: auto;
    }
    .menu-mobile .menu li {
        background-image: -webkit-linear-gradient(top, var(--mobile-menu-start) 0%, var(--mobile-menu-end) 100%);
    }
    .menu {
        float: none;
    }
    .main-mobile {
        background: var(--sidebar-bg);
    }
    .main-mobile li {
        width: 23.3%;
        border-radius: 7px;
        margin-bottom: 5px;
        display: inline-block;
    }
    .main-mobile li a {
        padding: 7px;
        font-size: 14px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
        color: var(--text-secondary);
    }
    .main-mobile li .svg-menu {
        height: 30px;
        width: 25px;
        background-size: 25px;
    }
    .page-title .col-sm-12 h1 {
        padding: 0 15px;
        text-align: center;
        margin: 15px 0 0 0;
    }
    .provider-menu {
        padding: 0;
    }
    .provider-menu li {
        width: 22%;
        margin: 3px;
        background: none;
    }
    #menu-casino-menu li, #menu-fishing-menu li, #menu-togel-menu li {
        width: 30.5%;
    }
    .provider-menu li a {
        font-size: 14px;
    }
    .svg-pro {
        height: 35px;
        width: 30px;
        background-size: 30px;
    }
    .login-mobile {
        padding: 0;
    }
    .login-mobile li {
        display: inline-block;
        border-radius: 2px;
        width: 49.5%;
        text-align: center;
    }
    .login-mobile li a {
        color: var(--white);
        font-size: 18px;
        padding: 9px 20px;
        display: block;
        text-shadow: 0 0 3px var(--rtp-bg);
    }
    .nav-item li a i {
        vertical-align: middle;
    }
    .nav-item li {
        background: var(--secondary-color);
        position: relative;
        line-height: 20px;
        display: inline-block;
        width: 100%;
    }
    .nav-item li a {
        text-transform: capitalize;
        display: block;
        color: var(--text-primary);
        text-decoration: none;
        padding: 15px 15px;
    }
    .nav-item li:hover {
        background-color: var(--nav-hover-bg);
    }
    .nav-item li [aria-current] {
        background-color: var(--nav-hover-bg);
        display: block;
        width: 100%;
    }
    .nav-item li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        width: 3px;
        background-color: var(--rtp-bg);
    }
    .contact-floating {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 3px;
        z-index: 3;
    }
    .contact-floating li a {
        font-size: 12px;
        color: var(--white);
    }
    .contact-floating li {
        display: inline-block;
        width: 32%;
        text-align: center;
        padding: 5px 0;
    }
    .contact-floating li i {
        display: block;
        margin: auto;
        background-size: 18px;
        width: 20px;
        height: 20px;
    }
    .svg-login {
        background-image: url(images/icon/icon-login.svg);
        background-size: 44px;
        background-position: center center;
        width: 60px;
        height: 60px;
        position: absolute;
        top: -45px;
        bottom: 0;
        left: -10px;
        right: 0;
        background-color: var(--column-bg);
        border-radius: 32px;
    }
    .main {
        background: var(--sidebar-bg);
    }
    .slide {
        border: 0;
    }
    .main-slide {
        width: 100%;
    }
    .home-content .container, .bg-rounded .container {
        padding: 5px;
        background: var(--white);
        margin-bottom: 0;
        border-radius: 0;
    }
    .game .row {
        padding: 0 8px;
    }
    .ct-rounded {
        padding: 5px;
    }
    .ct-rounded .menu-provider {
        padding: 15px;
        background: var(--provider-menu-bg);
        border: 1px solid var(--games-border);
        margin: 10px auto;
        border-radius: 12px;
    }
    .slot .col-sm-2, .games .col-sm-2 {
        max-width: 31%;
        flex: 0 0 31%;
        margin: 4px;
    }
    .togel .col-sm-4 {
        max-width: 32%;
        flex: 0 0 100%;
        margin: 2px;
    }
    .game .col-sm-2 {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0;
        margin: 0;
    }
    .bg-rtp {
        border-radius: 12px;
        padding: 0;
        background: none;
        border: 0;
        margin: 10px auto;
    }
    ul.provider-menu {
        padding: 5px 0;
        border-bottom: 0;
        margin: auto;
    }
    .title-row {
        margin: 10px 10px;
        text-align: center;
        color: var(--primary-color);
    }
    .accordion-label {
        padding: 5px;
        border: 0;
        background: var(--column-bg);
        margin: 5px auto;
    }
    .footer img {
        width: 100%;
        height: auto;
    }
    .footer-logo img {
        width: 177px;
    }
    .footer .col-sm-2 {
        max-width: 22%;
        flex: 1 0 22%;
        margin: 5px;
        font-size: 10px;
    }
    .footer-title {
        width: max-content;
    }
    .footer .container {
        padding: 0 10px;
    }
    .copyright {
        text-align: center;
        padding-bottom: 57px;
    }
    .quick-footer {
        width: 44%;
    }
    .quick-footer li {
        padding: 0 7px;
    }
    #side-opener {
        display: none;
    }
    input .tg {
        display: block;
        overflow: hidden;
        position: relative;
    }
    .tg:checked + .page-content {
        right: 272px;
    }
    .page-sidebar {
        background: var(--sidebar-bg);
        width: 272px;
        display: block;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        position: fixed;
    }
    .page-sidebar-scroll {
        z-index: 2;
        overflow: scroll;
        overflow-x: hidden;
        height: 100%;
        width: 100%;
        top: -1px;
    }
    .page-content {
        z-index: 10;
        right: 0;
        display: block;
        min-height: 580px;
        transition: all .25s ease-out;
        -webkit-transition: all .25s ease-out;
        background-color: var(--table-box-bg);
    }
    .deploy-sidebar {
        background-image: url(images/deploy-nav.png);
        background-repeat: no-repeat;
        background-position: 9px 21px;
        background-size: 28px 19px;
        height: 60px;
        max-width: 44px;
        z-index: 50;
        width: 20%;
        float: right;
        top: 1px;
        right: 10px;
    }
    .sidebar-shortcuts {
        width: 100%;
        height: 2px;
        background-color: var(--border-minor);
    }
    .amp-carousel-button-prev, .amp-carousel-button-next {
        display: none;
    }
    .provider-slot .svg-menu {
        height: 29px;
        width: 30px;
        background-size: 26px;
    }
    .provider-slot li {
        flex-grow: 1;
        max-width: 100%;
        margin: 4px;
    }
    .provider-slot li a {
        font-size: 7px;
    }
    .column, .game-image, .game-image img, ul.provider-slot {
        border-radius: 5px;
    }
    .rtp .col-2 {
        flex: 1 0 20%;
        max-width: 20%;
    }
}

@media only screen and (max-width: 328px) {
    .site-logo {
        width: 38%;
    }
    .site-logo img {
        max-width: 100%;
        height: auto;
    }
    .login-mobile li a {
        padding: 5px 9px;
        font-size: 11px;
    }
    .lobby-nav li, .home .lobby-nav li, .main-mobile li {
        width: 47.9%;
    }
    .main-mobile li {
        margin-bottom: 17px;
    }
    .main-mobile li a {
        top: 76px;
    }
    .slide {
        height: 102px;
    }
    .quick-footer i {
        right: -13px;
    }
    .page-sidebar {
        width: 200px;
    }
    .tg:checked + .page-content {
        left: 202px;
    }
}