/* Overrides */
#modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav,
#modernSkin.main-wrapper .layout-wrapper .chat-aside {
    display: none !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper {
    background: transparent !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content {
    left: 0 !important;
    width: 100% !important;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background: var(--bg-button);
    border-radius: 4px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .collapse,
.report.sport-bet .bet-details.collapse,
.report.sport-bet .bet-details-header.collapse,
#modal-user-profile .modal-body .modal-wrapper #vip-progress .collapse {
    visibility: visible;
}

#modernSkin .modal-loader {
    display: none !important;
}

.modal:not('.message-box-modal') {
    z-index: 2000;
}

/* Main Layout */
body {
    background: var(--bg-body);
    font-family: var(--font-family) !important;
    font-optical-sizing: auto;
    font-weight: var(--font-weight);
    color: var(--color-text) !important;

    transition: --bgBody1 .3s ease-out, --bgBody2 .3s ease-out, --bgBody3 .3s ease-out;
}

a,
p {
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight);
}

.nm-widget {
    max-width: var(--width-max-container) !important;
}

#site-loading-icon {
    background: var(--bg-site-loading-icon);
}

#site-loading-icon:before {
    content: '';
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSS/assets/Loader/TwoBet-Preloader.gif);
    background-size: var(--bg-icon-size);
    background-position: var(--bg-icon-position);
    background-repeat: var(--bg-icon-repeat);
    height: 100%;
    width: 100%;
    max-width: 250px;
    max-height: 250px;
}

.layout-wrapper .header-section {
    height: var(--height-header) !important;
}

#app_header.main-header-container {
    max-width: var(--width-max-main-header-container);
    margin: 0 auto;
    height: var(--height-main-header-container) !important;
    position: relative;
}

#app_header.main-header-container .logo-container {
    padding-left: var(--padding-left-logo-container) !important;
    padding-right: var(--padding-right-logo-container);
}

#app_header.main-header-container .logo-container.loggedin {
    display: none !important;
}

#app_header.main-header-container .logo-container #brand-logo {
    height: var(--height-logo) !important;
    width: auto !important;
    max-width: max-content;
}

#app_header.main-header-container .player-information-header {
    justify-content: space-between !important;
    padding-right: var(--padding-right-player-info) !important;
    font-family: var(--font-family) !important;
}

#app_header.main-header-container .player-information-header .left-align {
    display: flex;
    align-items: center;
    gap: 0 16px;
}

.player-information-header .custom-category-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--height-header-items);
    background: var(--bg-custom-category-menu);
    border-radius: var(--border-radius);
    padding: var(--padding-custom-category-menu);
}

.player-information-header .custom-category-menu ul .nav-item a {
    font-weight: var(--font-weight-custom-category-menu-item);
    border-radius: var(--border-radius);
    padding: var(--padding-custom-category-menu-item);
    font-size: var(--font-size-button)
}

.player-information-header .custom-category-menu ul .nav-item a:hover,
.player-information-header .custom-category-menu ul .nav-item a.active {
    color: var(--color-custom-category-menu-item-active);
    background: var(--bg-button);
}

.player-information-header .custom-promo-link {
    height: var(--height-header-items);
    display: flex;
    align-items: center;
    gap: var(--gap-custom-promo-link);
    color: var(--color-button-primary);
    font-weight: var(--font-weight-button);
    background: var(--bg-custom-promo-link);
    border-radius: var(--border-radius);
    padding: var(--padding-custom-promo-link);
    font-size: var(--font-size-button);
    line-height: normal;
}

.player-information-header .custom-promo-link:hover {
    background: var(--bg-button);
}

.player-information-header .custom-promo-link img {
    height: 24px;
}

#app_header.main-header-container .player-information-header .right-align {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
}

.nm-widget .login {
    margin: 0;
    height: var(--height-header-items);
    background: var(--bg-button-reverse);
    border-radius: var(--border-radius);
    padding: var(--padding-button);
    color: var(--color-button-primary);
    font-weight: var(--font-weight-button);
    text-transform: var(--text-transform-login-register);
    min-width: var(--width-min-button);
    font-size: var(--font-size-button);
}

.nm-widget .login:hover {
    background: var(--bg-button);
}

.nm-widget.register-w .btn-join {
    width: fit-content;
    border: 0;
    border-radius: var(--border-radius);
    height: var(--height-header-items);
    background: var(--bg-button);
    padding: var(--padding-button);
    color: var(--color-button);
    font-weight: var(--font-weight-button);
    text-transform: var(--text-transform-login-register);
    min-width: var(--width-min-button);
    font-size: var(--font-size-button);
}

.nm-widget.register-w .btn-join:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.live-chat-header:hover {
    color: var(--color-button-reverse);
}

.nm-widget.language-w .language-public {
    background: var(--bg-lang-switcher);
    border-radius: var(--border-radius-lang-switcher);
    padding: var(--padding-lang-switcher);
}

.nm-widget.language-w .language-public:hover {
    background: var(--bg-button-reverse) !important;
}

.nm-widget.language-w .language-public .language {
    padding: var(--padding-lang-switcher-button);
    font-size: var(--font-size-lang-switcher-button);
    white-space: nowrap;
    height: var(--height-lang-switcher-button);
    width: var(--width-lang-switcher-button);
    border-radius: var(--border-radius-lang-switcher);
    overflow: var(--overflow-lang-switcher-button);
}

.nm-widget.language-w .language-public .language img {
    object-fit: var(--object-fit-lang-switcher-img);
    height: var(--height-lang-switcher-img);
}

#app_footer {
    padding: var(--padding-footer) !important;
}

#app_footer::before {
    background: var(--bg-footer) !important;
}

#app_footer .footer-wrapper {
    position: relative;
    max-width: var(--width-max-container) !important;
    padding: var(--padding-footer-wrapper);
}

#app_footer .footer-wrapper .top-footer {
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--padding-bottom-top-footer);
    border-bottom: var(--border-bottom-top-footer);
    padding-top: var(--padding-top-top-footer);
    border-top: var(--border-top-top-footer);
}

#app_footer .footer-wrapper .top-footer .footer-details {
    flex: var(--flex-footer-details);
}

#app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
    max-height: var(--height-logo);
    margin-bottom: var(--margin-bottom-footer-details);
}

#app_footer .footer-wrapper .top-footer .footer-details p {
    font-family: var(--font-family-footer) !important;
    color: var(--color-text-footer);
    margin-bottom: var(--margin-bottom-footer-details);
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links {
    display: flex;
    gap: var(--gap-social-links);
    align-items: center;
    justify-content: var(--justify-content-social-links);
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links a {
    height: var(--height-social-icons);
    width: var(--width-social-icons);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-text-footer);
    border-radius: 100%;
    color: var(--color-icon-footer);
    font-size: var(--font-size-social-icons);
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links a:hover {
    text-decoration: none;
}

#app_footer .footer-wrapper .footer-menu {
    font-family: var(--font-family-footer) !important;
    margin-bottom: var(--margin-bottom-footer-menu) !important;
    flex-grow: var(--flex-grow-footer-menu);
    padding-left: var(--padding-left-footer-menu);
}

#app_footer .footer-wrapper .footer-menu .menu-column h6 {
    font-weight: var(--font-weight-footer-menu-header);
    color: var(--color-text-footer);
    margin-bottom: var(--margin-bottom-footer-menu-header);
}

#app_footer .footer-wrapper .footer-menu .menu-column .menuw ul li:not(:last-child) {
    margin-bottom: var(--margin-bottom-footer-menu-item) !important;
}

#app_footer .footer-wrapper .footer-menu .menu-column a {
    font-size: var(--font-size-footer-menu-item) !important;
    text-transform: var(--text-transform-footer-menu-item) !important;
    font-family: var(--font-family-footer) !important;
    font-weight: var(--font-weight-footer-menu-item) !important;
    color: var(--color-text-footer-nav-item) !important;
    padding-left: var(--padding-left-footer-nav-item) !important;
}

#app_footer .footer-wrapper .subfooter {
    padding-top: var(--padding-top-subfooter) !important;
    font-family: var(--font-family-footer) !important;
    font-size: var(--font-size-subfooter);
    margin-top: var(--margin-top-subfooter);
    color: var(--color-text-footer-subfooter) !important;
    font-weight: var(--font-weight-subfooter);
    border-top: var(--border-top-top-footer);
}

#app_footer .menuw ul li ul {
    margin-left: 20px !important;

}

#app_footer .menuw ul li ul .dropdown-item:hover,
#app_footer .menuw ul li ul .dropdown-item:focus {
    background: none !important;
    ;

}



.layout-wrapper .content-wrapper .home-page-content {
    padding-top: var(--padding-top-home-content) !important;
    padding-left: var(--padding-left-home-content) !important;
    padding-right: var(--padding-right-home-content) !important;
}

.scroll-wrap {
    max-width: var(--width-max-container);
    margin: 0 auto;
    color: var(--colorSecondary) !important;
}

.scroll-wrap.buffered {
    max-width: var(--width-max-buffered);
}

.scroll-wrap.buffered .buffered-left {
    margin-top: var(--margin-top-buffered-left);
    width: 100%;
    margin-left: var(--margin-left-buffered-left);
    padding-bottom: var(--padding-bottom-buffered-left);
}

.scroll-wrap.buffered.promo-details .buffered-left {
    margin-top: var(--margin-top-buffered-left-promo-details);
}

.carousel-control-next,
.carousel-control-prev {
    height: var(--height-carousel-icon);
    width: var(--width-carousel-icon);
    background: var(--bg-carousel-icon);
    border-radius: var(--border-radius-carousel-icon);
    top: 50%;
    transform: translateY(-50%);
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    opacity: 1;
}

.carousel-control-next {
    right: var(--right-carousel-icon);
}

.carousel-control-prev {
    left: var(--left-carousel-icon);
}

.card-icon-page-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 var(--gap-default);
    margin-top: var(--margin-top-card-icon-page-links);
    position: relative;
    z-index: 1;
}

.card-icon-page-links a:hover {
    text-decoration: none;
}

.card-icon-page-links .card-icon-item {
    height: var(--height-card-icon-item);
    display: var(--display-card-icon-item);
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-bottom: var(--padding-bottom-card-icon-item);
    background: var(--bg-card-icon-item);
    box-shadow: var(--box-shadow-card-icon-item);
    position: relative;
    border-radius: var(--border-radius-card-icon-item);
    padding-left: var(--padding-left-card-icon-item);
    flex: var(--flex-card-icon-item);
}

.card-icon-page-links .card-icon-item a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: var(--align-items-card-icon-item-a);
    padding-left: var(--padding-bottom-card-icon-item-a);
    padding-bottom: var(--padding-bottom-card-icon-item-a);
}

.card-icon-page-links .card-icon-item img {
    max-height: var(--height-max-card-icon-item-img);
    margin-bottom: var(--margin-bottom-card-icon-item-img);
    position: var(--position-card-icon-item-img);
    right: var(--right-card-icon-item-img);
}

.card-icon-page-links a:hover img {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.card-icon-page-links .card-icon-item span {
    font-size: var(--font-size-card-icon-item);
    color: var(--color-text);
    text-transform: var(--text-transform-card-icon-item);
    font-weight: var(--font-weight-card-icon-item);
    max-width: var(--width-max-card-icon-item-span);
    line-height: normal;
}

.loader-container div svg {
    border-radius: var(--border-radius-loader-svg);
    width: 100%;
    filter: saturate(100%) invert(14%) sepia(12%) saturate(5151%) hue-rotate(246deg) brightness(95%) contrast(109%);
    ;
}

.two-row-gamelobby {
    margin-top: var(--margin-top-two-row-gl);
}

.two-row-gamelobby .game-lobby-renderer.horizontal {
    grid-template-columns: var(--grid-template-columns-two-row-gl);
    grid-auto-flow: var(--grid-auto-flow-two-row-gl);
    grid-auto-columns: var(--grid-auto-columns-two-row-gl);
    gap: var(--gap-default);
    margin-bottom: var(--margin-bottom-two-row-gl);
}

.two-row-gamelobby .loader-container.horizontal div {
    grid-template-columns: var(--grid-template-columns-two-row-gl);
    grid-auto-flow: var(--grid-auto-flow-two-row-gl);
    grid-auto-columns: var(--grid-auto-columns-two-row-gl);
    gap: var(--gap-default);
    width: 100%;
}

.two-row-gamelobby .game-lobby-slider-container {
    display: none;
}

.game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .carousel-control-next-icon {
    display: var(--display-two-row-see-all-icon);
    height: var(--height-two-row-see-all-icon) !important;
    width: var(--width-two-row-see-all-icon) !important;
}

.two-row-gamelobby .nm-widget .game-lobby-header {
    margin-bottom: var(--margin-bottom-two-row-gl-header);
}

.two-row-gamelobby .nm-widget .game-lobby-header .header-container h5 {
    color: var(--color-header);
    font-weight: var(--font-weight-gl-header);
    text-transform: var(--text-transform-header);
    letter-spacing: var(--letter-spacing-header);
    font-size: var(--font-size-header);
}

.two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
    position: absolute;
    bottom: var(--bottom-two-row-gl-see-all);
    left: var(--left-two-row-gl-see-all);
    transform: var(--transform-two-row-gl-see-all);
    border-radius: var(--border-radius);
    cursor: pointer;
    height: var(--height-two-row-gl-see-all);
    padding: var(--padding-two-row-gl-see-all);
    min-width: var(--width-min-two-row-gl-see-all);
    background: var(--bg-two-row-gl-see-all);
}

.two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
    margin-top: var(--margin-top-see-all-span);
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-button);
    color: var(--color-two-row-see-all-label);
    line-height: normal;
}

.game-lobby-renderer .game-lobby-renderer-card a {
    padding-top: var(--padding-top-gl-a) !important;
    white-space: nowrap;
}

.game-lobby-renderer .game-lobby-renderer-card img {
    position: relative !important;
    border-radius: var(--border-radius-gl-img) !important;
    max-height: var(--height-max-gl-img);
    object-fit: cover;
}

.nm-widget .game-lobby-header .header-container i {
    margin-right: var(--margin-right-gl-header-i) !important;
    display: var(--display-gl-header-i);
}

.nm-widget .game-lobby-header .header-container i:before {
    content: '';
    display: var(--display-icon);
    height: var(--height-icon);
    width: var(--width-icon);
    background-repeat: var(--bg-icon-repeat);
    background-size: var(--bg-icon-size);
    background-position: var(--bg-icon-position);
    vertical-align: var(--vertical-align-icon);
}

.bottom-logos {
    margin-bottom: var(--margin-bottom-bot-logos);
}

.bottom-logos div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--height-bot-logos);
}

.category-page-wrapper {
    display: flex;
    gap: 0 var(--gap-default);
}

.category-page-left-nav {
    flex: var(--flex-cat-page-left-nav);
}

.category-page-nav {
    background: var(--bg-cat-page-nav);
    border: var(--border-cat-page-nav);
    border-radius: var(--border-radius-cat-page-nav);
    box-shadow: var(--box-shadow-cat-page-nav);
    padding: var(--padding-cat-page-nav);
    margin-bottom: var(--margin-bottom-cat-page-nav);
    text-transform: var(--text-transform-cat-page-nav);
}

.category-page-nav label {
    margin-bottom: var(--margin-bottom-cat-page-nav-label);
    width: 100%;
    height: var(--height-cat-page-nav-header);
}

.category-page-nav .button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text);
    font-size: var(--font-size-cat-page-nav-header);
    font-weight: var(--font-weight-cat-page-nav);
    cursor: pointer;
    padding-left: var(--padding-left-cat-page-nav-button);
    position: relative;
}

.category-page-nav .button:hover {
    color: var(--color-button);
}

.category-page-nav .button img {
    position: absolute;
    left: var(--left-cat-page-nav-img);
    height: var(--height-icon);
    width: var(--width-icon);
    object-fit: var(--bg-icon-size);
}

.category-page-nav .button i {
    font-size: var(--font-size-cat-page-nav-button-i);
    transform: var(--transform-rotate-cat-page-nav-button-i);
    transition: var(--transition-default);
}

.category-page-nav .content {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition-default);
}

.category-page-nav #casinoNavEn:checked~.casinoNavContentEn,
.category-page-nav #liveCasinoNavEn:checked~.liveCasinoNavContentEn,
.category-page-nav #jackpotsNavEn:checked~.jackpotsNavContentEn {
    max-height: var(--height-max-cat-nav-page-content);
}

.category-page-nav #casinoNavEn:checked~label .button,
.category-page-nav #liveCasinoNavEn:checked~label .button,
.category-page-nav #jackpotsNavEn:checked~label .button {
    color: var(--color-button);
}

.category-page-nav #casinoNavEn:checked~label .button img,
.category-page-nav label[for="casinoNavEn"] .button:hover img {
    content: var(--content-casino-games-icon-active);
}

.category-page-nav #liveCasinoNavEn:checked~label .button img,
.category-page-nav label[for="liveCasinoNavEn"] .button:hover img {
    content: var(--content-live-casino-icon-active);
}

.category-page-nav #jackpotsNavEn:checked~label .button img,
.category-page-nav label[for="jackpotsNavEn"] .button:hover img {
    content: var(--content-jackpots-icon-active);
}

.category-page-nav #casinoNavEn:checked~label .button i,
.category-page-nav #liveCasinoNavEn:checked~label .button i,
.category-page-nav #jackpotsNavEn:checked~label .button i {
    transform: var(--transform-rotate-cat-page-nav-button-i-active);
}

.category-page-nav ul .nav-item:last-child a {
    margin-bottom: var(--margin-bottom-cat-page-nav);
}

.category-page-nav .nav-item a {
    width: 100%;
    height: var(--height-cat-page-nav-a);
    background: var(--bg-cat-page-nav-a);
    border-radius: var(--border-radius-cat-page-nav);
    margin-bottom: var(--margin-bottom-cat-page-nav-a);
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-cat-page-nav);
    padding: var(--padding-cat-page-nav-a);
    cursor: pointer;
}

.category-page-nav .nav-item a:hover,
.category-page-nav .nav-item a.active {
    color: var(--color-button);
    background: var(--bg-button);
    text-decoration: none;
}

.category-page-nav .nav-item a i {
    margin-right: var(--margin-right-cat-page-nav-a-i);
}

.category-page-nav .nav-item a i:before {
    content: '';
    display: var(--display-icon);
    height: var(--height-cat-page-nav-a-i);
    width: var(--width-cat-page-nav-a-i);
    background-repeat: var(--bg-icon-repeat);
    background-size: var(--bg-icon-size);
    background-position: var(--bg-icon-position);
    vertical-align: var(--vertical-align-cat-nav-page-icon);
}

.category-page-content {
    position: relative;
    margin-top: var(--margin-top-category-page);
}

.category-page-content .game-lobby-renderer.horizontal {
    grid-auto-columns: var(--grid-auto-columns-catpage-gl-hor);
    gap: 0 var(--gap-default);
    margin-bottom: var(--margin-bottom-section);
}

.category-page-content .loader-container.horizontal div {
    grid-auto-columns: var(--grid-auto-columns-catpage-gl-hor);
    gap: 0 var(--gap-default);
    width: 100% !important;
    grid-auto-flow: column;
    grid-template-columns: unset;
}

.category-page-content .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
    position: absolute;
    bottom: var(--bottom-see-all);
    right: var(--right-see-all);
    padding: var(--padding-see-all);
    background: var(--bg-see-all);
    height: var(--height-see-all);
    min-width: var(--width-min-see-all);
    border-radius: var(--border-radius);
    cursor: pointer;
    z-index: 2;
    box-shadow: none;
}

.category-page-content .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
    margin-top: var(--margin-top-see-all-span);
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-button);
    color: var(--color-see-all-span);
}

.category-page-content .game-lobby-slider-container {
    width: var(--width-gl-slider);
    height: var(--height-button);
    background: var(--bg-gl-slider);
    border-radius: var(--border-radius);
    justify-content: space-between;
}

.category-page-content .game-lobby-slider-container button {
    border: var(--border-gl-slider-button);
    width: var(--width-gl-slider-button);
    display: var(--display-gl-slider-button);
    align-items: center;
    justify-content: center;
}

.category-page-content .game-lobby-slider-container button#slideLeft {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.category-page-content .game-lobby-slider-container button#slideRight {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.category-page-content .game-lobby-slider-container button:hover {
    transform: none;
    background: transparent;
}

.category-page-content .game-lobby-slider-container button i {
    padding-top: var(--padding-top-gl-slider-button-i);
}

.category-page-content .game-lobby-slider-container button i:before {
    content: var(--content-carret);
}

.category-page-content .game-lobby-slider-container button#slideLeft i {
    transform: var(--transform-gl-slider-button-i);
}

.category-page-content .nm-widget .game-lobby-header {
    margin-top: var(--margin-top-gl-header);
    margin-bottom: var(--margin-bottom-gl-header);
}

.category-page-content .nm-widget .game-lobby-header .header-container h5 {
    color: var(--color-header);
    font-weight: var(--font-weight-gl-header);
    text-transform: var(--text-transform-header);
    letter-spacing: var(--letter-spacing-header);
    font-size: var(--font-size-header);
}

.promo-banner {
    margin-bottom: var(--margin-bottom-section);
}

.promo-banner img {
    border-radius: var(--border-radius-promo-banner-img);
}

.left-nav-links {
    display: inline-block;
    margin-top: var(--margin-top-left-nav-links);
    width: 100%;
}

.left-nav-link-item {
    background: var(--bg-cat-page-nav);
    border: var(--border-cat-page-nav);
    border-radius: var(--border-radius-cat-page-nav);
    box-shadow: var(--box-shadow-cat-page-nav);
    width: 100%;
    height: var(--height-cat-page-nav-header);
    margin-bottom: var(--margin-bottom-left-nav-link-item);
}

.left-nav-link-item:last-child {
    margin-bottom: 0;
}

.left-nav-link-item a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: var(--padding-left-nav-link-item);
    font-size: var(--font-size-cat-page-nav-header);
    text-transform: var(--text-transform-cat-page-nav);
    font-weight: var(--font-weight-card-icon-item);
}

.left-nav-link-item a:hover {
    color: var(--color-button);
    text-decoration: none;
}

.left-nav-link-item a i {
    margin-right: var(--margin-right-gl-header-i);
    font-size: var(--height-icon);
}

.promo-page .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--height-button);
    background: var(--bg-custom-category-menu);
    border-radius: var(--border-radius);
    padding: var(--padding-custom-category-menu);
    width: fit-content;
}

.promo-page .promoTabLinks {
    font-weight: var(--font-weight-custom-category-menu-item);
    border-radius: var(--border-radius);
    padding: var(--padding-custom-category-menu-item);
    font-size: var(--font-size-button);
    text-transform: var(--text-transform-button);
    transition: var(--transition-default);
}

.promo-page .promoTabLinks:hover,
.promo-page .promoTabLinks.active {
    background: var(--bg-button);
    color: var(--color-button);
}

.promo-page .promoTabContent {
    display: none;
}

.promo-page .promoTabContent.active {
    display: grid;
    grid-template-columns: var(--grid-template-columns-promo);
    gap: var(--gap-promo);
    margin-top: var(--margin-top-promo);
    grid-auto-rows: var(--grid-auto-rows-promo);
}

.promo-page .promoTabContent.active img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-promo-img);
    box-shadow: var(--box-shadow-promo-img);
}

.recommended-promos {
    margin-top: var(--margin-top-reco-promos);
}

.recommended-promos h5 {
    font-size: var(--font-size-header);
    color: var(--color-header);
}

.recommended-promos .promo-items {
    margin-top: var(--margin-top-reco-promos-items);
    display: grid;
    grid-template-columns: var(--grid-template-columns-reco-promos-items);
    gap: var(--gap-default);
}

.recommended-promos .promo-items img {
    border-radius: var(--border-radius-cat-page-nav);
    border-radius: var(--border-radius-cat-page-nav);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: var(--width-max-article-container);
    margin: 0 auto;
}

.article-content {
    color: var(--color-article);
    margin-top: var(--margin-top-article-content);
}

.article-content h5 {
    font-size: var(--font-size-header);
    text-transform: var(--text-transform-header);
    margin-bottom: var(--margin-bottom-article-text);
}

.article-content img {
    width: 100%;
}

.article-content p {
    padding-left: var(--padding-side-article-p);
    margin-bottom: var(--margin-bottom-article-text);

}

.article-content p span {
    padding-right: var(--padding-side-article-p);
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen .gamestage_breadcrumbs,
.gamestage-wrapper-new-skin .fullscreen .gamestage-bottom-controls-container {
    background: var(--bg-gamestage-borders) !important;
    height: var(--height-gamestage-borders) !important;
    padding: var(--padding-gamestage-borders) !important;
}

.gamestage-wrapper-new-skin .gamestage_breadcrumbs .gamestage_breadcrumbs-exit {
    display: flex !important;
    align-items: center;
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen .gamestage-container {
    height: var(--height-gamestage) !important;
    background: var(--bg-modal);
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen .gamestage_breadcrumbs i:before {
    content: '';
    height: var(--height-gamestage-close-button);
    width: var(--width-gamestage-close-button);
    display: block;
    background-image: var(--content-gamestage-close-button);
    background-size: var(--bg-icon-size);
    background-repeat: var(--bg-icon-repeat);
    background-position: var(--bg-icon-position);
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen .gamestage_breadcrumbs span,
.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .label {
    font-size: var(--font-size-button);
    text-transform: var(--text-transform-button) !important;
    font-weight: var(--font-weight-button) !important;
    color: var(--color-text);
    font-family: var(--font-family) !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container button {
    display: none !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:hover+.slider-checkbox:before,
.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:checked+.slider-checkbox:before {
    background-color: var(--bg-button) !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:checked+.slider-checkbox {
    background-color: var(--bg-checkbox-span) !important;
}

.game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons {
    display: flex !important;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 4;
    opacity: 0;
    transition: var(--transition-default);
}

.game-lobby-renderer .game-lobby-renderer-card:hover .game-lobby-renderer-card-buttons {
    opacity: 1;
    background: var(--bg-gl-renderer-buttons);
    box-shadow: var(--box-shadow-gl-renderer-buttons);
    border-radius: var(--border-radius-gl-img);
}

.game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(1) {
    content: '';
    font-size: 0;
    background-image: var(--content-gamelobby-play-button);
    height: var(--height-gl-renderer-play-btn);
    width: var(--width-gl-renderer-play-btn);
    background-size: var(--bg-icon-size);
    background-repeat: var(--bg-icon-repeat);
    filter: var(--opacity-gl-renderer-play-btn);
}

.game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(2) {
    position: absolute;
    bottom: var(--margin-bottom-section);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
}

.game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(2):hover {
    color: var(--color-button);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group {
    max-width: var(--width-max-buffered);
    margin: 0 auto;
    position: relative;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container {
    margin: 0 !important;
    height: fit-content !important;
    background: transparent !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-page-header-container .template-page-header {
    position: absolute;
    max-width: var(--width-max-casino-groups-header);
    left: var(--left-casino-groups-header);
    justify-content: start;
    flex-flow: row-reverse;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header h5 {
    font-size: var(--font-size-header) !important;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-gl-header) !important;
    color: var(--color-header) !important;
    text-transform: var(--text-transform-header);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img {
    height: var(--height-icon);
    width: var(--width-icon);
    margin-right: var(--margin-right-gl-header-i);
    content: var(--content-winka-sports-icon);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-list-page {
    display: grid;
    grid-template-columns: var(--grid-template-columns-casino-groups);
    grid-template-rows: var(--grid-template-rows-casino-groups);
    grid-gap: 0 var(--gap-default);
    max-width: var(--width-max-buffered);
    margin-top: 0 !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-list-page .before-provider-game-list-casino-group {
    grid-column: 1;
    grid-row: 1 / 5;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-list-page .game-lobby-filter {
    margin-top: var(--margin-top-gl-filter);
    margin-bottom: var(--margin-bottom-section) !important;
}

.game-lobby-filter .game-lobby-filter-provider,
.game-lobby-filter .game-lobby-sort {
    margin: 0 !important;
}

.game-lobby-filter-label,
.game-lobby-sort-label {
    font-size: var(--font-size-filter-label);
    text-transform: var(--text-transform-filter-label);
    color: var(--color-filter-label);
    font-weight: var(--font-weight-filter-label);
    margin-right: var(--margin-right-filter-label) !important;
}

.game-lobby-filter .game-lobby-filter-provider button,
.game-lobby-filter .game-lobby-sort button {
    padding: var(--padding-select);
    background: var(--bg-input-select);
    border-radius: var(--border-radius-input-select);
    border: var(--border-select);
    box-shadow: var(--box-shadow-select);
    font-size: var(--font-size-select);
    font-weight: var(--font-weight-select);
    color: var(--color-input-select);
    font-family: var(--font-family);
    letter-spacing: inherit;
    text-transform: var(--text-transform-filter-select) !important;
}

.game-lobby-filter .game-lobby-filter-provider button i,
.game-lobby-filter .game-lobby-sort button i {
    margin-left: var(--margin-left-select-i);
}

#provider-game-list-page-casino-group .game-lobby-renderer.tiles,
#provider-game-list-page-casino-group .loader-container.tiles div,
.loader-container.tiles div {
    grid-template-columns: var(--grid-template-columns-casino-groups-games);
    gap: var(--gap-default) !important;
}

.nm-widget .game-lobby-load-more-container .load-more-counter span {
    font-weight: var(--font-weight-footer-menu-header);
}

.nm-widget .game-lobby-load-more-container button {
    background: var(--bg-button) !important;
    height: var(--height-button) !important;
    font-weight: var(--font-weight-button);
    letter-spacing: normal !important;
    font-size: var(--font-size-button) !important;
    border-radius: var(--border-radius) !important;
}

.nm-widget .game-lobby-load-more-container button:hover {
    transform: none !important;
    background: var(--bg-button-reverse) !important;
    color: var(--color-button-reverse);
}

.search-result-placeholder img {
    display: none;
}

/*Logged in elements*/
body.logged-in .nm-widget.login-w {
    padding: var(--padding-login-w);
    border-right: var(--border-login-w);
    border-left: var(--border-login-w);
    margin: var(--margin-login-w);
}

body.logged-in .nm-widget.login-w .btn-user-profile {
    padding: 0;
    background: #7D22AA;
    border-radius: var(--border-radius-login-w-user-profile);
    height: var(--height-login-w-user-profile);
    width: var(--width-login-w-user-profile);
}

body.logged-in .nm-widget.login-w .btn-user-profile:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button);
}

body.logged-in .nm-widget.notification-w {
    height: var(--height-header-items);
    width: var(--width-notification-w);
    background: var(--bg-notification-w);
    border-radius: var(--border-radius-notification-w);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.logged-in .nm-widget.notification-w:hover {
    background: var(--bg-button-reverse)
}

body.logged-in .nm-widget.notification-w .notification-bell .icon-bell {
    font-size: var(--font-size-notification-w);
    vertical-align: middle;
}

body.logged-in .nm-widget.notification-w:hover .notification-bell .icon-bell {
    color: #7D22AA;
}

body.logged-in .nm-widget.register-w {
    display: none;
}

body.logged-in #app_header.main-header-container .player-information-header .header-wallets {
    display: flex;
    gap: var(--gap-header-wallets);
    margin-left: 16px;
}

body.logged-in .nm-widget.wallet-button-w button {
    background: var(--bg-paw-grp-balance-btn-wallet);
    border-radius: var(--border-radius-paw-grp-balance-btn);
    height: var(--height-header-items);
    padding: var(--padding-header-wallets-btn);
    font-size: var(--font-size-button);
    color: var(--color-paw-grp-balance-btn-wallet);
    font-weight: var(--font-weight-button);
}

body.logged-in .nm-widget.bonus-badge-w button {
    background: var(--bg-paw-grp-balance-btn-bonus);
    border: 0;
    border-radius: var(--border-radius-paw-grp-balance-btn);
    height: var(--height-header-items);
    padding: var(--padding-header-wallets-btn);
    font-size: var(--font-size-button);
    color: var(--color-button);
    font-weight: var(--font-weight-button);
}

body.logged-in .nm-widget.wallet-button-w button:hover,
body.logged-in .nm-widget.bonus-badge-w button:hover {
    background: var(--bg-button-reverse) !important;
    color: var(--color-button) !important;
}

/*Modals*/
#modal-login .modal-content {
    max-width: 100%;
    background: var(--bg-modal);
    border-radius: var(--border-radius-modal);
}

.modal .modal-dialog .modal-content .modal-header {
    padding: var(--padding-modal);
}

#modal-login .modal-content .modal-header .modal-title {
    font-size: var(--font-size-header);
    text-transform: var(--text-transform-header);
    color: var(--color-header);
}

#modal-login .modal-content .modal-header .close {
    top: var(--top-modal-close);
    right: var(--right-modal-close);
    margin: 0;
    padding: 0;
}

.modal .modal-dialog .modal-content .close .icomoon-icon {
    content: var(--content-modal-close-button);
    display: inline-block;
    height: 24px;
    width: 24px;
}

#modal-login .modal-content .modal-body {
    background: transparent;
    padding: var(--padding-modal);
    max-height: var(--height-max-modal-body);
    overflow: auto;
}

#modal-login .modal-content .modal-body .form-login,
#modal-login .modal-content .modal-body .form-forgot-password,
.form-register {
    padding: var(--padding-form-login);
    background: var(--bg-section);
    border: var(--border-section);
    border-radius: var(--border-radius-section);
    box-shadow: var(--box-shadow-section);
}

#modal-login .modal-content .modal-body .form-forgot-password,
.form-register {
    padding: var(--padding-section);
}

form .form-group,
.form .form-group {
    margin-bottom: var(--margin-bottom-section);
}

form .form-group label,
.form .form-group label {
    font-size: var(--font-size-input-label);
    color: var(--color-input-label);
    margin-bottom: var(--margin-bottom-input-label);
}

form .form-group .input-inline,
.form .form-group .input-inline,
.form-register .form-group select,
form .form-group #mobileNumber,
form .form-group .mobileNumber,
.form .form-group #mobileNumber,
.form .form-group .mobileNumber,
form .form-group #verifyMobileNumber,
.form .form-group #verifyMobileNumber,
form .form-group #birthDate,
.form .form-group #birthDate {
    background: var(--bg-input-select);
    height: var(--height-input-select);
    padding: var(--padding-input-select);
    border: var(--border-input-select);
    border-radius: var(--border-radius-input-select) !important;
    color: var(--color-input-select);
}

form .form-group .input-inline::placeholder,
.form .form-group .input-inline::placeholder,
form .form-group #mobileNumber::placeholder,
form .form-group .mobileNumber::placeholder,
.form .form-group #mobileNumber::placeholder,
.form .form-group .mobileNumber::placeholder,
form .form-group #verifyMobileNumber::placeholder,
.form .form-group #verifyMobileNumber::placeholder,
form .form-group #birthDate::placeholder,
.form .form-group #birthDate::placeholder {
    color: var(--color-text);
}

form .form-group .highlight,
.form .form-group .highlight {
    color: var(--color-input-highlight);
}

.forgot-password-group .lbl-forgot-password {
    font-size: var(--font-size-form-text);
    cursor: pointer;
    color: var(--color-form-text);
}

.forgot-password-group .lbl-forgot-password:hover {
    color: var(--color-form-link);
}

form .form-group .password-visible,
.form .form-group .password-visible {
    right: var(--right-password-visible);
    bottom: var(--bottom-password-visible);
    transform: var(--transform-password-visible);
    color: var(--color-input-select-placeholder);
}

form .form-group button#btn-signin,
.form .form-group button#btn-signin,
form .form-group button#btn-forgot,
form .form-group button#btn-forgot,
.form-register input[type="submit"] {
    background: var(--bg-button-join);
    border-radius: var(--border-radius);
    border: var(--border-button);
    width: var(--width-form-button);
    padding: var(--padding-button);
    height: var(--height-button);
    color: var(--color-button);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
    font-size: var(--font-size-button);
    min-width: var(--width-min-button);
    float: var(--float-form-button);
}

form .form-group.register-group,
.form .form-group.register-group {
    display: var(--display-form-register-group);
    width: var(--width-from-register-group);
    margin: var(--margin-form-register-group);
}

form .form-group.signin-group,
.form .form-group.signin-group {
    margin: 0;
}

form .form-group.register-group span,
.form .form-group.register-group span,
form .form-group.signin-group span,
.form .form-group.signin-group span {
    font-size: var(--font-size-form-text);
    color: var(--color-form-text);
}

form .form-group.register-group a,
.form .form-group.register-group a,
form .form-group.signin-group a,
.form .form-group.signin-group a {
    font-size: var(--font-size-form-text);
    cursor: pointer;
    color: var(--color-form-link);
}

form .form-group a:hover {
    text-decoration: none;
}

form .form-group .error,
.form .form-group .error {
    position: relative;
    line-height: 1px;
}

.form-register .form-group .sms-verification-btn {
    width: var(--width-sms-button);
    height: var(--height-button);
    font-size: var(--font-size-button);
    color: var(--color-button);
    background: var(--bg-button);
    border-radius: var(--border-radius);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
}

.form-register .form-group .sms-verification-btn:first-child {
    margin-left: var(--margin-sms-button);
    margin-right: 0;
}

.form-register .form-group .sms-verification-btn:last-child {
    margin-left: 0;
    margin-right: var(--margin-sms-button);
    background: var(--bg-button-reverse);
}

.modal .modal-dialog .modal-content {
    background: var(--bg-modal);
}

#modal-user-profile .modal-content {
    background: var(--bg-body);
}

#modal-user-profile .modal-body .close {
    padding: 0;
    right: var(--right-paw-modal-close);
    top: var(--top-paw-modal-close);
}

#modal-user-profile .modal-body .modal-wrapper {
    padding: var(--padding-paw-modal-wrapper);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system {
    background: transparent;
    -ms-flex: var(--flex-paw-side-nav);
    flex: var(--flex-paw-side-nav);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
    background: var(--bg-section);
    border-top: var(--border-section);
    border-left: var(--border-section);
    border-right: var(--border-section);
    border-bottom: var(--border-bottom-paw-userId);
    border-radius: var(--border-radius-section) var(--border-radius-section) 0 0;
    padding: var(--padding-paw-userId);
    font-size: var(--font-size-paw-userId);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
    background: var(--bg-section);
    border-top: var(--border-top-paw-grp-balance);
    border-left: var(--border-section);
    border-right: var(--border-section);
    border-bottom: var(--border-section);
    border-radius: 0 0 var(--border-radius-section) var(--border-radius-section);
    box-shadow: var(--box-shadow-section);
    padding: var(--padding-paw-grp-balance);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account .lbl-greet,
#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account .player-id {
    font-weight: var(--font-weight-paw-userId-greet);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance>.row {
    margin: 0;
    flex-direction: var(--flex-direction-grp-balance-row);
}

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper,
#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper {
    padding: var(--padding-paw-grp-balance-wallet-wrapper);
    flex: var(--flex-paw-grp-balance-wrapper);
    max-width: var(--width-max-paw-grp-balance-wrapper);
}

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper {
    padding: var(--padding-paw-grp-balance-bonus-wrapper);
}

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper .btn-wallet-balance,
#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper .btn-bonus-balance {
    height: var(--height-paw-grp-balance-btn);
    background: var(--bg-paw-grp-balance-btn-wallet);
    text-align: var(--text-align-paw-grp-balance-btn);
    padding: var(--padding-paw-grp-balance-btn);
    border: var(--border-section);
    box-shadow: var(--box-shadow-section);
    font-size: var(--font-size-paw-grp-balance-btn);
    font-weight: var(--font-weight-paw-grp-balance-btn);
    color: var(--color-paw-grp-balance-btn-wallet);
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-paw-grp-balance-btn);
}

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper .btn-bonus-balance {
    background: var(--bg-paw-grp-balance-btn-bonus);
    color: var(--color-button);
}

.nav-tab-system-vertical {
    margin-top: var(--margin-top-paw-nav-tab);
}

.nav-tab-system-vertical ul {
    padding: var(--padding-paw-nav-tab-ul);
    background: var(--bg-section);
    border: var(--border-section);
    box-shadow: var(--box-shadow-section);
    border-radius: var(--border-radius-section);
}

.nav-tab-system-vertical ul li {
    margin-left: 0;
}

.nav-tab-system-vertical ul li a {
    width: 100%;
    height: var(--height-cat-page-nav-a);
    background: var(--bg-cat-page-nav-a);
    border-radius: var(--border-radius-cat-page-nav);
    margin-bottom: var(--margin-bottom-cat-page-nav-a);
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-cat-page-nav);
    padding: var(--padding-paw-nav-tab-a);
    font-size: var(--font-size-paw-nav-tab-a);
    text-transform: var(--text-transform-paw-nav-tab-a);
    color: var(--color-text);
}

.nav-tab-system-vertical ul li a.active,
.nav-tab-system-vertical ul li a:hover {
    background: var(--bg-paw-nav-tab-a-active);
    color: var(--color-button);
}

.nav-tab-system-vertical ul li a i {
    font-size: var(--font-size-paw-nav-tab-a-i);
    padding-right: var(--padding-right-nav-tab-a-i);
}

#modal-user-profile .content-wrapper-system {
    padding-left: var(--padding-left-paw-content-wrapper);
}

.nav-tab-system-horizontal {
    border-bottom: var(--border-bottom-paw-nav-tab-horizontal);
    margin-bottom: var(--margin-bottom-paw-nav-tab-horizontal);
}

.nav-tab-system-horizontal .nav-tabs {
    max-width: fit-content;
    margin: 0;
    height: var(--height-button);
    background: var(--bg-custom-category-menu);
    border-radius: var(--border-radius);
    padding: var(--padding-custom-category-menu);
}

.nav-tab-system-horizontal .nav-tabs .nav-item {
    padding: 0;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a {
    font-weight: var(--font-weight-custom-category-menu-item);
    border-radius: var(--border-radius);
    padding: var(--padding-custom-category-menu-item);
    font-size: var(--font-size-button);
    text-transform: var(--text-transform-button);
    transition: var(--transition-default);
    white-space: nowrap;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a.active,
.nav-tab-system-horizontal .nav-tabs .nav-item a:hover {
    border-bottom: 0;
    background: var(--bg-button);
    color: var(--color-button);
    text-decoration: none;
}

#notification-page .nav-tab-system-horizontal .nav-tabs,
#user-profile-page .nav-tab-system-horizontal .nav-tabs {
    padding: var(--padding-paw-nav-tab-title);
    border-radius: 0;
    background: transparent;
    height: auto;
}

#notification-page .nav-tab-system-horizontal .nav-tabs .nav-item a,
#user-profile-page .nav-tab-system-horizontal .nav-tabs .nav-item a {
    padding: 0;
    font-size: var(--font-size-header);
    font-weight: var(--font-weight-header);
}

#notification-page .nav-tab-system-horizontal .nav-tabs .nav-item a:hover,
#notification-page .nav-tab-system-horizontal .nav-tabs .nav-item a.active,
#user-profile-page .nav-tab-system-horizontal .nav-tabs .nav-item a:hover,
#user-profile-page .nav-tab-system-horizontal .nav-tabs .nav-item a.active {
    background: transparent;
}

.tab-pane#deposit,
.tab-pane#withdraw,
.tab-pane#transfer,
.tab-pane#transaction,
.tab-pane#sportsbet,
.tab-pane#casinobet,
.tab-pane#notifications,
.tab-pane#profile-home,
.tab-pane#active_bonuses,
.tab-pane#available_bonuses,
.tab-pane#bonus_history {
    padding: 0;
}

.transaction-subtab-container {
    padding: 0 !important;
}

.transaction-subtab-container button {
    flex: var(--flex-paw-subtab-button);
    height: var(--height-paw-subtab-button);
    margin-right: 0 !important;
    font-size: var(--font-size-button);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
    border: 0;
    transition: var(--transition-default);
    border-radius: var(--border-radius-paw-subtab-button);
}

.transaction-subtab-container button.active,
.transaction-subtab-container button:hover {
    background: var(--bg-paw-nav-tab-a-active);
    border: var(--border-section);
    box-shadow: var(--box-shadow-section);
    text-decoration: none;
}

.transaction-subtab-container button.active:after {
    display: none !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.history-tab .mt-4 {
    margin-top: var(--margin-top-paw-history-tab) !important;
}

.section-system-filter {
    padding: var(--padding-paw-section-filter);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-date-range,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status {
    -ms-flex: var(--flex-paw-filter-items);
    flex: var(--flex-paw-filter-items);
    max-width: var(--width-max-paw-filter-items);
}

.date-range-wrapper {
    border: 0;
}

.date-range-wrapper input.date-range {
    padding: var(--padding-paw-date-range);
    background: var(--bg-input-select);
    border-radius: var(--border-radius-input-select);
    height: var(--height-date-filter);
    box-shadow: var(--box-shadow-select);
    font-size: var(--font-size-select);
    font-weight: var(--font-weight-select);
    text-transform: var(--text-transform-paw-filter-items);
    color: var(--color-input-select);
    cursor: pointer;
}

.date-range-wrapper i.fa-calendar-alt {
    font-size: var(--font-size-paw-filter-date-range-i);
    top: var(--top-paw-filter-date-range-i);
    transform: var(--transform-paw-filter-date-range-i);
    left: var(--left-paw-filter-date-range-i);
    color: var(--color-paw-filter-date-range-i);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status {
    padding-left: var(--padding-left-paw-filter-status);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button {
    font-size: var(--font-size-paw-filter-status-btn);
    text-transform: var(--text-transform-paw-filter-items);
    font-weight: var(--font-weight-select);
    padding: var(--padding-paw-filter-status-btn);
    height: var(--height-date-filter);
    min-width: fit-content;
    display: flex;
    align-items: center;
    border: 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button:focus,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button:active {
    background: var(--bg-paw-filter-status-btn-hover);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button i {
    margin-right: var(--margin-right-paw-filter-status-btn-i);
    font-size: var(--font-size-paw-filter-status-btn-i);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button:after {
    display: none;
}

.section-system-table {
    margin: var(--margin-paw-system-table);
}

.table-system {
    border-collapse: var(--border-collapse-paw-table);
    border-spacing: var(--border-spacing-paw-table);
}

/* .table-system thead tr {
    box-shadow: var(--box-shadow-section);
} */
.table-system-header th {
    border: var(--border-section);
    border-style: var(--border-style-paw-table-th);
    background: var(--bg-section);
    font-size: var(--font-size-paw-table-th);
    text-transform: var(--text-transform-paw-table-th);
    font-weight: var(--font-weight-paw-table-th);
}

.table-system-header th:first-child {
    border-left-style: var(--border-style-paw-table-th-side);
    border-top-left-radius: var(--border-radius-paw-table-th);
    border-bottom-left-radius: var(--border-radius-paw-table-th);
}

.table-system-header th:last-child {
    border-right-style: var(--border-style-paw-table-th-side);
    border-top-right-radius: var(--border-radius-paw-table-th);
    border-bottom-right-radius: var(--border-radius-paw-table-th);
}

.table-system-header td[colspan="6"],
.table-system-header td[colspan="4"],
.table-system-header td[colspan="9"],
#notification-page .table-player-message td[colspan="7"] {
    font-size: var(--font-size-paw-table-no-data);
    text-transform: var(--text-transform-paw-table-no-data);
    border-bottom: var(--border-bottom-paw-table-no-data);
    font-weight: var(--font-weight-paw-table-no-data);
}

.container-search {
    margin-right: 0 !important;
}

.container-search .input-search {
    background-color: var(--bg-input-select) !important;
    padding: var(--padding-input-select);
    border: var(--border-input-select);
    border-radius: var(--border-radius-input-select);
    height: var(--height-input-select);
    font-weight: var(--font-weight-input-select);
    color: var(--color-input-select);
}

.container-search .input-search::placeholder {
    color: var(--color-input-select-placeholder);
}

.container-search i.fa-search {
    font-size: var(--font-size-paw-search-i);
    right: var(--right-paw-search-i);
    top: var(--top-paw-search-i);
    transform: var(--transform-paw-search-i);
    color: var(--color-input-select-placeholder);
}

#notification-page .mark-all-btn {
    margin-bottom: var(--margin-bottom-section) !important;
    padding-left: var(--padding-left-paw-mark-all);
}

#notification-page .mark-all-btn button {
    border: 0;
    background: var(--bg-button);
    border-radius: var(--border-radius);
    padding: var(--padding-paw-action-btn);
    height: var(--height-paw-action-btn);
    font-size: var(--font-size-button);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
}

#notification-page .mark-all-btn button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

#notification-page .delete-all-btn {
    margin-left: var(--margin-left-paw-delete-all) !important;
    margin-bottom: var(--margin-bottom-section) !important;
}

#notification-page .delete-all-btn button {
    color: var(--color-button);
    padding: var(--padding-paw-action-btn);
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-button);
    text-transform: var(--text-transform-button);
    border-radius: var(--border-radius);
    height: var(--height-paw-action-btn);
    background: transparent;
    border: 0;
}

#notification-page .delete-all-btn button:hover {
    background: var(--bg-button);
}

.grp-edit-profile .section-system {
    margin: var(--margin-paw-edit-profile-section);
    padding: 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions {
    text-align: var(--text-align-paw-grp-profile-btn);
    display: flex;
    align-items: center;
    gap: var(--gap-paw-grp-profile-btn);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions .btn-system.btn-system-default {
    padding: var(--padding-paw-action-btn);
    border: 0;
    height: var(--height-paw-action-btn);
    background: var(--bg-button);
    border-radius: var(--border-radius);
    min-width: fit-content;
    color: var(--color-button);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
    line-height: 0;
    margin-right: 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions .btn-system.btn-system-default:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion {
    margin: 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card,
#user-profile-change-password .section-system-main {
    background: var(--bg-section);
    border-radius: var(--border-radius-section);
    margin: 0;
    margin-bottom: var(--margin-bottom-section);
    border: var(--border-section);
    box-shadow: var(--box-shadow-section);
    padding: var(--padding-paw-profile-card);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card {
    border: var(--border-section);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .card-header {
    padding: var(--padding-paw-profile-card-header);
    color: var(--color-header);
    text-transform: var(--text-transform-header);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .card-header a {
    font-weight: var(--font-weight-header);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .card-body {
    padding: 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card input:disabled,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card select:disabled,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card input,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card select,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card .dropdown .dropdown-system-toggle-input {
    background: var(--bg-input-select);
    height: var(--height-input-select);
    border-radius: var(--border-radius-input-select);
    padding: var(--padding-input-select);
    max-width: var(--width-max-paw-profile-card-input);
    min-width: var(--width-min-paw-profile-card-input);
    border: var(--border-input-select);
    font-weight: var(--font-weight-input-select);
    color: var(--color-input-select);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card input::placeholder,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container input::placeholder {
    color: var(--color-input-select-placeholder);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .tab-header .btn-back {
    position: relative;
    left: var(--left-paw-profile-back-btn);
    top: var(--top-paw-profile-back-btn);
    padding-top: var(--padding-top-paw-profile-back-btn);
    display: inline-block;
    cursor: pointer;
    color: var(--color-form-text);
}

#user-profile-change-password .section-system-main p.section-title {
    color: var(--color-header);
    text-transform: var(--text-transform-header);
    margin-bottom: var(--margin-bottom-paw-profile-section-title) !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .form-prompt {
    font-size: var(--font-size-input-label);
    color: var(--color-input-label);
    margin-bottom: var(--margin-bottom-input-label);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container input {
    background: var(--bg-input-select);
    height: var(--height-input-select);
    border-radius: var(--border-radius-input-select);
    padding: var(--padding-input-select);
    border: var(--border-input-select);
    color: var(--color-input-select);
    font-weight: var(--font-weight-input-select);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .password-group .password-visible,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .confirm-password-group .password-visible {
    right: var(--right-paw-profile-password-visible);
    bottom: var(--bottom-paw-profile-password-visible);
}

.active-bonuses-tab,
.available-bonuses-tab {
    padding-top: 0;
}

.active-bonuses-tab .section-system-main,
.available-bonuses-tab .section-system-main {
    margin: 0;
    background: var(--bg-section);
    border: var(--border-section);
    border-radius: var(--border-radius-section);
    box-shadow: var(--box-shadow-section);
    padding: var(--padding-section);
    margin-bottom: var(--margin-bottom-section);
}

.active-bonuses-tab .active-bonus-item .icon-section-wrapper,
.active-bonuses-tab .available-bonus-item .icon-section-wrapper,
.available-bonuses-tab .active-bonus-item .icon-section-wrapper,
.available-bonuses-tab .available-bonus-item .icon-section-wrapper {
    width: fit-content;
    height: fit-content;
    position: absolute;
    padding-left: var(--padding-left-paw-bonus-icon-section);
    color: var(--color-header);
}

.active-bonuses-tab .active-bonus-item .product-icon,
.active-bonuses-tab .available-bonus-item .product-icon,
.available-bonuses-tab .active-bonus-item .product-icon,
.available-bonuses-tab .available-bonus-item .product-icon {
    font-size: var(--font-size-paw-bonus-icon-section-i);
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper,
.active-bonuses-tab .available-bonus-item .description-section-wrapper,
.available-bonuses-tab .active-bonus-item .description-section-wrapper,
.available-bonuses-tab .available-bonus-item .description-section-wrapper {
    width: 100%;
    padding: var(--padding-paw-bonus-desc-wrapper);
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper,
.active-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper,
.available-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper,
.available-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper {
    font-weight: var(--font-weight-header);
    text-transform: var(--text-transform-header);
    color: var(--color-header);
    padding: var(--padding-paw-bonus-name-wrapper);
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper .description,
.active-bonuses-tab .available-bonus-item .description-section-wrapper .description,
.available-bonuses-tab .active-bonus-item .description-section-wrapper .description,
.available-bonuses-tab .available-bonus-item .description-section-wrapper .description {
    margin-top: var(--margin-top-paw-bonus-description);
    margin-bottom: var(--margin-bottom-section);
    font-weight: var(--font-weight-paw-bonus-description);
    color: var(--color-text);
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header,
.active-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header,
.available-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header,
.available-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header {
    color: var(--color-text);
    text-transform: uppercase;
    font-weight: var(--font-weight-header);
    margin-bottom: var(--margin-bottom-section);
    display: inline-block;
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value,
.active-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value,
.available-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value,
.available-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value {
    font-weight: var(--font-weight-paw-bonus-details);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu {
    background-color: var(--bg-language-w-dropdown-menu) !important;
    box-shadow: var(--box-shadow-language-w-dropdown-menu);
    min-width: var(--width-min-language-w-dropdown-menu);
    top: var(--top-language-w-dropdown-menu) !important;
    left: var(--left-language-w-dropdown-menu) !important;
    padding: var(--padding-language-w-dropdown-menu);
    border: var(--border-language-w-dropdown-menu);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu a {
    font-size: var(--font-size-lang-switcher-button) !important;
    background: var(--bg-lang-switcher);
    border-radius: var(--border-radius-language-w-item);
    padding: var(--padding-lang-switcher) !important;
    min-width: fit-content;
    width: var(--width-language-w-item);
    height: var(--height-language-w-item);
    margin: var(--margin-language-w-item) !important;
    line-height: normal;
    display: inline-block;
    color: var(--color-text);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu a:hover {
    background: var(--bg-button);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu a img {
    object-fit: var(--object-fit-lang-switcher-img);
    height: var(--height-lang-switcher-img);
    margin-right: var(--margin-right-language-w-item-img);
    border-radius: var(--border-radius-lang-switcher);
}

#modernSkin .nm-widget.login-w .dropdown-menu {
    background-color: transparent !important;
    background: var(--bg-section);
    padding: var(--padding-login-w-dropdown-menu);
    border-radius: var(--border-radius-modal);
}

#modernSkin .nm-widget.login-w .dropdown-divider {
    margin: 0;
    border: 0;
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:first-child {
    padding: var(--padding-login-w-item-playerId) !important;
    color: var(--color-login-w-item-playerId);
    text-transform: var(--text-transform-login-w-item-playerId);
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:first-child:hover {
    background: transparent;
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:not(:first-child) {
    background: var(--bg-cat-page-nav-a);
    border-radius: var(--border-radius-cat-page-nav);
    margin-bottom: var(--margin-bottom-cat-page-nav-a) !important;
    font-weight: var(--font-weight-cat-page-nav);
    color: var(--color-text);
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:not(:first-child):hover {
    background: var(--bg-button);
    color: var(--color-button);
}

.nm-widget.login-w .dropdown-user-profile>a>i {
    padding-right: var(--padding-right-login-w-item-i);
}

.section-system-footer button.btn-system-primary {
    background: var(--bg-button);
    height: var(--height-button);
    font-size: var(--font-size-button);
    font-weight: var(--font-weight);
    color: var(--color-button);
    padding: var(--padding-button);
    text-transform: var(--text-transform-button);
    border-radius: var(--border-radius);
    min-width: var(--width-min-button);
}

.section-system-footer button.btn-system-primary:hover {
    background: var(--bg-button-reverse);
}

/*Dropdowns*/
.datepicker {
    background: var(--bg-body);
    border: var(--border-section);
    border-radius: var(--border-radius-modal);
    color: var(--color-text);
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: transparent;
    background-image: var(--bg-button-reverse);
    color: var(--color-button);
}

.datepicker table.table-condensed tr td.day:hover,
.datepicker table.table-condensed tr td.day:focus,
.datepicker table.table-condensed tr td.day.active {
    background: var(--bg-button);
    color: var(--color-button);
}

.datepicker tfoot tr:first-child th:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: var(--bg-button) !important;
    color: var(--color-button) !important;
}

.datepicker tfoot tr:last-child th:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button) !important;
}

.datepicker table.table-condensed {
    margin: var(--margin-date-picker);
}

.dropdown .dropdown-menu.dropdown-filter,
.btn-group .dropdown-menu.dropdown-filter {
    background: var(--bg-body);
    border: var(--border-section);
    border-radius: var(--border-radius-modal);
    color: var(--color-text);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.8);
}

.dropdown .dropdown-menu.dropdown-filter .txt-system,
.btn-group .dropdown-menu.dropdown-filter .txt-system {
    background: var(--bg-input-select);
    border-radius: var(--border-radius-input-select);
    border: var(--border-input-select);
    color: var(--color-input-select);
}

.dropdown.show .dropdown-system-toggle,
.btn-group.show .dropdown-system-toggle {
    background-color: transparent;
}

.dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-menu .d-item,
.btn-group .dropdown-menu .dropdown-item,
.btn-group .dropdown-menu .d-item {
    color: var(--color-text)
}

.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .d-item:hover,
.dropdown .dropdown-menu .d-item:focus,
.btn-group .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-menu .dropdown-item:focus,
.btn-group .dropdown-menu .d-item:hover,
.btn-group .dropdown-menu .d-item:focus {
    background: var(--bg-cat-page-nav-a);
    border-radius: var(--border-radius-cat-page-nav);
    color: var(--color-text);
}

.dropdown .dropdown-menu .dropdown-item:hover label,
.dropdown .dropdown-menu .dropdown-item:focus label,
.dropdown .dropdown-menu .d-item:hover label,
.dropdown .dropdown-menu .d-item:focus label,
.btn-group .dropdown-menu .dropdown-item:hover label,
.btn-group .dropdown-menu .dropdown-item:focus label,
.btn-group .dropdown-menu .d-item:hover label,
.btn-group .dropdown-menu .d-item:focus label {
    color: var(--color-button) !important;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer,
.btn-group .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer {
    border-top: 0;
    padding: 15px 0;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-apply {
    padding: var(--padding-button);
    height: var(--height-button);
    min-width: calc(50% - 4px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-button);
    color: var(--color-button);
    text-transform: var(--text-transform-button);
    border-radius: var(--border-radius);
    border: 0;
    background: var(--bg-button);
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-system.btn-clear {
    padding: var(--padding-button);
    height: var(--height-button);
    min-width: calc(50% - 4px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-button);
    color: var(--color-button);
    text-transform: var(--text-transform-button);
    border-radius: var(--border-radius);
    border: 0;
    background: var(--bg-button);
}

.dropdown ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: transparent;
}

.dropdown ::-webkit-scrollbar-thumb {
    background: var(--bg-dropdown-scroll-thumb);
    border-radius: 4px;
}

.daterangepicker {
    background: var(--bg-body);
    border: var(--border-section);
    border-radius: var(--border-radius-modal);
    color: var(--color-text);
}

.daterangepicker td.off {
    color: var(--color-date-picker-td-off) !important;
    background: rgba(150, 66, 191, 1) !important;
}

.daterangepicker td.in-range {
    background: rgba(250, 239, 84, 0.5);
}

.daterangepicker .cancelBtn {
    height: var(--height-button);
    background: var(--bg-button);
    border-radius: var(--border-radius);
    padding: var(--padding-button) !important;
    color: var(--color-button);
    font-weight: var(--font-weight-button) !important;
    text-transform: var(--text-transform-button);
    min-width: var(--width-min-button);
    font-size: var(--font-size-button) !important;
    font-family: var(--font-family);
}

.daterangepicker .applyBtn {
    border: 0;
    border-radius: var(--border-radius);
    height: var(--height-button);
    background: var(--bg-button-join);
    padding: var(--padding-button) !important;
    color: white;
    font-weight: var(--font-weight-button) !important;
    text-transform: var(--text-transform-button);
    min-width: var(--width-min-button);
    font-size: var(--font-size-button) !important;
    font-family: var(--font-family);
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.active.end-date {
    background: var(--bg-paw-nav-tab-a-active) !important;
    color: var(--color-button-reverse);
}

.daterangepicker .calendar-table {
    background: var(--bg-section);
    border-radius: var(--border-radius-section);
    color: white;
}

.game-lobby-filter .game-lobby-filter-provider section,
.game-lobby-filter .game-lobby-sort section {
    font-family: var(--font-family);
}

.game-lobby-filter .game-lobby-filter-provider menu,
.game-lobby-filter .game-lobby-sort menu {
    background: var(--bg-body);
    border: var(--border-section);
    border-radius: var(--border-radius-modal);
    color: var(--color-text);
    box-shadow: var(--box-shadow-select);
}

.game-lobby-filter .game-lobby-filter-provider menu .search ._input input,
.game-lobby-filter .game-lobby-sort menu .search ._input input {
    background: var(--bg-input-select);
    border-radius: var(--border-radius-input-select);
    border: var(--border-input-select);
    padding: var(--padding-input-select);
    color: var(--color-input-select);
}

.game-lobby-filter .game-lobby-filter-provider menu .search ._input input::placeholder,
.game-lobby-filter .game-lobby-sort menu .search ._input input::placeholder {
    color: var(--color-input-select-placeholder);
    opacity: 1;
}

.game-lobby-filter .game-lobby-filter-provider menu .search ._input i,
.game-lobby-filter .game-lobby-sort menu .search ._input i {
    color: var(--color-input-select-placeholder);
}

.game-lobby-filter .game-lobby-filter-provider menu ul li,
.game-lobby-filter .game-lobby-sort menu ul li {
    color: var(--color-text);
    font-weight: var(--font-weight-select);
}

.game-lobby-filter .game-lobby-filter-provider menu ul li:hover,
.game-lobby-filter .game-lobby-sort menu ul li:hover {
    background: var(--bg-cat-page-nav-a);
    color: var(--color-button);
}

.game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-item-budge {
    background: var(--bg-button) !important;
    color: var(--color-button);
}

.game-lobby-filter .game-lobby-filter-provider menu.with-caret .fa-caret-up,
.game-lobby-filter .game-lobby-sort menu.with-caret .fa-caret-up {
    color: var(--bg-button);
}

.nm-widget.time-w {
    background: var(--bg-time-w);
    height: var(--height-header-items);
    padding: var(--padding-time-w);
    border-radius: var(--border-radius-time-w);
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-time-w);
    margin-left: var(--margin-left-time-w);
    position: relative;
}

.nm-widget.time-w:before {
    content: '';
    position: absolute;
    width: var(--width-time-w-before);
    height: var(--height-time-w-before);
    background: var(--bg-time-w-before);
    top: var(--top-time-w-before);
    left: var(--left-time-w-before);
}

#app_header.main-header-container .subheader-menu {
    display: flex;
    align-items: center;
    position: absolute;
    height: var(--height-subheader-menu);
    top: 100%;
    width: 100%;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw {
    max-width: 100% !important;
    width: 100%;
    background: var(--bg-subheader-menu);
    border-radius: var(--border-radius-subheader-menu);
    padding: var(--padding-subheader-menu);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
    display: flex;
    width: 100%;
    align-items: center;
    height: var(--height-subheader-menu);
    padding: var(--padding-subheader-menu);
    gap: var(--gap-subheader-menu);
    justify-content: center;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
    font-weight: var(--font-weight-subheader-menu-item);
    font-size: var(--font-size-subheader-menu-item);
    text-transform: var(--text-transform-subheader-menu-item);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-subheader-menu-item);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a:hover,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a.active {
    background: var(--bg-subheader-menu-item-hover) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column .menuw {
    margin: 0 !important;
}

#app_footer .footer-wrapper .top-footer .footer-details .legal-age {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--width-legal-age);
    height: var(--height-legal-age);
    border: var(--border-legal-age);
    border-radius: var(--border-radius-legal-age);
    margin-top: var(--margin-top-legal-age);
    float: var(--float-legal-age);
}

#app_footer .footer-wrapper .top-footer .footer-details .legal-age img {
    width: var(--width-legal-age-img);
}

#app_footer .footer-wrapper .subfooter p {
    padding-bottom: var(--padding-bottom-subfooter-p);
    border-bottom: var(--border-bottom-subfooter-p);
    font-weight: var(--font-weight-subfooter);
    line-height: var(--line-height-subfooter-p);
    margin-bottom: var(--margin-bottom-subfooter-p);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a span {
    line-height: normal;
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i:before {
    content: '';
    display: var(--display-subheader-menu-icon);
    height: var(--height-icon);
    width: var(--width-icon);
    background-repeat: var(--bg-icon-repeat);
    background-size: var(--bg-icon-size);
    background-position: var(--bg-icon-position);
    vertical-align: var(--vertical-align-icon);
}

.game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: var(--gap-two-row-see-all-container);
    cursor: pointer;
}

.scroll-wrap.full-width {
    max-width: var(--width-max-scroll-wrap-fw);
    margin-top: var(--margin-top-scroll-wrap-fw);
    padding: var(--padding-scroll-wrap-fw);
    position: relative;
}

.scroll-wrap.full-width .nm-widget {
    max-width: var(--width-max-scroll-wrap-fw-widget) !important;
}

.scroll-wrap.full-width .nm-widget:before {
    content: '';
    position: absolute;
    height: var(--height-scroll-wrap-fw-widget-before);
    width: var(--width-scroll-wrap-fw-widget-before);
    background: var(--bg-scroll-wrap-fw-widget-before);
    bottom: var(--bottom-scroll-wrap-fw-widget-before);
    left: var(--left-scroll-wrap-fw-widget-before);
    border-radius: var(--border-radius-scroll-wrap-fw-widget-before);
    z-index: -4;
}

.scroll-wrap.full-width .nm-widget:after {
    content: '';
    position: absolute;
    height: var(--height-scroll-wrap-fw-widget-after);
    width: var(--width-scroll-wrap-fw-widget-after);
    background: var(--bg-scroll-wrap-fw-widget-after);
    bottom: var(--bottom-scroll-wrap-fw-widget-after);
    left: var(--left-scroll-wrap-fw-widget-after);
    border-radius: var(--border-radius-scroll-wrap-fw-widget-after);
    z-index: -3;
}

.scroll-wrap.full-width .nm-widget .game-lobby-header {
    align-items: center;
    justify-content: center;
    margin-bottom: var(--margin-bottom-scroll-wrap-fw-header);
}

.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5 {
    font-size: var(--font-size-scroll-wrap-fw-header-h5);
    font-weight: var(--font-weight-header);
    text-transform: var(--text-transform-header);
    background: var(--bg-scroll-wrap-fw-header-h5);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5::before {
    content: '';
    position: absolute;
    height: var(--height-scroll-wrap-fw-header-h5-before);
    width: var(--width-scroll-wrap-fw-header-h5-before);
    background: var(--bg-scroll-wrap-fw-header-h5-before);
    bottom: var(--bottom-scroll-wrap-fw-header-h5-before);
    left: var(--left-scroll-wrap-fw-header-h5-before);
    opacity: var(--opacity-scroll-wrap-fw-header-h5-before);
    z-index: -2;
}

.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5::after {
    content: '';
    position: absolute;
    height: var(--height-scroll-wrap-fw-header-h5-after);
    width: var(--width-scroll-wrap-fw-header-h5-after);
    background: var(--bg-scroll-wrap-fw-header-h5-after);
    bottom: var(--bottom-scroll-wrap-fw-header-h5-after);
    left: var(--left-scroll-wrap-fw-header-h5-after);
    z-index: -1;
}

.scroll-wrap.full-width .nm-widget .game-lobby-load-more-container {
    display: none;
}

.scroll-wrap.full-width .game-lobby-renderer.horizontal {
    grid-auto-columns: var(--grid-auto-columns-catpage-gl-hor);
    gap: 0 var(--gap-default);
    margin-bottom: 0;
}

.scroll-wrap.full-width .game-lobby-renderer.horizontal .game-lobby-renderer-card.see-all-card {
    background: var(--bg-see-all);
    box-shadow: none;
}

.scroll-wrap.full-width .game-lobby-renderer.horizontal .game-lobby-renderer-card.see-all-card .see-all-label {
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-button);
    color: var(--color-see-all-span);
    margin-top: var(--margin-top-see-all-span);
}

.scroll-wrap.full-width .nm-widget .game-lobby-wrapper>section {
    position: relative;
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container {
    width: 100% !important;
    top: 0;
    height: 0 !important;
    justify-content: space-between;
    z-index: 99;
    display: none;
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container button {
    min-height: 220px;
    width: 60px !important;
    border: 0 !important;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container button:hover {
    transform: none;
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container button#slideLeft {
    background: linear-gradient(to right, #000C24, transparent);
    padding-left: 14px;
    justify-content: start;
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container button#slideRight {
    background: linear-gradient(to left, #000C24, transparent);
    padding-right: 14px;
    justify-content: end;
}

.sports-wrap .sports-book-container {
    max-width: var(--width-max-sports-container) !important;
}

.category-page-content.promo-page {
    margin-top: var(--margin-top-category-page-promo);
}

.nm-widget.language-w {
    margin-left: var(--margin-left-language-w);
    position: relative;
}

.nm-widget.language-w:before {
    content: '';
    position: absolute;
    width: var(--width-language-w-before);
    height: var(--height-language-w-before);
    background: var(--bg-language-w-before);
    top: var(--top-language-w-before);
    left: var(--left-time-w-before);
    display: var(--display-language-w-before);
}

.casino_search-widget .modal-trigger-wrapper {
    margin: 0px !important;
    height: var(--height-button) !important;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field {
    width: 100%;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field i {
    position: absolute !important;
    left: 90% !important;
    font-size: 16px !important;
    color: var(--color-input-select-placeholder);
}

.casino_search-widget .modal-trigger-wrapper .search-button-field button {
    height: var(--height-button) !important;
    background: var(--bg-gl-slider) !important;
    border-radius: var(--border-radius) !important;
    width: 100% !important;
    padding: 0px 0px 0px 16px !important;
}

.bt1-container .sports-book-container,
.pinnacle-container .sports-book-container,
.digitain-container .sports-book-container {
    max-width: 100%;
}

.promo-details .buffered-left .category-page-wrapper .article-details .promotion-content {
    margin-top: var(--margin-top-promo);
}

.promotion-breadcrumbs {
    text-transform: uppercase;
}

.promotion-breadcrumbs p {
    font-size: 16px;
    font-weight: 700;
}

.promotion-breadcrumbs span {
    font-size: 20px;
    font-weight: 800;
}

.promotion-breadcrumbs a {
    padding: 0px 10px;
}

.promotion-breadcrumbs .active {
    color: rgba(255, 154, 25, 0.8);
}

.about-us-page-nav {
    background: var(--bg-cat-page-nav);
    border: var(--border-cat-page-nav);
    border-radius: var(--border-radius-cat-page-nav);
    box-shadow: var(--box-shadow-cat-page-nav);
    padding: var(--padding-custom-about-us-link);
    margin-bottom: var(--margin-bottom-cat-page-nav);
    text-transform: var(--text-transform-cat-page-nav);
}

.about-us-page-nav .nav-item a {
    width: 100%;
    height: var(--height-cat-page-nav-a);
    background: var(--bg-cat-page-nav-a);
    border-radius: var(--border-radius-cat-page-nav);
    margin-bottom: var(--margin-bottom-cat-page-nav-a);
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-cat-page-nav);
    padding: var(--padding-cat-page-nav-a);
    cursor: pointer;
}

.about-us-page-nav .nav-item a:hover,
.about-us-page-nav .nav-item a.active {
    color: var(--color-button);
    background: var(--bg-button);
    text-decoration: none;
}

.about-article-content {
    color: var(--color-article);
}

.about-category-page-wrapper {
    margin-top: var(--margin-top-article-content);
}

.about-article-content p {
    margin-bottom: var(--margin-bottom-article-text);
}

.about-article-content h5 {
    font-size: var(--font-size-header);
    text-transform: var(--text-transform-header);
    margin-bottom: var(--margin-bottom-article-text);
}

/*Icons*/
.nm-widget.top-games .game-lobby-header .header-container i:before {
    background-image: var(--content-top-games-icon);
}

.nm-widget.new-releases .game-lobby-header .header-container i:before {
    background-image: var(--content-new-releases-icon);
}

.nm-widget.feature-buy-in .game-lobby-header .header-container i:before {
    background-image: var(--content-feature-buy-in-icon);
}

.nm-widget.fast-games .game-lobby-header .header-container i:before {
    background-image: var(--content-mini-games-icon);
}

.nm-widget.mini-games .game-lobby-header .header-container i:before {
    background-image: var(--content-fast-games-icon);
}

.nm-widget.TableGames .game-lobby-header .header-container i:before {
    background-image: var(--content-table-games-icon);
}

.nm-widget.virtual-sports .game-lobby-header .header-container i:before {
    background-image: var(--content-virtual-sports-icon);
}

.nm-widget.slots .game-lobby-header .header-container i:before {
    background-image: var(--content-slots-icon);
}

.nm-widget.all-casino .game-lobby-header .header-container i:before {
    background-image: var(--content-all-casino-icon);
}

.nm-widget.korean-dealers .game-lobby-header .header-container i:before {
    background-image: var(--content-korean-dealers-icon);
}

.nm-widget.blackjack .game-lobby-header .header-container i:before {
    background-image: var(--content-blackjack-icon);
}

.nm-widget.baccarat .game-lobby-header .header-container i:before {
    background-image: var(--content-baccarat-icon);
}

.nm-widget.roulette .game-lobby-header .header-container i:before {
    background-image: var(--content-roulette-icon);
}

.nm-widget.poker .game-lobby-header .header-container i:before {
    background-image: var(--content-poker-icon);
}

.nm-widget.game-shows .game-lobby-header .header-container i:before {
    background-image: var(--content-game-shows-icon);
}

.nm-widget.all-live-casino .game-lobby-header .header-container i:before {
    background-image: var(--content-all-live-casino-icon);
}

.nm-widget.in-game-jackpots .game-lobby-header .header-container i:before {
    background-image: var(--content-in-game-jackpots-icon);
}

.nm-widget.top-games-ko .game-lobby-header .header-container i:before,
.nm-widget.top-games-id .game-lobby-header .header-container i:before,
.nm-widget.top-games-vi .game-lobby-header .header-container i:before,
.nm-widget.top-games-ja .game-lobby-header .header-container i:before   {
    background-image: var(--content-top-games-icon);
}

.nm-widget.new-releases-ko .game-lobby-header .header-container i:before,
.nm-widget.new-releases-id .game-lobby-header .header-container i:before,
.nm-widget.new-releases-vi .game-lobby-header .header-container i:before,
.nm-widget.new-releases-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-new-releases-icon);
}

.nm-widget.feature-buy-in-ko .game-lobby-header .header-container i:before,
.nm-widget.feature-buy-in-id .game-lobby-header .header-container i:before,
.nm-widget.feature-buy-in-vi .game-lobby-header .header-container i:before,
.nm-widget.feature-buy-in-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-feature-buy-in-icon);
}

.nm-widget.fast-games-ko .game-lobby-header .header-container i:before,
.nm-widget.fast-games-id .game-lobby-header .header-container i:before,
.nm-widget.fast-games-vi .game-lobby-header .header-container i:before,
.nm-widget.fast-games-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-mini-games-icon);
}

.nm-widget.mini-games-ko .game-lobby-header .header-container i:before,
.nm-widget.mini-games-id .game-lobby-header .header-container i:before,
.nm-widget.mini-games-vi .game-lobby-header .header-container i:before,
.nm-widget.mini-games-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-fast-games-icon);
}

.nm-widget.korean-dealers-ko .game-lobby-header .header-container i:before,
.nm-widget.korean-dealers-id .game-lobby-header .header-container i:before,
.nm-widget.korean-dealers-vi .game-lobby-header .header-container i:before,
.nm-widget.korean-dealers-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-korean-dealers-icon);
}

.nm-widget.blackjack-ko .game-lobby-header .header-container i:before,
.nm-widget.blackjack-id .game-lobby-header .header-container i:before,
.nm-widget.blackjack-vi .game-lobby-header .header-container i:before,
.nm-widget.blackjack-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-blackjack-icon);
}

.nm-widget.baccarat-ko .game-lobby-header .header-container i:before,
.nm-widget.baccarat-id .game-lobby-header .header-container i:before,
.nm-widget.baccarat-vi .game-lobby-header .header-container i:before,
.nm-widget.baccarat-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-baccarat-icon);
}

.nm-widget.game-shows-ko .game-lobby-header .header-container i:before,
.nm-widget.game-shows-id .game-lobby-header .header-container i:before,
.nm-widget.game-shows-vi .game-lobby-header .header-container i:before,
.nm-widget.game-shows-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-game-shows-icon);
}

.nm-widget.live-casino .game-lobby-header .header-container i:before {
    background-image: var(--content-live-casino-icon);
}

.category-page-content .nm-widget.top-games .game-lobby-header .header-container i:before {
    background-image: var(--content-top-games-icon-active);
}

.category-page-content .nm-widget.new-releases .game-lobby-header .header-container i:before {
    background-image: var(--content-new-releases-icon);
}

.category-page-content .nm-widget.feature-buy-in .game-lobby-header .header-container i:before {
    background-image: var(--content-feature-buy-in-icon-active);
}

.category-page-content .nm-widget.fast-games .game-lobby-header .header-container i:before {
    background-image: var(--content-fast-games-icon);
}

.category-page-content .nm-widget.table-games .game-lobby-header .header-container i:before {
    background-image: var(--content-table-games-icon-active);
}

.category-page-content .nm-widget.virtual-sports .game-lobby-header .header-container i:before {
    background-image: var(--content-virtual-sports-icon-active);
}

.category-page-content .nm-widget.slots .game-lobby-header .header-container i:before {
    background-image: var(--content-slots-icon);
}

.category-page-content .nm-widget.all-casino .game-lobby-header .header-container i:before {
    background-image: var(--content-all-casino-icon);
}

.category-page-content .nm-widget.korean-dealers .game-lobby-header .header-container i:before {
    background-image: var(--content-korean-dealers-icon);
}

.category-page-content .nm-widget.blackjack .game-lobby-header .header-container i:before {
    background-image: var(--content-blackjack-icon-active);
}

.category-page-content .nm-widget.baccarat .game-lobby-header .header-container i:before {
    background-image: var(--content-baccarat-icon);
}

.category-page-content .nm-widget.roulette .game-lobby-header .header-container i:before {
    background-image: var(--content-roulette-icon);
}

.category-page-content .nm-widget.poker .game-lobby-header .header-container i:before {
    background-image: var(--content-poker-icon-active);
}

.category-page-content .nm-widget.game-shows .game-lobby-header .header-container i:before {
    background-image: var(--content-game-shows-icon-active);
}

.category-page-content .nm-widget.all-live-casino .game-lobby-header .header-container i:before {
    background-image: var(--content-all-live-casino-icon);
}

.category-page-content .nm-widget.in-game-jackpots .game-lobby-header .header-container i:before {
    background-image: var(--content-in-game-jackpots-icon);
}

.category-page-nav .nav-item a i.TopGames:before {
    background-image: var(--content-top-games-icon);
}

.category-page-nav .nav-item a.active i.TopGames:before,
.modal-page-nav .nav-item a.active i.TopGames:before,
.category-page-nav .nav-item a:hover i.TopGames:before,
.modal-page-nav .nav-item a:hover i.TopGames:before {
    background-image: var(--content-top-games-icon-active);
}

.category-page-nav .nav-item a i.NewReleases:before {
    background-image: var(--content-new-releases-icon);
}

.category-page-nav .nav-item a.active i.NewReleases:before,
.category-page-nav .nav-item a:hover i.NewReleases:before {
    background-image: var(--content-new-releases-icon-active);
}

.category-page-nav .nav-item a i.FeatureBuyIn:before {
    background-image: var(--content-feature-buy-in-icon);
}

.category-page-nav .nav-item a.active i.FeatureBuyIn:before,
.category-page-nav .nav-item a:hover i.FeatureBuyIn:before {
    background-image: var(--content-feature-buy-in-icon-active);
}

.category-page-nav .nav-item a i.FastGames:before {
    background-image: var(--content-fast-games-icon);
}

.category-page-nav .nav-item a.active i.FastGames:before,
.category-page-nav .nav-item a:hover i.FastGames:before {
    background-image: var(--content-fast-games-icon-active);
}

.category-page-nav .nav-item a i.TableGames:before {
    background-image: var(--content-table-games-icon);
}

.category-page-nav .nav-item a.active i.TableGames:before,
.category-page-nav .nav-item a:hover i.TableGames:before {
    background-image: var(--content-table-games-icon-active);
}

.category-page-nav .nav-item a i.VirtualSports:before {
    background-image: var(--content-virtual-sports-icon);
}

.category-page-nav .nav-item a.active i.VirtualSports:before,
.category-page-nav .nav-item a:hover i.VirtualSports:before {
    background-image: var(--content-virtual-sports-icon-active);
}

.category-page-nav .nav-item a i.Slots:before {
    background-image: var(--content-slots-icon);
}

.category-page-nav .nav-item a.active i.Slots:before,
.category-page-nav .nav-item a:hover i.Slots:before {
    background-image: var(--content-slots-icon-active);
}

.category-page-nav .nav-item a i.AllCasino:before {
    background-image: var(--content-all-casino-icon);
}

.category-page-nav .nav-item a.active i.AllCasino:before,
.category-page-nav .nav-item a:hover i.AllCasino:before {
    background-image: var(--content-all-casino-icon-active);
}

.category-page-nav .nav-item a i.KoreanDealers:before {
    background-image: var(--content-korean-dealers-icon);
}

.category-page-nav .nav-item a.active i.KoreanDealers:before,
.category-page-nav .nav-item a:hover i.KoreanDealers:before {
    background-image: var(--content-korean-dealers-icon-active);
}

.category-page-nav .nav-item a i.Blackjack:before {
    background-image: var(--content-blackjack-icon);
}

.category-page-nav .nav-item a.active i.Blackjack:before,
.category-page-nav .nav-item a:hover i.Blackjack:before {
    background-image: var(--content-blackjack-icon-active);
}

.category-page-nav .nav-item a i.Baccarat:before {
    background-image: var(--content-baccarat-icon);
}

.category-page-nav .nav-item a.active i.Baccarat:before,
.category-page-nav .nav-item a:hover i.Baccarat:before {
    background-image: var(--content-baccarat-icon-active);
}

.category-page-nav .nav-item a i.Roulette:before {
    background-image: var(--content-roulette-icon);
}

.category-page-nav .nav-item a.active i.Roulette:before,
.category-page-nav .nav-item a:hover i.Roulette:before {
    background-image: var(--content-roulette-icon-active);
}

.category-page-nav .nav-item a i.Poker:before {
    background-image: var(--content-poker-icon);
}

.category-page-nav .nav-item a.active i.Poker:before,
.category-page-nav .nav-item a:hover i.Poker:before {
    background-image: var(--content-poker-icon-active);
}

.category-page-nav .nav-item a i.GameShows:before {
    background-image: var(--content-game-shows-icon);
}

.category-page-nav .nav-item a.active i.GameShows:before,
.category-page-nav .nav-item a:hover i.GameShows:before {
    background-image: var(--content-game-shows-icon-active);
}

.category-page-nav .nav-item a i.AllLiveCasino:before {
    background-image: var(--content-all-live-casino-icon);
}

.category-page-nav .nav-item a.active i.AllLiveCasino:before,
.category-page-nav .nav-item a:hover i.AllLiveCasino:before {
    background-image: var(--content-all-live-casino-icon-active);
}

.category-page-nav .nav-item a i.InGameJackpots:before {
    background-image: var(--content-in-game-jackpots-icon);
}

.category-page-nav .nav-item a.active i.InGameJackpots:before,
.category-page-nav .nav-item a:hover i.InGameJackpots:before {
    background-image: var(--content-in-game-jackpots-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.top-games {
    content: var(--content-top-games-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.new-releases {
    content: var(--content-new-releases-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.feature-buy-in {
    content: var(--content-feature-buy-in-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.fast-games {
    content: var(--content-fast-games-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.table-games {
    content: var(--content-table-games-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.virtual-sports {
    content: var(--content-virtual-sports-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.slots {
    content: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSS/assets/images/icons/newSlotActive.svg);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.all-casino {
    content: var(--content-all-casino-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.mini-games {
    content: var(--content-fast-games-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.korean-dealers {
    content: var(--content-korean-dealers-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.blackjack {
    content: var(--content-blackjack-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.baccarat {
    content: var(--content-baccarat-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.roulette {
    content: var(--content-roulette-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.poker {
    content: var(--content-poker-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.game-shows {
    content: var(--content-game-shows-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.all-live-casino {
    content: var(--content-all-live-casino-icon-active);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.in-game-jackpots {
    content: var(--content-in-game-jackpots-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.BT1KoreanSports:before {
    background-image: var(--content-bt1-korean-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.BT1KoreanSports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.BT1KoreanSports:before {
    background-image: var(--content-bt1-korean-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.EuroSports:before {
    background-image: var(--content-euro-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.EuroSports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.EuroSports:before {
    background-image: var(--content-euro-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.EuroESports:before {
    background-image: var(--content-euro-e-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.EuroESports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.EuroESports:before {
    background-image: var(--content-euro-e-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.ESports:before {
    background-image: var(--content-e-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.ESports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.ESports:before {
    background-image: var(--content-e-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.LiveCasino:before {
    background-image: var(--content-live-casino-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.LiveCasino:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.LiveCasino:before {
    background-image: var(--content-live-casino-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Slots:before {
    background-image: var(--content-live-slots-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.Slots:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.Slots:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSS/assets/images/icons/newSlotActive.svg);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.FastGames:before {
    background-image: var(--content-fast-games-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.FastGames:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.FastGames:before {
    background-image: var(--content-fast-games-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.VirtualSports:before {
    background-image: var(--content-virtual-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.VirtualSports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.VirtualSports:before {
    background-image: var(--content-virtual-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.MiniGames:before {
    background-image: var(--content-mini-games-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.MiniGames:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.MiniGames:before {
    background-image: var(--content-fast-games-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.TVGames:before {
    background-image: var(--content-tv-games-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.TVGames:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.TVGames:before {
    background-image: var(--content-tv-games-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Promotions:before {
    background-image: var(--content-promotions-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.Promotions:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.Promotions:before {
    background-image: var(--content-promotions-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.PinnacleSports:before {
    background-image: var(--content-ap-gaming-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.PinnacleSports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.PinnacleSports:before {
    background-image: var(--content-ap-gaming-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Casino:before {
    background-image: var(--content-casino-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.Casino:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.Casino:before {
    background-image: var(--content-casino-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Jackpots:before {
    background-image: var(--content-jackpots-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.Jackpots:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.Jackpots:before {
    background-image: var(--content-jackpots-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Poker:before {
    background-image: var(--content-poker-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.Poker:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.Poker:before {
    background-image: var(--content-poker-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.GameShows:before {
    background-image: var(--content-game-shows-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.GameShows:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.GameShows:before {
    background-image: var(--content-game-shows-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.WinkaSports:before {
    background-image: var(--content-winka-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.WinkaSports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.WinkaSports:before {
    background-image: var(--content-winka-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.WinkaESports:before {
    background-image: var(--content-winka-e-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.WinkaESports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.WinkaESports:before {
    background-image: var(--content-winka-e-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.PinnacleESports:before {
    background-image: var(--content-pinnacle-e-sports-icon);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.PinnacleESports:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.PinnacleESports:before {
    background-image: var(--content-pinnacle-e-sports-icon-active);
}

/**Additional**/

#app_header.main-header-container {
    background: var(--bg-main-header);
}

#app_header.main-header-container:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 124px;
    width: calc(100% - 248px);
    height: 1px;
    background: var(--borderSubFooter);
    filter: opacity(0.5);
}

.player-information-header .custom-promo-link img {
    height: var(--height-custom-promo-link-img);
}

.nm-widget.register-w .btn-join {
    background: var(--bg-button-join);
}

.player-information-header .custom-promo-link:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.nm-widget .login {
    background: var(--bg-button-login);
}

.nm-widget .login:hover {
    background: linear-gradient(180deg, #FCD051 0%, #FAF054 100%);
    color: var(--color-button-reverse);
}

.switch-skin-mode-container {
    position: relative;
    width: 50px;
    height: var(--height-header-items);
}

.switch-skin-mode-container .switch {
    margin-bottom: 0;
}

.switch-skin-mode-container input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-skin-mode-container .slider-checkbox {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(173, 173, 173, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: .4s;
}

.switch-skin-mode-container .slider-checkbox:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    transition: .4s;
    height: 22px;
    width: 22px;
    background-image: var(--content-dark-mode-icon);
    background-repeat: var(--bg-icon-repeat);
    background-size: var(--bg-icon-size);
    background-position: var(--bg-icon-position);
    vertical-align: var(--vertical-align-icon);
}

.switch-skin-mode-container input:checked+.slider-checkbox {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 1);
}

.switch-skin-mode-container input:checked+.slider-checkbox:before {
    transform: translateX(17px);
    background-image: var(--content-light-mode-icon);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
    color: var(--color-button);
    flex-direction: column;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw {
    max-width: var(--width-max-container) !important;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
    padding: 0;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a:hover,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a.active,
#modernSkin #app_mobile_navigation .mobile-menu ul li a:hover,
#modernSkin #app_mobile_navigation .mobile-menu ul li a.active {
    color: var(--color-text-active) !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset;
}

#app_footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 304px;
    width: calc(100% - 608px);
    height: 1px;
    background: var(--borderSubFooter);
    filter: opacity(0.5);
}

#app_footer .footer-wrapper .footer-menu .menu-column h6 {
    text-transform: uppercase;
    font-size: 16px;
}

#app_footer .footer-wrapper .footer-menu {
    padding-right: 24px;
}

#app_footer .footer-wrapper .subfooter:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 100px;
    width: calc(100% - 200px);
    height: 1px;
    background: var(--borderSubFooter);
    filter: opacity(0.5);
}

#app_footer .footer-wrapper .subfooter p {
    padding-top: 16px;
    max-width: 53%;
    margin: 0 auto;
}

.hero-section {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: -20px;
}

.hero-section .hero-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    width: 100%;
    height: 522px;
    display: flex;
    align-items: center;
}

.hero-section .hero-banner button {
    height: 48px;
    background: var(--bg-button-join);
    border-radius: var(--border-radius);
    padding: 0 24px;
    color: var(--color-button);
    font-weight: var(--font-weight-button);
    text-transform: var(--text-transform-login-register);
    font-size: 16px;
}

.hero-section .hero-banner button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.hero-section .hero-banner h6 {
    position: relative;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.hero-section .hero-banner.home {
    padding: 0 15% 0 0;
    position: relative;
    overflow: hidden;
    justify-content: end;
}

.hero-section .hero-banner.home:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(72, 23, 96, 0) 10%, rgba(49, 13, 67, 0.80) 100%);
}

.hero-section .hero-banner .hero-section-details {
    text-align: center;
    width: fit-content;
    position: relative;
}

.hero-section .hero-banner.home .hero-section-details h5 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    margin-bottom: 8px;
}

.hero-section .hero-banner.home .hero-section-details h5 span.white-text {
    color: var(--color-header);
}

.hero-section .hero-banner.home .hero-section-details h5 span.highlight-text {
    font-weight: 800;
    color: var(--color-text-active);
}

.hero-section .hero-banner.home .hero-section-details h1 {
    font-size: 82px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    color: var(--color-text-active);
    margin-bottom: 32px;
    line-height: 100%;
    margin-bottom: 32px;
}

.hero-section .hero-banner.category {
    padding: 0 0 0 15%;
    position: relative;
    overflow: hidden;
    justify-content: start;
}

.hero-section .hero-banner.category:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(49, 13, 67, 0.80) 0%, rgba(72, 23, 96, 0) 90%);
}

.hero-section .hero-banner.category .hero-section-details {
    text-align: left;
}

.hero-section .hero-banner.category h1 {
    font-size: 56px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 16px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    position: relative;
}

.hero-section .hero-banner.category h1 span {
    color: var(--color-text-active);
}

.card-page-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 48px;
    position: relative;
    z-index: 1;
}

.card-page-links.mobile {
    display: none;
}

.card-page-links a {
    display: flex;
}

.card-page-links a:hover {
    text-decoration: none;
    color: var(--color-text) !important;
}

.card-page-links .card-page-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 245px;
    width: 100%;
    position: relative;
    border-radius: 8px;
    padding: 24px 24px 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.card-page-links .card-page-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(72, 23, 96, 0.5) 18.75%, rgba(49, 13, 67, 0.80) 100%);

    z-index: 1;
}

.card-page-links .card-page-item-header {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.card-page-links .card-page-item-header img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.card-page-links .card-page-item-header h4 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-header);
}

.card-page-links .card-page-item-details {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: fit-content;
    gap: 12px;
    z-index: 1;
}

.card-page-links .card-page-item-details p {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    max-width: 70%;
    font-size: 17px;
    line-height: 130%;
    margin-bottom: -6px;
}

.card-page-links .card-page-item-details span {
    font-size: 13px;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
}

.card-page-links .card-page-item-details button {
    height: var(--height-button);
    background: var(--bg-button);
    border-radius: var(--border-radius);
    padding: var(--padding-button);
    color: var(--color-button);
    font-weight: var(--font-weight-button);
    text-transform: var(--text-transform-login-register);
    font-size: var(--font-size-button);
    width: fit-content;
}

.card-page-links .card-page-item-details button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.custom-carousel {
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.custom-carousel.car-small {
    display: none;
}

.custom-carousel .carousel-items-wrapper {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
    gap: 24px;
}

.custom-carousel .carousel-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    flex: 0 0 100%;
}

.custom-carousel .carousel-img {
    position: relative;
    border-radius: 8px;
}

.custom-carousel .carousel-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(9, 86, 250, 0.20) 18.75%, rgba(9, 86, 250, 0.00) 100%);
    pointer-events: none;
}

.custom-carousel .carousel-img img {
    height: 192px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

.custom-carousel .carousel-dots {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 16px;
}

.custom-carousel .carousel-dots .carousel-dot {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0.25);
    cursor: pointer;
    transition: 0.2s all ease-in-out;
}

.custom-carousel .carousel-dots .carousel-dot.next {
    width: 8px;
    height: 8px;
}

.custom-carousel .carousel-dots .carousel-dot.active {
    width: 42px;
    height: 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.50);
    pointer-events: none;
}

.two-row-gamelobby .nm-widget .game-lobby-header .header-container h5 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
}

.bottom-logos>div {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 12px 8px;
}

.bottom-logos .bottom-logo-wrapper {
    border-radius: 5px;
    background: #00226a;
    height: 77px;
}

.bottom-logos .bottom-logo-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.bottom-logos .bottom-logo-wrapper img {
    width: 70%;
    height: 70%;
    object-fit: contain;
}

.loader {
    border: 0;
    background-image: var(--content-site-loading-icon);
    background-size: var(--bg-icon-size);
    background-position: var(--bg-icon-position);
    background-repeat: var(--bg-icon-repeat);
    height: 75px;
    width: 75px;
    border-radius: 0;
    -webkit-animation: none;
    animation: none;
    top: calc(50%);
    left: calc(50%);
    transform: translate(-50%, -50%);
}

.sports-wrap {
    width: calc(100% + 64px);
    margin-left: -32px;
}

.faded-borders {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.faded-borders:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid var(--borderColor);
    border-style: solid solid none;
}

.faded-borders:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    border: 1px solid;
    border-style: none solid;
    border-image: linear-gradient(to bottom, var(--borderColor) 0%, transparent 100%) 0% 1;
}

.game-lobby-renderer-card.launch-from-lobby:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: var(--border-radius-gl-img);
    background: linear-gradient(180deg, rgba(150, 66, 191, 0.20) 18.75%, rgba(9, 86, 250, 0.00) 100%);
    pointer-events: none;
    z-index: 1;
}

.game-lobby-renderer-card.launch-from-lobby a {
    border-radius: var(--border-radius-gl-img) !important;
}

.game-lobby-renderer-card.launch-from-lobby a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 1;
    border-top-left-radius: var(--border-radius-gl-img);
    border-top-right-radius: var(--border-radius-gl-img);
    border: 1px solid var(--borderColor);
    border-style: solid solid none;
}

.game-lobby-renderer-card.launch-from-lobby a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    border-bottom-left-radius: var(--border-radius-gl-img);
    border-bottom-right-radius: var(--border-radius-gl-img);
    border: 1px solid;
    border-style: none solid;
    border-image: linear-gradient(to bottom, var(--borderColor) 0%, transparent 70%) 0% 1;
    z-index: 1;
}

.game-lobby-renderer .game-lobby-renderer-card img {
    box-shadow: none !important;
}

.two-row-gamelobby .game-lobby-slider-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 93px;
    height: 22px;
    top: 5px;
}

.two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
    z-index: 1;
}

.two-row-gamelobby .game-lobby-slider-container button {
    border: 0;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.two-row-gamelobby .game-lobby-slider-container button:hover {
    transform: none;
    color: rgba(235, 235, 245, 0.3);
    background: transparent;
}

.two-row-gamelobby .game-lobby-slider-container button i:before {
    content: var(--content-carret);
}

.two-row-gamelobby .game-lobby-slider-container button#slideLeft i {
    transform: rotate(180deg);
}

.category-page-content .game-lobby-slider-container {
    top: 5px;
    height: 22px;
}

.category-page-content {
    z-index: 1;
}

.nm-widget .game-lobby-load-more-container .load-more-counter span {
    font-size: 16px !important;
}

.modal-backdrop {
    background-color: transparent;
    background: linear-gradient(180deg, #2D0C3C 0%, #331045 42.06%);
    opacity: 0.8 !important;
}

.modal .modal-dialog .modal-content .modal-header {
    padding: 32px 32px 16px;
}

.modal-dialog {
    max-width: 564px;
}

form .form-group .input-inline,
.form .form-group .input-inline,
.form-register .form-group select,
form .form-group #mobileNumber,
form .form-group .mobileNumber,
.form .form-group #mobileNumber,
.form .form-group .mobileNumber,
form .form-group #verifyMobileNumber,
.form .form-group #verifyMobileNumber,
form .form-group #birthDate,
.form .form-group #birthDate {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    font-weight: 600;
}

form .form-group .input-inline::placeholder,
.form .form-group .input-inline::placeholder,
form .form-group #mobileNumber::placeholder,
form .form-group .mobileNumber::placeholder,
.form .form-group #mobileNumber::placeholder,
.form .form-group .mobileNumber::placeholder,
form .form-group #verifyMobileNumber::placeholder,
.form .form-group #verifyMobileNumber::placeholder,
form .form-group #birthDate::placeholder,
.form .form-group #birthDate::placeholder {
    color: var(--color-input-select-placeholder);
    text-transform: uppercase;
    font-weight: 600;
}

form .form-group button#btn-signin,
.form .form-group button#btn-signin,
form .form-group button#btn-forgot,
form .form-group button#btn-forgot,
.form-register input[type="submit"] {
    margin: 0 auto;
}

.form-register .form-group input[type=text],
.form-register .form-group input[type=email],
.form-register .form-group input[type=password],
.form-register .form-group select {
    font-size: 14px;
    background: var(--bg-input-select);
    height: var(--height-input-select);
    padding: var(--padding-input-select);
    border: var(--border-input-select);
    border-radius: var(--border-radius-input-select) !important;
    color: var(--color-input-select);
}

.form-register .form-group input::placeholder {
    color: #5F6B89;
    text-transform: uppercase;
    font-weight: 600;
}

.nm-widget.TableGames-ko .game-lobby-header .header-container i:before {
    background-image: var(--content-table-games-icon);
}

.nm-widget.virtual-sports-ko .game-lobby-header .header-container i:before {
    background-image: var(--content-virtual-sports-icon);
}

.nm-widget.slots-ko .game-lobby-header .header-container i:before,
.nm-widget.slots-id .game-lobby-header .header-container i:before,
.nm-widget.slots-vi .game-lobby-header .header-container i:before,
.nm-widget.slots-ja .game-lobby-header .header-container i:before  {
    background-image: var(--content-slots-icon);
}

.nm-widget.all-casino-ko .game-lobby-header .header-container i:before {
    background-image: var(--content-all-casino-icon);
}

.nm-widget.roulette-ko .game-lobby-header .header-container i:before,
.nm-widget.roulette-id .game-lobby-header .header-container i:before,
.nm-widget.roulette-vi .game-lobby-header .header-container i:before,
.nm-widget.roulette-ja .game-lobby-header .header-container i:before {
    background-image: var(--content-roulette-icon);
}

.nm-widget.poker-ko .game-lobby-header .header-container i:before {
    background-image: var(--content-poker-icon);
}

.nm-widget.all-live-casino-ko .game-lobby-header .header-container i:before,
.nm-widget.all-live-casino-id .game-lobby-header .header-container i:before,
.nm-widget.all-live-casino-vi .game-lobby-header .header-container i:before,
.nm-widget.all-live-casino-ja .game-lobby-header .header-container i:before {
    background-image: var(--content-all-live-casino-icon);
}

.nm-widget.in-game-jackpots-ko .game-lobby-header .header-container i:before,
.nm-widget.in-game-jackpots-id .game-lobby-header .header-container i:before,
.nm-widget.in-game-jackpots-vi .game-lobby-header .header-container i:before,
.nm-widget.in-game-jackpots-ja .game-lobby-header .header-container i:before {
    background-image: var(--content-in-game-jackpots-icon);
}

.nm-widget.live-casino-ko .game-lobby-header .header-container i:before,
.nm-widget.live-casino-id .game-lobby-header .header-container i:before,
.nm-widget.live-casino-vi .game-lobby-header .header-container i:before,
.nm-widget.live-casino-ja .game-lobby-header .header-container i:before {
    background-image: var(--content-live-casino-icon);
}

#modernSkin.main-wrapper .layout-wrapper .header-section.scrollSrink,
#app_header.main-header-container .subheader-menu,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a,
.header-section.scrollSrink #app_header.main-header-container .nm-widget.menuw .nav-item a span {
    transition: 0.3s all ease-in-out;
}

#modernSkin.main-wrapper .layout-wrapper .header-section.scrollSrink {
    height: 102px !important;
    transition: 0.3s all ease-in-out;
}

.header-section.scrollSrink #app_header.main-header-container .subheader-menu,
.header-section.scrollSrink #app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
    height: 40px;
    transition: 0.3s all ease-in-out;
}

.header-section.scrollSrink #app_header.main-header-container .subheader-menu .nm-widget.menuw ul li a {
    min-width: 70px;
    position: relative;
    transition: 0.3s all ease-in-out;
}

.header-section.scrollSrink #app_header.main-header-container .subheader-menu .nm-widget.menuw ul li a:hover span {
    display: block;
}

.header-section.scrollSrink #app_header.main-header-container .nm-widget.menuw .nav-item a span {
    position: absolute;
    white-space: nowrap;
    top: 25px;
    color: var(--color-button-reverse);
    background: var(--bg-button-reverse);
    z-index: 1;
    padding: 5px;
    border-radius: 8px;
    display: none;
    transition: 0.3s all ease-in-out;
}

.game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(1) {
    background-position: center;
    background-size: cover;
}

.category-page-content.promo-page {
    padding-bottom: 40px;
}

form.form-register .form-group .password-visible,
.form.form-register .form-group .password-visible {
    right: 16px;
    bottom: auto;
    top: 30px;
}

.form-register .form-group .mobile-area-code {
    top: 39px;
    left: 16px;
}

form .form-group #mobileNumber,
form .form-group .mobileNumber,
.form .form-group #mobileNumber,
.form .form-group .mobileNumber {
    padding: 0 16px 0 48px;
}

.form-register .form-group .sms-verification-btn {
    padding: 0;
}

body.logged-in .nm-widget.wallet-button-w button {
    border: 0;
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:not(:first-child):hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse) !important;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
    background: linear-gradient(180deg, #67228A 0%, #791CA6 90%);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
    background: #791CA6;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper {
    padding-bottom: 150px;
}

.nav-tab-system-horizontal .nav-tabs,
.nav-tab-system-horizontal .nav-tabs .nav-item a {
    border-radius: 16px;
}

.nav-tab-system-horizontal .nav-tabs {
    padding: 4px 0;
}

#modal-user-profile .modal-body:before {
    content: '';
    position: absolute;
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/logos/desktop-logo-mybet.png');
    height: 42px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 167px;
    top: 16px;
    left: 32px;
}

#modal-user-profile.modal .modal-dialog .modal-content .close .icomoon-icon {
    content: url('https://sgp1.digitaloceanspaces.com/wnkstg/DOSMSS/assets/images/icons/gameStageXButton.svg');
}

.article-details {
    padding-bottom: 40px;
}

.article-details img {
    border-radius: var(--border-radius);
}

.article-content section {
    padding-top: 24px;
}

.article-content h6 {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text-active);
    margin-bottom: 16px;
}

#app_footer .footer-wrapper .footer-menu .menu-column a:hover,
#app_footer .footer-wrapper .footer-menu .menu-column a.active {
    color: var(--color-text-active) !important;
}

.bottom-logos {
    margin-top: 40px;
    display: inline-block;
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.LiveChat:before {
    background-image: var(--content-live-chat-icon);
    width: 54px;
    height: 54px;
    vertical-align: baseline;
}

#app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.LiveChat:before,
#app_header.main-header-container .nm-widget.menuw .nav-item a.active i.LiveChat:before {
    background-image: var(--content-live-chat-icon-active);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
    position: relative;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

form .form-group .highlight~.password-visible,
.form .form-group .highlight~.password-visible {
    color: var(--color-input-highlight);
    text-shadow: 0 0 2px #000;
}

.active-bonuses-tab .section-system-main,
.available-bonuses-tab .section-system-main {
    border: 1px solid #FAF054 !important;
}

.active-bonuses-tab .active-bonus-item.claimed .product-icon:before,
.active-bonuses-tab .available-bonus-item.claimed .product-icon:before,
.available-bonuses-tab .active-bonus-item.claimed .product-icon:before,
.active-bonuses-tab .active-bonus-item .product-icon:before,
#available_bonuses .available-bonuses-tab .available-bonus-item .product-icon:before {
    color: var(--color-text-active) !important;
}

.active-bonuses-tab .active-bonus-item .product-icon.icon-basketball1:before,
.active-bonuses-tab .available-bonus-item .product-icon.icon-basketball1:before,
.available-bonuses-tab .active-bonus-item .product-icon.icon-basketball1:before,
.available-bonuses-tab .available-bonus-item .product-icon.icon-basketball1:before {
    content: "\E92F";
    font-family: 'icomoon' !important;
    color: var(--color-text-active) !important;
}

.active-bonuses-tab .active-bonus-item .img-running,
.active-bonuses-tab .available-bonus-item .img-running {
    right: -24px;
    top: -24px;
    height: 24px;
    width: fit-content;
    padding: 0 15px;
    background: var(--bg-paw-grp-balance-btn-bonus);
    color: var(--color-text);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    border-radius: 4px 8px 4px 4px;
}

.active-bonuses-tab .active-bonus-item .img-running:before,
.active-bonuses-tab .available-bonus-item .img-running:before {
    content: 'Running';
}

.active-bonuses-tab .active-bonus-item .img-running img,
.active-bonuses-tab .available-bonus-item .img-running img {
    display: none;
}

.active-bonuses-tab .active-bonus-item .btn-claim,
.active-bonuses-tab .active-bonus-item .btn-cancel,
.active-bonuses-tab .available-bonus-item .btn-claim,
.active-bonuses-tab .available-bonus-item .btn-cancel,
.available-bonuses-tab .active-bonus-item .btn-claim,
.available-bonuses-tab .active-bonus-item .btn-cancel,
.available-bonuses-tab .available-bonus-item .btn-claim,
.available-bonuses-tab .available-bonus-item .btn-cancel {
    border-radius: var(--border-radius-paw-grp-balance-btn);
    background: var(--bg-button);
    color: var(--color-button);
}

.active-bonuses-tab .active-bonus-item .btn-cancel,
.active-bonuses-tab .available-bonus-item .btn-cancel,
.available-bonuses-tab .active-bonus-item .btn-cancel,
.available-bonuses-tab .available-bonus-item .btn-cancel {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.btn-system-secondary:not(.no-hover):not(.dropdown-toggle):hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.btn-system.disabled {
    background: rgba(255, 255, 255, 0.35) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 1px 1px 1px 30px var(--bg-input-select) inset !important;
    -webkit-text-fill-color: #7D22AA !important;
    border: 1px solid transparent !important;
}

body.logged-in .nm-widget.bonus-badge-w button,
body.logged-in .nm-widget.wallet-button-w button {
    border-radius: var(--border-radius);
    line-height: 14px;
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i:before {
    transition: 0.3s all ease-in-out;
}

.nm-widget.bonus-badge-w .badge-count-wrapper {
    border-radius: 50%;
    left: auto;
    right: 2px;
    top: 2px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card .input-group-prepend {
    position: absolute;
    z-index: 1;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card input#mobileNumber {
    padding-left: 48px;
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links a:hover {
    background: var(--color-text-active) !important;
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links a:hover i {
    color: var(--color-button-reverse);
}

.carousel-inner {
    border-radius: 8px;
}

.carousel-indicators {
    align-items: center;
    bottom: -32px;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.25);
    margin-left: 4px;
    margin-right: 4px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 0;
}

.carousel-indicators li.active {
    width: 42px;
    height: 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.50);
}

#app_header.main-header-container .player-information-header .left-align {
    gap: 8px;
}

#app_header.main-header-container .player-information-header .right-align {
    gap: 8px;
}

.header-wallets {
    display: none;
}

.nm-widget.notification-w {
    display: none;
}

body.logged-in #app_header.main-header-container .player-information-header .header-wallets {
    margin-left: 0;
}

.promo-page .tab {
    margin: 0 auto;
    height: fit-content;
    padding: 0;
}

.promo-page .promoTabLinks {
    background: var(--bg-button);
    box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
}

.promo-page .promoTabLinks:first-child {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.promo-page .promoTabLinks:last-child {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.promo-page .promoTabLinks:hover,
.promo-page .promoTabLinks.active {
    background: var(--bg-button-join);
}

#modernSkin.main-wrapper .separator {
    left: 8px;
    width: calc(100% - 16px);
    height: 1px !important;
    background: var(--borderSubFooter) !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:hover+.slider-checkbox:before {
    background-color: #a0a0a0 !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:checked+.slider-checkbox:before {
    background-color: #FAF054 !important;
}

body.logged-in .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:checked+.slider-checkbox,
.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:disabled+.slider-checkbox {
    background-color: rgba(250, 240, 84, 0.3) !important;
    cursor: not-allowed;
    pointer-events: none;
}

body.logged-in .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:checked+.slider-checkbox:before,
.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:disabled+.slider-checkbox:before {
    background-color: rgba(250, 240, 84, 0.5) !important;
    cursor: not-allowed;
    pointer-events: none;
}

body.logged-in .nm-widget.wallet-button-w button:hover,
body.logged-in .nm-widget.bonus-badge-w button:hover {
    color: var(--color-button-reverse) !important;
}

body.logged-in .nm-widget.notification-w .notification-bell .icon-bell,
body.logged-in .nm-widget.login-w .btn-user-profile:hover {
    color: var(--color-button-reverse);
}

.nav-tab-system-vertical ul li a.active,
.nav-tab-system-vertical ul li a:hover {
    color: var(--color-button-reverse);
}

.transaction-subtab-container button.active,
.transaction-subtab-container button:hover {
    background: var(--bg-button);
    color: var(--color-button);
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-apply {
    background: var(--bg-button-join);
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-system.btn-clear:hover,
.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-apply:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.daterangepicker .cancelBtn:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.daterangepicker .applyBtn:hover {
    background: var(--bg-button-reverse) !important;
    color: var(--color-button-reverse);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .error {
    position: relative;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .password-group .password-visible,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .confirm-password-group .password-visible {
    top: 40px;
    color: var(--color-input-select-placeholder);
}

.chatButtonContainer,
.chatButtonContainer--mobile,
#onlinehelp-button-0d56caa4-48d9-42f5-81f1-0728296bd31a {
    display: none;
}

#accd-profile .card {
    overflow: visible !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header {
    max-width: 100% !important;
    justify-content: start !important;
    flex-flow: row-reverse;
}

.casino_search-widget {
    position: relative;
    right: 0;
    margin-right: 0 !important;
    margin-bottom: 20px;
    max-width: 280px !important;
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen {
    z-index: 1000 !important;
}

.casino_search-widget .modal-trigger-wrapper {
    height: fit-content !important;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field:hover {
    transform: none !important;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field button {
    background: var(--bg-input-select) !important;
    height: var(--height-input-select) !important;
    padding: var(--padding-input-select) !important;
    border: var(--border-input-select);
    border-radius: var(--border-radius-input-select) !important;
    color: var(--color-input-select-placeholder);
    font-size: 14px !important;
}

.game-lobby-renderer.tiles {
    grid-template-columns: var(--grid-template-columns-casino-groups-games) !important;
    gap: var(--gap-default) !important;
}

#modernSkin .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container {
    max-width: 100% !important;
    margin: 57px auto 0 0 !important;
    background: var(--bg-modal) !important;
    transform: none !important;
    padding: 32px 40px !important;
    z-index: 99;
}

#modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input {
    margin: 24px 0 !important;
}

#modernSkin .casino_search-widget .casino-search-modal-header h5 {
    color: var(--color-header) !important;
}

#modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input {
    height: 40px !important;
}

#modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input input {
    background: var(--bg-input-select) !important;
    border: var(--border-input-select);
    border-radius: var(--border-radius-input-select) !important;
    color: var(--color-input-select) !important;
    font-size: 14px !important;
    font-weight: var(--font-weight-input-select);
}

#modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input i {
    color: var(--color-input-select-placeholder) !important;
}

#modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input input::placeholder {
    color: var(--color-input-select-placeholder);
    text-transform: uppercase;
}

.article-banner a img {
    margin: auto;
}

/* wallet buttons */
/* withdraw / deposit and cancel button */

.section-system-main,
.section-system-main-lg {
    margin: 0 0 24px 0;
    padding: 24px;
    background: var(--bg-section);
    border: var(--border-section);
    border-radius: var(--border-radius-section);
    box-shadow: var(--box-shadow-section);
}

.btn-system-amount-wrapper .wallet-action-container .btn-withdraw-clear,
.btn-system-amount-wrapper .wallet-action-container .btn-deposit-clear,
.withdrawal-mgate-classic-container .section-system-main .wallet-action-container .btn-withdraw {
    font-size: 14px;
    padding: 9px 40px;
    border-radius: 4px;
    font-weight: 500;
    line-height: normal;
    margin-right: 8px;
}

.withdraw-tab .wallet-payment-methods-container h2,
.deposit-tab .wallet-payment-methods-container h2 {
    text-align: center;
    text-transform: uppercase;
}

.withdraw-tab .wallet-payment-methods-container .wallet-payment-methods-panel,
.deposit-tab .wallet-payment-methods-container .wallet-payment-methods-panel {
    display: flex;
    gap: 0 20px;
    justify-content: center;
}

.withdraw-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item,
.deposit-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item {
    flex: 0 0 10%;
    padding: 20px;
    color: var(--color-text);
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}

.wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item .payment-method-icon {
    padding: 0 8px 18px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item .payment-method-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item .payment-method-name {
    line-height: 100%;
}

/* amount button */

.btn-system-amount-wrapper .row .overwrite-mode-amount-wrapper .btn-deposit-amount {
    min-width: 150px;
}

/* end */

.VuePagination nav ul li.disabled {
    cursor: not-allowed !important;
}

.VuePagination nav ul li:not(.disabled) {
    cursor: pointer !important;
}

.nav-tab-system-horizontal .col-12 .row .nav-justified .your-vip-progress a:hover,
.nav-tab-system-horizontal .col-12 .nav-item a:hover {
    cursor: pointer;
}

body.logged-in .hero-banner a {
    display: none;
}

.deposit-transactions-history-classic .custom-modal-container .custom-modal-body .custom-modal-section .icon-container {
    display: none;
}

#bonus-popup .modal-dialog .modal-content .modal-body {
    background: var(--bg-modal);
    border-radius: 0.3rem;
    padding: 20px;
    border: 1px solid #5B5B5B;
}

#vip-progress .nav-tab-system-horizontal .nav-justified .your-vip-progress a {
    border-bottom: 0;
    background: var(--bg-button);
    color: var(--color-button);
    text-decoration: none;
}

#accd-profile-vip .card {
    position: relative;
    overflow: visible;
    padding: 24px;
    background: var(--bg-section);
    border: var(--border-section);
    border-radius: var(--border-radius-section);
    box-shadow: var(--box-shadow-section);
}

.dropdown #selectTransferToMenu {
    overflow: auto;
    max-height: 287px;
    border-radius: 8px;
    background: var(--bg-section);
    border: var(--border-section);
    box-shadow: var(--box-shadow-section);
}

.bonus-list-wrapper .bonus-details .col-1 {
    margin-left: 20px;
    margin-right: -20px;
}

.bonus-list-wrapper .bonus-details .col-1 span.icon-basketball1:before {
    content: "\E92F";
    color: var(--color-text-active);
    font-family: 'icomoon' !important;
}

.withdrawal-mgate-classic-container .section-system-main form .form-group .bank-code-select option {
    box-shadow: 5px -5px 8px -5px rgba(0, 0, 0, .94);
    background: #2b2b2b;
    border: 1px solid #2b2b2b;
}

.bonus-list-wrapper .bonus-details .col-1 span.icon-casino-dice:before {
    content: " ";
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSS/assets/images/icons/rolling-dices-active.svg);
    background-size: cover;
    width: 22px;
    height: 22px;
    margin-left: -6px;
    position: absolute;
}

.right-align .desktop .dropdown-menu {
    padding-top: 16px !important;
}

/* VIP Page Start */

#home_operator .vip-page {
    margin: auto;
    max-width: calc(100% - 125px);
}

.vip-page-content .vip-page-header {
    padding: 90px 0 26px;
    text-align: center;
}

.vip-page-content .vip-page-header h3 {
    color: var(--color-header);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    margin: auto;
    font-weight: 800;
    position: relative;
    width: fit-content;
    line-height: 130%;
    letter-spacing: -0.64px;
}

.vip-page-content .vip-rank-container .vip-rank-header h2:before {
    content: " ";
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSS/assets/images/VIP/vip-crown.svg);
    width: 35px;
    height: 30px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    left: -48px;
    top: 0px;
}

.vip-page-content .vip-rank-container .vip-rank-header {
    text-align: center;
    padding: 26px;
    background: var(--bg-section);
    border: 2px solid rgba(165, 43, 225, 0.50);
    border-bottom: none;
}

.vip-page-content .vip-rank-container .vip-rank-header h2 {
    color: var(--color-header);
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    position: relative;
    width: fit-content;
    margin: auto;
}

.vip-page-content .vip-rank-container .vip-rank-header p {
    width: 737px;
    color: var(--color-text);
    margin: 30px auto;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.vip-page-content .vip-rank-container .vip-rank-cards {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    text-align: center;
    padding-top: 128px;
}

.vip-rank-cards .vip-rank:last-child .vip-rank-name img {
    max-width: 209px;
}

.vip-rank-cards .vip-rank .vip-rank-name span {
    text-transform: uppercase;
    margin-bottom: 100px;
    font-size: 24px;
    z-index: 2;
}

.vip-rank-cards .vip-rank .vip-rank-name img {
    max-width: 170px;
    margin: 0 auto 16px;
    filter: drop-shadow(0px 17px 8px #799C5A);
    min-height: 120px;
}

.vip-page-content .vip-rank-container .vip-button-wrapper {
    display: flex;
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(1) span {
    color: #feb196;
    filter: drop-shadow(0px 12px 12px #feb196);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(2) span {
    color: #aec4eb;
    filter: drop-shadow(0px 12px 12px #aec4eb);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(3) span {
    color: #e1d29a;
    filter: drop-shadow(0px 12px 12px #e1d29a);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(4) span {
    color: #47aba6;
    filter: drop-shadow(0px 12px 12px #47aba6);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(5) span {
    color: #70e8f7;
    filter: drop-shadow(0px 12px 12px #70e8f7);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(6) span {
    color: #e8c265;
    filter: drop-shadow(0px 12px 12px #e8c265);
}


.vip-page-content .vip-rank-container .vip-button-wrapper a {
    margin: auto;
}

.vip-page-content .vip-rank-container .vip-button-wrapper button {
    background: var(--bg-button-join);
    color: var(--color-button);
    height: 48px;
    text-transform: uppercase;
    display: flex;
    width: fit-content;
    padding: 8px 48px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
}

.vip-page-content .vip-rank-container .vip-button-wrapper a:hover {
    text-decoration: none;
}

.vip-page-content .vip-rank-container .vip-button-wrapper button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
    text-decoration: none;
}

body .vip-page-content .vip-rank-container .vip-button-wrapper a.loggedin {
    display: none;
}

body.logged-in .vip-page-content .vip-rank-container .vip-button-wrapper a.loggedin {
    display: block;
}

body.logged-in .vip-page-content .vip-rank-container .vip-button-wrapper a.non-loggedin {
    display: none;
}

.vip-page-content .vip-rank-container .vip-info-section {
    display: grid;
    gap: 26px;
    grid-template-columns: repeat(4, 1fr);
}

.vip-page-content .vip-rank-container .vip-info-section .vip-info-item {
    flex: 0 0 25%;
}

.vip-page-content .vip-rank-container .vip-info-section .vip-info-item p {
    width: 242px;
}

.vip-page-content .vip-rank-container .vip-info-section h6 {
    display: flex;
    align-items: start;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-header);
}

.vip-page-content .vip-rank-container .vip-info-section h6 img {
    height: 64px;
    width: 64px;
    object-fit: contain;
    margin-right: 22px;
}

.vip-page-content .vip-rank-container .vip-info-section p {
    max-width: calc(100% - 76px);
    margin: -24px 0 15px 84px;
    color: var(--color-text);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.vip-rank .vip-rank-details .level-up-bonus,
.vip-rank .vip-rank-details .sports-komp,
.vip-rank .vip-rank-details .casino-komp,
.vip-rank .vip-rank-details .birthday-komp,
.vip-rank .vip-rank-details .cashback-komp {
    text-transform: uppercase;
    background: var(--bgPanel);
    z-index: -1;
}

.vip-rank .vip-rank-details .cashback-komp {
    border-radius: 0px 0px 8px 8px;
}

.vip-rank .vip-rank-details .level-up-bonus h2,
.vip-rank .vip-rank-details .sports-komp h2,
.vip-rank .vip-rank-details .casino-komp h2,
.vip-rank .vip-rank-details .birthday-komp h2,
.vip-rank .vip-rank-details .cashback-komp h2 {
    color: var(--color-header);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}

.vip-rank .vip-rank-details .level-up-bonus p,
.vip-rank .vip-rank-details .sports-komp p,
.vip-rank .vip-rank-details .casino-komp p,
.vip-rank .vip-rank-details .birthday-komp p,
.vip-rank .vip-rank-details .cashback-komp p {
    color: rgba(255, 255, 255, 0.30);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 16.9px */
    margin-top: 10px;
    text-transform: uppercase;
}

.vip-rank .vip-rank-details .level-up-bonus {
    padding: 86px 24px 16px;
    border-color: #9642BF;
    border-width: 3px;
    border-bottom: none;
}

.vip-rank .vip-rank-details .sports-komp {
    padding: 24px 24px 16px;
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #9642BF, rgba(0, 0, 0, 0)) 1 100%;
}

.vip-rank .vip-rank-details .casino-komp {
    padding: 24px 24px 16px;
}

.vip-rank .vip-rank-details .birthday-komp {
    padding: 24px 24px 16px;
}

.vip-rank .vip-rank-details .cashback-komp {
    padding: 24px 24px 32px;
}

.vip-rank-container .vip-rank-cards .vip-rank .vip-rank-name {
    height: 140px;
    width: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0px auto -64px;
    position: relative;
    z-index: 1;
}

.vip-rank-name::before {
    content: '';
    position: absolute;
    top: 0;
    height: 75%;
    width: 100%;
    background: #5B187F;
    border-radius: 16px;
    border: 3px solid #9642BF;
    border-style: solid solid none solid;
    z-index: 0;
}

.vip-rank-name::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 10px;
    bottom: -4px;
    border-style: solid;
    border-color: transparent transparent #5B187F;
    border-width: 0 124px 40px 124px;
    transform: rotate(180deg);
    z-index: 0;
}

.vip-page-content .vip-rank-container .vip-button-wrapper {
    margin: 48px auto 80px;
}

.vip-rank-details .level-up-bonus,
.vip-rank-details .sports-komp,
.vip-rank-details .casino-komp,
.vip-rank-details .birthday-komp {
    position: relative
}

.vip-rank-details .level-up-bonus:before,
.vip-rank-details .sports-komp:before,
.vip-rank-details .casino-komp:before,
.vip-rank-details .birthday-komp:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 50%;
    border-bottom: 2px solid rgba(217, 217, 217, 0.30);
}

.vip-rank-container .vip-rank-cards .vip-rank .vip-rank-details {
    padding: 0 16px;
    position: relative;
}

/*
.vip-rank-container .vip-rank-cards .vip-rank .vip-rank-details:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 10px;
    top: 26px;
    border-style: solid;
    border-color: transparent transparent #9642BF transparent;
    border-width: 0 128px 43px 128px;
    transform: rotate(180deg);
    z-index: 0;
}*/

/* End VIP */

/* Komp Page CSS */
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .komp-page .komp-page-content {
    max-width: 1128px;
    margin: 0 auto;
}

.komp-page .komp-page-content .komp-header {
    padding: 0px 0 30px 62px;
}

.komp-page .komp-page-content .komp-header h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    letter-spacing: -0.64px;
    position: relative;
    color: var(--color-header);
}

.komp-page .komp-page-content .komp-header h1:before {
    content: " ";
    width: 42px;
    height: 42px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    left: -60px;
    top: 0px;
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSS/assets/images/KOMP/myBetUnion.svg);
}

.komp-tab-header {
    overflow: hidden;
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn {
    background: var(--bg-cat-page-nav-a);
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn i:before {
    color: var(--color-button);
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn:hover i:before {
    color: var(--color-button-reverse);
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn:hover {
    background: var(--bg-paw-nav-tab-a-active);
}

.komp-tab-header .komp-tablinks {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    width: 100%;
    max-width: 50%;
    border-radius: 4px;
    background: var(--bgPanel);
    color: var(--color-button);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    cursor: pointer;
}

.komp-tab-header .komp-tablinks.active,
.komp-tab-header .komp-tablinks:hover {
    background: var(--bgButtonSecondary);
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.komp-page-content .komp-page-main-content .tabcontent {
    border-image: linear-gradient(to bottom, #9642BF, rgba(255, 255, 255, 0)) 1 100%;
    border-width: 3px;
    border-radius: 0px 0px 4px 4px;
    background: var(--bgPanel);
}

.komp-page-content .komp-page-main-content .komp-tab-header {
    border-bottom: 3px solid #9642BF;
}

.komp-page-content .komp-page-main-content .tabcontent .tabcontent-header {
    margin: 100px auto 0;
}

.komp-page-content .komp-page-main-content .tabcontent .tabcontent-header h1 {
    margin: auto;
    width: fit-content;
    color: var(--color-header);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.tabcontent .tabcontent-wrapper {
    max-width: calc(100% - 90px);
    width: 100%;
    margin: auto;
}

.tabcontent-wrapper h3 {
    padding: 10px 0;
}

.tabcontent-wrapper h1:last-child {
    color: var(--color-text-active);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    letter-spacing: -0.48px;
    margin-bottom: 90px;
}

.accumulate-progress-bar-container,
.komp-progress-bar-container {
    width: 100%;
    background-color: #7D22AA;
    /* Darker blue */
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    margin: auto;
    margin-top: 24px;
}

.accumulate-progress-bar-container .progress-bar,
.komp-progress-bar-container .progress-bar {
    width: 100%;
    height: 16px;
    background-color: #7D22AA;
    /* Darker blue */
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.accumulate-progress-bar-container .progress {
    width: 80%;
}

.komp-progress-bar-container .progress {
    width: 50%;
}

.accumulate-progress-bar-container .progress,
.komp-progress-bar-container .progress {
    height: 100%;
    background-color: var(--color-text-active);
    /* Orange */
    border-radius: 4px;
    position: relative;
}

.accumulate-progress-bar-container .progress-indicators,
.komp-progress-bar-container .progress-indicators {
    background-color: #7D22AA;
    display: flex;
    gap: 5px;
    position: absolute;
    height: 100%;
    right: 0;
    padding: 0 5px;
}

.accumulate-progress-bar-container .indicator,
.komp-progress-bar-container .indicator {
    height: 100%;
    width: 12px;
    background-color: var(--color-text-active);
    border-radius: 2px;
}


.tabcontent-wrapper .komp-button-wrapper {
    padding: 74px 0 34px;
}

.tabcontent-wrapper .komp-button-wrapper button {
    display: flex;
    width: 578px;
    padding: 8px 118px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: auto;
    border-radius: 4px;
    color: var(--color-button);
    background: var(--bgButtonSecondary);
}

.tabcontent-wrapper .komp-button-wrapper a:hover {
    text-decoration: none;
}

.tabcontent-wrapper .komp-button-wrapper button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse) !important;
}

.komp-page-content .komp-info-section {
    display: grid;
    gap: 26px;
    grid-template-columns: repeat(2, 1fr);
    padding: 84px 0px;
}

.komp-page-content .komp-info-section .komp-info-item h6 {
    display: flex;
    align-items: start;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-header);
}

.komp-page-content .komp-info-section .komp-info-item h6 img {
    height: 64px;
    width: 64px;
    object-fit: contain;
    margin-right: 22px;
}

.komp-page-content .komp-info-section .komp-info-item p {
    max-width: calc(100% - 76px);
    margin: -24px 0 15px 84px;
    color: var(--color-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.tabcontent-wrapper .komp-button-wrapper button:active,
.tabcontent-wrapper .komp-button-wrapper button:hover {
    color: var(--color-text);
    text-decoration: none;
}

body.logged-in .non-loggedin {
    display: none;
}

body .loggedin {
    display: none;
}

body.logged-in .loggedin {
    display: block;
}

/* Komp Page End*/

.custom-modal-section .bank-register-modal-container {
    background: var(--bg-modal);
}

.mgate-bank-account-registration form .form-group #birthDate,
.form .form-group #birthDate {
    box-shadow: none;
    padding: .25rem .5rem;
    padding-left: 0;
    border-bottom: 1px solid #C2C2C2;
    border-radius: 0px !important;
    background: none;
    height: fit-content;
}

.bank-accounts-table .table-responsive .deposit-table tbody tr td form input {
    padding: 4px;
    color: var(--color-button-reverse);
    margin-right: .5rem;
}

.mgate-bank-account-registration .wallet-action-container .btn-deposit {
    padding: 10px 40px;
    color: var(--color-button-reverse);
    background: #FBAE3E;
    margin-right: .5rem;
}

.section-system-main .row .col .btn-deposit-amount,
.section-system-main .row .col .btn-withdraw-amount {
    min-width: 150px;
}

/* Referral Start */

.referral-page p {
    font-weight: normal;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.referral-page {
    margin: 40px auto 0;
    max-width: 1296px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.referral-page:before {
    content: "";
    position: absolute;
    width: calc(100% + 84px);
    height: 100vh;
    top: -20px;
    left: -42px;
    background-image: url(https://nmbio.sgp1.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/referral/referral-bg-transparent.png);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.referral-page .referral-page-header {
    width: 100%;
    height: 266px;
    display: flex;
}

.referral-page-header .referral-page-head-container {
    width: 50%;
}

.referral-page-header-signup button h1 {
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 130% !important;
    text-transform: uppercase !important;
    background: none !important;
    padding: 0 !important;
    -webkit-text-fill-color: var(--color-header) !important;
}

.referral-page-header .referral-page-head-container h1 {
    background: linear-gradient(180deg, var(--color-text-active) 0%, #C1FC8D 100%, #28473E 100.01%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}

.referral-page-header .referral-page-head-container h3 {
    color: var(--color-text-active);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    letter-spacing: -0.64px;
    margin: 8px 0;
    text-transform: capitalize;
}

.referral-page-header .referral-page-head-container p {
    color: var(--color-text);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin: 8px 0;
}

.referral-page-header .referral-page-header-signup {
    width: fit-content;
    margin: auto;
}

.referral-page-header .referral-page-header-signup button {
    width: 128px;
    border-radius: 4px;
    color: var(--color-button);
    height: 32px;
    margin: 8px 0;
    background: var(--bg-button-join);
}

.referral-page-header .referral-page-header-signup button:hover {
    background: var(--bg-button-reverse);
}

.referral-page-header-signup button:hover h1 {
    -webkit-text-fill-color: var(--color-button-reverse) !important;
}

.referral-page-header .referral-page-head-container img {
    margin: -20px 0 0 70px;
}

.referral-page .referral-page-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 27px;
    margin-top: 24px;
}

.referral-page .referral-page-wrapper .referral-card {
    display: flex;
    max-height: 230px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 24px 24px 46px 0px rgba(6, 18, 73, 0.20);
}

.referral-page .referral-page-wrapper .referral-card-img {
    width: 294px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-img img {
    position: absolute;
    max-width: 734px;
    left: -325px;
    top: -80px;
    max-height: 547px;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-container {
    padding: 20px 10px 50px 12px;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-container h4 {
    background: linear-gradient(180deg, var(--color-text-active) 0%, #C1FC8D 100%, #28473E 100.01%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-container p {
    color: #7D22AA;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 27px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    margin: 11px 0;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-container button {
    height: 32px;
    width: 119px;
    border-radius: 4px;
    background: var(--bg-button-join);
    color: var(--color-button);
}

.referral-page .referral-page-wrapper .referral-card .referral-card-container button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.referral-reward-container {
    margin-top: 120px;
    text-aling: center;
}

.referral-reward-container h4 {
    background: linear-gradient(180deg, #C1FC8D 0%, var(--color-text-active) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 20px;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.64px;
    text-transform: capitalize;
}

.referral-reward-container h2 {
    padding-bottom: 60px;
    color: var(--color-header);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.referral-page .referral-reward-steps-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 24px;
}

.referral-page .referral-reward-steps-container .referral-reward-steps {
    max-height: 205px;
    height: 205px;
    max-width: 420px;
    background-repeat: no-repeat;
    position: relative;
    filter: hue-rotate(45deg);
}

.referral-page .referral-reward-steps-container .referral-reward-step1 {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/referrals/referral-cards.webp);
    background-size: contain;
}

.referral-page .referral-reward-steps-container .referral-reward-steps h1 {
    position: absolute;
    right: 35%;
    transform: translateX(65%);
    color: var(--color-header);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    top: 85px;
}

.referral-page .referral-reward-steps-container .referral-reward-step2 {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/referrals/referral-cards.webp);
    background-size: contain;
}

.referral-page .referral-reward-steps-container .referral-reward-step3 {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/referrals/referral-cards.webp);
    background-size: contain;
}

.referral-page .referral-reward-steps-container .referral-reward-steps h6 {
    position: absolute;
    right: 35%;
    transform: translateX(65%);
    top: 105px;
    color: var(--color-header);
    text-align: center;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
}

.referral-reward-container p {
    max-width: 900px;
    margin: auto;
    padding-top: 60px;
    color: var(--color-text);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.referral-reward-container p span {
    color: var(--color-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.referral-how-to-use .referral-how-to-use-container-holder {
    display: flex;
    margin-top: 98px;
}

.referral-how-to-use .referral-how-to-use-container-holder .referral-how-to-use-container {
    max-width: 50%;
    width: 100%;
    position: relative;
}

.referral-how-to-use-container h3 {
    color: var(--color-text-active);
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    letter-spacing: -0.64px;
    text-transform: capitalize;
}

.referral-how-to-use-container h1 {
    color: var(--color-header);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: capitalize;
}

.referral-how-to-use-container p {
    margin: 8px 0;
    color: var(--color-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.referral-how-to-use .referral-how-to-use-container img {
    position: absolute;
    max-width: 1094px;
    max-height: 741px;
    left: -170px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: -101px;
}

.referral-comission-conditions {
    margin-top: 154px;
    display: flex;
}

.referral-comission-conditions div {
    max-width: 50%;
    width: 100%;
    position: relative;
}

.referral-comission-conditions .referral-how-to-use-container img {
    max-width: 998px;
    position: absolute;
    max-height: 735.2px;
    top: -100px;
    left: -250px;
}

.referral-how-to-use-container .referral-comission-rate-holder {
    max-width: 100%;
}

.referral-comission-rate-holder div {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
}

.referral-comission-rate-holder progress {
    width: 100%;
}

.referral-promotion {
    border-radius: 16px;
    background: linear-gradient(180deg, #9642BF 0%, #7D22AA 100%);
    width: 100%;
    height: 289px;
    margin: 162px 0;
    position: relative;
    overflow: hidden;
    padding: 28px 0px 28px 39px;
}

.referral-promotion div {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 360px;
    justify-content: space-around;
}

.referral-promotion div .referral-promotion-header {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    /* font-family: Poppins; */
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    background: linear-gradient(180deg, #FAF054 0%, #C1FC8D 100%, #28473E 100.01%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.referral-promotion div h2 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    overflow: hidden;
    color: var(--color-header);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.referral-promotion div h3 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    color: var(--color-header);
    /* font-family: Poppins; */
    font-size: 47px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

.referral-promotion div p {
    color: var(--color-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.referral-promotion div button {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    color: var(--color-button);
    font-size: 14px;
    font-style: normal;
    width: 100px;
    height: 32px;
    font-weight: 500;
    border-radius: 4px;
    background: var(--bg-button-join);
    line-height: 18px;
}

.referral-promotion div button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.referral-money-rewards-container {
    text-align: center;
}

.referral-promotion img {
    position: absolute;
    max-width: 1176px;
    max-height: 867px;
    width: 100%;
    right: -205px;
    top: -65px;
}

.referral-money-rewards-container div p {
    color: var(--color-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.referral-money-rewards-container h2 {
    color: var(--color-text-active);
    text-align: center;
    /* font-family: Inter; */
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    letter-spacing: -0.64px;
    text-transform: capitalize;
}

.referral-money-rewards .referral-money-rewards-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 791px;
    margin: 36px auto 63px;
    height: 293px;
}

.referral-money-card {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 24px 24px 46px 0px rgba(6, 18, 73, 0.20);
    display: flex;
    flex-direction: column;
}

.referral-money-card .referral-top-card {
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.referral-money-card .referral-bottom-card {
    border-radius: 16px;
    border-top: 2px solid rgba(5, 32, 123, 0.20);
    background: #FFF;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.referral-money-card .referral-top-card h1 {
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 19px;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    background: linear-gradient(180deg, var(--color-text-active) 0%, #C1FC8D 100%, #28473E 100.01%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.referral-money-rewards-cards h5 {
    color: #7D22AA;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 115%;
    letter-spacing: -0.56px;
}

.referral-money-card .referred-text {
    color: rgba(125, 34, 170, 0.60);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
    padding: 0 10px;
}

.referral-money-rewards-container div p span {
    background: linear-gradient(180deg, #FAF054 0%, #C1FC8D 100%, #28473E 100.01%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
}

.referral-terms-and-condition {
    margin-top: 180px;
    display: flex;
}

.referral-terms-and-condition div {
    max-width: 50%;
    width: 100%;
    position: relative;
}

.referral-terms-and-condition div img {
    position: absolute;
    max-width: 1035px;
    left: -129px;
    top: -180px;
    max-height: 620px;
}

.referral-terms-and-condition h3 {
    color: var(--color-text-active);
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    letter-spacing: -0.64px;
}

.referral-terms-and-condition p {
    margin: 18px 0px;
    color: var(--color-text);
    /* font-family: Inter; */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}


.referral-comission-rate-holder progress::-webkit-progress-value {
    border-radius: 64px;
    background: #C1FC8D;
    ;
}

.referral-comission-rate-holder progress::-webkit-progress-bar {
    border-radius: 64px;
    background: #9642BF;
}

.referral-card-container span {
    font-size: 47px;
    font-weight: 900;
    line-height: 130%;
    text-transform: uppercase;
}


/* Referral End */

/* About Us */
.scroll-wrapper .about-us {
    max-width: 1128px;
    margin: 0 auto;
    padding: 0 0 20px;
}

.about-us .article-content {
    margin-top: 0px;
}

.about-us .article-main-content {
    max-width: 100%;
}

.article-content section {
    padding-top: 40px;
}

.article-content h5 {
    font-size: 24px;
    color: var(--color-text-active);
    margin-bottom: 12px;
    line-height: 100%;
    font-weight: 700;
    text-align: center;
}

.about-us .article-main-content p {
    font-size: 16px;
    padding-top: 15px;
    font-weight: 700;
    line-height: 125%;
}

.article-content section {
    padding-top: 40px;
}

.about-us .article-content .article-content-container {
    margin: 16px 0px;
}

.about-us .article-content .article-content-container .article-content-info {
    display: flex;
    justify-content: space-between;
}

.about-us .article-content .article-content-container .article-content-info p,
.about-us .article-content .article-content-container .article-content-info span {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    padding: 0;
}

.article-content-container progress {
    width: 100%;
}

.about-us-page-cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 24px;
    color: var(--color-text);
    margin-top: 60px;
}

.about-us .about-us-page-cards .about-us-page-item .about-us-badge {
    height: 182px;
    width: 182px;
    margin: 0 auto -65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.50);
    background-image: url(https://nmbio.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/ellipse-vip.png);
    background-size: cover;
    position: relative;
    gap: 10px 0;
    font-size: 70px;
    font-weight: 900;
    letter-spacing: -1.4px;
    filter: hue-rotate(45deg);
}

.about-us .about-us-page-cards .about-us-page-item p {
    padding: 70px 0px 0px 0px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.32px;
}

.about-us .about-us-article .article-content .article-content-container progress::-webkit-progress-value {
    border-radius: 64px;
    background: #C1CF8D;
    ;
}

.about-us .about-us-article .article-content .article-content-container progress::-webkit-progress-bar {
    border-radius: 64px;
    background: #9642BF;
}

/* About Us End */

/* Tourna */
.tournament-list-wrapper {
    max-width: 100% !important;
    padding: 0 !important;

}

.tournament-banner {
    margin-bottom: 40px;
}

.tournament-banner img {
    width: 100%;
    -webkit-clip-path: var(--clip-path-home-hero);
    clip-path: var(--clip-path-home-hero);
}



.tournament-list-modern-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tournament-list-modern-wrapper .tournament-list-container {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-column {
    display: flex;
    padding: 0 !important;
    width: 100%;
}

.tournament-list-item-wrapper {
    display: flex;
    flex-grow: 1;
}

.tournament-list-item-wrapper .tournament-list-item {
    padding: 49px 38px 43px 46px;
    position: relative;
    overflow: hidden;
    min-height: 390px;
    background-color: #041759;
    background-blend-mode: luminosity;
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status {
    width: 214px;
    height: 48px;
    padding: 10px 20px 10px 20px;
    background-color: #04B500;
    font-size: 20px;
    font-family: var(--font-family-black);
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 0px 2px 0px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper.status-scheduled .tournament-list-item .tournament-status {
    width: 214px;
    height: 48px;
    padding: 10px 20px 10px 20px;
    background-color: #2871F6;
    ;
    font-size: 20px;
    font-family: var(--font-family-black);
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 0px 2px 0px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper .tournament-name {
    text-align: right;
    font-size: 40px;
    font-family: var(--font-family-black);
    line-height: normal;
    text-transform: uppercase;
    padding: 0 0 22px 0;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper .tournament-panel-data {
    padding: 13px 0 0 10px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
    width: 100%;
    max-width: 400px;
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status span {
    position: relative;
    z-index: 1;
}

.tournament-list-item-wrapper.status-ended .tournament-list-item .tournament-status {
    background-color: #E93535;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-items-action {
    margin-top: 32px;
    margin-left: -10px;
}

.tournament-list-item-wrapper .tournament-btn-view,
.tournament-view-games-article-button button {
    position: relative;
    width: 178px;
    height: 36px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-list-item-wrapper .tournament-btn-view::before,
.tournament-view-games-article-button button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 178px;
    height: 36px;
    background: #2871F6;
}

.tournament-list-item-wrapper.status-scheduled .tournament-btn-view::before {
    background: #EEEEEE;
}

.tournament-list-item-wrapper .tournament-btn-view span {
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item img {
    display: none;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
    width: 100%;
    max-width: 400px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard .tournament-item-leaderboard-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 61px;
    padding: 10px 24px 10px 24px;
    background-color: #041759;
    font-size: 16px;
    font-weight: 900;
    line-height: 19px;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr th {
    background-color: #2871F6;
    text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table th {
    border: 0;
    padding: 7px 10px !important;
    color: white;
    font-size: 10px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr:nth-child(2) td {
    background-color: rgba(40, 113, 246, 0.78);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table td {
    border: 0;
    padding: 7px 10px !important;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    background-color: rgba(40, 113, 246, 0.35);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr:nth-child(3) td {
    background-color: rgba(40, 113, 246, 0.55);
}

#tournamentViewModal.modal .modal-dialog {
    min-height: fit-content;
    min-width: 700px;
    max-width: 900px;
}

#tournamentViewModal.modal .modal-dialog .modal-content .close {
    top: 27px;
    right: 29px;
}


.tournament-preview-container .title {
    height: 200px;
    width: calc(100% - 2rem);
    position: absolute;
    top: 1rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text);
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.22px;
    text-transform: uppercase;
}

.tournament-preview-detail-panel .base-time-ticker p,
.tournament-view-classic-wrapper .tournament-timer-detail-panel .base-time-ticker p {
    flex-grow: 1;
    background: linear-gradient(180deg, #008CFF 0%, #0956FA 100%);
    flex-basis: 0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    height: 75px;
    color: var(--color-text);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px 0;
    border-radius: 4px;
}

.tournament-preview-container .tournament-image {
    height: 200px;
    border-radius: 4px;
    overflow: hidden;
}

.tournament-preview-container .tournament-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.tournament-preview-detail-panel,
.tournament-view-classic-wrapper .tournament-timer-detail-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    margin-top: 25px;
}

.tournament-preview-detail-panel .base-time-ticker,
.tournament-view-classic-wrapper .tournament-timer-detail-panel .base-time-ticker {
    width: 100%;
    max-width: calc(40% - 15px);
}

.tournament-preview-detail-panel .tournament-view-details,
.tournament-view-classic-wrapper .tournament-timer-detail-panel .tournament-prize-pool {
    width: 100%;
    max-width: calc(60% - 15px);
}

.tournament-view-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(var(--button-color-2-rgb), .75);
    border-radius: 4px;
    padding: 8px;
    gap: 0 8px;
    height: 75px;
}

.tournament-preview-container .tournament-summary {
    margin-top: 24px;
}

.tournament-preview-container .tournament-summary p {
    word-break: break-all;
    color: var(--color-text);
    font-size: 12px;
    line-height: normal;
}

.tournament-preview-container button {
    margin-top: 16px;
    background: linear-gradient(180deg, #008CFF 0%, #0956FA 100%);
    border: 0;
    height: 32px;
    padding: 0 16px;
    border-radius: 4px;
    color: var(--color-button);
    text-transform: uppercase;
    font-weight: 600;
}

.tournament-list-wrapper {
    max-width: 100% !important;

}

.tournament-list-modern-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tournament-list-modern-wrapper .tournament-list-container {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-column {
    display: flex;
    padding: 0 !important;
    width: 100%;
}

.tournament-list-item-wrapper {
    display: flex;
    flex-grow: 1;
}

.tournament-list-item-wrapper .tournament-list-item {
    padding: 49px 38px 43px 46px;
    position: relative;
    overflow: hidden;
    min-height: 390px;
    background-color: #041759;
    background-blend-mode: luminosity;
}

.tournament-list-item-wrapper .tournament-name {
    text-align: right;
    font-size: 40px;
    font-family: var(--font-family-black);
    line-height: normal;
    text-transform: uppercase;
    padding: 0 0 22px 0;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper .tournament-panel-data {
    padding: 13px 0 0 10px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
    width: 100%;
    max-width: 400px;
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status span {
    position: relative;
    z-index: 1;
}

.tournament-list-item-wrapper.status-ended .tournament-list-item .tournament-status {
    background-color: #E93535;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-items-action {
    margin-top: 32px;
    margin-left: -10px;
}

.tournament-list-item-wrapper .tournament-btn-view,
.tournament-view-games-article-button button {
    position: relative;
    width: 178px;
    height: 36px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-list-item-wrapper .tournament-btn-view::before,
.tournament-view-games-article-button button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 178px;
    height: 36px;
    background: #2871F6;
}

.tournament-list-item-wrapper .tournament-btn-view:hover:before,
.tournament-list-item-wrapper.status-scheduled .tournament-btn-view:hover:before,
.tournament-preview-container button:hover {
    background: var(--bg-button-reverse);
}

.tournament-list-item-wrapper.status-scheduled .tournament-btn-view::before {
    background: #2871F6;
}

.tournament-list-item-wrapper .tournament-btn-view span {
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item img {
    display: none;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
    width: 100%;
    max-width: 400px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard .tournament-item-leaderboard-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 61px;
    padding: 10px 24px 10px 24px;
    background-color: #041759;
    font-size: 16px;
    font-weight: 900;
    line-height: 19px;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr th {
    background-color: #2871F6;
    text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table th {
    border: 0;
    padding: 7px 10px !important;
    color: white;
    font-size: 10px;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-item-status-container {
    grid-column: span 2;
    font-size: 20px;
    text-transform: uppercase;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-item-status-container .Active {
    color: #04B500;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-item-status-container .Scheduled {
    color: #2871F6;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-item-status-container .Ended {
    color: #E93535;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr:nth-child(2) td {
    background-color: rgba(40, 113, 246, 0.78);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table td {
    border: 0;
    padding: 7px 10px !important;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    background-color: rgba(40, 113, 246, 0.35);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr:nth-child(3) td {
    background-color: rgba(40, 113, 246, 0.55);
}

.tournament-preview-detail-panel .base-time-ticker p span,
.tournament-view-classic-wrapper .tournament-timer-detail-panel p span {
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 300;
}

.tournament-view-details .tournament-view-details-item {
    height: 100%;
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(var(--gray-bg-rgb), 0.75);
    border-radius: 4px;
    color: var(--color-text);
    font-size: 12px;
}

.tournament-view-details .tournament-view-details-item img {
    display: none;
}

/* Tourna End*/

/* Accordion */

.article-content .accordion-container .accordion {
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
    background: var(--bg-button);
    padding: 9px 20px 9px 20px;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    position: relative;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.article-page .article-content p {
    font-weight: normal;
}

.accordion-container {
    margin-bottom: 20px;
    box-shadow: 0 2px 4px #00000024, 0 3px 4px #0000001f, 0 1px 5px #0003;
}

.article-content .accordion-container .accordion.active {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
    height: auto;
    position: relative;
    overflow: visible;
    white-space: pre-wrap;
}

.article-content .accordion-container .accordion i {
    transition: all 0.3s ease-in-out;
}

.article-content .accordion-container .accordion.active i {
    transform: rotate(180deg);
}

.article-content .accordion-container .panel {
    padding: 20px 8%;
    background: transparent;
    text-align: justify;
}


.wallet-action-container .btn-system-primary {
    background: var(--bg-button-join);
    color: var(--color-button);
    border: 0;
    padding: var(--padding-button);
    height: var(--height-button);
    display: flex;
    align-items: center;
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
}

.wallet-action-container .btn-system-primary:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.wallet-action-container .btn-system-secondary {
    background: var(--bg-button);
    color: var(--color-button);
    border: 0;
    padding: var(--padding-button) !important;
    height: var(--height-button);
    display: flex;
    align-items: center;
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button) !important;
}

.wallet-action-container .btn-system-secondary:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.player-information-header .right-align .custom-chat-link-tablet {
    display: none;
}

/* GP-4205 */

.dropdown-user-profile .dropdown-item i {
    min-width: 33px;
}

/* Accordion End */

.promo-page-content .article-content {
    text-align: center;
}

.promo-page-content .article-content table {
    margin: auto;
}

/* Tournament Page CSS*/

.tournament-view-modern-wrapper .data-panel {
    flex-grow: 1;
    width: 100%;
    max-width: calc(55% - 60px);
    padding-left: 60px;
}

.tournament-view-modern-wrapper .leaderboard-panel {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-grow: 1;
    width: 100%;
    max-width: calc(45% - 60px);
    padding-right: 90px;
}

.tournament-view-modern-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 30px;
    gap: 64px 120px;
    margin-bottom: 50px;
}

.tournament-view-modern-wrapper .banner-title-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 338px;
    background-image: var(--tournamentViewTitleBG);
    clip-path: var(--clip-path-promotions-sidebanner);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--bg-top-header);
    background-blend-mode: luminosity;
}

.tournament-view-modern-wrapper .tournament-panel .tournament-view-title-panel,
.tournament-view-modern-wrapper .tournament-panel .tournament-view-image {
    display: none;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel {
    display: flex;
    gap: 16px;
    width: 100%;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0px 16px 0px 16px;
    gap: 14px;
    background: var(--bg-section);
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool img {
    display: none;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker {
    width: fit-content;
    display: flex;
    gap: 0 4px;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--bg-section);
    color: var(--color-text);
    width: 71px;
    height: 73px;
    font-size: 24px;
    font-family: var(--font-family-black);
    line-height: normal;
}

.tournament-view-details .tournament-view-details-item {
    background: var(--bg-section);
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker p span {
    font-size: 8px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin-top: 3px;
}

.tournament-view-games-article-thumbnails .base-game-card-buttons button:nth-child(1) {
    content: '';
    font-size: 0;
    background-image: var(--content-gamelobby-play-button);
    height: var(--height-gl-renderer-play-btn);
    width: var(--width-gl-renderer-play-btn);
    background-size: var(--bg-icon-size);
    background-repeat: var(--bg-icon-repeat);
    filter: var(--opacity-gl-renderer-play-btn);
    background-position: center;
    background-size: cover;
}

.tournament-view-games-article-thumbnails:not(.sports) {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 10px;
    display: grid;
}

.tournament-view-games-article-thumbnails a.base-game-card:hover .base-game-card-buttons {
    display: flex !important;
    opacity: 1;
}

.tournament-view-games-article-thumbnails .base-game-card-buttons {
    display: none;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 4;
    opacity: 0;
    transition: 0.1s opacity ease-in;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all .1s ease-in;
}

.tournament-view-games-article-thumbnails a.base-game-card img {
    width: 100%;
}

.tournament-view-modern-wrapper .tournament-panel {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 0 0 32px 0;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    color: white;
}

.tournament-view-myrank-wrapper .table-responsive {
    max-height: 1126px;
}

.tournament-view-myrank-wrapper .table {
    border-spacing: 0;
    border-collapse: separate !important;
    margin-bottom: 0;
}

.tournament-view-myrank-wrapper .table-responsive table tr:nth-child(1) {
    position: sticky;
    top: 0;
}

.tournament-view-myrank-wrapper .table th,
.tournament-view-leaderboard-wrapper .table th {
    border: 0;
    padding: 15px 25px !important;
    color: white;
    font-size: 14px;
    background: var(--bg-custom-promo-link);
}


.tournament-view-myrank-wrapper .table td,
.tournament-view-leaderboard-wrapper .table td {
    padding: 15px 25px !important;
    color: white;
    font-size: 14px;
}

.tournament-view-modern-wrapper .data-panel .tournament-view-description .description-title,
.tournament-view-modern-wrapper .data-panel .tournament-view-games .tournament-view-games-title,
.leaderboard-panel .tournament-leaderboard-title,
.leaderboard-panel .tournament-previous-container .title {
    font-size: 24px;
    line-height: normal;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: 700;
}

.tournament-view-modern-wrapper .data-panel .tournament-view-description .tournament-view-description-content p {
    color: var(--color-text) !important;
    font-weight: 700;
    font-size: 12px;
    word-break: break-all;
}

.tournament-view-modern-wrapper .data-panel .tournament-view-description {
    padding: 0 0 100px 0;
}

.tournament-view-games-article-header h1 {
    font-size: 24px;
}

.tournament-view-games-article .tournament-view-games-article-button {
    text-align: center;
    margin-top: 30px;
}

.tournament-view-games-article .tournament-view-games-article-button button {
    background: #2871F6;
    border-radius: 4px;
}

.tournament-view-games-article .tournament-view-games-article-button button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.tournament-view-wrapper .tournament-view-container .tournament-view-games-article .tournament-view-games-article-button button:before {
    content: 'Load Button';
    opacity: 0;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container.shorted button {
    display: block;
    background: #2871F6;
    border-radius: 4px;
    width: 178px;
    height: 36px;
    margin: auto;
    margin-top: 16px;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container.shorted button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container {
    margin-top: 16px;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container button {
    display: none;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container.shorted .terms-description {
    max-height: 200px;
    overflow: hidden;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    clip-path: var(--clip-path-tournaments-item);
    min-height: 310px;
    background-image: var(--prevTournamentBG);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px 36px;
    background-color: var(--bg-top-header);
    background-blend-mode: luminosity;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .previous-tournament-name {
    font-size: 40px;
    line-height: normal;
    color: white;
    font-style: italic;
    text-transform: uppercase;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .view-result-btn {
    position: relative;
    width: 178px;
    height: 36px;
    border-radius: 4px;
    color: white;
    background: var(--bg-custom-promo-link);
    font-size: 14px;
    font-weight: 700;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .view-result-btn:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.tournament-view-result-wrapper .tournament-top-player {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 49px;
    padding: 16px;
    gap: 10px;
    color: white;
    font-size: 14px;
    background: var(--bg-custom-promo-link);
    margin-bottom: 24px;
}

.tournament-view-result-wrapper .table tr:first-child {
    margin-bottom: 24px;
}

.tournament-view-result-wrapper .table tr:first-child th,
.tournament-view-result-wrapper .table tr td {
    min-height: 50px;
    height: 50px;
    padding: 15px 25px !important;
    color: white;
}


/**/

*[lang="ko"] body,
*[lang="ko"] a,
*[lang="ko"] p,
*[lang="ko"] span,
*[lang="ko"] button,
*[lang="ko"] h1,
*[lang="ko"] h2,
*[lang="ko"] h3,
*[lang="ko"] h4,
*[lang="ko"] h5,
*[lang="ko"] h6,
*[lang="ko"] button {
    font-family: var(--font-family-kr) !important;
}


.ssologins {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    & .nm-widget {
        margin: 0;

        & i {
            cursor: pointer;
            color: var(--color-text);
            padding: 8px 12px;
        }
    }
}

.ssologins .nm-widget i:hover {
    color: var(--color-form-link);
}

form.login-existing-user-verification {
    padding: var(--padding-form-login);
    mix-blend-mode: plus-lighter;
    background: var(--bg-section);
    border: var(--border-section);
    border-radius: var(--border-radius-section);
    box-shadow: var(--box-shadow-section);
}

form.login-existing-user-verification input {
    border: none !important;
    border-radius: 8px !important;
    background: var(--bg-input-select) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

form.login-existing-user-verification .login-existing-user-verification-button-wrapper .login-existing-user-verification-button {
    background: var(--bg-button);
    border-radius: var(--border-radius);
    border: var(--border-button);
    width: var(--width-form-button);
    padding: var(--padding-button);
    height: var(--height-button);
    color: var(--color-button);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
    font-size: var(--font-size-button);
    min-width: var(--width-min-button);
}

/* 4366 */
.tournament-view-games-article .tournament-view-games-article-thumbnails.sports {
    gap: 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 16px 0;
}

.tournament-view-games-article .tournament-view-games-article-thumbnails.sports img {
    position: relative;
    text-wrap: nowrap;
}

.tournament-view-games-article .tournament-view-games-article-thumbnails.sports img:after {
    content: '\2713';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 16px;
    background: var(--bg-body);
}

.tournament-list-item-wrapper .tournament-name.inner {
    display: none;
}

/* Game Provider CSS*/

.game-provider-wrapper .game-provider-header .header-container {
    display: flex;
    margin-bottom: 12px;
}

.game-provider-wrapper .game-provider-header .header-container i {
    margin-right: 8px;
}

.game-provider-wrapper .game-provider-header .header-container i:before {
    content: '';
    display: var(--display-icon);
    height: var(--height-icon);
    width: var(--width-icon);
    background-repeat: var(--bg-icon-repeat);
    background-size: var(--bg-icon-size);
    background-position: var(--bg-icon-position);
    vertical-align: var(--vertical-align-icon);
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSS/assets/images/icons/providerLogo.svg);
}

.game-provider-wrapper .game-provider-header .header-container h5 {
    color: var(--color-header);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    font-weight: var(--font-weight-gl-header);
    text-transform: var(--text-transform-header);
    letter-spacing: var(--letter-spacing-header);
    font-size: var(--font-size-header);
}

.game-provider-wrapper .game-provider-slider-container {
    height: 36px;
    position: absolute;
    top: -4px;
    right: 0;
    display: flex;
    z-index: 1;
    width: fit-content !important;
}

.game-provider-wrapper .game-provider-slider-container button {
    height: 33px !important;
    width: 33px !important;
    border: 0 !important;
    border-radius: var(--default-border-radius) !important;
    border-top: var(--default-border-top) !important;
    background: var(--dropdown-menu-bg-color) !important;
}

.game-provider-wrapper span .game-provider-list {
    display: grid;
    grid-auto-flow: column;
    scroll-behavior: smooth;
    overflow: hidden;
    -ms-overflow-style: none;
    width: 100%;
    align-items: center;
    grid-auto-columns: var(--grid-auto-columns-two-row-gl) !important;
    gap: var(--gap-default) !important;
    margin-bottom: 20px;
}

.game-provider-wrapper span .loader-container.horizontal div {
    grid-template-columns: var(--grid-template-columns-two-row-gl);
    grid-auto-flow: var(--grid-auto-flow-two-row-gl);
    grid-auto-columns: var(--grid-auto-columns-two-row-gl);
    gap: var(--gap-default) !important;
    width: 100%;
}

.game-provider-wrapper span .game-provider-list .game-provider-list-item {
    border-radius: var(--border-radius-gl-img);
    border-top: 2px solid var(--borderColor);
    background: var(--bg-provider-item);
    height: 60px !important;
    padding: 10px 15px !important;
    position: relative;
    overflow: hidden;
}

.game-provider-wrapper span .game-provider-list .game-provider-list-item img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.game-provider-wrapper span .game-provider-list:has(.game-provider-list-item:hover) .game-provider-list-item:not(:hover) {
    filter: blur(3px)
}

a .bonus-list-wrapper .bonus-details .btn-action-wrapper .btn-system-primary:hover:not(.disabled),
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .btn-deposit-confirm:hover,
.bank-accounts-table-header .btn-warning:hover,
.deposit-mgate-classic-container .bank-accounts-table .table-responsive .deposit-table .btn-warning:hover,
.withdraw-tab .wallet-payment-method .btn-system-amount-wrapper .btn-withdraw-amount:hover,
.deposit-tab .wallet-payment-method .overwrite-mode-amount-wrapper .btn-deposit-amount:hover,
.active-bonuses-tab .active-bonus-item .btn-claim:hover:not(.disabled),
#bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .claim:hover:not(.disabled) {
    background: var(--bg-paw-nav-tab-a-active) !important;
    color: var(--color-button-reverse) !important;
}

.bonus-list-wrapper .bonus-details .btn-action-wrapper .btn-system-primary:not(.disabled),
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .btn-deposit-confirm,
.bank-accounts-table-header .btn-warning,
.deposit-mgate-classic-container .bank-accounts-table .table-responsive .deposit-table .btn-warning,
.withdraw-tab .wallet-payment-method .btn-system-amount-wrapper .btn-withdraw-amount,
.deposit-tab .wallet-payment-method .overwrite-mode-amount-wrapper .btn-deposit-amount {
    background: var(--bg-cat-page-nav-a);
    color: var(--color-text);
}

.bank-accounts-table-header .btn-warning,
.deposit-mgate-classic-container .bank-accounts-table .table-responsive .deposit-table .btn-warning,
.withdraw-tab .wallet-payment-method .btn-system-amount-wrapper .btn-withdraw-amount,
.deposit-tab .wallet-payment-method .overwrite-mode-amount-wrapper .btn-deposit-amount {
    border: none;
}

.withdrawal-transactions-history-classic .transaction-details-modal-container h4 span,
.deposit-transactions-history-classic .transaction-details-modal-container h4 span {
    color: #ffc107;
}


.withdrawal-transactions-history-classic .transaction-details-modal-container h4 span.text-success,
.deposit-transactions-history-classic .transaction-details-modal-container h4 span.text-success {
    color: #28a745 !important;
}


.withdrawal-transactions-history-classic .transaction-details-modal-container h4 span.text-warning,
.deposit-transactions-history-classic .transaction-details-modal-container h4 span.text-warning {
    color: red !important;
}

/* Baccarat Promotion */


.baccarat-content ul {
    list-style-type: none;
    margin: 16px 0;
}


.baccarat-content h5 {
    text-align: center;
    color: var(--color-header);
    font-size: 32px;
}

.baccarat-content h1 {
    font-size: 20px;
    text-align: center;
    color: var(--color-header);
    font-weight: 400;
}

.baccarat-content h1:last-child {
    font-weight: 700;
}

.baccarat-content p {
    margin: 8px 10rem;
}

.baccarat-content p,
.baccarat-content ul li div {
    color: var(--color-text);
    font-weight: 400;
}

.baccarat-content li {
    list-style: none;
    margin: auto;
    min-height: 50px;
    border-left: 1px dashed var(--color-text);
    padding: 0 0 50px 30px;
    position: relative;
    margin-left: 10rem;
}


.baccarat-content li:last-child {
    border-left: 0;
}

.baccarat-content li:before {
    position: absolute;
    left: -8px;
    top: 0;
    content: " ";
    border-radius: 500%;
    background: #FAF054;
    height: 16px;
    width: 16px;
    transition: all 500ms ease-in-out;
}

.baccarat-content .baccarat-toggle {
    background: var(--bg-button-join);
    border-radius: var(--border-radius);
    padding: 8px;
    margin-left: 8px;
}

.baccarat-content .baccarat-toggle:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.baccarat-content .baccarat-content-info.shown {
    height: 498px;
}

.baccarat-content .baccarat-content-info {
    height: 0;
    transition: all .5s ease-in-out;
    overflow: hidden;
    text-align: center;
}

.baccarat-content .baccarat-content-info .baccarat-subtext {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6);
    font-weight: 400;
    margin: 16px 0;
}

.baccarat-content .baccarat-content-info .baccarat-text {
    font-size: 36px;
    line-height: 40px;
    margin: 16px 0;
}

.baccarat-content .baccarat-content-info .baccarat-prize {
    font-weight: 700;
    font-size: 60px;
    margin: 16px 0;
}

.baccarat-content .baccarat-content-info .baccarat-table-title {
    font-size: 27px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 14px;
    text-transform: uppercase;
    margin: 16px 0;
}

.baccarat-content .baccarat-content-info table {
    margin: 16px auto;
    width: 400px;
}

.baccarat-content .baccarat-content-info table tr:last-child {
    background-color: #0183fe;
    padding: 6px 4px;
}

.baccarat-content .baccarat-content-info table tr td {
    padding: 6px 4px;
}


/* End Baccarat Promotion*/

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-deposit-amt input:not(.date-range) {
    background: var(--bg-input-select);
    padding: var(--padding-input-select);
    border-radius: var(--border-radius-input-select);
    color: var(--color-input-select);
    font-weight: var(--font-weight-input-select);
    margin-top: 16px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-deposit-amt input:not(.date-range)::placeholder {
    color: var(--color-input-select-placeholder);
}

.dropdown .dropdown-system-toggle-input,
.dropdown .dropdown-system-toggle-input-mini,
.btn-group .dropdown-system-toggle-input,
.btn-group .dropdown-system-toggle-input-mini {
    background: var(--bg-input-select);
    border-radius: var(--border-radius-input-select);
    color: var(--color-input-select);
    padding: var(--padding-input-select);
    height: var(--height-input-select);
    font-weight: var(--font-weight-input-select);
    border: 0;
}

.dropdown .dropdown-system-toggle-input:focus,
.dropdown .dropdown-system-toggle-input-mini:focus,
.btn-group .dropdown-system-toggle-input:focus,
.btn-group .dropdown-system-toggle-input-mini:focus {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

.message-box-modal {
    & .modal-dialog {
        & .modal-content {
            padding: 32px !important;
            border-radius: var(--border-radius-modal);
            min-height: fit-content;

            & .modal-body {
                padding: 0;

                & .message.error-message {
                    padding: 0 0 16px;
                    color: var(--color-text);
                    font-family: var(--font-family);
                }

                & .modal-footer {
                    padding: 16px 0 0;

                    & button {
                        background: var(--bg-button-join);
                        padding: var(--padding-button);
                        border-radius: var(--border-radius);
                        color: var(--color-button);
                        height: var(--height-button);
                        font-size: var(--font-size-button);
                        font-weight: var(--font-weight-button);
                        text-transform: var(--text-transform-button);
                        border: 0;

                        &:hover {
                            background: var(--bg-button-reverse);
                            color: var(--color-button-reverse);
                        }
                    }
                }
            }
        }
    }
}

.txt-system:disabled {
    color: var(--color-input-select-placeholder) !important;
}

.komp-section-tab {
    cursor: pointer;
    text-transform: var(--text-transform-button);
}

.komp-active-tab,
.komp-section-tab:hover {
    border-bottom: 0 !important;
    background: var(--bg-button);
    border-radius: var(--border-radius-input-select) !important;
    color: var(--color-button) !important;
    box-shadow: var(--box-shadow-section);
}

#modernSkin .casino_search-widget .casino-search-modal-header button {
    background: var(--bg-button-join) !important;
    padding: var(--padding-button);
    height: var(--height-button);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-section);
}

#modernSkin .casino_search-widget .casino-search-modal-header button:hover {
    background: var(--bg-button-reverse) !important;
    color: var(--color-button-reverse) !important;
}

.transaction-details-modal-container {
    background: var(--bg-modal) !important;
}

#notification-page .deleteButton a {
    font-family: "Font Awesome 5 Free" !important;
}

#notification-page .btn-delete-notification {
    margin-left: 0 !important;
}

#notification-page .btn-delete-notification button {
    height: var(--height-button);
    padding: var(--padding-button);
    background: var(--bg-button);
    color: var(--color-button);
    text-transform: var(--text-transform-button);
    font-weight: var(--font-weight-button);
    margin-left: 0;
}

#notification-page .btn-delete-notification button:hover {
    background: var(--bg-button-reverse);
    color: var(--color-button-reverse);
}

#notification-page .notification-body-message,
#notification-page .subject-notification .ml-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#modal-user-profile {
    z-index: 9999;
}

/*Light Theme styles - values should be added to template css - https://stackoverflow.com/questions/48067695/change-root-variables-on-different-pages-with-a-class*/
body.light-theme {
    & #app_header.main-header-container {
        background: radial-gradient(30% 50% at 50% -2%, #78A2EF 0%, rgba(103, 141, 211, 0.00) 100%);
    }

    & #app_header.main-header-container:before {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.13) 96.77%);
    }

    & #app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
        color: var(--color-text);
    }

    & .nm-widget.language-w .language-public {
        background: #FFFFFF;
    }

    & .two-row-gamelobby .nm-widget .game-lobby-header .header-container h5 {
        color: var(--color-header);
    }

    & .two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
        color: var(--color-text);
    }

    & .two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
        box-shadow: none;
    }

    & #app_footer .footer-wrapper .top-footer .footer-details p {
        color: var(--color-text);
    }

    & #app_footer .footer-wrapper .footer-menu .menu-column h6 {
        color: var(--color-header);
    }

    & #app_footer .footer-wrapper .footer-menu .menu-column a {
        color: var(--color-text) !important;
    }

    & #app_footer .footer-wrapper .footer-menu .menu-column a:hover,
    & #app_footer .footer-wrapper .footer-menu .menu-column a.active {
        color: var(--color-text-active) !important;
    }

    & #app_footer::after {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.13) 96.77%);
    }

    & #app_footer::before {
        background: radial-gradient(30% 60% at 50% 0%, #78A2EF 0%, rgba(103, 141, 211, 0.00) 100%) !important;
    }

    & #app_footer .footer-wrapper .subfooter:before {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.13) 96.77%);
    }

    & #app_footer .footer-wrapper .subfooter {
        color: rgba(255, 255, 255, 0.4) !important;
    }

    & #app_footer .footer-wrapper .top-footer .footer-details .social-links a {
        background: var(--color-text);
    }

    & #modernSkin .nm-widget.language-w .language-public .dropdown-menu {
        background-color: rgb(103, 125, 211) !important;
    }

    & .category-page-content .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
        box-shadow: none;
    }

    & .category-page-content .nm-widget .game-lobby-header .header-container h5 {
        color: var(--color-header);
    }

    & .category-page-content .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
        color: var(--color-text);
    }

    & #modal-login .modal-content .modal-body .form-login,
    & #modal-login .modal-content .modal-body .form-forgot-password,
    .form-register {
        mix-blend-mode: normal;
    }

    & form .form-group .input-inline,
    & .form .form-group .input-inline,
    & .form-register .form-group select,
    & form .form-group #mobileNumber,
    & form .form-group .mobileNumber,
    & .form .form-group #mobileNumber,

    & .form .form-group .mobileNumber,
    & form .form-group #verifyMobileNumber,
    & .form .form-group #verifyMobileNumber,
    & form .form-group #birthDate,
    & .form .form-group #birthDate,
    & .form-register .form-group input[type=text],
    & .form-register .form-group input[type=email],
    & .form-register .form-group input[type=password],
    & .form-register .form-group select {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
        border: 2px solid var(--borderColor);
    }

    & form .form-group .input-inline::placeholder,
    & .form .form-group .input-inline::placeholder,
    & form .form-group #mobileNumber::placeholder,
    & form .form-group .mobileNumber::placeholder,
    & .form .form-group #mobileNumber::placeholder,
    & .form .form-group .mobileNumber::placeholder,
    & form .form-group #verifyMobileNumber::placeholder,
    & .form .form-group #verifyMobileNumber::placeholder,
    & form .form-group #birthDate::placeholder,
    & .form .form-group #birthDate::placeholder,
    & .form .form-group #birthDate::placeholder,
    & .form-register .form-group input[type=text]::placeholder,
    & .form-register .form-group input[type=email]::placeholder,
    & .form-register .form-group input[type=password]::placeholder,
    & .form-register .form-group select::placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

    & #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
        background: rgba(255, 255, 255, 0.35);
    }

    & #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
        background: rgba(255, 255, 255, 0.35);
    }

    & #site-loading-icon:before {
        mix-blend-mode: plus-lighter;
    }

    & #modernSkin #app_mobile_navigation:before {
        background: radial-gradient(50% 64.29% at 50% 91.07%, rgba(255, 255, 255, 0.30) 0%, rgba(103, 141, 211, 0.00) 100%);
    }

    & #modernSkin #app_mobile_navigation {
        background: linear-gradient(180deg, rgba(82, 160, 244, 0.95) 0%, rgba(82, 160, 244, 0.95) 20%, rgba(103, 141, 211, 0.95) 42.06%);
    }

    & #modernSkin #app_mobile_navigation .mobile-menu ul li {
        color: var(--color-text);
    }

    & #modernSkin #app_mobile_navigation:after {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.13) 96.77%)
    }

    & #modal-user-profile.modal .modal-dialog .modal-content .close .icomoon-icon {
        content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSS/assets/images/icons/light-theme/gameStageXButton-white.svg);
    }

    & #modernSkin.main-wrapper .separator {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.13) 96.77%) !important;
    }
}

.preloader {
    .preloader-backdrop {
        background: var(--bg-body);
    }

    .preloader-src {

        video,
        img {
            width: 96px;
        }
    }
}