/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Mixin
    - Common
      + Breakpoint
      + Flex-center
      + Prefix
      + Truncate
      + Vertical-center
    - Mixin  
# Base
	- Base
	- Reset
    - Variables
# General
    - Animation
    - General
# Components
	- Breadcrumb
	- Button
	- Menu Mobile
	- Components
# Layout
	- Header
    - Forms
    - Sidebar
    - Aside
    - Footer
# Pages
    - Home
      + Home
      + ...
      + ...    

--------------------------------------------------------------*/


/* Mixin
--------------------------------------------- */


/* Breakpoint
--------------------------------------------- */


/* Truncate
--------------------------------------------- */


/* Prefix
--------------------------------------------- */


/* SCSS */


/* CSS */


/* Base
--------------------------------------------- */


/* Variables
--------------------------------------------- */

@font-face {
    font-family: Myriad;
    src: url(../fonts/MyriadPro-Regular.ttf);
}


/* Reset
--------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    line-height: 1.2;
    font-size: 1.4rem !important;
    font-family: Myriad;
    font-weight: 400;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    display: block;
    max-width: 100%;
}

button {
    cursor: pointer;
    outline: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

input:focus {
    box-shadow: none;
}

select {
    cursor: pointer;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1300px;
    }
}

.container-full {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 1199px) {
    .container-full {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

.container-medium {
    width: 66.6667%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 1199px) {
    .container-medium {
        width: 80%;
    }
}

@media only screen and (max-width: 1023px) {
    .container-medium {
        width: 100%;
    }
}


/* General
--------------------------------------------- */

.live-chat {
    position: fixed;
    right: 0;
    color: #fff;
    top: 170px;
    padding: 12px 3px 12px 5px;
    background-color: #25aae1;
    border-radius: 16px 0 0 16px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
    font-size: 11px;
    z-index: 1000;
    text-align: center;
    width: 70px;
    transition: all 0.4s ease 0s;
    font-size: 1.1rem;
}

.live-chat:hover {
    color: #fff;
}

.live-chat .live-chat__icon {
    font-size: 3.9rem;
}

.bank {
    position: fixed;
    right: 0;
    color: #fff;
    top: 259px;
    cursor: pointer;
    z-index: 1000;
    text-align: center;
    transition: 0.4s;
    transform: translateX(310px);
}

.bank .bank__left {
    width: 70px;
    padding: 12px 3px 12px 5px;
    background-color: #25aae1;
    border-radius: 16px 0 0 16px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 100%;
}

.bank .bank__right {
    width: 310px;
    padding: 12px 3px 12px 5px;
    background-color: #fff;
    border-radius: 0 0 0 16px;
}

.bank .bank__right .card {
    border: none;
}

.bank .bank__right .card .card-header {
    color: #000;
    font-weight: 700;
    background-color: #fff;
    border: none;
}

.bank .bank__right .card .card-header .bank__icon {
    width: 100px;
}

.bank .bank__right .card .card-header .bank__icon .icon {
    padding-right: 10px;
    font-size: 35px !important;
    vertical-align: middle;
    transition: 0.3s;
}

.bank .bank__right .card .card-header .bank__name {
    width: 95px;
}

.bank .bank__right .card .card-header .bank-status {
    padding: 4px 5px;
    display: block;
    text-transform: uppercase;
}

.bank .bank__right .card .card-header .bank-status--online {
    font-weight: 700;
    color: #fff;
    background-color: #53ca6e;
    border-radius: 16px 0 16px 0;
    padding: 3px 8px;
    font-size: 1.1rem;
}

.bank .bank__right .card .card-header .bank-status--offline {
    font-weight: 700;
    color: #fff;
    background-color: red;
    border-radius: 16px 0 16px 0;
    padding: 3px 8px;
    font-size: 1.1rem;
}

.bank .bank__right .card .card-body {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
    padding: 0 20px;
    background-color: lightgray;
}

.bank .bank__right .card .card-body .card-body__title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #25aae1;
}

.bank .bank__right .card .card-body .card-body__content {
    padding: 20px;
    font-size: 1.1rem;
    color: #0a0a0a;
    line-height: 20px;
}

.bank .bank__right .active .card-header {
    background-color: #00a7e1;
}

.bank .bank__right .active .card-header .icon {
    transform: rotate(180deg);
}

.bank .bank__right .active .card-body {
    max-height: 100vh;
    padding: 20px 20px;
}

.bank .bank-icon {
    font-size: 3.9rem;
}

.show-bank {
    transform: translateX(0);
}

.show-bank .bank__right {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
}

.section__title {
    font-size: 2rem;
    font-weight: 700;
    color: #25aae1;
    text-transform: uppercase;
}

.menu-fixed-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #25aae1;
    z-index: 9999;
}

.gnws_fixed_dki {
    background: #33c85d;
}

.menu-fixed-mobile ul li a {
    color: white;
    font-size: 1.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
}

@media only screen and (max-width: 767px) {
    .menu-fixed-mobile ul li a {
        font-size: 1.5rem;
    }
}

.modal-language .modal-header {
    background-color: #00a7e1;
    color: #fff;
    font-weight: 700;
}

.modal-language .modal-header .icon-close-circle-button {
    cursor: pointer;
}

.modal-language .modal-body .modal-language__item {
    margin-bottom: 15px;
}

.modal-language .modal-body .modal-language__item .item__name {
    margin-bottom: 5px;
}

.modal-language .modal-body .modal-language__item .item__body .item__body-flag {
    margin-right: 5px;
}

.modal-language .modal-body .modal-language__item .item__body ul {
    display: flex;
}

.modal-language .modal-body .modal-language__item .item__body ul li {
    font-size: 1.4rem;
}

.modal-language .modal-body .modal-language__item .item__body ul li a {
    color: #0a0a0a;
}

.modal-language .modal-body .modal-language__item .item__body ul li a:hover {
    color: #1585cf;
}

.ws-sgct {
    line-height: 1.5;
    font-size: 16px;
}

.ws-sgct h2,
.ws-sgct h3,
.ws-sgct h4 {
    font-weight: bold;
    margin-bottom: 1rem;
}

.ws-sgct h6 {
    font-size: 18px;
}

.ws-sgct h5 {
    font-size: 20px;
}

.ws-sgct h4 {
    font-size: 22px;
}

.ws-sgct h3 {
    font-size: 24px;
}

.ws-sgct h2 {
    font-size: 26px;
    line-height: 1.5;
}

.ws-sgct h1 {
    font-size: 28px;
}

.ws-sgct p {
    line-height: 1.5;
    margin-bottom: 1rem;
}

.ws-sgct ul {
    list-style: disc;
    padding-left: 18px;
    padding-bottom: 5px;
}

.ws-sgct ul li {
    line-height: 1.5;
    margin-bottom: 10px;
}

.ws-sgct ul li a {
    color: #ff5912;
}

.ws-sgct ol {
    list-style: decimal;
    padding-left: 18px;
    padding-bottom: 5px;
}

.ws-sgct ol li {
    line-height: 1.5;
    margin-bottom: 10px;
}

.ws-sgct ol li a {
    color: #ff5912;
}

.ws-sgct blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eb2b2d;
}

.ws-sgct blockquote p {
    margin: 0 !important;
}

.ws-sgct code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    color: #e83e8c;
    font-size: 14px;
}

.ws-sgct table>tbody>tr>td,
.ws-sgct table>tbody>tr>th,
.ws-sgct table>tfoot>tr>td,
.ws-sgct table>tfoot>tr>th,
.ws-sgct table>thead>tr>td,
.ws-sgct table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px;
}

@media screen and (max-width: 767px) {
    .ws-sgct table>tbody>tr>td,
    .ws-sgct table>tbody>tr>th,
    .ws-sgct table>tfoot>tr>td,
    .ws-sgct table>tfoot>tr>th,
    .ws-sgct table>thead>tr>td,
    .ws-sgct table>thead>tr>th {
        padding: 5px;
    }
}

.ws-sgct iframe {
    margin: auto;
}

.ws-sgct .syntaxhighlighter {
    padding: 10px 0;
}


/* Components
--------------------------------------------- */


/* Button
--------------------------------------------- */

.button {
    padding: 10px 16px;
    border-radius: 3px;
    color: #fff;
    display: block;
    width: max-content;
    margin: 0 auto;
    border: none;
    outline: none;
}

.button:hover {
    color: #ffb800;
}

.button--right {
    margin: 0 0 0 auto;
}

.button--primary {
    background-color: #25aae1;
}

.button--yellow {
    background-color: #ffb800;
    color: #0a0a0a;
}

.button--yellow:hover {
    color: #fff;
}

.button--white {
    background-color: #fff;
    color: #25aae1;
}

.button--grey {
    background-color: #3b393f;
}


/* Breadcrumb
--------------------------------------------- */

.breadcrumb {
    background-color: #fafafa;
    padding: 16px 0;
}

.breadcrumb nav {
    font-size: 1.8rem;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .breadcrumb nav {
        font-size: 1.6rem;
    }
}

.breadcrumb nav a {
    color: #777777;
}

.breadcrumb nav a:hover {
    color: #0052cc;
}

.breadcrumb nav .last {
    color: #0052cc;
}


/* Menu mobile
--------------------------------------------- */

.menu-mobile__bars {
    margin-right: 25px;
    font-size: 2rem;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .menu-mobile__bars {
        margin-right: 10px;
        font-size: 1.3rem;
    }
}

.menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    max-width: 320px;
    background-color: #25aae1;
    z-index: 99999;
    transform: translateX(-100%);
    transition: 0.5s;
}

.menu-mobile .menu-mobile__head {
    margin-bottom: 15px;
    padding: 5px 10px;
}

.menu-mobile .menu-mobile__head .logo {
    font-size: 3rem;
}

.menu-mobile .menu-mobile__list ul li {
    position: relative;
}

.menu-mobile .menu-mobile__list ul li a {
    padding: 10px 0;
    display: flex;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.7rem;
}

.menu-mobile .menu-mobile__list ul li a span {
    color: #fff;
    font-size: 24px;
    padding: 0 25px 0 15px;
    display: block;
    width: 65px;
    text-align: center;
}

.menu-mobile .menu-mobile__list ul li .li-plus {
    width: 50px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.3s;
    font-size: 7px;
    color: #fff;
}

.menu-mobile .menu-mobile__list ul li .clicked {
    transform: rotate(180deg);
}

.menu-mobile .menu-mobile__list ul li ul {
    display: none;
}

.menu-mobile .menu-mobile__list ul li ul li a {
    text-transform: none;
    padding: 10px 0 10px 50px;
}

.menu-mobile .hot {
    color: red;
    font-weight: 700;
    font-size: 1.1rem;
}

.menu-mobile-active {
    transform: translate(0);
    overflow-y: scroll;
}

.menu-mobile-close {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    top: 0;
    right: 0;
    color: #fff;
    margin-right: 15px;
    font-size: 2.4rem;
}

.overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.overlay-active {
    opacity: 1;
    visibility: visible;
}


/* Pagination
--------------------------------------------- */

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pagination ul li {
    margin-left: 29px;
    font-weight: 500;
    font-size: 1.8rem;
}

.pagination ul li:last-child {
    margin-left: 64px;
}

.pagination ul li a {
    color: #7e8689;
}

.pagination ul li a:hover {
    color: #0a0a0a;
}

.pagination ul li .active {
    color: #0a0a0a;
}


/* Header
--------------------------------------------- */

.header__top {
    background-color: #2199ca;
    padding: 7px 0;
}

.header__top-left ul {
    display: flex;
    align-items: center;
}

.header__top-left ul li {
    margin-right: 30px;
    position: relative;
}

.header__top-left ul li:last-child {
    margin-right: 0;
}

.header__top-left ul li a {
    padding: 10px 0;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.header__top-left ul li .qr-code {
    position: absolute;
    z-index: 10000;
    display: none;
    width: 100%;
    background-color: #fff;
    border: 0.5px solid #dcdcdc;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    border-radius: 6px;
    left: -70px;
    right: -70px;
    margin: auto;
    width: 140px;
}

.header__top-left ul li .qr-code .qr-code-body {
    padding: 3px 0;
}

.header__top-left ul li .qr-code .qr-code-body .icon {
    color: #25aae1;
    padding: 8px;
    font-size: 20px;
}

.header__top-left ul li .qr-code .qr-code__desc {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 10px 0;
}

.header__top-left ul li .qr-code:before {
    position: absolute;
    top: -9px;
    right: calc(50% - 10px);
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 10px solid transparent;
    content: "";
}

.header__top-left ul li:hover .qr-code {
    display: block;
}

.header__top-left ul li ul {
    display: none;
    position: absolute;
    z-index: 9999;
    flex-direction: column;
    width: 180px;
    background-color: #fff;
    border: 0.5px solid #dcdcdc;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    border-radius: 6px;
    left: -78px;
    margin: auto;
}

.header__top-left ul li ul li {
    width: 100%;
    margin-right: 0;
    border-top: 0.5px solid #eff2f0;
}

.header__top-left ul li ul li a {
    display: inline-block;
    width: 100%;
    padding: 7px 7px 7px 9px;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 21px;
}

.header__top-left ul li ul li a:hover {
    background-color: #eff2f0;
}

.header__top-left ul li ul:before {
    position: absolute;
    top: -9px;
    right: calc(50% - 10px);
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 10px solid transparent;
    content: "";
}

.header__top-left ul li:hover ul {
    display: block;
}

.header__top-left .icon-phone {
    margin-right: 3px;
}

.header__top-right a {
    color: #fff;
    font-size: 1.3rem;
}

.header__top-right .header__top-link {
    font-size: 1.1rem;
    margin: 0 3px;
    color: #dfdfdf;
    display: inherit;
    background-color: #fff;
    padding: 7px;
    border-radius: 3px;
}

.header__top-right .header__top-login {
    padding: 5px 8px;
    border-radius: 5px;
    border: 2px solid #fff;
    margin: 0 3px;
    font-weight: bold;
}

.header__top-right .header__top-login:hover {
    background-color: #fff;
    color: #25aae1;
    border: 2px solid #fff;
}

.header__top-right .header__top-join {
    border-radius: 3px;
    border: 2px solid #33c85d;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    background-color: #33c85d;
    padding: 5px 10px;
    min-width: 105px;
    margin: 0 3px;
}

.header__bottom {
    background-color: #25aae1;
    position: relative;
}

@media only screen and (max-width: 1023px) {
    .header__bottom {
        padding: 10px 0;
    }
}

.header__bottom-left .logo {
    margin-right: 10px;
    display: block;
    font-size: 3rem;
}

@media only screen and (max-width: 1023px) {
    .header__bottom-left .logo {
        font-size: 2.6rem;
    }
}

@media only screen and (max-width: 767px) {
    .header__bottom-left .logo {
        font-size: 2.3rem;
    }
}

.header__bottom .header__menu ul {
    display: flex;
    align-items: center;
}

.header__bottom .header__menu ul li {
    position: relative;
}

.header__bottom .header__menu ul li a {
    padding: 17px 22px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px;
}

@media only screen and (max-width: 1199px) {
    .header__bottom .header__menu ul li a {
        font-size: 1rem;
        padding: 20px 12px;
    }
}

.header__bottom .header__menu ul li a:hover {
    background-color: #fff;
    color: #2199ca;
}

.header__bottom .header__menu ul li ul {
    position: absolute;
    width: 100%;
    top: 100%;
    background-color: red;
}

.header__bottom .header__menu ul li .sub-menu {
    display: none;
    position: fixed;
    left: 0;
    z-index: -1;
    top: 100px;
    width: 100%;
    height: 222px;
    background: url(../images/topnav-background.webp) repeat;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item {
    background-color: unset;
    padding: 0 20px;
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item:hover {
    box-shadow: 0 -68px 54px -6px rgba(0, 0, 0, 0.1) inset;
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item:hover .item__image,
.header__bottom .header__menu ul li .sub-menu .sub-menu__item:hover .item__desc {
    transform: scale(1.01);
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item .item__image {
    transition: 0.2s;
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item .item__image img {
    height: 147px;
    object-fit: contain;
    width: 150px;
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item .item__desc {
    margin: 7px 0;
    transition: 0.2s;
    text-align: center;
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item .item__desc .item__name {
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 3px;
    display: flex;
    justify-content: center;
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item .item__desc .item__link {
    font-size: 14px;
    padding: 5px 17px;
    background-color: #2199ca;
    min-width: 75px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    outline: none;
    border: none;
}

.header__bottom .header__menu ul li .sub-menu .sub-menu__item .item__desc .item__link:hover {
    background-color: #00adef;
}

.header__bottom .header__menu ul li:hover .sub-menu {
    display: block;
}

.header__bottom .header__menu ul .current-menu-item a .icon-fun88_arrow_thick_down {
    color: #2199ca;
}

.header__bottom .header__menu ul .current-menu-item.menu-item-has-children a:after {
    color: #2199ca;
}

.header__bottom .header__menu ul .menu-item-has-children>a:after {
    content: "\e90e";
    font-family: "fun-svg-font" !important;
    font-size: 6px;
    padding-left: 5px;
    position: relative;
    top: -2px;
    color: #fff;
}

.header__bottom .header__menu ul .menu-item-has-children>a:hover:after {
    color: #2199ca;
}

.header__bottom .header__menu .hot {
    color: red;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 10px;
}

.header__bottom .header__bottom-action-mobile .action-login {
    padding: 5px 8px;
    border-radius: 5px;
    border: 2px solid #fff;
    margin: 0 3px;
    font-weight: bold;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .header__bottom .header__bottom-action-mobile .action-login {
        font-size: 0.8rem;
        padding: 5px;
    }
}

.header__bottom .header__bottom-action-mobile .action-login:hover {
    background-color: #fff;
    color: #25aae1;
    border: 2px solid #fff;
}

.header__bottom .header__bottom-action-mobile .action-join {
    border-radius: 3px;
    border: 2px solid #33c85d;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    background-color: #33c85d;
    padding: 5px 10px;
    min-width: 105px;
    margin: 0 3px;
}

@media only screen and (max-width: 767px) {
    .header__bottom .header__bottom-action-mobile .action-join {
        font-size: 0.8rem;
        padding: 5px;
    }
}


/* Home
--------------------------------------------- */

.home__banner {
    position: relative;
}

.home__banner .home__banner-carousel .carousel-cell {
    width: 100%;
}

.home__banner .home__banner-nav {
    width: 100%;
    bottom: 0;
    position: absolute;
    background: rgba(74, 74, 68, 0.29);
}

@media only screen and (max-width: 1023px) {
    .home__banner .home__banner-nav {
        background-color: unset;
        padding: 10px 0;
    }
}

.home__banner .home__banner-nav .carousel-cell {
    width: 25%;
    padding: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 1023px) {
    .home__banner .home__banner-nav .carousel-cell {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #fff;
        padding: 0;
        margin: 0 5px;
    }
}

.home__banner .home__banner-nav .carousel-cell .cell__title {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1023px) {
    .home__banner .home__banner-nav .carousel-cell .cell__title {
        display: none;
    }
}

.home__banner .home__banner-nav .carousel-cell .cell__desc {
    color: #fff;
}

@media only screen and (max-width: 1023px) {
    .home__banner .home__banner-nav .carousel-cell .cell__desc {
        display: none;
    }
}

.home__banner .home__banner-nav .is-selected {
    position: absolute;
}

@media only screen and (max-width: 1023px) {
    .home__banner .home__banner-nav .is-selected {
        background-color: #3f97ff;
    }
}

.home__banner .home__banner-nav .is-selected:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #3f97ff;
}

@media only screen and (max-width: 1023px) {
    .home__banner .home__banner-nav .is-selected:after {
        display: none;
    }
}

.home__banner .home__banner-nav .is-selected .cell__title {
    color: #3f97ff;
}

.partner .partner__item .partner__item-title {
    text-align: center;
    padding: 50px 0 28px 0;
    font-size: 1.7rem;
    color: #000;
}

@media only screen and (max-width: 767px) {
    .partner .partner__item .partner__item-title {
        padding-top: 35px;
    }
}

.partner .partner__item .item-detail {
    font-size: 1.6rem;
}

.partner .partner__item .item-detail .item__image {
    margin: 28px;
}

.partner .partner__item .item-detail .item__image img {
    max-height: 182px;
    margin: 0 auto;
    object-fit: contain;
}

.partner .partner__item .item-detail p {
    font-weight: 700;
    color: #25aae1;
    margin-bottom: 5px;
}

.partner .partner__item .item-detail span {
    color: #000;
    display: block;
}

.home__feature {
    padding: 20px 0;
    border-bottom: 2px solid #dbdbdb;
}

.home__feature .home__feature-list {
    margin-top: 20px;
}

.home__feature .home__feature-list .home__feature-item {
    border-left: 1px solid #cacaca;
    padding: 14px 0;
    max-width: 25%;
    flex-basis: 25%;
}

@media only screen and (max-width: 1023px) {
    .home__feature .home__feature-list .home__feature-item {
        max-width: 50%;
        flex-basis: 50%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .home__feature .home__feature-list .home__feature-item {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.home__feature .home__feature-list .home__feature-item:first-child {
    border: none;
}

.home__feature .home__feature-list .home__feature-item .item__icon {
    font-size: 7.3rem;
}

.home__feature .home__feature-list .home__feature-item .item__content .item__content-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 7px;
}

.home__feature .home__feature-list .home__feature-item .item__content .item__content-desc {
    color: #000;
}

.home__product {
    padding-top: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home__product .home__product-list {
    margin-top: 10px;
}

@media only screen and (min-width: 1025px) {
    .home__product .home__product-list {
        display: flex;
        flex-wrap: wrap;
    }
}

.home__product .home__product-list:after {
    content: "flickity";
    display: none;
}

@media only screen and (min-width: 1199px) {
    .home__product .home__product-list:after {
        content: "";
    }
}

@media only screen and (min-width: 1025px) {
    .home__product .home__product-list .product-item {
        max-width: 16.666666667%;
        flex-basis: 16.666666667%;
        position: relative;
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .home__product .home__product-list .product-item {
        width: 24%;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1023px) {
    .home__product .home__product-list .product-item {
        width: 28%;
    }
}

@media only screen and (max-width: 767px) {
    .home__product .home__product-list .product-item {
        width: 48%;
    }
}

.home__product .home__product-list .product-item img {
    border-radius: 10px;
    max-width: 100%;
    width: 100%;
}

.home__product .home__product-list .product-item .product__icon {
    width: 100%;
    position: absolute;
    top: 4%;
    text-align: center;
}

.home__product .home__product-list .product-item .product__icon img {
    width: 20%;
    margin: 0 auto;
}

.home__product .home__product-list .product-item .product__text {
    top: 18%;
    text-align: center;
    color: white;
    width: 100%;
    max-width: 95%;
    position: absolute;
}

.home__product .home__product-list .product-item .product__text-title {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

.home__product .home__product-list .product-item .product__text-desc {
    word-break: break-word;
    width: 80%;
    margin: -7px auto !important;
    font-size: 100%;
    line-height: 22px;
}

.home__product .home__product-list .product-item .product__link {
    background-color: #33c85f;
    padding: 4px 35px;
    border: 2px solid #33c85f;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 84%;
    text-align: center;
    max-width: 70%;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
    .home__product .home__product-list .product-item .product__link {
        padding: 4px 10px;
    }
}

.home__product .home__product-list .product-item .product__link:hover {
    color: #1585cf;
}

.home__prize {
    padding: 18px 0;
    border-top: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    margin-top: 20px;
}

.home__prize .home__prize-head .home__prize-more {
    background-color: #ffffff;
    border-radius: 5px;
    margin-right: 10px;
    border: 1px solid #25aae1;
    padding: 10px 12px;
    font-size: 1.3rem;
}

.home__prize .home__prize-head .home__prize-more a {
    color: #25aae1;
}

.home__prize .home__prize-list {
    margin-top: 20px;
}

.home__prize .home__prize-list .prize__item {
    width: 24.5%;
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .home__prize .home__prize-list .prize__item {
        width: 48%;
    }
}

.prize__item {
    margin-bottom: 20px;
}

.prize__item .prize__item-image {
    display: block;
}

.prize__item .prize__item-image img {
    width: 100%;
}

.prize__item .prize__item-link {
    display: block;
    width: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-top: -4px;
    background-color: #23afe3 !important;
    color: #ffffff !important;
    border: 1px solid #23afe3 !important;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

.prize__item .prize__item-status {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin: 0 2px 0 2px;
    padding: 6px 10px 6px 10px;
    background-color: #ff6b44;
}

.prize__item .prize__item-number {
    position: absolute;
    text-align: center;
    font-size: 12px;
    background-color: #33c85d;
    color: #fff;
    border-radius: 5px;
    padding: 5px 20px;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
    .prize__item .prize__item-number {
        top: 55%;
    }
}

.prize__item .prize__item-time-left {
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 7px 20px;
}

.prize-modal .modal-dialog {
    max-width: 70%;
}

@media only screen and (max-width: 767px) {
    .prize-modal .modal-dialog {
        min-width: 95%;
    }
}

.prize-modal .modal-header {
    background-color: #25aee1;
    color: #fff;
    line-height: 40px;
    height: 40px;
    padding: 0 1rem;
    font-weight: 300;
    font-size: 15px;
}

.prize-modal .modal-content {
    border: none;
}

.prize-modal .modal-body .body-content {
    padding: 20px;
}

.prize-modal .modal-body .body-time span>span>span {
    display: inline-block;
    text-indent: 7px;
    letter-spacing: 7px;
    line-height: 28px;
    color: #fff;
    background: url(../images/countdown.jpg) no-repeat;
}

.prize-modal .modal-footer {
    height: 55px;
    width: 100%;
    box-shadow: 0 -3px 13px -8px rgba(0, 0, 0, 0.75);
    line-height: 55px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prize-modal .modal-footer a {
    border-radius: 3px;
    color: #fff;
    background-color: #25aae1;
    border: none;
    padding: 10px 30px 10px 30px;
    font-size: 1.4rem;
}

.prize-modal .icon {
    color: #fff;
    opacity: 1;
    cursor: pointer;
}

.daily-deals-modal .body-title {
    color: #0a0a0a;
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.home__app {
    padding: 27px 0;
}

.home__app-head .home__app-desc {
    margin-top: 20px;
    color: #0a0a0a;
    line-height: 22px;
    width: 70%;
}

.home__app-download {
    margin-top: 60px;
}

.home__app-download .download-head {
    margin: 5px;
    padding: 15px;
    font-size: 2.2rem;
    font-weight: 700;
}

.home__app-download .download-head .icon {
    color: #2199e8;
    font-size: 3rem;
}

.home__app-download .download-body .body__qr {
    box-shadow: 0px 2px #f3f3f3;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-color: #e6e6e6;
    margin-right: 15px;
}

.home__app-download .download-body .body__text p {
    color: #0a0a0a;
    margin-bottom: 3px;
}

.home__app-download .download-body .body__text a {
    display: block;
    margin-top: 14px;
    border-radius: 7px;
    padding: 5px;
    color: #25aae1;
    border: 1px solid #25aae1;
}

.home__app-download .download-body .body__text a:hover {
    color: #1585cf;
    border-color: #1585cf;
}

.home__app-download .download-body .body__text a svg {
    margin-right: 3px;
}

.home__app-modal .download-modal .modal-dialog {
    max-width: 300px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.home__app-modal .download-modal .modal-content {
    border: none;
}

.home__app-modal .download-modal .modal-content .modal-header {
    font-size: 1.8rem;
    font-weight: 700;
    border: none;
}

.home__app-modal .download-modal .modal-content .modal-body .download__step .step__item {
    width: 100%;
}

.home__app-modal .download-modal .modal-content .modal-footer {
    border: none;
}

.home__app-modal .download-modal .modal-content .modal-footer button {
    padding: 7px 0;
    font-size: 0.9rem;
    background-color: #2199e8;
    color: #fefefe;
    width: 100%;
    font-size: 1.4rem;
}

.home__app-modal .download-modal .modal-content .download__step .flickity-page-dots {
    bottom: -10px;
}

.home__app-modal .download-modal .modal-content .download__step .flickity-page-dots .dot {
    width: 6px;
    height: 6px;
    background-color: #2199e8;
}

.home__app-modal .download-modal .modal-content .download__step .flickity-button {
    background: unset;
    color: white;
}

.home__app-carousel .carousel-cell {
    width: 33.33%;
    margin-right: 0;
    margin-top: 100px;
    margin-bottom: 100px;
}

.home__app-carousel .carousel-cell .cell__image {
    opacity: 0.5;
    width: 100%;
    transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1);
    transform: scale(0.8);
    transition-delay: 0s;
}

.home__app-carousel .carousel-cell .cell__image img {
    width: 100%;
}

.home__app-carousel .carousel-cell .cell__text {
    left: -50%;
    bottom: -2%;
    display: none;
    position: absolute;
    width: 200%;
}

.home__app-carousel .is-selected .cell__image {
    opacity: 1;
    transform: scale(1.3);
    transition: transform 0.1s linear;
    transition-delay: 0.5s;
}

.home__app-carousel .is-selected .cell__text {
    display: block;
}

.download__nav {
    margin-top: 40px;
    border-bottom: 1px solid #cacaca;
}

.download__nav .nav .nav-item {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
    text-align: center;
}

.download__nav .nav .nav-item .nav-link {
    color: #8e8e8e;
    font-size: 22px;
}

@media only screen and (max-width: 767px) {
    .download__nav .nav .nav-item .nav-link {
        font-size: 1.8rem;
    }
}

.download__nav .nav .nav-item .nav-link i {
    font-size: 6.5rem;
    color: #b3b3b3;
}

@media only screen and (max-width: 767px) {
    .download__nav .nav .nav-item .nav-link i {
        font-size: 3.5rem;
    }
}

.download__nav .nav .nav-item .nav-link span {
    margin-top: 15px;
    display: block;
}

.download__nav .nav .nav-item .nav-link:hover {
    color: #25aee1;
}

.download__nav .nav .nav-item .nav-link:hover i {
    color: #25aee1;
}

.download__nav .nav .nav-item .active {
    color: #25aee1;
    border-bottom: 3px solid #25aee1;
    background-color: unset;
}

.download__nav .nav .nav-item .active i {
    color: #25aee1;
}

.download__content {
    margin-top: 30px;
}

.download__content .download__content-item {
    margin-bottom: 40px;
}

@media only screen and (max-width: 424px) {
    .download__content .download__content-item {
        margin-bottom: 20px;
    }
}

.download__content .download__content-item .download__content-title {
    font-size: 3.4rem;
    color: #0a0a0a;
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    .download__content .download__content-item .download__content-title {
        font-size: 2.5rem;
    }
}

.download__content .download__content-item .download__content-title .hot {
    font-size: 1.4rem;
    color: #ff0000;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    top: -20px;
}

@media only screen and (max-width: 424px) {
    .download__content .download__content-item .download__content-title .hot {
        top: -15px;
    }
}

.download__content .download__content-item .item__block {
    padding: 30px;
    background-color: #f2f3f4;
}

@media only screen and (max-width: 1023px) {
    .download__content .download__content-item .item__block {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .download__content .download__content-item .item__block .item__block-left {
        max-width: 100%;
        flex-basis: 100%;
        margin-bottom: 15px;
    }
}

.download__content .download__content-item .item__block .item__block-right .right__title {
    font-weight: 700;
    color: #0a0a0a;
    margin-bottom: 15px;
}

.download__content .download__content-item .item__block .item__block-right .right__info {
    margin-bottom: 15px;
}

.download__content .download__content-item .item__block .item__block-right .right__note {
    color: #aaaaaa;
    margin-bottom: 15px;
}

.download__content .download__content-item .item__block .item__block-right .right__link {
    background-color: #25aee1;
    color: #fff;
    padding: 5px 30px;
    font-weight: bolder;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}

.download__content .download__content-item .item__block .item__block-right .right__link:hover {
    background-color: #3f97ff;
}

.download__content .download__content-item .item__block .item__block-right .right__tutorial {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #25aae1;
}

.download__content .download__content-item .item__block .item__block-right .right__tutorial span {
    text-decoration: underline;
}

.download__content .download__content-item .item__block .item__block-right .right__tutorial i {
    margin-right: 3px;
    text-decoration: none;
}

.tutorial-modal .modal-dialog {
    top: 30%;
}

.tutorial-modal .modal-content {
    border: none;
}

.tutorial-modal .modal-content .modal-header {
    padding: 10px 20px;
    background-color: #25aae1;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    display: flex;
    align-items: center;
}

.tutorial-modal .modal-content .modal-header .close {
    opacity: 1;
    color: #fff;
}

.tutorial-modal .modal-content .modal-body .body__content {
    font-weight: 700;
}

.tutorial-modal .modal-content .modal-body .body__content p {
    margin-bottom: 10px;
}

.faq {
    padding: 30px 0 50px 0;
}

@media only screen and (max-width: 1023px) {
    .faq .faq__accordion {
        margin-top: 30px;
    }
}

.faq .faq__accordion .card {
    border: none;
    position: relative;
    z-index: 99;
    margin-bottom: 10px;
}

.faq .faq__accordion .card>ul.card-body {
    display: block;
}

.faq .faq__accordion .card .card-header {
    background-color: unset;
    border: none;
    font-weight: 700;
    padding: 0 10px 0 0;
    cursor: pointer;
}

.faq .faq__accordion .card .card-header .icon {
    font-size: 1rem;
    min-width: 32px;
}

.faq .faq__accordion .card .card-header .icon-arrow-right {
    transition: 0.3s;
}

.faq .faq__accordion .card .card-header .icon-help {
    font-size: 2.7rem;
}

.faq .faq__accordion .card .card-header .icon-about_fun88 {
    font-size: 2.2rem;
    color: #00adef;
}

.faq .faq__accordion .card .card-header .icon-profile {
    font-size: 2rem;
}

.faq .faq__accordion .card .card-header .icon-affiliate2,
.faq .faq__accordion .card .card-header .icon-member_reward,
.faq .faq__accordion .card .card-header .icon-acc-setting {
    font-size: 2.9rem;
}

.faq .faq__accordion .card .card-header .icon-fun88_bank {
    font-size: 2.8rem;
}

.faq .faq__accordion .card .card-header .icon-gambling_rules,
.faq .faq__accordion .card .card-header .icon-vip {
    font-size: 2.5rem;
}

.faq .faq__accordion .card .card-header .icon-phone {
    font-size: 3.8rem;
    padding-left: 5px;
}

.faq .faq__accordion .card .card-header .icon-betting_guide {
    font-size: 35px;
    padding-left: 3px;
}

.faq .faq__accordion .card .card-header .header__left {
    color: #8e8e8e;
}

.faq .faq__accordion .card .card-header .header__left span {
    margin-left: 10px;
    color: #2c2c2c;
    line-height: 30px;
}

.faq .faq__accordion .card .card-header .header__left .card-new {
    font-size: 12px;
    margin-left: 10px;
    background-color: #25aae1;
    color: #ffffff;
    padding: 5px;
    border-radius: 3px;
    line-height: 1.2;
}

.faq .faq__accordion .card .card-body {
    padding: 10px 0;
    max-height: 0;
    transition: 0.5s;
    overflow: hidden;
    padding: 0;
    display: none;
}

.faq .faq__accordion .card .card-body li a {
    padding: 5px 0 5px 40px;
    font-weight: 700;
    color: #2c2c2c;
    line-height: 30px;
}

.faq .faq__accordion .card .card-body .current-menu-item a {
    color: #25aae1;
}

.faq .faq__accordion .card .collapse .icon {
    transform: rotate(0);
}

.faq .faq__accordion .active .icon-arrow-right {
    transform: rotate(90deg);
}

.faq .faq__accordion .active .card-body {
    max-height: 100vh;
}

.faq .faq__accordion .current-card-item .card-header {
    background-color: #ebf3ff;
}

.faq .faq__accordion .current-card-item .card-header .header__left {
    color: #25aae1;
}

.faq .faq__accordion .current-card-item .card-header .header__left span {
    color: #25aae1;
}

.faq .faq__accordion .current-card-item .card-header .icon-arrow-right {
    transform: rotate(90deg);
}

.faq .faq__content-head .head__title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a0a0a;
}

.faq .faq__line {
    max-width: 120rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 3rem auto;
    clear: both;
}

.faq .faq__body .faq__body-column {
    border-right: 1px solid #dcdcdc;
}

.faq .faq__body .faq__body-column:last-child {
    border: none;
}

@media only screen and (max-width: 767px) {
    .faq .faq__body .faq__body-inner {
        margin-bottom: 20px;
    }
}

.faq .faq__body .faq__body-inner .faq__body-head {
    margin-bottom: 10px;
    padding: 0 13px;
}

.faq .faq__body .faq__body-inner .faq__body-head .icon {
    font-size: 30px;
    float: left;
    color: #00adef !important;
}

.faq .faq__body .faq__body-inner .faq__body-head .head__title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a0a0a;
    padding-left: 45px;
    line-height: 28px;
}

.faq .faq__body .faq__body-inner .faq__body-content ul li a {
    margin-top: 10px;
    padding-left: 60px;
    display: block;
    color: #2c2c2c;
}

.faq .faq__body .faq__body-inner .faq__body-content ul li a:hover {
    color: #3f97ff;
}

.faq .faq__body hr {
    max-width: 120rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 3rem auto;
    clear: both;
}

.faq .faq__question .faq__question-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.faq .faq__question .faq__question-list ul {
    display: flex;
    flex-wrap: wrap;
}

.faq .faq__question .faq__question-list ul li {
    max-width: 45%;
    flex-basis: 45%;
    margin: 0 0 20px 17px;
    list-style: disc;
}

@media only screen and (max-width: 767px) {
    .faq .faq__question .faq__question-list ul li {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.faq .faq__question .faq__question-list ul li::marker {
    font-size: 1.2rem;
    color: #3f97ff;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.faq .faq__question .faq__question-list ul li a {
    color: #3f97ff;
}

.faq .faq__support {
    margin-top: 20px;
    width: 80%;
}

@media only screen and (max-width: 1023px) {
    .faq .faq__support {
        width: 90%;
        margin-left: 15px;
    }
}

.faq .faq__support-item {
    border: 1px solid #dcdcdc;
    padding: 30px;
}

@media only screen and (max-width: 767px) {
    .faq .faq__support-item .item__inner {
        margin-bottom: 20px;
    }
}

.faq .faq__support-item .item__inner .item__inner-left {
    margin-right: 20px;
    width: 68px;
}

.faq .faq__support-item .item__inner .item__inner-left .icon {
    font-size: 40px;
    color: #25aae1;
    text-align: left;
}

.faq .faq__support-item .item__inner .item__inner-right .right__title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #2c2c2c;
    line-height: 22px;
}

.faq .faq__support-item .item__inner .item__inner-right span {
    color: #8e8e8e;
    line-height: 21px;
}

.faq__detail-list .faq__detail-item {
    margin-bottom: 16px;
}

.faq__detail-list .faq__detail-item .item__head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.faq__detail-list .faq__detail-item .item__head:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #0a0a0a;
    border-radius: 50%;
    margin-right: 10px;
}

.faq__detail-list .faq__detail-item .item__content {
    max-height: 0vh;
    overflow: hidden;
    transition: 0.4s;
    padding-left: 20px;
}

.faq__detail-list .faq__detail-item .item__content h2,
.faq__detail-list .faq__detail-item .item__content h3,
.faq__detail-list .faq__detail-item .item__content h4,
.faq__detail-list .faq__detail-item .item__content h5,
.faq__detail-list .faq__detail-item .item__content h6 {
    font-size: 1.4rem !important;
    font-weight: 700;
}

.faq__detail-list .faq__detail-item .active {
    max-height: 100vh;
}

.promotion {
    padding: 30px 0;
}

.promotion .promotion-container {
    width: 80%;
    margin: 0 auto;
}

@media only screen and (max-width: 1199px) {
    .promotion .promotion-container {
        width: 100%;
    }
}

.promotion .promotion__main-nav {
    width: 1500px;
    position: relative;
    margin: auto;
    border-bottom: 2px solid #25aae1;
    height: 47px;
    margin-bottom: 20px;
    margin-top: 30px;
}

@media only screen and (max-width: 1500px) {
    .promotion .promotion__main-nav {
        width: 100%;
    }
}

.promotion .promotion__main-nav .nav-tabs {
    border: none;
}

.promotion .promotion__main-nav nav {
    padding-left: 50px;
}

.promotion .promotion__main-nav nav .nav-item {
    position: relative;
    height: 45px;
    width: 200px;
    line-height: 44px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    text-align: center;
    color: #3c3c3c;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1.4rem;
}

.promotion .promotion__main-nav nav .nav-item:hover {
    font-weight: 700;
}

@media only screen and (max-width: 1023px) {
    .promotion .promotion__main-nav nav .nav-item {
        max-width: 25%;
        flex-basis: 25%;
    }
}

@media only screen and (max-width: 767px) {
    .promotion .promotion__main-nav nav .nav-item {
        font-size: 1.2rem;
        line-height: 1.2;
        width: 30%;
    }
}

.promotion .promotion__main-nav nav .active {
    border-bottom: none !important;
    height: 47px;
    font-weight: 700;
    border: 2px solid #25aae1;
    color: #25aae1;
}

.promotion .promotion-inner__tab {
    padding-left: 61px;
}

@media only screen and (max-width: 1023px) {
    .promotion .promotion-inner__tab {
        padding: 0 15px;
    }
}

.promotion .promotion-inner__tab .nav-item {
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    .promotion .promotion-inner__tab .nav-item {
        max-width: 19%;
        flex-basis: 19%;
    }
}

.promotion .promotion-inner__tab .nav-item .nav-link {
    height: 83px;
    width: 90px;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-right: 8px;
    border-radius: 5px;
    color: #3c3c3c;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 2px;
}

@media only screen and (max-width: 767px) {
    .promotion .promotion-inner__tab .nav-item .nav-link {
        width: 100%;
    }
}

@media only screen and (max-width: 424px) {
    .promotion .promotion-inner__tab .nav-item .nav-link {
        font-size: 0.9rem;
        height: 65px;
        line-height: 1;
    }
}

.promotion .promotion-inner__tab .nav-item .nav-link .icon {
    font-size: 30px;
    top: 13px;
}

@media only screen and (max-width: 767px) {
    .promotion .promotion-inner__tab .nav-item .nav-link .icon {
        font-size: 2.5rem;
    }
}

.promotion .promotion-inner__tab .nav-item .nav-link span {
    font-size: 1.2rem;
    display: block;
    text-transform: uppercase;
    margin-top: 5px;
}

.promotion .promotion-inner__tab .nav-item .nav-link:hover {
    color: #fff !important;
    background-color: #25aae1 !important;
}

.promotion .promotion-inner__tab .nav-item .active {
    color: #fff !important;
    background-color: #25aae1 !important;
}

.promotion .promotion-inner__tab .promotion__content-item {
    margin-bottom: 20px;
}

.promotion .promotion-inner__tab .promotion__content-item .item__title {
    font-size: 2rem;
    font-weight: bold;
    color: #323232;
    text-align: left;
    margin-bottom: 20px;
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .prize__item {
    width: 31.5%;
    margin-right: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 1023px) {
    .promotion .promotion-inner__tab .promotion__content-item .item__list .prize__item {
        width: 49%;
    }
}

@media only screen and (max-width: 767px) {
    .promotion .promotion-inner__tab .promotion__content-item .item__list .prize__item {
        width: 100%;
    }
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .flickity-prev-next-button {
    background-color: #fff;
    width: 90px;
    top: 50%;
    height: 80px;
    line-height: 80px;
    color: #23afe3;
    cursor: pointer;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .promotion .promotion-inner__tab .promotion__content-item .item__list .flickity-prev-next-button {
        width: 50px;
        height: 50px;
    }
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .flickity-prev-next-button .flickity-button-icon {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .flickity-prev-next-button:hover {
    box-shadow: 0 2px 14px -4px rgba(0, 0, 0, 0.75);
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .previous {
    font-size: 40px;
    left: -2%;
    padding-left: 20px;
    z-index: 10;
    text-align: right;
    padding-right: 20px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .previous .flickity-button-icon {
    right: 10%;
    left: auto;
}

@media only screen and (max-width: 1023px) {
    .promotion .promotion-inner__tab .promotion__content-item .item__list .previous {
        left: 0;
    }
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .next {
    right: 2%;
    padding-left: 20px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

.promotion .promotion-inner__tab .promotion__content-item .item__list .next .flickity-button-icon {
    left: 10%;
}

@media only screen and (max-width: 1023px) {
    .promotion .promotion-inner__tab .promotion__content-item .item__list .next {
        right: 0;
    }
}

.promotion .promotion-inner__tab .promotion-tab-content .promotion__content-title {
    font-size: 2.5rem;
    font-weight: 700;
}

.promotion .roll-back__info {
    width: 290px;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 20px;
}

.promotion .roll-back__info i {
    font-size: 1.8rem;
}

.promotion .roll-back__info p {
    width: 80%;
    margin-left: 10px;
}

.sport {
    padding: 20px;
    background-color: #e3e3e3;
}

.sport .sport__item {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 1199px) {
    .sport .sport__item {
        background-size: cover !important;
    }
}

@media only screen and (max-width: 1023px) {
    .sport .sport__item {
        margin-bottom: 30px;
    }
}

.sport .sport__item .sport__item-logo {
    height: 100px;
}

.sport .sport__item .sport__item-logo img {
    width: 30%;
    padding-top: 25px;
    margin: 0 auto 50px auto;
    display: block;
}

.sport .sport__item .sport__item-image {
    transition: 0.3s;
    display: block;
    margin: 23px auto 0 auto;
    width: 73%;
    margin-bottom: 60px;
    height: 300px;
}

.sport .sport__item:hover .sport__item-image {
    transform: scale(1.2);
}

.sport .sport__item .sport__item-content {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 10%;
    height: 100%;
}

.sport .sport__item .sport__item-content .content__title {
    font-size: 2.3rem;
    font-weight: 600;
    color: #25aae1;
}

.sport .sport__item .sport__item-content .content__desc {
    font-size: 1.9rem;
    color: #0a0a0a;
    margin: 0 auto 10px auto;
    width: 80%;
}

@media only screen and (max-width: 1199px) {
    .sport .sport__item .sport__item-content .content__desc {
        width: 90%;
        font-size: 1.5rem;
    }
}

.sport .sport__item .sport__item-content .content__desc p {
    line-height: 29px;
}

.sport .sport__item .sport__item-content .content__link {
    display: block;
    color: #fff;
    background-color: #25aae1;
    padding-top: 6px;
    width: 48%;
    border-radius: 3px;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    border: none;
    outline: none;
}

.sport-detail {
    height: 100vh;
}

.sport-detail__inner {
    max-width: 1370px;
    margin: 0 auto;
}

.ipes .ipes__banner .ipes__banner-item {
    width: 100%;
}

.ipes .ipes__banner .flickity-page-dots {
    bottom: 10px;
}

.ipes .ipes__banner .flickity-page-dots .dot {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    background-color: unset;
    opacity: 1;
    margin: 0 6px;
}

.ipes .ipes__banner .flickity-page-dots .is-selected {
    background-color: #3f97ff;
    border: 2px solid #3f97ff;
}

.sponsor__section {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 41.3vw;
}

@media only screen and (max-width: 1199px) {
    .sponsor__section {
        height: 55vw;
    }
}

@media only screen and (max-width: 1023px) {
    .sponsor__section {
        height: auto;
        padding: 30px 0;
    }
}

.sponsor__section .sponsor__title {
    font-size: 3.5rem;
    color: #00d3ff;
    font-weight: 700;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .sponsor__section .sponsor__title {
        font-size: 2.5rem;
    }
}

.sponsor__section .sponsor__title--medium {
    font-size: 4.8rem;
}

@media only screen and (max-width: 767px) {
    .sponsor__section .sponsor__title--medium {
        font-size: 2.8rem;
        margin-bottom: 20px;
    }
}

.sponsor__section .sponsor__title--big {
    font-size: 6.7rem;
}

@media only screen and (max-width: 767px) {
    .sponsor__section .sponsor__title--big {
        font-size: 3.5rem;
    }
}

.sponsor__section .sponsor__desc {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 5px 0;
}

@media only screen and (max-width: 767px) {
    .sponsor__section .sponsor__desc {
        font-size: 1.8rem;
    }
}

.sponsor__section .sponsor__content {
    font-size: 2.4rem;
    color: #fff;
    line-height: 36px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .sponsor__section .sponsor__content {
        font-size: 2rem;
        line-height: 27px;
    }
}

.sponsor__section .sponsor__logo {
    margin: 0 auto;
}

.sponsor__section .sponsor__signature {
    margin-left: auto;
    margin-top: 20px;
}

.sponsor__section .sponsor__gallery {
    margin-top: 50px;
}

@media only screen and (min-width: 768px) {
    .sponsor__section .sponsor__gallery .sponsor__gallery-list {
        display: flex;
    }
}

.sponsor__section .sponsor__gallery .sponsor__gallery-list:after {
    content: "flickity";
    display: none;
}

@media screen and (min-width: 768px) {
    .sponsor__section .sponsor__gallery .sponsor__gallery-list {
        /* disable Flickity for large devices */
    }
    .sponsor__section .sponsor__gallery .sponsor__gallery-list:after {
        content: "";
    }
}

.sponsor__section .sponsor__gallery .sponsor__gallery-item {
    width: 80%;
    margin-right: 10px;
}

@media only screen and (min-width: 768px) {
    .sponsor__section .sponsor__gallery .sponsor__gallery-item {
        max-width: 30%;
        flex-basis: 30%;
        margin: 0 5px;
    }
}

.sponsor__section .sponsor-image-width-30 {
    width: 30%;
}

.sponsor__section .sponsor-image-width-20 {
    width: 20%;
}

.sponsor__section .sponsor__separate {
    background-color: #00d3ff;
    border: none;
    height: 3px;
    margin: 4% auto;
    width: 20%;
}

.sponsor__section .sponsor__link {
    margin: 5% auto 6% auto;
    padding: 2% 0;
    width: 60%;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 2.2rem;
}

.sponsor__section .sponsor__link:hover {
    color: #1585cf;
}

.sponsor__section .sponsor__image-main {
    width: 85%;
}

@media only screen and (max-width: 767px) {
    .sponsor__section .sponsor__image-main {
        width: 70%;
        margin: 0 auto;
    }
}

.sponsor__section .sponsor__image-main img {
    width: 100%;
    height: 100%;
}

.sponsor__timeline .sponsor__timeline-title {
    padding: 4% 0 2%;
    width: 17.5%;
    margin: 0 auto;
}

@media only screen and (max-width: 1023px) {
    .sponsor__timeline .sponsor__timeline-title {
        width: 50%;
        margin-bottom: 20px;
    }
}

.sponsor-first {
    padding-top: 50px;
}

.sponsor-second {
    padding-top: 15%;
}

.sponsor-club {
    height: 49.6vw;
}

@media only screen and (max-width: 1199px) {
    .sponsor-club {
        height: 75vw;
    }
}

@media only screen and (max-width: 1023px) {
    .sponsor-club {
        height: auto;
    }
}

.sponsor-celeb {
    padding-top: 10%;
}

.sponsor__timeline {
    height: auto;
    padding: 50px 0 150px 0;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-main-cell {
    display: none !important;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .active {
    display: block !important;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .active .timeline-detail__item {
    transition: 0.5s !important;
}

@media only screen and (max-width: 1023px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-main .active .timeline-detail__item {
        transition: none !important;
    }
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel {
    margin: 0 auto;
    width: 80%;
}

@media only screen and (max-width: 767px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel {
        width: 100%;
    }
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .timeline-detail__item {
    width: 40%;
    transition: 0.1s;
    transform: scale(0.7);
    margin: 100px -35px;
    opacity: 0.5;
}

@media only screen and (max-width: 1199px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .timeline-detail__item {
        width: 50%;
        margin: 100px -50px;
    }
}

@media only screen and (max-width: 1023px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .timeline-detail__item {
        width: 100%;
        margin: 50px 0;
        transform: scale(1);
    }
}

@media only screen and (max-width: 767px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .timeline-detail__item {
        margin: 20px 0;
    }
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .timeline-detail__item img {
    width: 100%;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .is-selected {
    transform: scale(1);
    opacity: 1;
    z-index: 999;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .flickity-prev-next-button {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-main .timeline-detail__carousel .flickity-prev-next-button {
        display: block;
    }
}

.sponsor__timeline .timeline__carousel .timeline__carousel-nav .timeline-nav-cell {
    width: calc(100% / 7);
    cursor: pointer;
}

@media only screen and (max-width: 1023px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-nav .timeline-nav-cell {
        width: 23%;
    }
}

@media only screen and (max-width: 767px) {
    .sponsor__timeline .timeline__carousel .timeline__carousel-nav .timeline-nav-cell {
        width: 30%;
    }
}

.sponsor__timeline .timeline__carousel .timeline__carousel-nav .timeline-nav-cell .unselect {
    display: block;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-nav .timeline-nav-cell .selected {
    display: none;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-nav .is-selected .unselect {
    display: none;
}

.sponsor__timeline .timeline__carousel .timeline__carousel-nav .is-selected .selected {
    display: block;
}

.sponsor__timeline .timeline__carousel .timeline-title {
    font-size: 2.9rem;
    color: #fff;
    width: 100%;
    text-align: center;
}

.casino__banner .casino__banner-item {
    width: 100%;
}

.casino__banner .flickity-page-dots {
    bottom: 10px;
}

.casino__banner .flickity-page-dots .dot {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    background-color: unset;
    opacity: 1;
    margin: 0 6px;
}

.casino__banner .flickity-page-dots .is-selected {
    background-color: #3f97ff;
    border: 2px solid #3f97ff;
}

.casino__inner .casino__sidebar {
    margin: 0 -15px;
}

.casino__inner .casino__sidebar-head {
    text-align: center;
    padding: 25px 0 15px 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6rem;
    border-bottom: 1px solid #cacaca;
}

@media only screen and (max-width: 1199px) {
    .casino__inner .casino__sidebar-head {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 1.2rem;
    }
}

.casino__inner .casino__sidebar-head .sort-filter__button {
    color: #fff;
    background-color: #00adef;
    padding: 3px;
    border-radius: 4px;
    display: inline-block;
    font-size: 1.4rem;
    text-transform: none;
    padding: 5px 10px;
}

.casino__inner .casino__sidebar-body {
    padding: 5px 30px;
}

@media only screen and (max-width: 1199px) {
    .casino__inner .casino__sidebar-body {
        padding: 5px 15px;
    }
}

.casino__inner .casino__sidebar-body .body__title {
    font-size: 1.6rem;
    color: #0a0a0a;
    font-weight: 700;
}

.casino__inner .casino__sidebar-body .body__clear {
    color: #3f97ff;
    font-weight: 700;
    font-size: 1.4rem;
    text-decoration: underline;
}

.casino__inner .casino__sidebar-body .body__clear:hover {
    color: #1585cf;
}

.casino__inner .casino__sidebar-filter {
    padding: 0 30px;
}

@media only screen and (max-width: 1199px) {
    .casino__inner .casino__sidebar-filter {
        padding: 0 15px;
    }
}

.casino__inner .casino__sidebar-filter .filter__item {
    padding-bottom: 30px;
    border-bottom: 1px solid #cacaca;
    padding-top: 15px;
}

.casino__inner .casino__sidebar-filter .filter__item:last-child {
    border: none;
}

.casino__inner .casino__sidebar-filter .filter__item-head {
    margin-bottom: 15px;
    color: #0a0a0a;
    font-weight: 700;
}

.casino__inner .casino__sidebar-filter .filter__item-head .icon {
    font-size: 6px;
    color: #8e8e8e;
    cursor: pointer;
}

.casino__inner .casino__sidebar-filter .filter__item .filter__item-list {
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #0a0a0a;
    max-height: 0;
    transition: 0.3s;
    overflow: hidden;
}

.casino__inner .casino__sidebar-filter .filter__item .filter__item-list.active {
    max-height: 100vh;
}

.casino__inner .casino__sidebar-filter .filter__item .filter__item-list ul li {
    margin-bottom: 15px;
    position: relative;
}

.casino__inner .casino__sidebar-filter .filter__item .filter__item-list ul li input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.casino__inner .casino__sidebar-filter .filter__item .filter__item-list .checkbox-custome {
    cursor: pointer;
}

.casino__inner .casino__sidebar-filter .filter__item .filter__item-list .checkbox-custome .checkmark {
    background: url(../images/blue.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
}

.casino__inner .casino__sidebar-filter .filter__item .filter__item-list input:checked~.checkmark {
    background-position: -48px 0;
}

.casino__main {
    margin: 0 -15px;
}

.casino__main .casino__main-head {
    border-bottom: 1px solid #cacaca;
    padding-right: 45px;
}

.casino__main .casino__main-head .nav {
    margin-right: auto;
}

.casino__main .casino__main-head .nav li a,
.casino__main .casino__main-head .nav li span {
    color: #0a0a0a;
    font-weight: 700;
    padding: 25px 0 18px 0;
    display: block;
}

.casino__main .casino__main-head .nav li label {
    cursor: pointer;
}

.casino__main .casino__main-head .nav li input:checked~span {
    color: #23aee1 !important;
}

.casino__main .casino__main-head .nav li a:hover {
    color: #23aee1 !important;
}

.casino__main .casino__main-head .nav .nav-item {
    margin-right: 25px;
}

@media only screen and (max-width: 1199px) {
    .casino__main .casino__main-head .nav .nav-item {
        margin-right: 10px;
    }
}

.casino__main .casino__main-head .nav .nav-item .nav-link {
    background-color: unset;
    color: #0a0a0a;
    font-weight: 700;
}

.casino__main .casino__main-head .nav .nav-item .active {
    background-color: unset;
    color: #23aee1;
    position: relative;
}

.casino__main .casino__main-head .nav .nav-item .active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 3px;
    background-color: #23aee1;
}

.casino__main .casino__main-head .nav .sort__title {
    margin-left: 50px;
    padding-top: 25px;
    padding-bottom: 18px;
    margin-right: 15px;
}

.casino__main .casino__main-head .casino__view .casino__view-button {
    font-size: 24px;
    color: #d3d3d3;
    cursor: pointer;
}

.casino__main .casino__main-head .casino__view-grid {
    margin-right: 15px;
}

.casino__main .casino__main-head .casino__view-list {
    cursor: pointer;
}

.casino__main .casino__main-head .casino__view .active i {
    color: #33c85d;
}

.casino__main .casino__main-content {
    padding: 15px 45px 15px 5px;
}

@media only screen and (max-width: 1023px) {
    .casino__main .casino__main-content {
        padding-right: 15px;
    }
}

.casino__main .casino__main-content .casino__game {
    max-width: 25%;
    flex-basis: 25%;
    padding-left: 13px;
    min-height: 370px;
}

@media only screen and (max-width: 1199px) {
    .casino__main .casino__main-content .casino__game {
        min-height: 270px;
    }
}

@media only screen and (max-width: 1023px) {
    .casino__main .casino__main-content .casino__game {
        min-height: 250px;
        max-width: 50%;
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .casino__main .casino__main-content .casino__game {
        min-height: 230px;
    }
}

.casino__main .casino__main-content .casino__game .casino__game-inner {
    position: relative;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-image {
    display: block;
    position: relative;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-image img {
    transition: 0.2s;
    width: 100%;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-image:hover img {
    transform: scale(1.03);
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-image .casino__game-button {
    position: absolute;
    z-index: 4;
    width: 65px;
    top: 50%;
    left: 50%;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translate(-50%, -50%);
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-image .casino__game-button .button__play {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    transition: all 0.7s ease;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-vendor {
    border-radius: 26px;
    width: 26px;
    height: 26px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 4;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .ag-products {
    background: #f56205;
    color: #fff;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .evo-products {
    background: #00bda9;
    color: #fff;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .nle-products {
    background: #df1964;
    color: #fff;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info {
    position: relative;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__head {
    padding-top: 20px;
    margin-bottom: 5px;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__head-name {
    color: #2c2c2c;
    font-size: 1.6rem;
}

@media only screen and (max-width: 1023px) {
    .casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__head-name {
        font-size: 1.4rem;
    }
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__head-name .hot {
    color: red;
    font-size: 1.2rem;
    font-weight: 700;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__head-link {
    font-size: 1.4rem;
    color: #23aee1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 1199px) {
    .casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__head-link {
        top: 130%;
    }
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__head-link:hover {
    color: #1585cf;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__body .game-type {
    font-size: 1.1rem;
    color: #8e8e8e;
    font-weight: 700;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__body .game-type:after {
    content: ",";
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .info__body .game-author {
    font-size: 1.1rem;
    color: #3f97ff;
}

.casino__main .casino__main-content .casino__game .casino__game-inner .casino__game-info .play-button {
    display: none;
}

.casino__main .casino__main-content .show-play-button .casino__game-button {
    opacity: 1 !important;
}

.casino__main .casino__main-content .show-play-button:hover .casino__game-button .button__background {
    transform: rotate(180deg);
    transition: 0.5s;
}

.casino__main .casino__main-content.list .casino__game {
    border-bottom: 1px solid #cecece;
    height: 70px;
    min-height: 70px;
    max-width: 50%;
    flex-basis: 50%;
    cursor: pointer;
}

.casino__main .casino__main-content.list .casino__game:hover {
    background: rgba(0, 0, 0, 0.3);
}

.casino__main .casino__main-content.list .casino__game-image img {
    display: none;
}

.casino__main .casino__main-content.list .casino__game-image .casino__game-button {
    display: none;
}

.casino__main .casino__main-content.list .casino__game .casino__game-vendor {
    top: 20px;
    left: 5px;
}

.casino__main .casino__main-content.list .casino__game .casino__game-info {
    padding-left: 50px;
}

.casino__main .casino__main-content.list .casino__game .casino__game-info .info__head-link {
    top: 80%;
    color: #fff;
    text-decoration: underline;
    right: 2%;
    display: none;
}

.casino__main .casino__main-content.list .casino__game .casino__game-info .info__head-link:hover {
    color: #000000;
}

.casino__main .casino__main-content.list .casino__game .casino__game-info .play-button {
    display: none;
    position: absolute;
    right: 2%;
    cursor: pointer;
    background-color: #00adef;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 10;
    top: 10%;
}

.casino__main .casino__main-content.list .casino__game:hover .play-button,
.casino__main .casino__main-content.list .casino__game:hover .info__head-link {
    display: block;
}

.casino__main .casino__history .casino__history-empty {
    margin-bottom: 20px;
}

.casino__main .casino__history .casino__history-empty .empty__item {
    max-width: 33.33%;
    flex-basis: 33.33%;
}

.casino__main .casino__history .casino__history-empty .casino__history-content {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    padding: 200px 0;
}

.casino__main .casino__history .casino__history-exist {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin: 20px 0;
}

.casino__filter-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999;
    background-color: #f3f3f3;
    padding: 0;
    overflow-y: scroll;
    display: none;
}

.casino__filter-mobile .filter__head {
    background-color: #00adef;
    height: 46px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 19px;
    font-weight: lighter;
    padding-top: 10px;
    width: 100%;
    z-index: 30;
}

.casino__filter-mobile .filter__head .filter-close {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 45px;
    text-align: center;
    z-index: 999;
}

.casino__filter-mobile .filter__head .filter-close i {
    color: #fff;
}

.casino__filter-mobile .filter__body {
    padding: 50px 0;
}

.casino__filter-mobile .filter__body .filter__sort-select {
    padding: 0 30px;
}

.casino__filter-mobile .filter__body .filter__sort-select select {
    font-size: 1.6rem;
    padding: 10px 20px;
    height: auto;
}

.casino__filter-mobile .filter__body .filter-head {
    font-size: 2.6rem;
    color: #808080;
    font-weight: lighter;
    padding: 20px 20px;
}

.casino__filter-mobile .filter__body .filter__checkbox {
    padding: 30px;
}

.casino__filter-mobile .filter__body .filter__checkbox-head {
    font-size: 1.4rem;
    color: #808080;
    margin-bottom: 15px;
}

.casino__filter-mobile .filter__body .filter__checkbox ul {
    display: flex;
    flex-wrap: wrap;
}

.casino__filter-mobile .filter__body .filter__checkbox ul li {
    max-width: 50%;
    flex-basis: 50%;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 1.3rem;
    color: #808080;
}

.casino__filter-mobile .filter__bottom {
    position: fixed;
    bottom: 0;
    z-index: 40;
    padding: 10px 15px;
    width: 100%;
}

.casino__filter-mobile .filter__bottom .filter__bottom-action {
    text-align: center;
    background-color: #00adef;
    border: 1px solid #00adef;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    padding: 5px 0;
    max-width: 65%;
    flex-basis: 65%;
    margin-right: 20px;
}

.casino__filter-mobile .filter__bottom .filter__bottom-delete {
    text-align: center;
    border: 1px solid gray;
    border-radius: 3px;
    font-size: 16px;
    border-radius: 5px;
    padding: 5px 0;
    background-color: #f3f3f3;
    color: gray;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
}

.casino__filter-mobile.active {
    display: block;
}

.casino__main-search .search__form {
    position: relative;
}

.casino__main-search .search__form input {
    background: url(../images/search_icon.png);
    width: 100%;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 4px;
    color: #000 !important;
    background-position: 10px 6px;
    background-repeat: no-repeat;
    background-size: 20px;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    padding: 10px 10px 10px 40px !important;
    outline: none;
    font-size: 1.4rem;
}

.casino__main-search .search__form input:hover {
    border: 1px solid #ddd !important;
}

.casino__main-search .search__form .close__button {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0;
}

.casino__main-search .search__form:hover .close__button {
    opacity: 1 !important;
}

.news__banner {
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
}

.news__banner .news__banner-title {
    font-size: 6rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.news__list {
    padding: 60px 0;
}

.news__item {
    border: 1px solid #f3f3f3;
}

.news__item-image {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
}

.news__item-image:hover img {
    transform: scale(1.1);
}

.news__item-image img {
    transition: 0.2s;
    min-height: 270px;
}

.news__item-title {
    padding: 5px 20px;
    font-size: 2rem;
}

.news__item-desc {
    padding: 5px 20px 20px 20px;
    font-size: 1.5rem;
    line-height: 1.4;
}

.news__item-desc p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-detail {
    padding: 70px 0;
}

.news-detail .news-detail__title {
    font-size: 3.2rem;
    color: #0a0a0a;
    font-weight: 500;
    margin-bottom: 13px;
}

.news-detail .news-detail__date {
    margin-bottom: 48px;
    font-size: 1.8rem;
    color: #7e8689;
}

.news-detail .news-detail__main {
    font-size: 1.6rem;
    color: #0a0a0a;
}

.news-detail .news-detail__author {
    font-style: italic;
    text-align: right;
    font-size: 1.6rem;
    color: #000;
}

.news-detail .news-detail__share {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #c4cbce;
}

.news-detail .news-detail__share .share__item {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    margin: 0 5px;
    transition: 0.3s;
}

.news-detail .news-detail__share .item-facebook {
    background-color: #3b5998;
    border: 1px solid #3b5998;
}

.news-detail .news-detail__share .item-facebook:hover {
    color: #3b5998;
    background-color: #fff;
}

.news-detail .news-detail__share .item-twitter {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
}

.news-detail .news-detail__share .item-twitter:hover {
    color: #1da1f2;
    background-color: #fff;
}

.sidebar .news__item {
    margin-bottom: 30px;
}

.gnws-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gnws-pagination ul li a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.7rem;
    color: #0a0a0a;
    border: 1px solid #0a0a0a;
    margin: 5px;
}

.gnws-pagination ul li a:hover {
    color: #fff;
    background-color: #25aae1;
    border: 1px solid #25aae1;
}

.gnws-pagination ul .active a {
    color: #fff;
    background-color: #25aae1;
    border: 1px solid #25aae1;
}


/* Sidebar
--------------------------------------------- */

.sidebar .sidebar__head {
    padding-bottom: 9px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(126, 134, 137, 0.3);
}

.sidebar .sidebar__item {
    border: 1px solid rgba(126, 134, 137, 0.3);
    margin-bottom: 16px;
}

.sidebar .sidebar__item:last-child {
    margin-bottom: 0;
}

.sidebar .sidebar__item .sidebar__item-image {
    overflow: hidden;
}

.sidebar .sidebar__item .sidebar__item-image img {
    width: 100%;
    transition: 0.3s;
}

.sidebar .sidebar__item .sidebar__item-bottom {
    padding: 10px 14px 12px 14px;
}

.sidebar .sidebar__item .sidebar__item-bottom .sidebar__item-time {
    margin-bottom: 10px;
    color: #7e8689;
}

.sidebar .sidebar__item .sidebar__item-bottom .sidebar__item-title {
    font-size: 1.8rem;
    font-weight: 500;
}

.sidebar .sidebar__item .sidebar__item-bottom .sidebar__item-title a {
    color: #0a0a0a;
}

.sidebar .sidebar__item .sidebar__item-bottom .sidebar__item-title a:hover {
    color: #ffb800;
}

.sidebar .sidebar__item:hover .sidebar__item-image img {
    transform: scale(1.2);
}


/* Forms
--------------------------------------------- */


/* Footer
--------------------------------------------- */

.footer {
    background-color: #25aae1;
    padding: 36px 0;
}

.footer .footer__title {
    font-size: 1.7rem;
    color: #fff;
    font-weight: 700;
}

.footer .footer__top-item {
    margin-bottom: 20px;
}

.footer .footer__menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin: 28px auto;
    padding: 28px 0;
}

.footer .footer__menu .footer__menu-item ul li a {
    color: #fff;
    line-height: 28px;
}

.footer .footer__menu .footer__menu-social-media .footer-social-media {
    display: inline-block;
    margin: 13px 11px 0 0;
    background-repeat: no-repeat;
    background-size: 90px;
    height: 38px;
}

.footer .footer__menu .footer__menu-social-media .facebook {
    width: 37px;
    background-position: -3px 1px;
}

.footer .footer__menu .footer__menu-social-media .facebook:hover {
    background-position: -50px 1px;
}

.footer .footer__menu .footer__menu-social-media .twitter {
    width: 38px;
    background-position: -3px -35px;
}

.footer .footer__menu .footer__menu-social-media .twitter:hover {
    background-position: -50px -35px;
}

.footer .footer__menu .footer__menu-social-media .youtube {
    width: 42px;
    background-position: -1px -109px;
}

.footer .footer__menu .footer__menu-social-media .youtube:hover {
    background-position: -49px -109px;
}

.footer .footer__menu .footer__menu-social-media .instagram {
    width: 39px;
    background-position: -2px -269px;
}

.footer .footer__menu .footer__menu-social-media .instagram:hover {
    background-position: -48px -269px;
}

.footer .footer__menu .footer__menu-social-media .zalo {
    width: 39px;
    background-position: -4px -311px;
}

.footer .footer__menu .footer__menu-social-media .zalo:hover {
    background-position: -50px -311px;
}

.footer .footer__menu .footer__menu-social-media .flag-icons {
    display: inline-block;
    width: 36px;
    height: 25px;
}

.footer .footer__menu .footer__menu-social-media .flag-icons-VN {
    background-position: -3px 207px;
}

.footer .footer__menu .footer__menu-social-media .region-selector {
    border-left: 1px solid #dcdcdc;
    padding: 0 26px;
    vertical-align: top;
    display: inline-block;
    line-height: 11px;
    margin: 43px 0;
}

.footer .footer__bottom {
    margin-bottom: 30px;
}

.footer .footer__bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer .footer__bottom ul li:after {
    content: "|";
    color: white;
    font-size: 12px;
}

.footer .footer__bottom ul li:last-child:after {
    display: none;
}

.footer .footer__bottom ul li a {
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
}

.footer .footer__info {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 30px;
}

.footer .footer__desc {
    color: #fff;
}

.footer .footer__desc .card {
    background-color: unset;
    border: none;
}

.footer .footer__desc .footer__desc-head {
    font-weight: bold;
}

.footer .footer__desc .footer__desc-head .head-arrow {
    width: 30px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    cursor: pointer;
}

.footer .footer__desc .footer__desc-head .collapsed svg {
    transform: rotate(0);
}

.footer .footer__desc .footer__desc-head svg {
    transform: rotate(180deg);
}

.footer .footer__desc .footer__desc-head svg path {
    fill: #fff;
}

.footer .footer__desc .footer__desc-content {
    padding-top: 30px;
}

.footer .footer__desc .footer__desc-content a {
    color: #0000ff;
}

.footer__icon {
    display: inline-block;
    height: 32px;
    width: 34px;
    margin: 15px 20px 10px 0;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .footer__icon {
        margin-right: 0;
    }
}

.AboveAgeResponsibility {
    background-position: -25px -198px;
}

.AboveAgeResponsibility:hover {
    background-position: -115px -198px;
}

.GameCareResponsibility {
    background-position: -25px -232px;
}

.GameCareResponsibility:hover {
    background-position: -115px -232px;
}

.FirstCagayanLicenses {
    background-position: -25px -266px;
}

.FirstCagayanLicenses:hover {
    background-position: -115px -266px;
}

.PagcorLicenses {
    background-position: -25px -301px;
}

.PagcorLicenses:hover {
    background-position: -115px -301px;
}

.LocalBankTransferVN {
    width: 62px;
    background-position: -12px -640px;
}

.LocalBankTransferVN:hover {
    background-position: -102px -640px;
}

.FastPayVN {
    width: 37px;
    background-position: -24px -675px;
}

.FastPayVN:hover {
    background-position: -114px -675px;
}

.FGOVN {
    width: 43px;
    background-position: -21px -707px;
}

.FGOVN:hover {
    background-position: -107px -707px;
}

.IovationSecurity {
    width: 90px !important;
    background-position: -4px -387px;
    background-size: 200px;
}

.IovationSecurity:hover {
    background-position: -108px -387px;
}

.footer-gaming-platform {
    height: 70px;
    background-size: 270px;
    display: block;
    background-repeat: no-repeat;
    margin: 10px 32px 10px 0;
}

@media only screen and (max-width: 767px) {
    .footer-gaming-platform {
        margin: 10px 7px 10px 0;
    }
}

.asiagaming {
    width: 105px;
    height: 45px;
    background-position: -16px -512px;
}

.asiagaming:hover {
    background-position: -150px -512px;
}

.im {
    width: 130px;
    height: 45px;
    background-position: -5px -238px;
}

.im:hover {
    background-position: -140px -238px;
}

.bti {
    width: 85px;
    height: 45px;
    background-position: -23px -283px;
}

.bti:hover {
    background-position: -156px -283px;
}

.micro {
    width: 125px;
    height: 45px;
    background-position: -1px -329px;
}

.micro:hover {
    background-position: -136px -329px;
}

.ebet {
    width: 103px;
    height: 45px;
    background-position: -10px -373px;
}

.ebet:hover {
    background-position: -146px -373px;
}

.onework {
    width: 120px;
    height: 45px;
    background-position: -8px -463px;
}

.onework:hover {
    background-position: -143px -463px;
}

.playtech {
    width: 136px;
    height: 45px;
    background-position: 5px -188px;
}

.playtech:hover {
    background-position: -131px -188px;
}

.cmd {
    width: 120px;
    height: 45px;
    background-position: -13px -556px;
}

.cmd:hover {
    background-position: -148px -556px;
}

.gpk {
    width: 118px;
    height: 45px;
    background-position: -9px -1px;
}

.gpk:hover {
    background-position: -144px -1px;
}

.ipk {
    width: 116px;
    height: 45px;
    background-position: -6px -95px;
}

.ipk:hover {
    background-position: -143px -95px;
}

.tgp {
    width: 135px;
    height: 45px;
    background-position: 0 -606px;
}

.tgp:hover {
    background-position: -136px -606px;
}

.evo {
    width: 123px;
    height: 45px;
    background-position: -6px -790px;
}

.evo:hover {
    background-position: -143px -790px;
}

.sgw {
    width: 108px;
    height: 45px;
    background-position: -27px -880px;
}

.sgw:hover {
    background-position: -162px -880px;
}


/*# sourceMappingURL=style.css.map */

.skiptranslate,
.goog-te-spinner-pos {
    display: none !important;
}

body {
    top: 0 !important;
}

.sidebar-widget-box {
    margin-bottom: 2.5rem;
}

.sidebar-widget-box>h3,
.sidebar-widget-box>p,
.widget-area .widget .widget-title {
    text-transform: uppercase;
    font-size: 2rem;
    margin-bottom: 1.25rem;
}

.sidebar-widget-box>h3 span {
    font-size: 1.5rem;
    margin-right: 10px;
}

.sidebar-widget-box ul:not(.list-unstyled) {
    margin: 0;
    padding: 0;
}

.sidebar-widget-box ul:not(.list-unstyled) li {
    list-style: none;
    margin-bottom: 0.063rem;
}

.sidebar-widget-box ul:not(.list-unstyled) li a {
    color: #000;
    padding: .875rem 0 0;
    display: block;
    position: relative;
}

.sidebar-widget-box ul:not(.list-unstyled) li a:hover {
    color: #25aae1;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.widget_recent_entries li,
.widget_nav_menu li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dotted #2c2c2c;
}

.widget_recent_entries img {
    width: 70px;
    margin-right: 1rem;
}

.widget_recent_entries h5 {
    font-size: 1.5rem;
}

.widget_recent_entries h5 a {
    color: #000;
}

.widget_recent_entries p {
    color: #666666;
    font-size: 1.25rem;
    margin-bottom: 0;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

.site-info_button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding: 15px 20px;
    background: #c82d2e;
    border: 1px solid #c82d2e;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}

.site-info_button:hover {
    color: #c82d2e;
    background: #fff;
}

#rank-math-faq {
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    border-top: 4px solid #22a8e2;
    padding: 10px 20px;
    position: relative;
}

#rank-math-faq .rank-math-question {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    padding: 18px 0 13px;
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
    position: relative;
    cursor: pointer;
}

#rank-math-faq .rank-math-question:after {
    content: "";
    background: url(../images/chevron-down-black.svg) no-repeat right center;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.3s;
}

#rank-math-faq .rank-math-question.faq-active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#rank-math-faq .rank-math-list-item:not(first-child) .rank-math-answer {
    display: none;
}

#rank-math-faq .rank-math-list-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

#rank-math-faq {
    margin-bottom: 20px;
}

#rank-math-faq .rank-math-answer {
    padding: 0 10px 10px;
}

#rank-math-faq .rank-math-answer p,
#rank-math-faq .rank-math-answer {
    color: #666;
    background-color: #fff;
    font-size: 14px;
}

.gnws-social_footer a {
    margin: 5px;
}

.gnws-social_footer img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.gnws_code-google {
    display: none;
}

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

.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption {
    display: block;
}

.gnws-lazy-none {
    display: none;
}

.aligncenter {
    text-align: center;
}

.rank-math-breadcrumb {
    margin: 20px 0;
    font-size: 16px;
}

.gnws-detail-author {
    border-left: 3px solid #22a8e2;
    flex-direction: row;
}

.gnws-detail-author-avatar img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.gnws-detail-author-description-title p {
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
}

.gnws-detail-author-description-content {
    line-height: 1.6em;
}