:root {
   --main-color: #052249;
   --main-color2: #ff9200;
   --main-color3: #727272;
}

/* width */
::-webkit-scrollbar {
   width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
   background: #888;
}

/* Handle */
::-webkit-scrollbar-thumb {
   background: #aa6100;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
   background: var(--main-color2);
   ;
}

.fw-600 {
   font-weight: 600;
}

body {
   /* font-family: "Work Sans", sans-serif; */
   font-family: "Lato", sans-serif;
   font-weight: 500;
   font-style: normal;
   color: var(--main-color);
}

.pointer {
   cursor: pointer !important;
}

.site-header {
   background-color: #ffffff;
   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
}

.header-logo {
   height: 100px;
}

.nav-mobile .header-logo {
   height: 50px;
}

.header-social-img {
   width: 30px;
}

.navbar-header-bars {
   font-size: 26px;
   padding: 7px 10px 4px;
   cursor: pointer;
}

.main-navigation .menu {
   display: flex;
   justify-content: space-between;
   margin-bottom: 20px;
}

.main-navigation .menu a,
.header-social a {
   color: var(--main-color);
   font-weight: 700;
   text-decoration: none;
}

.main-navigation .menu a:hover,
.header-social a:hover {
   color: var(--main-color2);
}

.main-navigation .menu .current-page-ancestor>a,
.main-navigation .menu .current_page_item>a {
   color: var(--main-color2);
}

.main-navigation .menu .sub-menu {
   flex-direction: column;
   background-color: #ffffff;
   padding: 10px 15px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.sidebar-mobile {
   position: fixed;
   top: 0;
   right: -310px;
   width: 300px;
   height: 100vh;
   background-color: #ffffff;
   overflow: auto;
   z-index: 50;
   color: #028BFF;
   transition: .3s;
}

.sidebar-mobile-backdrop {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 49;
}

.has-sidebar-mobile-show .sidebar-mobile {
   right: 0px;
}

.has-sidebar-mobile-show .sidebar-mobile-backdrop {
   display: block;
}

.sidebar-mobile-hide-btn {
   font-size: 40px;
   color: #000000;
}

.header-logo-mobile {
   width: 140px;
}

.mobile-mavigation .menu {
   margin-left: 0;
   margin-bottom: 0;
   padding-left: 0;
   list-style: none;
}

.mobile-mavigation a {
   color: var(--main-color);
   font-weight: 700;
   text-decoration: none;
   padding: 4px 5px;
   display: inline-block;
   font-size: 18px;
}

.sidebar-mobile .header-social-img {
   width: 40px;
}


.site-footer {
   background-color: var(--main-color);
   color: #ffffff;
}

.site-footer a {
   color: #ffffff;
   text-decoration: none;
}

.footer-header {
   color: var(--main-color2);
}

.footer-partner-img {
   width: 90px;
}

.footer-certification-img {
   width: auto;
   height: 90px;
}

.footer-copyright {
   letter-spacing: 1px;
}

.main-header {
   color: var(--main-color2);
}

.main-link1 {
   padding: 6px 5px 4px;
   background-color: var(--main-color2);
   color: #ffffff;
   text-align: center;
   border-radius: 25px;
   text-decoration: none;
   font-size: 26px;
   font-weight: 600;
}

.main-link2 {
   padding: 6px 5px 4px;
   background-color: var(--main-color3);
   color: #ffffff;
   text-align: center;
   border-radius: 25px;
   text-decoration: none;
   font-size: 26px;
   font-weight: 600;
}

.link_games-item {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.link_games-item-title {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   color: #ffffff;
   font-size: 38px;
}

.banner-item-desc ul,
.slide-item-desc ul {
   margin-left: 0;
}

.banner-link,
.slide-link {
   color: #ffffff;
   font-weight: 600;
   min-width: 250px;
   border-radius: 25px;
   padding: 7px 30px 5px;
   text-decoration: none;
   font-size: 24px;
   text-align: center;
}

.banner-item-nav,
.slide-item-nav {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

.banner-item-nav i,
.slide-item-nav i {
   font-size: 20px;
   color: #888888;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
   background: var(--main-color2);
}

.deposit-withdraw-btn {
   color: #ffffff;
   font-weight: 600;
   min-width: 220px;
   border-radius: 25px;
   padding: 7px 30px 5px;
   text-decoration: none;
   font-size: 18px;
   text-align: center;
   background-color: var(--main-color2);
}

.banner-social {
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
}

.banner-social-img {
   width: 70px;
}

.news-item {
   text-decoration: none;
   color: var(--main-color);
}

.news-item-cover {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.news-item-title {
   font-size: 16px;
}

.news-item-more {
   color: var(--main-color3);
}

.deposit-link {
   padding: 6px 5px 4px;
   background-color: var(--main-color3);
   color: #ffffff;
   text-align: center;
   border-radius: 25px;
   text-decoration: none;
   font-size: 18px;
   transition: .3s;
}

.deposit-link:hover {
   background-color: var(--main-color2);
}

.deposit-link.withdraw {
   background-color: #84c753;
}

.deposit-link.deposit-active {
   background-color: var(--main-color2);
}

.wp-block-image.w-100 img {
   width: 100%;
}

.pr-excerpt {
   line-height: 1.1rem;
}

.promotion-category-trigger {
   padding: 6px 15px 4px;
   margin: 5px;
   background-color: var(--main-color3);
   color: #ffffff;
   text-align: center;
   border-radius: 25px;
   text-decoration: none;
   transition: .3s;
}

.promotion-category-trigger:hover {
   background-color: var(--main-color2);
}

.pagi-select-container {
   text-align: center;
}

.pagi-select {
   width: 60px;
   border: 1px solid var(--main-color3);
   color: var(--main-color3);
   padding: 6px 0 4px 0;
   text-align-last: center;
   text-align: center;
   appearance: none;
}

.pagi-select option:hover,
.pagi-select option:checked {
   background-color: var(--main-color2);
   color: #ffffff;
   font-weight: 700;
}

.pagi-select-container a {
   margin: 0 4px;
   border: 1px solid var(--main-color3);
   font-size: 19px;
   color: var(--main-color3);
   padding: 2px 11px;
   padding-top: 5px;
   outline: 0;
   text-decoration: none;
   width: 35px !important;
   max-width: 35px !important;
   padding-left: 1px;
   padding-right: 1px;
   transition: .3s;
}

.pagi-select-container a:hover {
   background-color: var(--main-color2);
   color: white;
}

.cky-accordion-item {
   display: none !important;
}

.theme-deposit-withdraw-item .theme-deposit-withdraw-item-frame {
   background-color: #f3f3f3;
   padding: 20px;
   border-radius: 15px;
}

.theme-deposit-withdraw-item:nth-child(even) .theme-deposit-withdraw-item-frame {
   background-color: #e1e1e1;
}

.theme-game-item .theme-game-item-frame {
   background-color: #f3f3f3;
}

.theme-game-item:nth-child(even) .theme-game-item-frame {
   background-color: #e1e1e1;
}

.theme-promotion-conditions dl,
.theme-promotion-conditions ol,
.theme-promotion-conditions ul {
   margin-left: 0;
}

.banner-zone {
   background-color: #f3f3f3;
}

@media only screen and (min-width: 1400px) {
   .container {
      max-width: 1140px;
   }
}

.gate-content ol,
.gate-content ul {
   margin-left: 0;
}

.howtoregister-content ol,
.howtoregister-content ul {
   margin-left: 0;
}

.howtodeposit-content ol,
.howtodeposit-content ul {
   margin-left: 0;
}

.howtoplay-content ol,
.howtoplay-content ul {
   margin-left: 0;
}