body {
    background: #182835 !important;
    overflow-x: hidden;
}

.tab-home .tab-content {
    padding-left: 0;
    padding-right: 0;
}

.tab-home .tab-content .wrap_home_menu {
    background-image: url(../../images/ew1188/v1/nav_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tab-home .wrap_home_menu {
    display: flex;
    flex-wrap: wrap;
}

.tab-home .wrap_home_menu li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tab-home .wrap_home_menu li a img,
.tab-pane .lobby-content .lobby-header img {
    width: 72px;
    height: 72px;
}

.tab-home .wrap_home_menu li {
    width: 25%;
    margin: 0;
    background: transparent;
    border: none;
}

.tab-home .wrap_home_menu li a span {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 6px 5px 4px 5px;
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
}

.tab-home .wrap_home_menu li.active a span {
    border-color: #FFCF35;
    color: #FFCF35;
    font-weight: 500;
}

.tab-content .home_games-wrapper>.tab-pane {
    display: none;
}

.tab-content .home_games-wrapper>.tab-pane.active {
    display: block;
}

.tab-content .home_games-wrapper {
    background: radial-gradient(circle, rgba(0, 202, 124, 1) 0%, rgba(33, 103, 76, 1) 100%);
    margin-top: 10px;
    border-radius: 10px;
}

a.logo {
    width: auto;
    float: none;
    height: 100%;
    padding: 8px 8px 8px 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.logo img {
    height: 33px;
    max-height: 33px;
}

.navbar-fixed-top {
    z-index: 10;
}

#header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #227351;
    padding: 0 10px;
    height: 100%;
}

a.offCanvas_trigger {
    padding: 0;
    width: unset;
    height: unset;
    padding-top: 3px;
    text-align: right;
    text-align: -webkit-right;
}

#header .head-left {
    height: 100%;
}

#header .head-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 100%;
}

#header .head-right .login-reg-btn-head {
    display: flex;
    align-items: center;
    width: 196px;
    position: relative;
}

#header .head-right .login-reg-btn-head a {
    position: absolute;
    text-align: center;
    width: 48%;
    padding: 5px;
    border-radius: 7px;
    border: 1px solid #fff;
    color: #fff;
}

#header .head-right .login-reg-btn-head a.login-btn {
    left: 0;
    font-weight: 700;
}

#header .head-right .login-reg-btn-head a.register-btn {
    right: 0;
    color: #fff;
}

.offCanvas_trigger_item {
    margin: 0 0 4px;
}

#offcanv_menu_2 .offCanvas_trigger_item:first-child,
#offcanv_menu_2 .offCanvas_trigger_item:nth-child(3) {
    width: 15px;
}

html.offCanvas_open body .onCanvas.onCanvas_left,
.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item {
    transform: none !important;
}

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(2) {
    opacity: 1;
}

html.offCanvas_open .offCanvas.offCanvas_menu_open {
    position: absolute;
    z-index: 12;
}

.m_overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000091;
    z-index: 11;
}

.m_overlay.active {
    display: block;
}

@media screen and (min-width: 365px) {
    .offCanvas {
        width: 280px;
    }
}

.home_games-wrapper .lobby-content .lobby-content.slots_lobby {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lobby-content.slots_lobby {
    padding-top: 80px;
    padding-bottom: 60px;
}

.home_games-wrapper .lobby-content ul.lobby-games,
.lobby-content.slots_lobby ul.lobby-games {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.home_games-wrapper .lobby-content ul.lobby-games li,
.lobby-content.slots_lobby ul.lobby-games li {
    width: 50%;
    list-style-type: none;
}

.home_games-wrapper .lobby-content ul.lobby-games li a,
.lobby-content.slots_lobby ul.lobby-games li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: transparent;
}

.home_games-wrapper .lobby-content ul.lobby-games li a p,
.lobby-content.slots_lobby ul.lobby-games li a p {
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 3px 8px 1px 8px;
    margin-top: 3px;
    border-radius: 8px;
}

.lobby-content.slots_lobby ul.lobby-games li a p {
    margin: 9px 0;
    color: #fff;
}

.home_games-wrapper .lobby-content ul.lobby-games li a img,
.lobby-content.slots_lobby ul.lobby-games li a p img {
    border-radius: 10px;
}

.home_games-wrapper .lobby-content .lobby-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home_games-wrapper .lobby-content .lobby-header span {
    color: #FFCF35;
    font-weight: 700;
    background-color: #a09d9d73;
    padding: 2px 10px;
    border-radius: 5px;
}

.navbar {
    background: #227351 !important;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

/* ///// */
.navbar.fixed-bottom {
    padding: 5px 0;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
}

.container-fluid.content {
    display: flex;
    justify-content: space-around;
    /* distributes items evenly */
    align-items: center;
    width: 100%;
}

.nav-item {
    text-align: center;
    flex: 1;
    /* each item takes equal width */
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

.nav-item.active {
    color: #007bff;
    /* active item color */
}

.footer .nav-item .img {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

.footer .nav-item img {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}

.footer .nav-item .img.home {
    background: #00c57b;
    padding: 11px;
    border-radius: 50%;
}

.option-switcher-tab {
    display: flex;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.option-switcher-tab span {
    background-color: unset;
    border: 1px solid #227351;
}

.option-switcher-tab.active span {
    background: #227351 !important;
}

#promotions .nav-tabs {
    margin-top: 65px;
}

.nav-tabs {
    border-bottom: unset;
}

.navbar.fixed-bottom {
    padding: 5px 0;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
    /* position: fixed;
    bottom: 0;
    width: 100%; */
}

.btn-login {
    width: 100%;
    background: #227351;
}

.form-login {
    padding: 25px;
    border-radius: 12px;
}

.modal-dialog-centered .modal-header {
    border: none;
    padding: 4px;
}

.form-login .text-center.header-logo {
    margin-top: -2rem;
    margin-bottom: 20px;
}

.text-center_login-bottom a {
    width: 50%;
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}

.text-center_login-bottom {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    border: 1px solid #00c479;
    border-radius: 5px;
}

.text-center_login-bottom a.login-btn {
    background-color: #FFCF35;
    color: #000000;
    font-weight: 700;
}

.text-center_login-bottom a.register-btn {
    border-left: unset;
    color: #fff;
}

.center-info p:nth-child(2),
.center-info p:nth-child(2) {
    display: block !important;
    margin-top: 82px;
    transform: translate(0%, -8%) !important;
}

.center-head {
    background-image: url(../../images/ew1188/v1/banner_bg.png);
    background-size: 100% 100%;
    border-radius: 2rem;
    height: auto;

}

.main.center.animated.fadeIn {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 80px;
    margin-bottom: 80px;
    padding-bottom: 0;
}

.center-info p {
    background: #033529;
    border-left: 4px solid #FFED15;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    margin: 6px -9rem;
    font-weight: 500;
}

.center-head .center-avtar {
    margin: 17px 0 0;
}

/* ///// */

.center-tab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    background: #033529;
    border-radius: 12px 12px 0px 0px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    overflow: auto;
}

.input {
    background: #033529;
    padding: 5px;
    border-radius: 0px 0px 12px 12px;
}

.center-tab a:hover,
.center-tab a.active {
    background: #F3D120;
    border: 1px solid #3A3D4A;
    border-radius: 5px;
    color: rgb(14, 14, 14);
}

.center-tab a {
    border: 1px solid #227351;
    border-radius: 5px;
    color: #ffff20;
}

.border_deposit {
    border-bottom: 1px solid #57A185;
}

#frm_registration .bank-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 1px;
    margin-left: 4px;
}

.custom-depo-bank.active span {
    color: #ffff20;
}

.custom-depo-bank img {
    filter: unset;
}

#form-deposit .form-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
}

.form-row>.col,
.form-row>[class*=col-] {
    width: 100%;
}

#form-deposit .form-group_copy {
    background-image: url(../../images/ew1188/v1/banner_bg.png);
    background-size: 100% 100%;
    border-radius: 12px;
    padding-left: 10px;
}

#form-deposit .form-group_copy #account_number,
#form-deposit .form-group_copy #account_name {
    color: #fff;
}

#form-deposit #amount,
#form-deposit #promo {
    height: 43px;
}

.form-group-bank {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    margin: 13px 0;
    font-weight: 500;
    padding-right: 10px;
    padding-top: 20px;
}

.center .input #btn-submit {
    width: 50% !important;
    border-radius: 20px;
    margin: 15px auto;
}

.center .input #form1 {
    padding: 0;
}

.center .input #form1 input {
    height: 43px;
}

.fa-copy:before {
    color: #dfdf00;
}

#form-deposit .depo-btn-copy {
    font-size: 2rem;
    margin-left: 10px;
    background-color: #049C4D;
    padding: 4px;
    border-radius: 5px;
}

#form-deposit {
    padding-left: 0;
    padding-right: 0;
}

#form-deposit .bank-wrapper {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
}

#form-deposit .bank-wrapper .col-xs-9 {
    width: 100%;
}

#form-deposit .depo_img {
    padding: 0 5px;
}

#form-deposit .depo_img a {
    left: unset;
    top: 0;
    right: 5px;
    height: 43px;
    border: none;
    text-align: center;
    background: #F3D120;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px 10px 10px 10px;
}

#form-deposit .depo_img label {
    border-radius: 5px;
    height: 43px;
}

#form-deposit .depo_img label span {
    left: 10px;
    line-height: 46px;
    color: #afafaf;
}

.bank-wrapper img.lazyload.img-fluid {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 41px;
    width: 41px;
    margin-right: 20px;
    border: 1px solid #dedcdf;
    border-radius: 5px;
    padding: 5px;
}

.bank-wrapper .custom-depo-bank.active img {
    border: 1px solid #f9d94e;
}

@media (max-width: 480px) {
    .content-in {
        padding-bottom: 60px;
    }
}

nav.navbar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    margin-bottom: unset;
}

.info-center-content .contact__item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.info-center-content {
    background-image: url(../../images/ew1188/v1/banner_bg.png);
    background-size: 100% 100%;
    border-radius: 12px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
}

.text-cotact_us {
    padding: 5px;
}

.bg_contact h4 {
    color: #f5f5f5;
    text-align: unset;
}

.border_contact {
    border-bottom: 2px solid #00804f;
}

/* promo */
#promotions .promotion-container {
    /* background: linear-gradient(180deg, #008604 -15%, rgb(0 91 68 / 40%) 100%); */
    background-image: url(../../images/ew1188/v1/banner_bg.png);
    background-size: 100% 100%;
    border-radius: 12px;
    padding: 8px;
}

#promotions .promotion-container-promo {
    font-size: .99rem;
    font-weight: bold;
    text-align: right;
    color: #000000;
    margin-top: -16px;
}

#promotions .promotion-container-promo span {
    padding: 8px;
    background: #FFED15;
    border-radius: 25px;
}

#promotions .promotion-container-text {
    color: #FFED15;
    margin-top: 12px;
    font-weight: bold;
}

#promotions .border_promo {
    border-bottom: 2px solid #57A185;
    margin-top: 3.50rem;
}

#promotions .col-xs-9 {
    padding-left: 1px;
}

#promotions img.angle-double-right {
    margin-left: -2px;
    margin-top: -2px;
}


.bg-default .modal-body {
    background: #002517;
    padding: 0px;
}

.promo-modal-title {
    margin-top: 12px;
}

.border_popup {
    border-bottom: 2px solid #57A185;
    margin-top: 1.5rem;
}

.promo-modal-content {
    background: #003a24;
    border-left: 5px solid #FFED15;
    border-radius: 6px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    height: 62vh;
    overflow: auto;
}

.fa-times-circle {
    color: rgb(255, 13, 13);
}

a.float-right.btn-close {
    color: #ff0000;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 2px;
    top: 4px;
}

.footer.navbar.fixed-bottom::before,
.footer.navbar.fixed-bottom .content::before,
.footer.navbar.fixed-bottom .content::after {
    content: unset;
}

.footer.navbar.fixed-bottom .content {
    padding: 0;
}

.offCanvas {
    top: unset !important;
    z-index: 1001;
    background: radial-gradient(circle, rgba(0, 202, 124, 1) 0%, rgba(33, 103, 76, 1) 100%);
    box-shadow: -5px 0px 8px #09cc81 inset;
}

.announcement {
    border: 1px solid #fff;
    margin: 9px 5px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
}

.marquee {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.js-marquee-wrapper {
    display: inline-block;
    white-space: nowrap;
    animation: marqueeAnimation 10s linear infinite;
}

@keyframes marqueeAnimation {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

li.offCanvas_menu_has_children.offCanvas_menu_sub_open {
    background: unset;
}

.form-login .header-logo a {
    width: 40%;
    display: block;
    margin: 0 auto;
}

.form-login .header-logo a img {
    width: 100%;
    height: auto;
}

#frm_registration .form-input_icon .form-icon_img {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 22px;
    margin-top: 10px;
}

#frm_registration .has-error .form-control {
    padding: 0px 31px;
}

.wrap_reg_register .form-group-password .form-input .col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.wrap_reg_register .form-group-password input#captcha {
    border-radius: 3px;
    border: 0;
    height: 36px;
    color: #000;
    width: 100%;
}

.wrap_reg_register .form-group-password span#code-captcha {
    height: 36px;
    background: #ffffff;
    margin-top: -32px;
    width: 95%;
    border-radius: 3px;
    left: 21px;
    margin-left: -16px;
    color: #212529;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    line-height: 39px;
    font-weight: bold;
}

.wrap_reg_register .form-group-password .form-row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    margin-right: -5px;
    margin-left: -5px;
}

.wrap_reg_register {
    border: 2px solid #06B973;
    box-shadow: 0 3px 15px #00E28D;
}

.modal-dialog-centered {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 90%;
    max-width: 768px;
    margin: 0;
}

ul.menu-img .games-side-menu {
    width: 100%;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offCanvas_menu .offCanvas_menu_has_children ul .games-side-menu::before {
    content: "";
    background-image: url(../../images/ew1188/v1/icon/right.png);
    width: 15px;
    height: 15px;
    display: block;
    background-size: 100% 100%;
}

.wrap-banner .slide .item .banner {
    height: auto;
}

.member-info .head-site .avatar {
    background-image: url(../../images/ew1188/v1/icon/user_avatar.png);
    width: 66px;
    height: 66px;
    background-size: 100% 100%;
    border-radius: 50%;
}

.member-info .head-site {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.member-info .head-site .user-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.member-info .head-site .user-info .user {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.member-info .head-site .user-info .mem-level {
    font-size: 14px;
    color: #ffed15;
    text-transform: capitalize;
}

.member-info .bottom-site {
    margin-top: 10px;
    margin-left: 8px;
    position: relative;
}

.member-info .bottom-site .bal-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
    background: #033529;
    position: relative;
    padding-left: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 5px;

}

.member-info .bottom-site .bal-info::before {
    content: "";
    background-color: #ffed15;
    position: absolute;
    left: -4px;
    width: 5px;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.member-info .bottom-site .bal-info div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7px 0;

}

.member-info .bottom-site .ico-coin {
    content: "";
    width: 35px;
    height: 35px;
    background-image: url(../../images/ew1188/v1/icon/ico-coin.svg);
    background-size: 100% 100%;
}

.member-info .bottom-site .ico-wallet {
    width: 35px;
    height: 35px;
    background-image: url(../../images/ew1188/v1/icon/ico-wallet.svg);
    background-size: 100% 100%;
}

.member-info .bottom-site .bal-info div span:first-child {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.member-info .bottom-site .bal-info div span:last-child {
    color: #ffed15;
    font-size: 14px;
}

.bg_contact .info-center-content ul li {
    width: 33.3333%;
}

.g-menu {
    padding: 10px 5px !important;
    background: transparent !important;
}

.g-menu .slick-prev {
    left: -25px !important;
}

.slick-slider .slick-next {
    right: -25px !important;
}

.g-menu a {
    border: 1px solid #227351;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.06rem;
    ;
}

.g-menu a.g-active {
    background-color: #227351;
    color: #fff;

}

.slick-slide {
    margin-left: 18px !important;
}

.g-wrap {
    background: transparent !important;
}

.g-wrap .g-row .g-list {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.g-wrap .g-row .g-list .g-item {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-image: url(../../images/ew1188/v1/banner_bg.png);
    background-size: 100% 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px;
}

.g-wrap .g-row .g-list .g-item .g-btn-ent {
    padding: 3px 12px !important;
    width: 100%;
    background-color: #ffed15 !important;
    border-radius: 20px;
}

.g-wrap .g-row .g-list .g-item .g-caption {
    width: 100%;
}

.g-wrap .g-row .g-list .g-item .g-caption p,
.g-caption span {
    color: #fff !important;
}

.language-section {
    position: relative;
}

.language-section .dropdown-menu {
    left: unset;
    margin-left: -6px;
    border: none;
    width: 44px;
    background-color: transparent;
}

.language-section .btn-drop-downlang,
.dropdown-menu .lang-item {
    display: block;
    height: 40px;
    width: 34px;
    padding: 0;
    background: unset;
    border: unset;
    margin: 0 auto;
}

.language-section .btn-drop-downlang img,
.dropdown-menu .lang-item img {
    width: 100%;
    height: auto;
}

#form-deposit .custom-depo-bank {
    width: 100%;
}

.form-group-bank #bank-card-logo img {
    max-width: 80px;
    /* border-radius: 50%; */
}

#header .profile-balance a {
    display: -webkit-box;
    flex-direction: column;
    background: transparent;
    border: none;
    align-items: start;
    justify-content: center;
    color: #fff;
    gap: 4px;
}

#header .profile-balance a>span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 6px;
}

#header .profile-balance a span i {
    font-size: 14px;
}

.profile-name {
    width: 80px;
    white-space: nowrap;
    overflow: auto;
    text-overflow: ellipsis;
    margin-right: 4px;
}

.profile-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-balance .btn-sm {
    padding: 4px;
}

.logout {
    border: 1px solid #fff !important;
    padding: 4px;
    border-radius: 6px;
    font-size: 13px;
}

.language-section .btn-drop-downlang,
.dropdown-menu .lang-item {
    width: 28px;
}

.language-section .dropdown-menu {
    width: 38px;
}

#offcanv_menu_2 img {
    width: 35px;
}

#header {
    padding: 0px 5px;
}

a.logo {
    padding: 8px 0px;
}

#modal.modal-custom {
    display: block;
    max-width: 760px;
    margin: auto;
}

#modal.modal-custom .modal-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    max-width: 95%;
}

#modal.modal-custom .modal-content span.x-close {
    width: 35px;
    height: 35px;
    display: flex;
    font-size: 20px;
    position: absolute;
    color: white;
    right: -5px;
    top: -10px;
    border-radius: 100%;
    background-color: black;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
}
.g-point, #turnover-form label, .g-table, .g-caption p{
    color: #fff !important;
}