/* 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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%);
            }

            #site-loading-icon:before {
                content: '';
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/GIF/7Bet7xPreloaderBlue.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: var(--width-max-site-loading-icon);
                max-height: var(--height-max-site-loading-icon);
                mix-blend-mode: screen;
            }

            #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: 16px !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);
            }

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

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

            .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 .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 .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 .menuw ul li:not(:last-child) {
                margin-bottom: var(--margin-bottom-footer-menu-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);
            }

            .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;
                background: #242543;
            }

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

            .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%;
            }

            .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-text);
                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;
                height: fit-content;
                object-fit: cover;
            }

            .nm-widget .game-lobby-header .header-container i,
            .category-page-content .provider-list 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: calc(calc(100% - 84px) / 9);
                margin-bottom: var(--margin-bottom-section);
            }

            .category-page-content .loader-container.horizontal div {
                display: grid;
                grid-auto-columns: calc(calc(100% - 84px) / 9);
                gap: 0 10px;
                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;
            }

            .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,
            .category-page-content .provider-list h5 {
                color: var(--color-gl-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-color: #282b4c !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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                border-radius: 0;
            }

            .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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/xButton.svg);
                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;
                opacity: 0;
                transition: var(--transition-default);
            }

            .game-lobby-renderer .game-lobby-renderer-card:hover .game-lobby-renderer-card-buttons {
                opacity: 1;
                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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/GIF/7Bet7xPlayButtonBlue.gif);
                height: 50%;
                width: var(--width-gl-renderer-play-btn);
                z-index: 2;
                background-size: var(--bg-icon-size);
                background-repeat: var(--bg-icon-repeat);
            }

            .game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(2) {
                position: absolute;
                bottom: 24px;
                color: #FFF;
                text-transform: var(--text-transform-button);
                font-weight: var(--font-weight-button);
                font-size: 24px;
                z-index: 2;
            }

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

            #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: rgba(255, 255, 255, .60) !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: 36px;
                width: 36px;
                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;
                border-top: 1px solid var(--Purple-Overlay, #ffffff20);
                padding-top: 12px;
            }

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

            .game-lobby-filter-label,
            .game-lobby-sort-label {
                text-transform: var(--text-transform-filter-label);
                margin-right: var(--margin-right-filter-label) !important;
                color: rgba(255, 255, 255, 0.60);
                text-overflow: ellipsis;
                white-space: nowrap;
                text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
                font-family: "Poppins", sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                letter-spacing: -0.32px;
            }

            .game-lobby-filter .game-lobby-filter-provider button,
            .game-lobby-filter .game-lobby-sort button {
                font-weight: 600;
                font-size: 16px;
                border-radius: 8px;
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                box-shadow: 0px 2px 0px 0px #21407F;
                min-width: 120px;
                display: inline-flex;
                color: #E3E9EE;
                height: 40px;
                padding: 0px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
                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 {
                grid-template-columns: repeat(8, 1fr) !important;
                gap: var(--gap-default);
            }

            #provider-game-list-page-casino-group .loader-container.tiles div,
            #provider-game-list-page .template-list-page .loader-container .grid-cols-8 {
                display: grid;
            }

            .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 {
                height: var(--height-button) !important;
                font-weight: var(--font-weight-button);
                letter-spacing: normal !important;
                font-size: var(--font-size-button) !important;
                border-radius: 8px !important;
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%) !important;
                box-shadow: 0px 2px 0px 0px #21407F;
            }

            .nm-widget .game-lobby-load-more-container button:hover {
                border-radius: 8px !important;
                border: 3px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00)) !important;
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%)) !important;
                box-shadow: 0px 2px 0px 0px #A55103 !important;
            }

            .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: rgba(255, 255, 255, 0.60);
                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 i,
            body.logged-in .nm-widget.login-w .btn-user-profile {
                color: #444473;
            }


            body.logged-in .nm-widget.login-w .btn-user-profile:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            body.logged-in .nm-widget.notification-w {
                height: var(--height-header-items);
                width: var(--width-notification-w);
                background: rgba(255, 255, 255, 0.60);
                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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            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: #444473;
            }

            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: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                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: rgba(255, 255, 255, 0.60);
                font-weight: var(--font-weight-button);
            }

            body.logged-in .nm-widget.bonus-badge-w button {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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: rgba(255, 255, 255, 0.60);
                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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%);
                border-radius: 8px;
            }

            .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: rgba(235, 235, 245, 0.60);
            }

            #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);
            }

            #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: linear-gradient(180deg, rgba(72, 49, 157, 0.2) 10%, rgba(72, 49, 157, 0.00) 100%); */
                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: rgba(235, 235, 245, 0.60);
                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: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                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: #F07D00 !important;
            }

            .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: #F07D00;
            }

            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);
            }

            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"] {
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                box-shadow: 0px 2px 0px 0px #21407F;
                border-radius: var(--border-radius);
                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 button#btn-signin:hover,
            .form .form-group button#btn-signin:hover,
            form .form-group button#btn-forgot:hover,
            form .form-group button#btn-forgot:hover,
            .form-register input[type="submit"]:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                box-shadow: 0px 2px 0px 0px #A55103;
            }

            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: #F07D00;
            }

            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: rgba(255, 255, 255);
                border-radius: 8px;
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00)) !important;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                box-shadow: 0px 2px 0px 0px #21407F;
                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);
                border: 3px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                box-shadow: 0px 2px 0px 0px #A55103;
            }

            .modal .modal-dialog .modal-content {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                min-height: fit-content;
            }

            #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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                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: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                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: rgba(255, 255, 255, 0.60);
            }

            .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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%);
                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;
                color: rgba(255, 255, 255, 0.60);
            }

            .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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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);
                color: rgba(255, 255, 255, 0.60);
            }

            .transaction-subtab-container button.active,
            .transaction-subtab-container button:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                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);
                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);
            }

            #bets .table-system-header th {
                text-wrap: nowrap;
            }

            .table-system-header th {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                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 {
                border-radius: 40px !important;
                border: 1px solid rgba(255, 255, 255, 0.50) !important;
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                height: 40px !important;
                color: #4B578E;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                padding-left: 17px !important;
                line-height: normal;
            }

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

            .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-text);
            }

            #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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: var(--color-button);
            }

            #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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            .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: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            #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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                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: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                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);
            }

            #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-text);
            }

            #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);
                text-decoration: none;
            }

            #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: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                height: var(--height-input-select);
                border-radius: var(--border-radius-input-select);
                padding: var(--padding-input-select);
                border: var(--border-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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                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: 0;
                font-weight: var(--font-weight-paw-bonus-description);
                color: var(--color-text);
                min-height: 54px;
            }

            .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: #282b4c !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-modal);
                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 !important;
                cursor: default;
            }

            #modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:not(:first-child) {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                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: rgba(255, 255, 255, 0.60);
            }

            #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);
                min-width: 25px;
            }

            .section-system-footer button.btn-system-primary {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            /*Dropdowns*/
            .datepicker {
                background: #2c2852;
                border: var(--border-section);
                border-radius: var(--border-radius-modal);
                color: rgba(255, 255, 255, 0.90);
            }

            .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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: var(--color-button) !important;
            }

            .datepicker tfoot tr:last-child th:hover {
                background: var(--Button, linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%));
                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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                border: var(--border-section);
                border-radius: var(--border-radius-modal);
                color: var(--color-text);
            }

            .dropdown .dropdown-menu.dropdown-filter .txt-system,
            .btn-group .dropdown-menu.dropdown-filter .txt-system {
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%)) !important;
                color: #FFF !important;
            }

            .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);
                font-size: var(--font-size-button);
                color: var(--color-button);
                text-transform: var(--text-transform-button);
                border-radius: var(--border-radius);
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            .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);
                font-size: var(--font-size-button);
                color: var(--color-button);
                text-transform: var(--text-transform-button);
                border-radius: var(--border-radius);
                color: #FFF !important;
                border: 0;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
            }

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

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

            .daterangepicker {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                border: var(--border-section);
                border-radius: var(--border-radius-modal);
                color: var(--color-text);
            }

            .daterangepicker td.off {
                color: rgba(255, 255, 255, 0.60);
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
            }

            .daterangepicker .cancelBtn {
                height: var(--height-button);
                background: var(--bg-button-reverse);
                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;
            }

            .daterangepicker .applyBtn {
                border: 0;
                border-radius: var(--border-radius);
                height: var(--height-button);
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                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;
            }

            .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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: var(--color-button);
            }

            .daterangepicker td.in-range {
                background: #444473;
            }

            .daterangepicker .calendar-table {
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                border: var(--border-section);
                border-radius: var(--border-radius-modal);
                color: var(--color-text);
            }

            .game-lobby-filter .game-lobby-filter-provider menu .search ._input input,
            .game-lobby-filter .game-lobby-sort menu .search ._input input {
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                border-radius: var(--border-radius-input-select);
                border: var(--border-input-select);
                padding: var(--padding-input-select);
            }

            .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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: #fff;
            }

            .game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-item-budge {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%) !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: #2b2f53;
            }

            .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 .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);
            }

            .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: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 {
                position: absolute;
                right: 180px;
                max-width: 280px !important;
            }

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

            .casino_search-widget .modal-trigger-wrapper .search-button-field {
                width: fit-content !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-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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSR/assets/images/icons/newSlot.svg);
            }

            .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 {
                background-image: var(--content-top-games-icon);
            }

            .nm-widget.new-releases-ko .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 {
                background-image: var(--content-feature-buy-in-icon);
            }

            .nm-widget.fast-games-ko .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 {
                background-image: var(--content-korean-dealers-icon);
            }

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

            .nm-widget.baccarat-ko .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 {
                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.mini-games .game-lobby-header .header-container i:before,
            .category-page-content .nm-widget.mini-games-ko .game-lobby-header .header-container i:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/miniGamesLogo.svg);
            }

            .category-page-content .nm-widget.slots .game-lobby-header .header-container i:before,
            .category-page-content .nm-widget.slots-ko .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: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/NewReleases.svg);
            }

            #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: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/FastGames_new.svg);
            }

            #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.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/Slots.svg);
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.all-casino {
                content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/AllCasino.svg);
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.mini-games {
                content: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/miniGamesLogo.svg);
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.tv-games {
                content: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/rouletteLogo.svg)
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.korean-dealers {
                content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/KoreanDealers.svg);
            }

            #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: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/Baccarat.svg);
            }

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

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.poker {
                content: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/pokerLogo.svg);
            }

            #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: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/AllLiveCasino.svg);
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header img.in-game-jackpots {
                content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/InGameJackpots_new.svg);
            }



            /**Additional**/
            :root {
                --bg-main-header: radial-gradient(30% 50% at 50% -2%, rgba(9, 86, 250, 0.30) 0%, rgba(0, 25, 43, 0.00) 100%);
                --bg-button-join: linear-gradient(180deg, #089C00 0%, #0DFF00 100%, #089C00 100.01%);
                --bg-button-login: linear-gradient(180deg, #008CFF 0%, #0956FA 100%);
                --bg-button-login-hover: linear-gradient(180deg, #008CFF 0%, #0956FA 100%);

                --content-dark-mode-icon: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/darkMode.svg);
                --content-light-mode-icon: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/lightMode.svg);

                --height-custom-promo-link-img: 16px;

                --font-family-kr: "Noto Sans KR", sans-serif;
            }

            .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;
            }

            #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;
            }

            .hero-section {
                display: flex;
                align-items: center;
                gap: 24px;
                position: relative;
            }

            .hero-section .hero-banner {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                border-radius: 8px;
                flex: 1 0 50%;
                max-width: calc(50% - 12px);
                align-self: stretch;
                position: relative;
                overflow: hidden;
            }

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

            .hero-section .hero-banner a {
                position: relative;
            }

            .hero-section .hero-banner 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);
            }

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

            .hero-section .hero-left-banner {
                padding: 40px 32px 21px;
            }

            .hero-section .hero-left-banner:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(180deg, rgba(9, 86, 250, 0.20) 18.75%, rgba(9, 86, 250, 0.00) 100%);
            }

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

            .hero-section .hero-left-banner h1 span {
                color: #FFC008;
            }

            .hero-section .hero-right-banner {
                background-size: contain;
                background-position-x: 66px;
                padding: 48px 48px 32px;
            }

            .hero-section .hero-right-banner:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, rgba(9, 99, 251, 0.00) 0%, rgba(9, 27, 58, 0.83) 100%);
            }

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

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

            .hero-section .hero-right-banner .hero-section-details h5 span.white-text {
                color: #FFF;
            }

            .hero-section .hero-right-banner .hero-section-details h5 span.highlight-text {
                font-weight: 800;
                color: #E875FF;
            }

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

            .hero-section:before {
                content: '';
                position: absolute;
                width: 548px;
                height: 415px;
                top: -20px;
                right: 387px;
                z-index: 1;
                pointer-events: none;
                background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/banners/home-banner-center-img.webp');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

            .hero-section.category:before {
                background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/banners/casino-hero-banner-center.webp');
                top: -100px;
                right: 311px;
                width: 692px;
                height: 497px;
            }

            .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(9, 86, 250, 0.25) 18.75%, rgba(9, 86, 250, 0.00) 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;
            }

            .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;
                color: rgba(255, 255, 255, 0.60);
                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: #444473;
            }

            .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 {
                color: rgba(255, 255, 255, 0.60);
                text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
            }

            .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 rgba(255, 255, 255, 0.3);
                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, rgba(255, 255, 255, 0.3) 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);
                pointer-events: none;
                z-index: 1;
            }

            .game-lobby-renderer .game-lobby-renderer-card.launch-from-lobby:hover:before {
                background: var(--Purple-Overlay, linear-gradient(0deg, rgba(96, 133, 206, 0.30) 30%, rgba(96, 133, 206, 0.00) 100%));
            }


            .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 rgba(255, 255, 255, 0.3);
                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, rgba(255, 255, 255, 0.3) 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, #041331 0%, #0E2045 35.79%, #051946 42.06%);
                opacity: 0.8 !important;
            }

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

            #modal-login .modal-content .modal-body .form-login,
            #modal-login .modal-content .modal-body .form-forgot-password,
            .form-register {
                mix-blend-mode: plus-lighter;
            }

            .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);
            }

            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: #5F6B89;
                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: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%);
                height: var(--height-input-select);
                padding: var(--padding-input-select);
                border: var(--border-input-select);
                border-radius: var(--border-radius-input-select) !important;
                color: #f07d00;
            }

            .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 {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSR/assets/images/icons/newSlot.svg);
            }

            .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 {
                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 {
                background-image: var(--content-all-live-casino-icon);
            }

            .nm-widget.in-game-jackpots-ko .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 {
                background-image: var(--content-live-casino-icon);
            }

            #modernSkin.main-wrapper .layout-wrapper .header-section {
                background: #2b2f53;
            }

            #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:not(:last-child) 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:not(:last-child) 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: #FFFF;
                background: var(--bg-input-select);
                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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: #FFF !important;
            }

            #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 90.05%) !important;
            }

            #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
                background: #1D1C34 !important;
            }

            #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: 8px;
            }

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

            #modal-user-profile .modal-body:before {
                content: '';
                position: absolute;
                background-image: url('https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/7Bet7x%20Blue%20Logo.svg');
                height: 42px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                width: 140px;
                top: 16px;
                left: 32px;
            }

            .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: #FFC008;
                margin-bottom: 16px;
            }

            .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);
            }

            .active-bonuses-tab .section-system-main,
            .available-bonuses-tab .section-system-main {
                border: 1px solid #43609B !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,
            .available-bonuses-tab .available-bonus-item.claimed .product-icon:before {
                color: #f3a01e !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: #f3a01e !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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: #FFF;
                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';
                font-size: 0.625rem;
                font-weight: bold;
                text-transform: uppercase;
                text-align: center;
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                line-height: 1.25rem;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                clip-path: polygon(0% 100%, 40% -100%, 100% 0%, 100% 100%);
                width: 6.25rem;
                display: block;
                position: absolute;
                top: 1.188rem;
                right: -55px;
            }

            .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: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: var(--color-button);
            }

            .active-bonuses-tab .active-bonus-item .btn-claim:hover,
            .active-bonuses-tab .active-bonus-item .btn-cancel:hover,
            .active-bonuses-tab .available-bonus-item .btn-claim:hover,
            .active-bonuses-tab .available-bonus-item .btn-cancel:hover,
            .available-bonuses-tab .active-bonus-item .btn-claim:hover,
            .available-bonuses-tab .active-bonus-item .btn-cancel:hover,
            .available-bonuses-tab .available-bonus-item .btn-claim:hover,
            .available-bonuses-tab .available-bonus-item .btn-cancel:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: #FFF;
            }

            .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 {
                color: #FFF;
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            .btn-system-secondary:not(.no-hover):not(.dropdown-toggle):hover {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: #fff;
                border: 1px solid #43609B !important;
            }

            .wallet-action-container .btn-system-primary {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: #fff;
                padding: 9px 40px;
            }

            .wallet-action-container .btn-system-primary:hover,
            .wallet-action-container .btn-system-primary.active {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%)) !important;
                color: #FFF;
                border: 1px solid #43609B;
            }

            .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 #444473 inset !important;
                -webkit-text-fill-color: #FFFFFF !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: 60%;
                height: 100%;
                transform: translateY(-50%);
            }

            #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .accordion .card .input-group-prepend span {
                position: absolute;
                top: 10px;
                left: 0;
            }

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

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

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

            .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,
            #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 {
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                box-shadow: 0px 2px 0px 0px #21407F;
                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 {
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                box-shadow: 0px 2px 0px 0px #A55103;
            }

            #modernSkin.main-wrapper .separator {
                left: 8px;
                width: calc(100% - 16px);
                height: 1px !important;
                background: linear-gradient(270deg, rgba(9, 86, 250, 0.25) 0%, #0956FA 50.4%, rgba(9, 86, 250, 0.25) 96.77%) !important;
                filter: opacity(0.5);
            }

            .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: #FFC008 !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(255, 154, 25, 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(255, 192, 8, 0.5) !important;
                cursor: not-allowed;
                pointer-events: none;
            }

            body.logged-in .nm-widget.wallet-button-w button:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%)) !important;
                color: #FFF !important;
            }

            body.logged-in .nm-widget.bonus-badge-w button:hover {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%) !important;
                color: #FFF !important;
                border: none !important;
            }

            body.logged-in .nm-widget.notification-w .notification-bell .icon-bell,
            body.logged-in .nm-widget.login-w .btn-user-profile:hover {
                color: #444473;
                position: relative;
            }

            body.logged-in .nm-widget.notification-w .notification-bell .icon-bell span {
                top: -4px;
                right: -4px;
            }

            .nav-tab-system-vertical ul li a.active,
            .nav-tab-system-vertical ul li a:hover {
                color: #444473;
            }

            .transaction-subtab-container button.active,
            .transaction-subtab-container button:hover {
                color: #FFF;
            }

            .dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-system.btn-clear {
                color: #444473;
            }

            .daterangepicker .cancelBtn {
                color: #FFF;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
            }

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

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

            #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;
            }

            .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 .modal-trigger-wrapper {
                height: fit-content !important;
            }

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

            .game-lobby-renderer.tiles {
                grid-template-columns: repeat(8, 1fr) !important;
                gap: var(--gap-default) !important;
            }

            #modernSkin .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container,
            .before-provider-list .new-skin-modal-wrapper .new-skin-modal-container {
                width: calc(100% - 64px) !important;
                max-width: calc(100% - 64px) !important;
                margin: 139px auto 0 32px !important;
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                transform: none !important;
            }

            #modernSkin .casino_search-widget .casino-search-modal-header h5,
            #modernSkin .casino_search-widget .casino-search-modal-header button,
            #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-result-placeholder span {
                color: var(--color-filter-label) !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: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                border: var(--border-input-select);
                border-radius: var(--border-radius-input-select) !important;
                color: var(--color-filter-label) !important;
                font-size: 14px !important;
            }

            #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input i {
                color: #5F6B89 !important;
            }

            #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input input::placeholder {
                color: #5F6B89;
                text-transform: uppercase;
                font-weight: 700;
            }

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

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


            .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: 8px 40px;
                border-radius: 4px;
                font-weight: 500;
                line-height: normal;
                margin-right: 8px;
                border: 1px solid #43609B;
            }

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

            .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: #FFF;
                font-size: 16px;
                text-align: center;
                font-weight: 700;
                cursor: pointer;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                border-radius: 8px;
                box-shadow: 0.4rem 0.4rem #3D4C82;
                min-width: 150px;
            }

            .wallet-payment-methods-panel .payment-method-item:first-child .payment-method-name {
                text-wrap: nowrap;
                margin-top: 8px;
            }


            .withdraw-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item:hover,
            .deposit-tab .wallet-payment-methods-container .wallet-payment-methods-panel .payment-method-item:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                transition: 0.3s all ease-in-out;
                transform: translate(-5px, -5px);
                box-shadow: 17px 17px 0 #2b3761;
            }

            /* amount button */

            .btn-system-amount-wrapper .row .overwrite-mode-amount-wrapper .btn-deposit-amount,
            .btn-system-amount-wrapper .row .btn-withdraw-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,
            .withdrawal-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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%);
                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(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: var(--color-button);
                text-decoration: none;
            }

            #accd-profile-vip .card {
                position: relative;
                overflow: visible;
            }

            .dropdown #selectTransferToMenu {
                overflow: auto;
                max-height: 287px;
                border-radius: 8px;
            }

            .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";
                font-family: 'icomoon' !important;
                color: #F07D00 !important;
            }

            #bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .claim {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: rgba(255, 255, 255, 0.60);
            }

            #bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .claim:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: rgba(255, 255, 255);
            }

            #bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper .claim-later {
                border: 1px solid #43609B;
            }

            #bonus-popup .modal-content .modal-body .bonus-list-wrapper .notice {
                color: #F07D00;
            }

            .right-align .desktop .dropdown-menu {
                padding-top: 16px !important;
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
            }

            /* VIP Page Start */

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

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

            .vip-page-content .vip-page-header h3 {
                color: #FFF;
                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-page-header h3:before {
                content: " ";
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/vipLogo.svg);
                width: 49px;
                height: 42px;
                position: absolute;
                background-size: cover;
                background-repeat: no-repeat;
                left: -60px;
                top: 0px;
            }

            .vip-page-content .vip-rank-container .vip-rank-header {
                text-align: center;
                padding: 26px;
                background: var(--Main-Background, linear-gradient(-180deg, #2E335A 1.62%, #1C1B33 95.72%));
                border: 2px solid rgb(85 154 226 / 35%);
                border-bottom: none;
            }

            .vip-page-content .vip-rank-container .vip-rank-header h2 {
                color: #FFF;
                font-size: 24px;
                font-style: normal;
                font-weight: 800;
                line-height: 130%;
                letter-spacing: -0.48px;
                text-transform: uppercase;
            }

            .vip-page-content .vip-rank-container .vip-rank-header p {
                width: 737px;
                color: #FFF;
                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(5, 1fr);
                justify-content: space-between;
                text-align: center;
                padding-top: 165px;
                gap: 32px;
            }

            .vip-rank-cards .vip-rank .vip-rank-name span {
                margin-bottom: 42px;
                color: #FFF;
                font-size: 24px;
                font-style: normal;
                font-weight: 800;
                line-height: 130%;
                /* 31.2px */
                letter-spacing: -0.48px;
                text-transform: uppercase;
            }

            .vip-rank-cards .vip-rank .vip-rank-name img {
                max-width: 170px;
                margin: 0 auto;
                margin-top: -132px;
            }

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

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

            .vip-page-content .vip-rank-container .vip-button-wrapper button {
                text-transform: uppercase;
                border-radius: 8px;
                border: 3px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                box-shadow: 0px 2px 0px 0px #A55103;
                width: 201px;
                height: 40px;
                padding: 0px 16px;
            }

            .vip-page-content .vip-rank-container .vip-button-wrapper button:hover {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                box-shadow: 0px 2px 0px 0px #21407F;
                color: #FFF;
                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;
            }

            .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: #FFF;
                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;
            }

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

            .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: #FFF;
                font-size: 30px;
                font-style: normal;
                font-weight: 700;
                line-height: 115%;
                /* 34.5px */
                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;
            }

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

            .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 {
                display: flex;
                justify-content: center;
                flex-direction: column;
                margin: 0px auto -64px;
                position: relative;
                z-index: 1;
                width: 320.4px;
                height: 94.5px;
                background: var(--Main-Background, linear-gradient(-180deg, #2E335A 1.62%, #1C1B33 95.72%));
                stroke-width: 3px;
                stroke: #FFF;
                filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.50));
                border: solid 2px #2E335A;
                border-radius: 16px;

            }

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

            .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 {
                background: var(--Main-Background, linear-gradient(-180deg, #2E335A 1.62%, #1C1B33 95.72%));
                border-image: linear-gradient(to bottom, rgb(85 154 226 / 35%), rgba(0, 0, 0, 0)) 1 100%;
                border-width: 3px;
                border-bottom: none;
                margin: auto;
                width: calc(100% - 32px);
                border-radius: 0px 0px 24px 24px;
                box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.50);
            }

            /* End VIP */

            /* Komp Page CSS */
            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .komp-page .komp-page-content {
                max-width: 1700px;
                margin: 0 auto;
            }

            .komp-page .komp-page-content .komp-header {
                padding: 33px 0 26px 0;
            }

            .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;
                width: fit-content;
                margin: auto;
            }

            .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/DOSRLL/image/icons/kompLogo.svg);
            }


            .komp-tab-header {
                overflow: hidden;
            }

            .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: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: #FFF;
                font-size: 24px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                letter-spacing: -0.48px;
                text-transform: uppercase;
                cursor: default;
            }

            .komp-tab-header .komp-tablinks.active,
            .komp-tab-header .komp-tablinks:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            .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, #3e4d87 1.62%, #1C1B33 95.72%) 1 100%;
                border-width: 3px;
                border-radius: 0px 0px 4px 4px;
                background: var(--Main-Background, linear-gradient(-180deg, #2E335A 1.62%, #1C1B33 95.72%));
                border-bottom: none;
            }

            .komp-page-content {

                & .komp-text-wrapper {
                    border-image: linear-gradient(to bottom, #3e4d87 1.62%, #1C1B33 95.72%) 1 100%;
                    border-width: 3px;
                    border-radius: 0px 0px 4px 4px;
                    background: var(--Main-Background, linear-gradient(-180deg, #2E335A 1.62%, #1C1B33 95.72%));
                    border-bottom: none;
                    border-top: black;
                    margin-bottom: 37px;
                    display: flex;
                    padding: 16px 0px;
                    flex-direction: column;
                    align-items: center;
                    gap: 10px;

                    & h2 {
                        color: #FFF;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 800;
                        line-height: 130%;
                        letter-spacing: -0.48px;
                        text-transform: uppercase;
                    }

                    & p {
                        color: #FFF;
                        text-align: center;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 24px;
                        max-width: 1093px;
                    }
                }

            }


            .komp-page-content .komp-page-main-content .komp-tab-header {
                border-bottom: 3px solid rgb(85 154 226 / 35%);
            }

            .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: #FFF;
                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;
                text-transform: uppercase;
            }

            .tabcontent-wrapper h1:last-child {
                margin-bottom: 90px;
                color: var(--Nav---Active, #FFF);
                text-align: center;
                font-size: 19px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                letter-spacing: -0.38px;
            }

            .accumulate-progress-bar-container,
            .komp-progress-bar-container {
                width: 100%;
                background-color: #1a2b55;
                /* 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: #1a2b55;
                /* 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: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                border-radius: 2px 16px 16px 2px;
                position: relative;
            }

            .tabcontent-wrapper .komp-button-wrapper {
                padding: 74px 0 34px;
            }

            .tabcontent-wrapper .komp-button-wrapper button {
                display: flex;
                width: 202px;
                height: 40px;
                border-radius: 8px;
                border: 3px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                box-shadow: 0px 2px 0px 0px #A55103;
                text-transform: uppercase;
                justify-content: center;
                align-items: center;
                gap: 8px;
                margin: auto;
            }

            .tabcontent-wrapper .komp-button-wrapper button:hover {
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                box-shadow: 0px 2px 0px 0px #21407F;
            }

            .komp-page-content .komp-info-section {
                display: grid;
                gap: 26px;
                grid-template-columns: repeat(2, 1fr);
                padding: 84px 0px;
                margin: auto;
                max-width: 1128px;
            }

            .komp-page-content .komp-info-section .komp-info-item h6 {
                display: flex;
                align-items: start;
                font-size: 16px;
                font-weight: 600;
                text-transform: uppercase;
            }

            .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: #FFF;
                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: #FFF;
                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: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
            }

            .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: #444473;
                margin-right: .5rem;
            }

            .mgate-bank-account-registration .wallet-action-container .btn-deposit {
                padding: 10px 40px;
                color: #FFF;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                margin-right: .5rem;
            }

            *[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;
            }

            /* 7bet7x orig css */



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

            #modernSkin.main-wrapper {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%);
            }

            /* Header */

            .layout-wrapper .header-section {
                height: 124px !important;
                z-index: 1 !important;
            }

            #app_header.main-header-container {
                max-width: 100%;
                margin: 0 auto;
                height: 64px !important;
                position: relative;
            }

            .right-align .right-item-wrapper {
                display: flex;
            }

            #app_header.main-header-container:before {
                content: '';
                background: rgba(255, 255, 255, 0.10);
                position: absolute;
                bottom: 0;
                left: 24px;
                width: calc(100% - 48px);
                height: 1px;
            }

            #app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
                display: flex;
                height: 64px;
                justify-content: center;
                align-items: center;
                gap: 96px;
                flex-shrink: 0;
                justify-content: space-between;
                margin: auto;
                z-index: 1;
            }


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

            .player-information-header .custom-promo-link {
                gap: 8px;
                color: rgba(235, 235, 245, 0.60);
                font-family: Inter;
                font-size: 17px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                display: flex;
                text-transform: capitalize;
                align-items: center;
                font-family: "Inter", sans-serif;
            }

            #home_operator .scroll-wrap .bonus-package {
                width: fit-content;
                height: 330px;
                margin: 28px 0 79px 286px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            #home_operator #page_content_modern .scroll-wrap .bnnrw {
                position: absolute;
                z-index: 1;
                mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
                max-width: calc(100% + 64px) !important;
                max-height: 950px;
                height: 100vh;
                top: -50px;
                left: -32px;
                background-size: cover;
                background-repeat: no-repeat;
                width: calc(100% + 64px);
            }

            #home_operator #page_content_modern .home-page .bnnrw .carousel-inner img {
                mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
            }

            #home_operator .scroll-wrap .bonus-package h1:first-child {
                color: #E6369E;
                font-size: 39px;
                font-style: normal;
                font-weight: 800;
                line-height: 64px;
                letter-spacing: -1.64px;
                text-transform: uppercase;
                font-family: "Poppins", sans-serif;
                z-index: 2;
            }

            #home_operator .scroll-wrap .bonus-package h1 {
                color: #242470;
                font-size: 71px;
                font-style: normal;
                font-weight: 900;
                line-height: 64px;
                letter-spacing: -1.64px;
                text-transform: uppercase;
                font-family: "Inter", sans-serif;
                z-index: 2;
            }

            #home_operator .scroll-wrap .bonus-package a {
                width: fit-content;
                z-index: 2;
            }

            #home_operator .scroll-wrap .bonus-package a button {
                font-family: "Inter", sans-serif;
                border-radius: 72px;
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                display: flex;
                color: #FFF;
                width: 183.42px;
                padding: 20px 32px;
                align-items: center;
                gap: 10px;
                text-transform: uppercase;
                position: relative;
                overflow: hidden;
            }

            #home_operator .scroll-wrap .bonus-package a button:hover {
                text-decoration: none;
            }

            #home_operator .scroll-wrap .bonus-package p {
                z-index: 2;
                color: #FFF;
                font-size: 20px;
                font-style: normal;
                width: 457px;
                font-weight: 500;
                line-height: 28px;
                margin: 16px 0 37px;
                font-family: "Inter", sans-serif !important;
            }

            #home_operator .scroll-wrap .top_matches_banner .top_matches_header_container h5 {
                font-family: "Poppins", sans-serif;
                overflow: hidden;
                color: rgba(255, 255, 255, 0.60);
                text-overflow: ellipsis;
                white-space: nowrap;
                text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
                font-size: 24px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                letter-spacing: -0.48px;
            }

            /*
            div.home-page:after,
            div.live-casino:after {
                content: " ";
                position: absolute;
                z-index: -1;
                background-color: #6085ce;
                background-image: linear-gradient(to bottom, transparent, #6085ce30), url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/Main-Banner-Sports-KO.webp);
                -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
                mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
                max-width: 1920px;
                max-height: 950px;
                height: 100vh;
                top: -50px;
                left: -32px;
                background-size: cover;
                background-repeat: no-repeat;
                width: calc(100% + 64px);
            }
            */
            .package-container .top_matches_banner {
                padding-bottom: 32px;
            }

            /* Footer */

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer {
                padding: 45px 0 50px !important
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper {
                position: relative;
                max-width: 1825px !important;
                padding: var(--padding-footer-wrapper);
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .top-footer {
                display: flex;
                justify-content: space-between;
                padding-bottom: 30px;
                padding-top: 0;
                border-top: none;
            }

            #app_footer .footer-wrapper .top-footer .footer-details {
                flex: 0 0 430px;
                margin-right: 47px;
            }

            .top-footer .footer-details p {
                margin: 22px 0 14px;
                color: rgba(255, 255, 255, 0.30);
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: 22px;
                font-family: "Inter", sans-serif;
            }

            #app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
                font-weight: 600;
                font-size: 17px;
                text-transform: capitalize;
                display: flex;
                align-items: center;
                justify-content: center;
                color: rgba(235, 235, 245, 0.60);
                font-family: "Inter", sans-serif;
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu {
                display: flex;
                justify-content: flex-end !important;
                align-items: flex-start;
                position: relative;
                z-index: 0 !important;
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column {
                width: 200px;
                margin-right: 12px;
            }

            .subfooter .partners-logo {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 32px;
                justify-content: center;
                align-items: center;
                padding: 10px;
                width: 693.932px;
                margin: auto;
            }

            .subfooter .mode-of-payment-logo {
                display: grid;
                grid-template-columns: repeat(10, 1fr);
                gap: 20px;
                overflow-x: auto;
                padding: 10px;
                align-items: center;
                width: calc(100% - 324px);
                margin: auto;
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter {
                text-align: center;
                line-height: 27px;
                position: relative;
                z-index: 0 !important;
                max-width: 1377px;
                margin: auto;
            }

            #app_footer .footer-wrapper .subfooter:before {
                content: '';
                position: absolute;
                top: 0px;
                left: 100px;
                width: calc(100% - 200px);
                height: 1px;
                background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%);
                filter: opacity(0.5);
            }

            #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer::before {
                display: none;
            }

            .subfooter .footer-ender {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                gap: 16px;
                margin-top: 62px;
            }


            #app_footer .footer-wrapper .top-footer .footer-details .social-links {
                position: relative;
            }


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


            .nm-widget .login {
                border-radius: 8px;
                border: 3px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                box-shadow: 0px 2px 0px 0px #21407F;
                display: inline-flex;
                height: 40px;
                padding: 0px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
                color: #E3E9EE;
                text-align: center;
                text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
                font-size: 16px;
                font-style: normal;
                font-weight: 800;
                line-height: normal;
                text-transform: uppercase;
            }

            .nm-widget .login:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                box-shadow: 0px 2px 0px 0px #A55103;
            }

            .wallet-payment-method .btn-system-amount-wrapper .row .col a,
            .wallet-payment-method .btn-system-amount-wrapper .row .col-12 a {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: rgba(255, 255, 255, 0.6);
                border: none;
            }

            .wallet-payment-method .btn-system-amount-wrapper .row .col a:hover,
            .wallet-payment-method .btn-system-amount-wrapper .row .col a.active,
            .wallet-payment-method .btn-system-amount-wrapper .row .col-12 a:hover,
            .wallet-payment-method .btn-system-amount-wrapper .row .col-12 a.active {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: #FFF;
                border: none !important;
            }

            .nm-widget.register-w .btn-join {
                display: inline-flex;
                height: 40px;
                padding: 0px 16px;
                text-wrap: nowrap;
                justify-content: center;
                align-items: center;
                gap: 8px;
                border-radius: 8px;
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                box-shadow: 0px 2px 0px 0px #A55103;
                color: #E3E9EE;
                text-align: center;
                text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
                font-size: 16px;
                font-style: normal;
                font-weight: 800;
                line-height: normal;
                text-transform: uppercase;
            }

            .nm-widget.register-w .btn-join:hover {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                box-shadow: 0px 2px 0px 0px #21407F;
            }


            #app_footer .footer-wrapper .subfooter p {
                padding-top: 16px;
                width: calc(100% - 324px);
                margin: 0 auto;
                line-height: 130%;
                padding-bottom: 24px;
                font-weight: 500;
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item:nth-child(3) a i:before {
                height: 32px;
                width: 28px;
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item:nth-child(4) a i:before {
                height: 32px;
                width: 36px;
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i:before {
                content: '';
                display: block;
                height: 32px;
                width: 32px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
                margin-right: 8px;
            }


            #app_header.main-header-container .nm-widget.menuw .nav-item a i.sports:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/sportsLogo.svg);
            }

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

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.eSports:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/eSportsLogo.svg);
            }

            #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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/eSportsLogoActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.liveCasino:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/liveCasinoLogo.svg);
            }

            #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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/liveCasinoLogoActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.slots:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/slotsLogo.svg);
            }

            #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/DOSRLL/image/icons/slotsLogoActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.jackpots:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/jackpotLogo.svg);
            }

            #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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/jackpotLogoActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.poker:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/pokerLogo.svg);
            }

            #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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/pokerLogoActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.miniGames:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/miniGamesLogo.svg);
            }

            #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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/miniGamesLogoActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.betGames:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/rouletteLogo.svg);
            }

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

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.promotions:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/promotionLogo.svg);
            }

            #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: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/promotionLogoActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.vip:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/vipLogo.svg);
            }

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

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.komp:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/kompLogo.svg);
            }


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

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.bets:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/viewHistory.svg);
            }

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

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.referral:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/referralLogo.svg);
            }

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

            #app_footer .footer-wrapper .footer-menu .menu-column a {
                color: var(--Label-Dark-Secondary, rgba(235, 235, 245, 0.30)) !important;
                font-size: 16px !important;
                font-style: normal !important;
                font-weight: 600 !important;
                line-height: 130%;
                text-transform: capitalize !important;
                font-family: "Inter", sans-serif;
            }

            .bottom-logos .bottom-logo-wrapper {
                border-radius: 5px;
                background: var(--Main-Background, linear-gradient(168deg, #2E335A 1.62%, #1C1B33 95.72%));
                height: 77px;
            }

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

            #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: #F07D00 !important;
                -webkit-background-clip: unset !important;
                -webkit-text-fill-color: unset;
            }

            .right-align .right-item-wrapper a:hover,
            .right-align .right-item-wrapper a.active {
                color: #F07D00 !important;
                transition: 0.3s all ease-in-out;
            }

            .right-align .right-item-wrapper a:hover img.custom-promo-promotions {
                transition: 0.3s all ease-in-out;
                content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSRLL/image/icons/promotionLogoActive.svg);
            }


            .right-align .right-item-wrapper a:hover img.custom-promo-vip {
                transition: 0.3s all ease-in-out;
                content: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/vipLogoActive.svg);
            }

            .right-align .right-item-wrapper a:hover img.custom-promo-komp {
                transition: 0.3s all ease-in-out;
                content: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/kompLogoActive.svg);
            }

            .right-align .right-item-wrapper a:hover img.custom-promo-referral {
                transition: 0.3s all ease-in-out;
                content: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/referralLogoActive.svg);
            }

            .social-links ul {
                display: flex;
            }

            .social-links ul li:first-child {
                list-style: none;
                margin: 0 16px 0 0;
            }

            .social-links ul li {
                list-style: none;
                margin: 0 16px;
            }

            .social-links ul li a {
                position: relative;
                display: block;
                width: 32px;
                height: 32px;
                text-align: center;
                line-height: 34px;
                background: #2B2F53;
                border-radius: 50%;
                font-size: 16px;
                color: rgba(235, 235, 245, 0.60);
                transition: .5s;
            }

            .social-links ul li a::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                background: #F07D00;
                transition: .5s;
                transform: scale(.9);
                z-index: -1;
            }

            .social-links ul li a:hover::before {
                transform: scale(1.1);
                box-shadow: 0 0 15px #F07D00;
            }

            .social-links ul li a:hover {
                color: #F07D00;
                box-shadow: 0 0 5px #F07D00;
                text-shadow: 0 0 5px #F07D00;
            }

            .footer-details .social-links ul {
                display: flex;
            }

            .footer-details .social-links ul li:first-child {
                list-style: none;
                margin: 0 8px 0 0;
            }

            .footer-details .social-links ul li {
                list-style: none;
                margin: 0 8px;
            }

            .footer-details .social-links ul li a {
                position: relative;
                display: block;
                width: 32px;
                height: 32px;
                text-align: center;
                line-height: 34px;
                background: #2B2F53;
                border-radius: 50%;
                font-size: 16px;
                color: rgba(235, 235, 245, 0.60);
                transition: .5s;
            }

            .footer-details .social-links ul li a::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                background: #F07D00;
                transition: .5s;
                transform: scale(.9);
                z-index: -1;
            }

            .footer-details .social-links ul li a:hover::before {
                transform: scale(1.1);
                box-shadow: 0 0 15px #F07D00;
            }

            .footer-details .social-links ul li a:hover {
                color: #F07D00;
                box-shadow: 0 0 5px #F07D00;
                text-shadow: 0 0 5px #F07D00;
            }

            #app_footer .footer-wrapper .footer-menu .menu-column a:hover,
            #app_footer .footer-wrapper .footer-menu .menu-column a.active {
                color: #F07D00 !important;
            }


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


            #app_footer::after {
                content: '';
                position: absolute;
                top: 0;
                left: 304px;
                width: calc(100% - 608px);
                height: 1px;
                background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%);
                background-blend-mode: overlay;
                filter: opacity(0.5);
            }

            .scroll-wrap .top_matches_banner .top_matches_header_container {
                display: flex;
                align-items: center;
            }

            .scroll-wrap .top_matches_banner .top_matches_header_container .TopMatches:before {
                content: '';
                height: 36px;
                width: 36px;
                margin-right: 8px;
                display: inline-block;
                background-size: cover;
                background-repeat: no-repeat;
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/popularMatches.svg);
            }

            .header-section .main-header-container .subheader-menu:before {
                content: " ";
                width: 100%;
                height: 56px;
                position: absolute;
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/header-blue-light1.png);
            }

            .header-section .main-header-container .subheader-menu:after {
                content: " ";
                width: 100%;
                height: 56px;
                position: absolute;
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/header-blue-light2.png);
            }

            .switch-skin-mode-container {
                position: relative;
                width: 45px;
                height: 40px;
            }

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


            .switch-skin-mode-container .slider-checkbox:before {
                content: '';
                position: absolute;
                top: 8px;
                left: 11px;
                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:before {
                background-image: var(--content-light-mode-icon);
            }

            .footer-menu .menu-column .nm-widget ul .nav-item a {
                font-size: 18px;
                color: #e1e1e1;
                font-family: inherit;
                font-weight: 800;
                cursor: pointer;
                position: relative;
                border: none;
                background: none;
                text-transform: uppercase;
                transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
                transition-duration: 400ms;
                transition-property: color;
            }

            .subheader-menu .menuw .nav-item span,
            .right-align .right-item-wrapper a span {
                position: relative;
            }

            .footer-menu .menu-column .nm-widget ul .nav-item a:focus:after,
            .footer-menu .menu-column .nm-widget ul .nav-item a:hover:after,
            .footer-menu .menu-column .nm-widget ul .nav-item a.active:after,
            .subheader-menu .menuw ul .nav-item a:focus span:after,
            .subheader-menu .menuw ul .nav-item a:hover span:after,
            .subheader-menu .menuw ul .nav-item a.active span:after,
            .right-align .right-item-wrapper a:focus span:after,
            .right-align .right-item-wrapper a:hover span:after,
            .right-align .right-item-wrapper a.active span:after {
                width: 100%;
                left: 0%;
            }

            .footer-menu .menu-column .nm-widget ul .nav-item a:after,
            .subheader-menu .menuw ul .nav-item a span:after,
            .right-align .right-item-wrapper a span:after {
                content: "";
                pointer-events: none;
                bottom: -2px;
                left: 50%;
                position: absolute;
                width: 0%;
                height: 2px;
                background-color: #F07D00;
                transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
                transition-duration: 400ms;
                transition-property: width, left;
            }

            .bonus-package button span {
                transition: top 0.5s;
            }

            .bonus-package button .button-text-one {
                position: absolute;
                width: 100%;
                top: 50%;
                left: 10px;
                transform: translateY(-50%);
            }

            .bonus-package button .button-text-two {
                position: absolute;
                width: 100%;
                top: 150%;
                left: 10px;
                transform: translateY(-50%);
            }

            .bonus-package button:hover .button-text-one {
                top: -100%;
            }

            .bonus-package button:hover .button-text-two {
                top: 50%;
            }


            .casino_search-widget {
                position: relative;
                right: 0;
            }

            #modernSkin .left-align .casino_search-widget .modal-trigger-wrapper .search-button-field button,
            .provider-list-page .modal-trigger-wrapper .search-button-field button {
                border-radius: 40px !important;
                border: 1px solid rgba(255, 255, 255, 0.50) !important;
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                width: 230px !important;
                height: 40px !important;
                color: #4B578E;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                padding-left: 17px !important;
                line-height: normal;
            }


            .casino_search-widget .modal-trigger-wrapper .search-button-field i {
                position: absolute !important;
                left: 90% !important;
                font-size: 15px !important;
                color: rgba(255, 255, 255, 0.50) !important;
                z-index: -1;
            }


            #app_footer .footer-wrapper .footer-menu .menu-column h6 {
                text-transform: uppercase;
                font-size: 16px;
                font-family: "Inter", sans-serif;
                margin-bottom: 16px;
                color: rgba(255, 255, 255, 0.30);
            }

            .top_matches_banner .top_matches_header_container h5,
            .top_matches_banner .top_matches_header_container i {
                z-index: 2;
            }

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


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


            .nm-widget.language-w {
                margin-left: var(--margin-left-language-w);
                position: relative;
                width: 45px;
                height: 40px;
            }

            .category-page-content .provider-list i:before {
                background-image: var(--content-korean-dealers-icon);
            }

            .category-page-content .provider-list 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);
            }

            .category-page-content .provider-list .bottom-logos {
                margin-top: 12px;
            }

            .category-page-content .provider-list .provider-list-header {
                display: flex;
                align-items: center;
            }


            .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: calc(calc(100% - 84px) / 9) !important;
                gap: 0 10px !important;
                margin-bottom: 20px;
            }

            .game-provider-wrapper .game-provider-header .header-container {
                display: flex;
                margin-bottom: 12px;
            }

            .game-provider-wrapper .game-provider-header .header-container h5 {
                color: var(--color-gl-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);
            }

            .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/DOSRLL/image/icons/providerLogo.svg);
            }

            .game-provider-wrapper span .game-provider-list .game-provider-list-item {
                border-radius: 10px !important;
                border-top: 2px solid rgba(255, 255, 255, 0.10);
                background: var(--Main-Background, linear-gradient(168deg, #2E335A 1.62%, #1C1B33 95.72%));
                height: 60px !important;
                padding: 10px 15px !important;
                position: relative;
                overflow: hidden;
            }

            button.game-provider-list-item:after {
                background: #8788a8;
                content: "";
                height: 155px;
                left: -90px;
                opacity: 0.4;
                position: absolute;
                top: -28px;
                transform: rotate(35deg);
                transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
                width: 50px;
                z-index: 6;
            }

            button.game-provider-list-item:hover:after {
                left: 120%;
                transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            }

            .game-provider-wrapper span .game-provider-list .game-provider-list-item img {
                object-fit: contain;
                height: 100%;
                width: 100%;
                mix-blend-mode: luminosity;
                filter: drop-shadow(0px 0px 3px #000);
            }

            .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;
                margin-left: 10px;
            }

            .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-lobby-filter-provider .game-lobby-filter-label i.fa-filter:before,
            .game-lobby-sort .game-lobby-sort-label i.fa-bars: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);
            }

            .game-lobby-filter-provider .game-lobby-filter-label i.fa-filter:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/filterLogo.svg);
            }

            .game-lobby-sort .game-lobby-sort-label i.fa-bars:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/icons/sortLogo.svg);
            }

            .subfooter .mode-of-payment-logo .mode-of-payment-logo-item {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
            }

            .subfooter .partners-logo .partners-logo-item {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                width: 146px;
                height: 67px;
                margin: auto;
            }

            .subfooter .partners-logo .partners-logo-item:last-child {
                padding: 36px 60px 36px 0;
            }

            .subfooter .partners-logo .partners-logo-item:nth-child(2) img {
                margin-top: -16px;
            }

            #circularMenu1 .circle-menu-item .nm-widget.language-w .language-public .language,
            #circularMenu1 .circle-menu-item .nm-widget.language-w .language-public,
            #circularMenu1 .circle-menu-item .nm-widget.language-w .language-public .language-option img,
            #circularMenu1 .circle-menu-item .nm-widget.language-w .language-public:hover {
                width: 32px;
                height: 32px;
                background: none !important;
            }

            #circularMenu1 .circle-menu-item .nm-widget.language-w {
                margin-left: 0;
            }

            #circularMenu1 .circle-menu-item .nm-widget.language-w .language-public.show .language-option {
                gap: 8px;
                display: flex !important;
                background-color: rgb(29, 28, 52) !important;
                transform: none !important;
                top: 0px !important;
                left: 43px !important;
                animation: 0.3s slide-right;
                border-radius: 8px;
            }

            @keyframes slide-right {
                from {
                    margin-left: -100%;
                }

                to {
                    margin-left: 0%;
                }
            }

            .modal-dialog.fullscreen .nav-tab-system-vertical ul li a.active,
            .modal-dialog.fullscreen .nav-tab-system-vertical ul li a:hover {
                color: #FFF;
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            #provider-game-list-page .template-list-page #before-provider-game-list .casino_search-widget {
                margin-right: 0 !important;
                margin-bottom: 60px;
                margin-top: -60px;

                & .modal-trigger-wrapper {

                    & .search-button-field {

                        & .fa-search {}

                        & button {
                            border-radius: 40px !important;
                            border: 1px solid rgba(255, 255, 255, 0.50) !important;
                            background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                            width: 273px;
                            height: 40px !important;
                            color: #4B578E;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 400;
                            padding-left: 17px !important;
                            line-height: normal;
                        }
                    }
                }

                & .new-skin-modal-mask {

                    & .new-skin-modal-wrapper {

                        & .new-skin-modal-container {
                            margin: 87px auto !important;
                            transform: none;
                        }
                    }
                }
            }

            .about-us-article {
                max-width: 1689px;
                margin: 23px auto 32px;
                text-align: center;
                padding: 16px 161px 32px;
                background: var(--Main-Background, linear-gradient(180deg, #2E335A 1.62%, #1C1B33 95.72%));
                border: 2px solid rgb(110 109 168 / 53%);
                border-bottom: none;
                display: flex;
                flex-direction: column;
                gap: 32px;
                align-items: center;

                & img {
                    max-width: 360px;
                    width: 100%;
                }

                & p {
                    color: rgba(255, 255, 255, .60);
                    text-align: center;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 24px;

                    & a {
                        text-decoration: underline !important;
                    }
                }
            }

            /* Hide Bonus Package*/
            .bonus-package {
                opacity: 0;
            }

            .playermenu-raffle-tickets-wrapper .raffle-tickets-header,
            .playermenu-raffle-rewards-wrapper .raffle-rewards-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                gap: 15px;
                margin-bottom: 20px;
            }

            .playermenu-raffle-tickets-wrapper .raffle-tickets-tab-filters {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 14px;
            }

            .playermenu-raffle-tickets-wrapper .raffle-tickets-tab-filters .raffle-tickets-tab-search .raffle-tickets-tab-search-input,
            .playermenu-raffle-rewards-wrapper .raffle-rewards-tab-filters .raffle-rewards-tab-search .raffle-rewards-tab-search-input {
                border-radius: 40px !important;
                border: 1px solid rgba(255, 255, 255, 0.50) !important;
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                width: 273px !important;
                height: 40px !important;
                color: rgba(255, 255, 255, 0.60);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                padding-left: 17px !important;
                line-height: normal;
            }

            .playermenu-raffle-tickets-wrapper .raffle-tickets-tab-filters .raffle-tickets-tab-search-icon,
            .playermenu-raffle-rewards-wrapper .raffle-rewards-tab-filters .raffle-rewards-tab-search-icon {
                cursor: pointer;
                position: absolute;
                right: 32px;
                top: 14px;
            }

            .scroll-wrap .promo-page .promotion-page-text-header h2:before {
                content: " ";
                background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSRLL/image/icons/promotionLogo.svg);
                width: 48px;
                height: 38px;
                position: absolute;
                background-size: cover;
                background-repeat: no-repeat;
                left: -62px;
                top: 2px;
            }

            .scroll-wrap .welcome-bonus:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/home2.webp);
            }

            *[lang="ko"] .scroll-wrap .welcome-bonus:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/assets/images/banners/Welcome%20Bonus%20Banner_KR.webp);
            }

            .scroll-wrap .komp-promotion:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/home1.webp);
            }

            *[lang="ko"] .scroll-wrap .komp-promotion:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/assets/images/banners/Komp%20Bonus_KR.webp);
            }

            .scroll-wrap .deposit-promotion:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/banners/Latest_Every_Deposit_EN.webp);
            }

            *[lang="ko"] .scroll-wrap .deposit-promotion:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/banners/Latest_Every_Deposit_KR.webp);
            }

            .scroll-wrap .payback-promotion:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/home6.webp);
            }

            *[lang="ko"] .scroll-wrap .payback-promotion:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/assets/images/banners/Cashback_KR.webp);
            }

            .scroll-wrap .referral-promotion:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/banners/Referral_Bonus_Banner_EN.webp);
            }

            *[lang="ko"] .scroll-wrap .referral-promotion:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/banners/Referral_Bonus_Deposit_KR.webp);
            }

            .scroll-wrap .vip-promotion:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/home8.webp);
            }

            *[lang="ko"] .scroll-wrap .vip-promotion:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/assets/images/banners/VIP%20Program_KR.webp);
            }

            .scroll-wrap .sports-multibet:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/banners/New_Sports_Multi_Bet_Banner_EN.webp);
            }

            *[lang="ko"] .scroll-wrap .sports-multibet:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/banners/New_Sports_Multi_Bet_Banner_KR.webp);
            }

            .scroll-wrap .level-up-bonus:before {
                background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSRLL/image/banners/home4.webp);
            }

            *[lang="ko"] .scroll-wrap .level-up-bonus:before {
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/assets/images/banners/Level%20Up%20Bonus_KR.webp);
            }


            .scroll-wrap .promo-page-content:before {
                content: " ";
                position: absolute;
                background-size: cover;
                z-index: -1;
                background-repeat: no-repeat;
                width: calc(100% + 64px);
                height: 100vh;
                top: -20px;
                left: -32px;
            }

            .scroll-wrap .promo-page-content .tg tbody tr:nth-child(even) {
                background: rgba(235, 235, 245, 0.10);
            }

            .scroll-wrap {

                & .promo-page-content {

                    text-align: center;
                    max-width: calc(100% - 252px);
                    margin: 0 auto;
                    padding: 40px 0 20px;

                    & .article-details {

                        margin-top: 276px;

                        & .article-content {

                            & .article-wrapper {

                                background: linear-gradient(168deg, #1C1B33 1.62%, rgba(46, 51, 90, 0.00) 95.72%);
                                border: 2px solid rgb(85 154 226 / 35%);
                                border-bottom: none;

                                & h1 {
                                    color: #FFF;
                                    text-align: center;
                                    font-size: 32px;
                                    font-style: normal;
                                    font-weight: 800;
                                    line-height: 130%;
                                    letter-spacing: -0.64px;
                                    padding-top: 25px;
                                }

                                & h2 {

                                    color: #FFF;
                                    font-size: 24px;
                                    font-style: normal;
                                    font-family: "Inter", sans-serif !important;
                                    font-weight: 800;
                                    line-height: 130%;
                                    /* 31.2px */
                                    letter-spacing: -0.48px;
                                    text-transform: uppercase;
                                    padding: 25px 0;
                                }

                                & p {
                                    color: #FFF;
                                    text-align: center;
                                    font-family: "Inter", sans-serif !important;
                                    font-size: 16px;
                                    font-style: normal;
                                    font-weight: 500;
                                    line-height: 24px;
                                    margin-bottom: 0;
                                    /* 150% */
                                }

                                & .tg {
                                    margin: auto;

                                    & thead {

                                        & tr {

                                            & th {
                                                padding: 10px;
                                                justify-content: center;
                                                align-items: center;
                                                gap: 10px;
                                                color: #FFF;
                                                text-align: center;
                                                font-family: "Inter", sans-serif !important;
                                                font-size: 16px;
                                                font-style: normal;
                                                font-weight: 800;
                                                line-height: 24px;
                                                /* 150% */
                                                border-top: 1px solid rgba(68, 68, 68, 0.50);
                                                border-left: 1px solid rgba(68, 68, 68, 0.50);
                                                background: var(--Main-Background, linear-gradient(-180deg, #2E335A 1.62%, #1C1B33 95.72%));
                                            }
                                        }
                                    }

                                    & tbody {

                                        & tr {

                                            & td {
                                                padding: 10px;
                                                justify-content: center;
                                                align-items: center;
                                                gap: 10px;
                                                border: 1px solid rgba(68, 68, 68, 0.50);
                                            }
                                        }
                                    }
                                }
                            }

                            & ul {
                                max-width: 905px;
                                margin: auto;

                                & li {
                                    color: #FFF;
                                    text-align: center;
                                    font-family: "Inter", sans-serif !important;
                                    font-size: 16px;
                                    font-style: normal;
                                    font-weight: 500;
                                    line-height: 24px;
                                    margin-bottom: 0;
                                }
                            }
                        }
                    }
                }
            }

            /* Promo Page */

            .promo-page {

                & .promotion-page-text-header {

                    & h2 {
                        color: #FFF;
                        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;
                    }
                }

                & .promotion-page-header {
                    text-align: center;
                    padding: 26px;
                    background: var(--Main-Background, linear-gradient(-180deg, #2E335A 1.62%, #1C1B33 95.72%));
                    border: 2px solid rgb(85 154 226 / 35%);
                    border-bottom: none;
                    margin: 16px 0 48px;

                    & h2 {
                        color: #FFF;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 800;
                        line-height: 130%;
                        letter-spacing: -0.48px;
                        text-transform: uppercase;
                    }

                    & p {
                        max-width: 1093px;
                        color: #FFF;
                        margin: 30px auto;
                        text-align: center;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 20px;
                    }
                }
            }

            .scroll-wrap .about-us-page-cards {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                align-items: center;
                justify-content: space-between;
                gap: 0 24px;
                max-width: 1128px;
                margin: 0 auto 30px;
            }

            .scroll-wrap .about-us-page-cards .about-us-page-item .about-us-badge {
                height: 182px;
                width: 182px;
                margin: 0 auto -65px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSRLL/image/banners/7bet-about-us-banner.svg);
                background-size: cover;
                position: relative;
                gap: 10px 0;
                font-size: 70px;
                font-weight: 900;
                letter-spacing: -1.4px;
            }

            .scroll-wrap .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;
            }

            div.message-box-modal .modal-dialog .modal-content .modal-footer .btn-system-primary,
            div.message-box-modal .modal-dialog .modal-content .modal-body .btn-confirm {
                border: 2px solid var(--Button-Stroke, rgba(255, 255, 255, 0.00));
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%)) !important;
                box-shadow: 0px 2px 0px 0px #A55103;
                color: #FFF;
                font-size: 16px;
            }

            .promotion-popup-container .promotion-item-card .promotion-card {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
            }

            .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-header .promotion-card-title,
            .promotion-popup-container .promotion-item-card .promotion-card .promotion-card-header .fa-times {
                color: rgba(255, 255, 255, 0.60);
            }

            .sports-book .article-content h5 {
                text-align: center;
            }

            .sports-book .article-content p {
                font-weight: normal;
            }

            .accordion-container .accordion {
                text-align: left;
                display: flex;
                align-items: center;
                padding: 22px 68px 22px 32px;
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
                color: rgba(255, 255, 255, 0.6);
                font-family: var(--font-family-bold);
                line-height: 24px;
                width: 100%;
                position: relative;
                margin-bottom: 8px;
            }

            .accordion-container .accordion i {
                position: absolute;
                color: rgba(255, 255, 255, 0.6);
                right: 32px;
                transition: 0.2s all ease-in;
            }

            .accordion-container .accordion.active {
                background: linear-gradient(135deg, rgb(65 63 96 / 30%) 0%, rgb(160 157 243 / 24%) 100%) !important;
            }

            .about-us-article h5 {
                font-size: 32px;
            }

            .about-us-article h6 {
                font-size: 24px;
            }

            #komp-transactions-history .referrals-tab .section-system-filter .form-group {
                max-width: fit-content;
                flex: auto;
            }

            #komp-transactions-history .referrals-tab div:nth-child(2) .row {
                justify-content: flex-end;
            }

            .bank-accounts-table .bank-accounts-table-header .btn-warning {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: #fff;
                border: none;
            }

            .bank-accounts-table .bank-accounts-table-header .btn-warning:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            .mgate-bank-account-registration .base-select-mgate-accountregistration-bank menu {
                background: #1d1c34 !important;
                border: none !important;
            }

            .mgate-bank-account-registration .base-select-mgate-accountregistration-bank menu menu .search {
                background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important;
            }


            #notification-container .table-notification-form .table-player-message tbody tr {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                border: 1px solid rgba(255, 255, 255, 0.35) !important;
            }

            #notification-container .table-notification-form .table-player-message tbody tr td {
                padding: 12px 8px;
                border-bottom: none;
            }

            #notification-container .table-notification-form .table-player-message tbody tr td .newSubject {
                margin-bottom: 8px;
            }

            .dropdown .dropdown-menu {
                background: #1d1c34;
            }

            .dropdown .dropdown-menu a {
                /*  background: linear-gradient(135deg, rgba(15, 85, 232, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%) !important; */
            }

            .snackbar.info {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
            }

            .custom-modal-section .transaction-details-modal-container {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                border: none;
            }

            .dropdown #selectTransferToMenu {
                padding: 8px;
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
            }

            .dropdown #selectTransferToMenu a {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%) !important;
                border-radius: 8px;
                margin: 3px 0;
            }

            .dropdown #selectTransferToMenu a:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%)) !important;
            }

            .notification-tab #notification-message .message-table .subject-notification {
                width: 50%;
            }

            .notification-tab #notification-message .message-table .date-notification {
                width: 30%;
            }

            .notification-tab #notification-message .message-table .notification-body-message {
                margin: 12px 1.5rem 0;
            }

            #notification-page #notification-message .btn-delete-notification {
                float: right;
            }

            #notification-page #notification-message .form-group {
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%) !important;
                border: 1px solid rgba(255, 255, 255, 0.35) !important;
                padding: 12px 0;
            }

            #notification-page #notification-message .btn-delete-notification button {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                color: #FFF;
            }

            #notification-page #notification-message .btn-delete-notification button:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
                color: #FFF;
            }

            #notification-page #deleteMessage .modal-dialog {
                margin: 30vh auto;
            }

            #notification-page #deleteMessage .modal-dialog .modal-content {
                min-height: fit-content;
            }

            #notification-page #deleteMessage .modal-dialog .modal-content .modal-body {
                padding: 32px;
            }

            #notification-page #deleteMessage .modal-dialog .modal-content .modal-body .btn-delete-message {
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: 0;
                position: relative;
            }

            #notification-page #deleteMessage .modal-dialog .modal-content .modal-body .btn-delete-message .delete-btn button {
                color: #FFF;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
            }

            #notification-page #deleteMessage .modal-dialog .modal-content .modal-body .btn-delete-message .delete-btn button:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            .message-box-modal.fade.show {
                background: #0c0d14c9;
                ;
            }

            .modal-dialog .modal-content .error-message .content {
                color: rgba(235, 235, 245, 0.60);
            }

            .modal-dialog .modal-content .error-message .action .btn-confirm-cancel,
            .modal-dialog .modal-content .error-message .action .btn-system-primary {
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%) !important;
                color: rgba(235, 235, 245, 0.60) !important;
            }

            .modal-dialog .modal-content .error-message .action .btn-confirm-cancel:hover,
            .modal-dialog .modal-content .error-message .action .btn-system-primary:hover {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%)) !important;
                color: #FFF !important;
                border: none !important;
            }


            .wallet-action-container .btn-system-secondary,
            .btn-delete-message .cancel-btn .btn-system-secondary {
                border: 1px solid #43609B;
            }

            .komp-section-tabs .komp-active-tab {
                border-bottom-color: #fbae3e !important;
                color: #fbae3e !important;
            }

            .tab-header .col-12 .btn-back .section-subtitle:after {
                content: "";
                pointer-events: none;
                bottom: -2px;
                left: 50%;
                position: absolute;
                width: 0%;
                height: 2px;
                background-color: #F07D00;
                transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
                transition-duration: 400ms;
                transition-property: width, left;
            }

            .tab-header .col-12 .btn-back:hover .section-subtitle:after {
                width: 100%;
                left: 0%;
            }

            .tab-header .col-12 .btn-back:hover .section-subtitle,
            .tab-header .col-12 .btn-back:hover i:before {
                color: #F07D00;
            }

            #deposit-page .wallet-breadcrumbs,
            #withdraw-page .wallet-breadcrumbs {
                color: rgba(255, 255, 255, .60);
            }

            #deposit-page .wallet-breadcrumbs span:last-child,
            #deposit-page .wallet-breadcrumbs span:first-child:hover,
            #withdraw-page .wallet-breadcrumbs span:last-child,
            #withdraw-page .wallet-breadcrumbs span:first-child:hover {
                color: #FFF;
            }

            .description-section-wrapper .bonus-details-wrapper .detail .detail-header {
                min-height: 36px;
            }

            .promoTabContent .card {
                position: relative;
                background: linear-gradient(-45deg, #3D4C82 14.48%, #43609B 83.43%);
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
            }

            .promoTabContent .card a {
                width: 100%;
            }

            .promoTabContent .card:hover {
                transform: rotate(0deg) scale(1.1);
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
                z-index: 2;
            }

            .promoTabContent .card .card__content {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) rotate(-45deg);
                width: 100%;
                height: 100%;
                padding: 20px;
                box-sizing: border-box;
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%);
                opacity: 0;
                transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
            }

            .promoTabContent .card:hover .card__content {
                transform: translate(-50%, -50%) rotate(0deg);
                opacity: 1;
            }

            .promoTabContent .card .card__content .card__title {
                margin: 0;
                font-size: 24px;
                color: rgba(255, 255, 255, .60);
                font-weight: 700;
            }

            .promoTabContent .card .card__content .card__description {
                margin: 10px 0 0;
                font-size: 14px;
                color: rgba(255, 255, 255, .60);
                line-height: 1.4;
            }

            .right-align .right-item-wrapper .nm-widget ul {
                display: flex;
                height: 64px;
                justify-content: center;
                align-items: center;
                gap: 12px;
                flex-shrink: 0;
                justify-content: space-between;
                margin: auto;
            }

            .right-align .right-item-wrapper .nm-widget ul li a {
                font-weight: 600;
                font-size: 17px;
                text-transform: capitalize;
                display: flex;
                align-items: center;
                justify-content: center;
                color: rgba(235, 235, 245, 0.60);
            }

            .provider-list-page .before-provider-list .casino_search-widget {
                float: right;
                margin: -54px 0 16px;
            }

            .provider-list-page .game-providers .provider-list-item {
                height: 64px !important;
                background: linear-gradient(180deg, #2B2F53 3.16%, #1D1C34 36.05%);
            }

            .home-page-content #game-providers-page .provider-list-page {
                max-width: 100% !important;
            }

            #bonuses .player-account-window-bonuses #available_bonuses #available-bonuses-page .available-bonus-item .description-section-wrapper .bonus-name-wrapper .name-wrapper span {
                margin-top: 4px;
            }

            #deposit #deposit-page .wallet-payment-method .deposit-mgate-classic-container .custom-modal-container .custom-modal-body .custom-modal-section .icon-container i.close-icon {
                top: 45px;
                width: 2em;
                height: 2em;
                cursor: pointer;
                right: 1px;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
                border-radius: 0 4px 0 32px;
                z-index: 5;
                transform: none;
                transform: scale(1);
                transform-origin: 50% 50%;
                transition: transform 0.35s ease-out;
            }

            #deposit #deposit-page .wallet-payment-method .deposit-mgate-classic-container .custom-modal-container .custom-modal-body .custom-modal-section .icon-container i.close-icon:before {
                right: 5px;
                top: 5px;
                position: absolute;
            }

            /* VIP star Effects*/

            .vip-rank img.star-1 {
                position: absolute;
                top: 25%;
                left: 45%;
                width: 15px;
                height: auto;
                filter: drop-shadow(0 0 0 #fffdef);
                z-index: -5;
                transition: all .6s cubic-bezier(0, 0.4, 0, 1.01);
            }

            .vip-rank img.star-2 {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 25px;
                height: auto;
                filter: drop-shadow(0 0 0 #fffdef);
                z-index: -5;
                transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
            }

            .vip-rank img.star-3 {
                position: absolute;
                top: 45%;
                left: 45%;
                width: 15px;
                height: auto;
                filter: drop-shadow(0 0 0 #fffdef);
                z-index: -5;
                transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
            }

            .vip-rank img.star-4 {
                position: absolute;
                top: 40%;
                left: 40%;
                width: 5px;
                height: auto;
                filter: drop-shadow(0 0 0 #fffdef);
                z-index: -5;
                transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
            }

            .vip-rank img.star-5 {
                position: absolute;
                position: absolute;
                top: 115%;
                left: 60%;
                width: 5px;
                height: auto;
                filter: drop-shadow(0 0 0 #fffdef);
                z-index: -5;
                transition: all .8s ease;
            }

            .vip-rank:hover img {
                filter: drop-shadow(0 0 12px #2e3259);
            }

            .vip-rank:hover img.star-1 {
                position: absolute;
                top: 30%;
                left: 75%;
                width: 15px;
                height: auto;
                z-index: 2;
                filter: drop-shadow(0 0 10px #fffdef);
            }

            .vip-rank:hover img.star-2 {
                position: absolute;
                top: 80%;
                left: 20%;
                width: 25px;
                height: auto;
                z-index: 2;
                filter: drop-shadow(0 0 10px #fffdef);
            }

            .vip-rank:hover img.star-3 {
                position: absolute;
                top: 0%;
                left: 30%;
                width: 15px;
                height: auto;
                z-index: 2;
                filter: drop-shadow(0 0 10px #fffdef);
            }

            .vip-rank:hover img.star-4 {
                position: absolute;
                top: 149%;
                left: 30%;
                width: 5px;
                height: auto;
                z-index: 2;
                filter: drop-shadow(0 0 10px #fffdef);
            }

            .vip-rank:hover img.star-5 {
                position: absolute;
                top: 157%;
                left: 63%;
                width: 11px;
                height: auto;
                filter: drop-shadow(0 0 10px #fffdef);
                z-index: 2;
            }

            /* */

            .casino_search-widget .new-skin-modal-mask .casino-search-modal-wrapper .search-casino-results .loader-container>div,
            .loader-container.tiles div {
                display: grid;
                gap: 24px;
            }

            #vip-progress .referral-link #komp-vip-progress-tier-icon {
                width: 160px;
                height: 160px;
                max-width: 160px;
                max-height: 160px;
            }

            #vip-progress .referral-link .komp-next-tier-progress {
                padding-left: 17%;
            }

            #vip-progress .referral-link .komp-next-tier-progress .komp-vip-next-tier-text {
                padding: 0;
            }

            #vip-progress .referral-link .p-1 .col-10 {
                display: flex;
                flex-direction: column;
                justify-content: end;
            }

            #vip-progress .referral-link .p-1 .col-10 .komp-vip-text,
            #vip-progress .referral-link .p-1 .col-10 .komp-vip-xp {
                padding-left: 0;
                padding-right: 0;
            }

            #vip-progress .komp-progress {
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a:hover i.deposits:before,
            #app_header.main-header-container .nm-widget.menuw .nav-item a.active i.deposits:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/icons/depositbankActive.svg);
            }

            #app_header.main-header-container .nm-widget.menuw .nav-item a i.deposits:before {
                background-image: url(https://alpha-static.gpfront.com/DOSRLL/images/icons/depositbank.svg);
            }

            .right-align .right-item-wrapper .loggedin .category-mobile {
                display: none;
            }

            .right-align .right-item-wrapper .loggedin .category-mobile li a span {
                display: none;
            }

            /* live chat button */

            header .live-chat {
                position: absolute;
                bottom: -90dvh;
                right: 3dvh;
            }

            header .live-chat .live-chat-content {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                width: 55px;
                height: 55px;
                border: none;
                border-radius: 50%;
                cursor: pointer;
                position: relative;
                overflow: hidden;
                transition-duration: .3s;
                background: var(--Button_Buttin, linear-gradient(180deg, #F8D248 0%, #F07D00 34.09%, #F07D00 51.7%, #F07D00 69.89%, #F07D00 100%));
            }

            header .live-chat .live-chat-content .live-chat-icon {
                width: 100%;
                transition-duration: .3s;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            header .live-chat .live-chat-content .live-chat-icon img {
                width: 28px;
            }

            header .live-chat .live-chat-content span {
                position: absolute;
                right: 0%;
                width: 0%;
                opacity: 0;
                color: var(--night-rider);
                font-size: 12px;
                font-weight: 500;
                text-wrap: nowrap;
                transition-duration: .3s;
            }

            header .live-chat:hover .live-chat-content,
            header .live-chat.active .live-chat-content {
                width: 125px;
                border-radius: 22px;
                transition-duration: .3s;
                background: linear-gradient(132deg, #3D4C82 14.48%, #43609B 83.43%);
            }

            header .live-chat:hover .live-chat-content .live-chat-icon,
            header .live-chat.active .live-chat-content .live-chat-icon {
                width: 30%;
                transition-duration: .3s;
                padding-left: 14px;
            }

            header .live-chat:hover .live-chat-content span,
            header .live-chat.active .live-chat-content span {
                opacity: 1;
                width: 70%;
                transition-duration: .3s;
            }

            #onlinehelp-container div div:last-child {
                display: none;
            }

            /* end live chat */

            /* Filter Dropdown Arrow*/

            section menu.with-caret .fa-caret-up {
                margin-top: -28px !important;
            }

            /*  End Filter Dropdown Arrow*/