/*Variables*/
:root {
    --bg-body                : #F4FAFF;
    --bg-top-header          : #061249;
    --bg-top-menu            : linear-gradient(#05207b66 0%, #05207b99 30.29%, #05207b00 81.08%);
    --bg-top-menu-hover      : linear-gradient(#05207b80 0%, #05207bb3 30.29%, #05207b00 81.08%), linear-gradient(#05207b00 20.14%, #05207bb3 71.43%, #05207b80 100%);
    --bg-language-hover      : linear-gradient(#2871f699 50%, #2871f600 100%);
    --bg-thumbnail-overlay   : #FF8503CC;
    --bg-see-all             : #041759;
    --bg-see-all-shadow      : linear-gradient(#fff0 0%, #fbfdffbf 51.04%, #f5faff 93.75%);
    --bg-dropdown-arrow      : #1437AE;
    --bg-events-item-hover   : #2871F6;
    --bg-accordion-open      : #F0F6FE;
    --bg-menu-nav            : #061249;
    --bg-footer-mobile-header: #00155E;
    --bg-footer-mobile       : #000148;
    --bg-balance-hover       : linear-gradient(#05207b, #05207b);
    --bg-userprofile-bonus   : #F7EBDF;
    --bg-general-input       : #D2E2FC;

    --color-body                   : #262626;
    --color-blue                   : #05207B;
    --color-blue-hover             : #103CAF;
    --color-footer-menu            : #5F678A;
    --color-primary                : #FF8200;
    --color-primary-hover          : #FBB369;
    --color-search-icon            : #052D76;
    --color-input-placeholder      : #9797C6;
    --color-input-modal-placeholder: #C6C6C6;
    --color-footer-mobile-header   : #9797C6;
    --color-profile-icon           : #5C99F9;
    --color-profile-icon-hover     : #82B0F9;
    --color-nav-tab                : #CCCCCC;
    --color-subnav-tab             : #84B0F9;

    --clip-path-thumbnail            : polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
    --clip-path-small                : polygon(3px 8px, 11px 0, calc(100% - 5px) 0, calc(100% - 1px) 7px, calc(100% - 4px) calc(100% - 7px), calc(100% - 11px) 100%, 5px 100%, 1px calc(100% - 7px), 3px 8px, 5px 8px, 3px calc(100% - 7px), 6px calc(100% - 2px), calc(100% - 11px) calc(100% - 2px), calc(100% - 6px) calc(100% - 7px), calc(100% - 3px) 7px, calc(100% - 6px) 2px, 11px 2px, 4px 9px);
    --clip-path-small-hover          : polygon(3px 8px, 11px 0, calc(100% - 5px) 0, calc(100% - 1px) 7px, calc(100% - 4px) calc(100% - 7px), calc(100% - 11px) 100%, 5px 100%, 1px calc(100% - 7px));
    --clip-path-see-all              : polygon(7px 14px, 22px 0, calc(100% - 10px) 0, calc(100% - 1px) 14px, calc(100% - 10px) calc(100% - 14px), calc(100% - 22px) 100%, 10px 100%, 1px calc(100% - 14px), 7px 14px, 9px 14px, 3px calc(100% - 14px), 11px calc(100% - 2px), calc(100% - 23px) calc(100% - 2px), calc(100% - 12px) calc(100% - 15px), calc(100% - 3px) 14px, calc(100% - 11px) 2px, 23px 2px, 9px 15px);
    --clip-path-see-all-hover        : polygon(7px 14px, 22px 0, calc(100% - 10px) 0, calc(100% - 1px) 14px, calc(100% - 10px) calc(100% - 14px), calc(100% - 22px) 100%, 10px 100%, 1px calc(100% - 14px));
    --clip-path-home-hero            : polygon(0 12px, 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px));
    --clip-path-form                 : polygon(5px 9px, 13px 0, calc(100% - 5px) 0, calc(100% - 1px) 9px, calc(100% - 5px) calc(100% - 9px), calc(100% - 13px) 100%, 5px 100%, 1px calc(100% - 9px));
    --clip-path-form-button          : polygon(5px 10px, 14px 0, calc(100% - 6px) 0, calc(100% - 1px) 10px, calc(100% - 5px) calc(100% - 10px), calc(100% - 14px) 100%, 6px 100%, 1px calc(100% - 10px));
    --clip-path-events-button        : polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
    --clip-path-events-with-bg       : polygon(10px 0, calc(100% - 5px) 0, 100% 5px, calc(100% - 5px) calc(100% - 5px), calc(100% - 10px) 100%, 5px 100%, 0 calc(100% - 5px), 5px 5px);
    --clip-path-banner-cryto         : polygon(0% 14px, 7px 0, calc(100% - 7px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 14px));
    --clip-path-banner-more-rewards  : polygon(1% 0, 99% 0, 100% 2%, 100% 97%, 99% 100%, 1% 100%, 0 97%, 0 2%);
    --clip-path-side-nav             : polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
    --clip-path-side-nav-open        : polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 0px) 100%, 8px 100%, 0 calc(100% - 0px));
    --clip-path-side-nav-content     : polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
    --clip-path-promotions           : polygon(2% 0, 98% 0, 100% 5%, 100% 95%, 98% 100%, 2% 100%, 0 95%, 0 5%);
    --clip-path-promotions-top       : polygon(1% 0px, 99% 0px, 100% 4%, 100% 96%, 99% 100%, 1% 100%, 0px 96%, 0px 4%);
    --clip-path-promotions-inpage    : polygon(2% 0px, 98% 0px, 100% 6%, 100% 94%, 98% 100%, 2% 100%, 0px 94%, 0px 6%);
    --clip-path-promotions-sidebanner: polygon(15px 0px, calc(100% - 15px) 0px, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0px calc(100% - 15px), 0px 15px);
    --clip-path-promotions-button    : polygon(7px 14px, 22px 0px, calc(100% - 10px) 0px, calc(100% - 1px) 14px, calc(100% - 10px) calc(100% - 14px), calc(100% - 22px) 100%, 10px 100%, 1px calc(100% - 14px));
    --clip-path-tournaments-item     : polygon(4% 0, 96% 0, 100% 8%, 100% 92%, 96% 100%, 4% 100%, 0 92%, 0 8%);

    --box-shadow-accordion: 0 2px 4px #00000024, 0 3px 4px #0000001f, 0 1px 5px #0003;

    --drop-shadow-home-hero: drop-shadow(0 1px 5px #0003)drop-shadow(0 3px 4px #0000001f)drop-shadow(0 2px 4px #00000024);
    --drop-shadow-side-nav : drop-shadow(0 2px 4px #00000024)drop-shadow(0 3px 4px #0000001f)drop-shadow(0 1px 5px #0003);

    --border-modal-userprofile: 1px solid #E0E0E0;

    --icon-display : block;
    --icon-size    : 24px;
    --icon-cover   : cover;
    --icon-contain : contain;
    --icon-repeat  : no-repeat;
    --icon-position: center;

    --font-family          : 'Proxima Nova', Georgia, sans-serif;
    --font-family-bold     : 'proxima_nova_altbold', Georgia, sans-serif;
    --font-family-black    : 'proxima_nova_altblack', Georgia, sans-serif;
    --font-family-Roboto   : 'Roboto', sans-serif;
    --font-family-kr       : 'Noto Sans KR', sans-serif;
    --font-family-jp       : 'Noto Sans JP', sans-serif;
    --font-family-Noto-Sans: 'Noto Sans', sans-serif;

    --input-border   : 2px solid #C6C6C6;
    --input-height   : 53px;
    --input-font-size: 18px;
}

body {
    background-color: var(--bg-body);
    font-family     : var(--font-family) !important;
    color           : var(--color-body) !important;
}

a:hover {
    color: var(--color-body) !important;
}

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

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

#site-loading-icon:before {
    content            : '';
    background-image   : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/loader/BetFlare_Animated_GIF_Preloader.gif);
    background-size    : 110%;
    background-position: center;
    height             : 100%;
    width              : 100%;
    max-width          : 600px;
    max-height         : 200px;
    mix-blend-mode     : screen;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content::-webkit-scrollbar {
    display: block !important;
}

#modernSkin.main-wrapper .scrollY::-webkit-scrollbar {
    width : 4px;
    height: 4px;
}

#modernSkin.main-wrapper .scrollY::-webkit-scrollbar-thumb {
    background: var(--color-primary) !important;
}

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

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

.dropdown .dropdown-menu,
.btn-group .dropdown-menu {
    box-shadow: none;
    filter    : drop-shadow(0 8px 10px #00000024)drop-shadow(0 3px 14px #0000001f)drop-shadow(0 4px 5px #0003);
}

#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 {
    z-index: 1 !important;
}

#modernSkin.main-wrapper .layout-wrapper .header-section {
    height: fit-content !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container {
    justify-content: start !important;
    position       : relative;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container:before {
    content   : '';
    position  : absolute;
    height    : 50px;
    width     : 100%;
    top       : 0;
    left      : 0;
    background: var(--bg-top-header);
    z-index   : -1;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container:after {
    content   : '';
    position  : absolute;
    height    : 50px;
    width     : 100%;
    bottom    : 0;
    left      : 0;
    background: var(--color-blue);
    z-index   : -1;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container {
    height      : 100%;
    flex        : 0 0 326px;
    padding-left: 0 !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.logged-in {
    display: none;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container #brand-logo {
    width: 250px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header {
    justify-content: start !important;
    flex-direction : column;
    padding-right  : 12px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header {
    height         : 50px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    width          : 100%;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul li {
    height: 100%;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul {
    display    : flex;
    align-items: center;
    gap        : 0 8px;
    height     : 100%;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul li a {
    padding    : 0 12px;
    height     : 100%;
    display    : flex;
    align-items: center;
    color      : #FFF;
    background : var(--bg-top-menu);
    font-family: var(--font-family-bold);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul li a:hover,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul li a.active {
    background: var(--bg-top-menu-hover);
}

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

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header {
    display        : flex;
    align-items    : center;
    justify-content: start;
    height         : 50px;
    width          : 100%;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw {
    max-width: 100%;
    margin   : 0;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul {
    display: flex;
}

.nm-widget .login,
.nm-widget.register-w .btn-join {
    margin        : 0;
    height        : 36px;
    width         : fit-content;
    font-size     : 16px;
    padding       : 0 16px;
    text-transform: uppercase;
    position      : relative;
    background    : transparent;
    color         : #FFF;
    transition    : none;
    font-family   : var(--font-family-bold);
}

.nm-widget .login:hover,
.nm-widget.register-w .btn-join:hover {
    background       : #FFF;
    -webkit-clip-path: var(--clip-path-small-hover);
    clip-path        : var(--clip-path-small-hover);
    color            : #000;
}

.nm-widget .login:before,
.nm-widget.register-w .btn-join:before {
    content          : '';
    position         : absolute;
    z-index          : -1;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    background       : #FFF;
    -webkit-clip-path: var(--clip-path-small);
    clip-path        : var(--clip-path-small);
}

.player-information-header .nm-widget.language-w .language-public .language {
    font-size      : 0;
    padding        : 0 12px;
    background     : var(--bg-top-menu) !important;
    clip-path      : var(--clip-path-small-hover);
    height         : 36px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.player-information-header .nm-widget.language-w .language-public .language img {
    width: 18px;
}

.player-information-header .nm-widget.language-w .language-public:hover {
    background-color: transparent;
}

.player-information-header .nm-widget.language-w .language-public .language:hover {
    background: var(--bg-language-hover) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a {
    font-size  : 16px;
    color      : #FFF;
    margin     : 0 15px;
    padding    : 0 4px;
    height     : 100%;
    display    : inline-block;
    font-family: var(--font-family-bold);
    position   : relative;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a:hover,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .top-header .left-align .menuw ul li a:hover {
    color: #FFF !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a i {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
    top      : -11px;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a i::before {
    content            : '';
    background-size    : var(--icon-contain);
    background-repeat  : var(--icon-repeat);
    background-position: var(--icon-position);
    display            : var(--icon-display);
    width              : 46px;
    height             : 46px;
    background-image   : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/star_active_bg.svg);
    opacity            : 0;
    transition         : opacity 0.2s ease-in;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a:hover i::before {
    opacity: 1;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a.active i::before {
    opacity: 0.5;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .main-menu-header .menuw ul li a span {
    position: relative;
}

#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::before {
    background: var(--bg-top-header) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper {
    /* max-width: 1148px !important; */
    position : relative;
    max-width: 1825px !important;
}

/*
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .top-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 24px;
    margin-bottom: 40px;
}
*/

#app_footer .nm-widget.language-w {
    max-width: fit-content;
    margin   : 0;
}

#app_footer .nm-widget.language-w .language-public .language {
    display        : flex;
    align-items    : center;
    justify-content: center;
    gap            : 0 8px;
    height         : 56px;
    width          : 137px;
    background     : var(--color-blue) !important;
    border-radius  : 0;
    text-transform : uppercase;
}

#app_footer .nm-widget.language-w .language-public .language:after {
    display: none;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .top-footer .live-chat button {
    height        : 56px;
    width         : 137px;
    color         : #FFF;
    text-transform: uppercase;
    background    : var(--color-blue);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .top-footer .live-chat button:hover,
#app_footer .nm-widget.language-w .language-public .language:hover {
    background: var(--color-blue-hover) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu {
    margin-bottom: 80px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column h5 {
    font-weight  : 400 !important;
    font-size    : 16px !important;
    margin-bottom: 24px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column .menuw ul li:not(:last-child),
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column a:not(:last-child) {
    margin-bottom: 24px !important;
    line-height  : normal;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column a {
    font-size  : 12px !important;
    font-weight: 400 !important;
    color      : var(--color-footer-menu) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu .menu-column a:hover {
    color: var(--color-primary) !important;
}

#app_footer .footer-wrapper .footer-menu #oddsDropdownMenu {
    background: transparent;
    border    : 0;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter {
    padding-top: 35px !important;
    color      : var(--color-footer-menu) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter .payment-methods {
    display        : flex;
    align-items    : center;
    justify-content: center;
    gap            : 0 10px;
    margin-bottom  : 40px;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter .payment-methods .payment-methods-item {
    width          : 76px;
    height         : 40px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : var(--color-blue);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter .payment-methods .payment-methods-item a {
    width          : 100%;
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter .payment-methods .payment-methods-item img {
    max-width: 85%;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter .legal-age-wrapper {
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin-bottom  : 40px;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter .copyright-container p {
    line-height: normal;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .subfooter .copyright-container p:first-child {
    margin-bottom: 20px;
}

/*Content*/
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content {
    padding: 20px 42px 0 !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper,
.nm-widget {
    max-width: 1830px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.digitain-esports {
    margin-top: -10px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer::before {
    left : -42px !important;
    width: calc(100% + 84px) !important;
}

.scroll-wrapper .home-hero {
    margin-top         : -20px;
    width              : calc(100% + 84px);
    height             : 420px;
    margin-left        : -42px;
    display            : flex;
    align-items        : center;
    justify-content    : space-between;
    padding            : 0 100px;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: top center;
    z-index            : 1;
    position           : relative;
}

.scroll-wrapper .home-hero .video-overlay {
    position: absolute;
    height  : 100%;
    width   : 100%;
    top     : 0;
    left    : 0;
    z-index : -1;
}

.scroll-wrapper .home-hero .video-overlay video {
    height    : 100%;
    width     : 100%;
    object-fit: fill;
}

.scroll-wrapper .home-hero .call-to-actions {
    margin-left: 26px;
}

.scroll-wrapper .home-hero .call-to-actions h3 {
    color         : var(--color-blue);
    font-size     : 28px;
    line-height   : 36px;
    text-transform: uppercase;
    font-weight   : 900;
    font-family   : var(--font-family-Roboto);
    font-style    : italic;
    text-shadow   : 2px 2px #fff, -2px -2px #fff, -2px 2px #fff, 2px -2px #fff;
    text-align    : center;
}

.scroll-wrapper .home-hero .deposit-play {
    width   : 440px;
    padding : 16px 12px;
    filter  : var(--drop-shadow-home-hero);
    position: relative;
    margin  : 40px 0;
}

.scroll-wrapper .home-hero .deposit-play:before {
    content          : '';
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    background       : #FFF;
    -webkit-clip-path: var(--clip-path-home-hero);
    clip-path        : var(--clip-path-home-hero);
}

.scroll-wrapper .home-hero #bonusDetailsDropdownButton {
    width            : 100%;
    white-space      : normal;
    background       : var(--color-blue);
    border-radius    : 0;
    padding          : 8px 76px 12px 12px;
    color            : var(--color-primary);
    text-transform   : uppercase;
    font-family      : var(--font-family-Roboto);
    font-weight      : 900;
    font-size        : 26px;
    line-height      : 26px;
    text-align       : left;
    font-style       : italic;
    -webkit-clip-path: var(--clip-path-home-hero);
    clip-path        : var(--clip-path-home-hero);
    text-shadow      : 0 1px 10px #0003, 0 4px 5px #0000001f, 0 2px 4px #00000024;
}

.scroll-wrapper .home-hero #bonusDetailsDropdownButton span,
#modernSkin .scroll-wrapper .home-hero .bonus-details-dropdown .dropdown-menu .dropdown-item span {
    display      : inline-block;
    color        : #FFF;
    margin-bottom: 4px;
    font-size    : 18px;
    width        : 100%;
    text-align   : left;
    line-height  : 18px;
    font-weight  : 500;
    font-style   : normal;
}

.scroll-wrapper .home-hero #bonusDetailsDropdownButton:after {
    position : absolute;
    right    : 30px;
    top      : 50%;
    transform: translateY(-50%);
    color    : #D1CEFF;
    margin   : 0;
}

.scroll-wrapper .home-hero #bonusDetailsDropdownButton:before {
    content          : '';
    position         : absolute;
    right            : 12px;
    top              : 50%;
    transform        : translateY(-50%);
    height           : 40px;
    width            : 50px;
    background-color : var(--bg-dropdown-arrow);
    -webkit-clip-path: var(--clip-path-small);
    clip-path        : var(--clip-path-small);
}

#modernSkin .scroll-wrapper .home-hero .bonus-details-dropdown .dropdown-menu {
    top              : 16px !important;
    width            : calc(100% + 24px);
    left             : -12px !important;
    border-radius    : 0 !important;
    padding          : 0 12px !important;
    background-color : #FFF !important;
    -webkit-clip-path: var(--clip-path-home-hero);
    clip-path        : var(--clip-path-home-hero);
}

#modernSkin .scroll-wrapper .home-hero .bonus-details-dropdown .dropdown-menu .dropdown-item {
    width            : 100%;
    white-space      : normal;
    background       : var(--bg-general-input);
    padding          : 10px 12px 12px !important;
    color            : var(--color-blue);
    text-transform   : uppercase;
    font-family      : var(--font-family-Roboto);
    font-weight      : 900;
    font-size        : 26px !important;
    line-height      : 26px;
    text-align       : left;
    font-style       : italic;
    -webkit-clip-path: var(--clip-path-home-hero);
    clip-path        : var(--clip-path-home-hero);
    min-height       : 103px;
    margin-bottom    : 16px !important;
    display          : flex;
    flex-direction   : column;
    align-items      : start;
    justify-content  : center;
}

#modernSkin .scroll-wrapper .home-hero .bonus-details-dropdown .dropdown-menu .dropdown-item:hover {
    background: var(--color-blue) !important;
}

#modernSkin .scroll-wrapper .home-hero .bonus-details-dropdown .dropdown-menu .dropdown-item span {
    color: var(--color-primary);
}

.scroll-wrapper .home-hero form {
    margin-top: 18px;
}

.scroll-wrapper .home-hero .form-group {
    margin-bottom: 0;
    position     : relative;
    display      : flex;
    align-items  : center;
    gap          : 0 8px;
}

.scroll-wrapper .home-hero .form-group:before {
    content          : '';
    position         : absolute;
    left             : 0;
    width            : 314px;
    height           : 56px;
    background       : var(--color-blue);
    -webkit-clip-path: var(--clip-path-form);
    clip-path        : var(--clip-path-form);
}

.scroll-wrapper .home-hero .form-group:after {
    content          : '';
    position         : absolute;
    right            : 0;
    width            : 102px;
    height           : 56px;
    background       : var(--color-blue);
    -webkit-clip-path: var(--clip-path-form);
    clip-path        : var(--clip-path-form);
}

.scroll-wrapper .home-hero .form-group input {
    height     : 52px;
    width      : 310px;
    text-align : center;
    position   : relative;
    color      : var(--color-blue);
    font-size  : 32px;
    font-family: var(--font-family-bold);
    clip-path  : var(--clip-path-form);
    margin-left: 2px;
}

.scroll-wrapper .home-hero .form-group input:focus {
    outline: none;
}

.scroll-wrapper .home-hero .form-group input[type=number]::-webkit-inner-spin-button,
.scroll-wrapper .home-hero .form-group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    margin            : 0;
}

.scroll-wrapper .home-hero .form-group .currency-dropdown {
    margin-left: -4px;
    z-index    : 1;
}

.scroll-wrapper .home-hero .form-group #currencyBonusdropdownButton {
    width          : 98px;
    height         : 52px;
    clip-path      : var(--clip-path-form);
    background     : #FFF;
    color          : var(--color-blue);
    padding        : 0 20px;
    display        : flex;
    align-items    : center;
    justify-content: space-around;
    font-size      : 18px;
    font-family    : var(--font-family-bold);
}

#modernSkin .scroll-wrapper .home-hero .form-group .currency-dropdown .dropdown-menu,
#modernSkin .nm-widget.language-w .language-public .dropdown-menu {
    min-width       : fit-content;
    background-color: #FFF !important;
    border          : 1px solid var(--color-blue);
    border-radius   : 10px;
    overflow        : hidden;
}

#modernSkin .scroll-wrapper .home-hero .form-group .currency-dropdown .dropdown-menu .dropdown-item,
#modernSkin .nm-widget.language-w .language-public .dropdown-menu .dropdown-item {
    min-width      : max-content;
    color          : var(--color-blue) !important;
    font-family    : var(--font-family-bold);
    padding        : 8px 16px !important;
    justify-content: start;
    display        : flex;
    align-items    : center;
}

#modernSkin .scroll-wrapper .home-hero .form-group .currency-dropdown .dropdown-menu .dropdown-item:hover,
#modernSkin .nm-widget.language-w .language-public .dropdown-menu .dropdown-item:hover {
    background: var(--color-blue-hover);
    color     : #FFF !important;
}

.scroll-wrapper .home-hero .form-button {
    position  : relative;
    margin-top: 16px;
    height    : 68px;
    width     : 100%;
    filter    : drop-shadow(0 10px 20px #1b1d2f33);
}

.scroll-wrapper .home-hero .form-button a {
    display: inline-block;
    height : 100%;
    width  : 100%;
}

.scroll-wrapper .home-hero .form-button a button {
    width            : 100%;
    height           : 100%;
    background       : var(--color-primary);
    -webkit-clip-path: var(--clip-path-form-button);
    clip-path        : var(--clip-path-form-button);
    font-size        : 28px;
    text-transform   : uppercase;
    font-family      : var(--font-family-bold);
}

.scroll-wrapper .home-hero .form-button a button:hover {
    background: var(--color-primary-hover);
    transition: 0.2s all ease-in;
}

.scroll-wrapper .home-hero .payment-methods {
    position       : relative;
    display        : flex;
    margin-top     : 16px;
    align-items    : center;
    justify-content: center;
    gap            : 0 16px;
}

.scroll-wrapper .home-hero .payment-methods img {
    max-height: 16px;
    cursor    : pointer;
}

.scroll-wrapper .home-hero .call-to-actions a.terms {
    display        : inline-block;
    width          : 100%;
    text-align     : center;
    color          : #FFF;
    font-size      : 16px;
    font-family    : var(--font-family-bold);
    text-decoration: underline;
}

.scroll-wrapper .home-hero .call-to-actions a.terms:hover {
    color: #FFF !important;
}

.scroll-wrapper .home-hero .events-links,
.category-page-flex .events-links {
    display : grid;
    grid-gap: 24px 0;
}

.scroll-wrapper .home-hero .events-item,
.category-page-flex .events-item {
    padding : 10px 30px 10px 64px;
    position: relative;
}

.scroll-wrapper .home-hero .events-item:before,
.category-page-flex .events-item:before {
    content          : '';
    position         : absolute;
    width            : 100%;
    height           : 100%;
    right            : 0;
    top              : 0;
    background       : var(--color-blue-hover);
    -webkit-clip-path: var(--clip-path-events-button);
    clip-path        : var(--clip-path-events-button);
    z-index          : -1;
}

.scroll-wrapper .home-hero .events-item:hover::before,
.category-page-flex .events-item:hover::before {
    background: var(--bg-events-item-hover);
}

.scroll-wrapper .home-hero .events-item img,
.category-page-flex .events-item img {
    position  : absolute;
    width     : 91px;
    height    : 87px;
    left      : -40px;
    z-index   : 3;
    filter    : drop-shadow(2px 4px 6px black);
    object-fit: contain;
}

.scroll-wrapper .home-hero .events-item a,
.category-page-flex .events-item a {
    color      : #FFF;
    font-family: var(--font-family-Roboto)
}

.scroll-wrapper .home-hero .events-item a:hover,
.category-page-flex .events-item a:hover {
    text-decoration: none;
    color          : #FFF !important;
}

.scroll-wrapper .home-hero .events-item .tag-section,
.category-page-flex .events-item .tag-section {
    font-size     : 18px;
    font-weight   : 900;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    font-style    : italic;
    margin-bottom : 10px;
    display       : flex;
    align-items   : center;
}

.scroll-wrapper .home-hero .events-item:hover .tag-section,
.category-page-flex .events-item:hover .tag-section {
    color: var(--color-blue-hover);
}

.scroll-wrapper .home-hero .events-item .tag-section span.with-bg,
.category-page-flex .events-item .tag-section span.with-bg {
    letter-spacing   : normal;
    color            : var(--color-blue-hover);
    margin-right     : 12px;
    padding          : 6px 8px;
    background       : #FFF;
    -webkit-clip-path: var(--clip-path-events-with-bg);
    clip-path        : var(--clip-path-events-with-bg);
    line-height      : 1;
}

.scroll-wrapper .home-hero .events-item a h4,
.category-page-flex .events-item a h4 {
    font-family        : var(--font-family-Roboto);
    font-size          : 40px;
    font-weight        : 900;
    text-transform     : uppercase;
    -webkit-text-stroke: 2px #061249;
    font-style         : italic;
    line-height        : 1;
}

.nm-widget .game-lobby-header {
    margin-bottom: 10px !important;
}

.category-page.casino-games .category-page-game-lobby h5 {
    font-family : Fortusnova Bolditalic;
    color       : var(--color-blue) !important;
    font-size   : 36px !important;
    position    : absolute;
    z-index     : 1;
    padding-left: 27px;
    padding-top : 20px;
}

.category-page.casino-games .nm-widget .game-lobby-header .header-container h5 {
    display: none;
}

.nm-widget .game-lobby-header .header-container h5 {
    font-family: Fortusnova Bolditalic;
    color      : var(--color-blue) !important;
    font-size  : 36px !important;
}

.nm-widget .game-lobby-header .header-container i {
    margin-right : -77px !important;
    margin-bottom: 9px;
}

.nm-widget .game-lobby-header .header-container i:before {
    content          : '';
    height           : 69px;
    width            : 103px;
    display          : inline-block;
    background-image : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/star.png);
    background-size  : cover;
    background-repeat: no-repeat;
}

.orientation-tiles {
    margin-bottom: 58px;
}

.orientation-tiles .game-lobby-wrapper {
    margin-top: 40px;
}

.orientation-tiles .game-lobby-renderer.horizontal,
.orientation-tiles .loader-container.horizontal div {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-flow       : row;
    grid-auto-columns    : auto;
    gap                  : 20px 10px;
}

.orientation-tiles .loader-container.horizontal div {
    width: 100%;
}

.orientation-tiles .game-lobby-renderer.horizontal:before {
    content       : '';
    position      : absolute;
    bottom        : 0;
    width         : 100%;
    left          : 0;
    background    : var(--bg-see-all-shadow);
    height        : 219px;
    z-index       : 1;
    pointer-events: none;
}

.game-lobby-renderer .game-lobby-renderer-card,
.loader-container div svg {
    -webkit-clip-path: var(--clip-path-thumbnail);
    clip-path        : var(--clip-path-thumbnail);
}

.game-lobby-renderer .game-lobby-renderer-card:hover {
    transform: none !important;
}

.game-lobby-renderer .game-lobby-renderer-card::before {
    content   : '';
    position  : absolute;
    height    : 100%;
    width     : 100%;
    background: transparent;
    z-index   : -1;
    transition: 0.1s all ease-in;
    top       : 0;
    left      : 0;
}

.game-lobby-renderer .game-lobby-renderer-card:hover::before {
    background: #FFFFFFCC;
    z-index   : 1;
}

.game-lobby-renderer .game-lobby-renderer-card:not(.see-all-card) a {
    padding-top: 151.5% !important;
}

.game-lobby-renderer .game-lobby-renderer-card.see-all-card a {
    cursor: pointer;
}

/*.game-lobby-renderer .game-lobby-renderer-card img {
    box-shadow: none !important;
    position: relative !important;
}*/
.game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons {
    display        : flex !important;
    height         : 100%;
    align-items    : center;
    justify-content: center;
    z-index        : 4;
    opacity        : 0;
    transition     : 0.1s opacity ease-in;
}

.game-lobby-renderer .game-lobby-renderer-card:hover .game-lobby-renderer-card-buttons {
    opacity: 1;
}

.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.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/play-icon.png);
    height          : 70px;
    width           : 70px;
    background-size : cover;
}

.game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(2) {
    position       : absolute;
    bottom         : 52px;
    font-size      : 16px;
    color          : var(--color-blue);
    font-weight    : 700;
    text-decoration: underline;
}

.orientation-tiles .game-lobby-slider-container {
    display: none;
}

.orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
    position         : absolute;
    bottom           : -34px;
    left             : 50%;
    transform        : translateX(-50%);
    background       : transparent;
    box-shadow       : none;
    height           : 64px;
    width            : fit-content;
    padding          : 0 30px;
    -webkit-clip-path: var(--clip-path-see-all-hover);
    clip-path        : var(--clip-path-see-all-hover);
    z-index          : 2;
}

.orientation-tiles .game-lobby-renderer-card.see-all-card:after {
    content          : '';
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    background       : var(--bg-see-all);
    -webkit-clip-path: var(--clip-path-see-all);
    clip-path        : var(--clip-path-see-all);
}

.orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .carousel-control-next-icon {
    display: none;
}

.orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
    margin     : 0;
    font-size  : 28px;
    color      : var(--color-blue);
    font-family: var(--font-family-black);
}

.orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card:before {
    display: none;
}

.orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card:hover {
    background: var(--color-primary);
    transform : translateX(-50%) !important;
}

.orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card:hover::after {
    background: var(--color-primary);
}

.orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card:hover a .see-all-container .see-all-label {
    color: #FFF;
}

.home-banner,
.home-accordion {
    display   : inline-block;
    margin-top: 40px;
    width     : 100%;
}

.buy-crypto-banner .buy-crypto-wrapper {
    display            : flex;
    align-items        : center;
    justify-content    : end;
    background-image   : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/banner/Payko-Banner.png);
    background-position: center;
    background-size    : cover;
    -webkit-clip-path  : var(--clip-path-banner-cryto);
    clip-path          : var(--clip-path-banner-cryto);
    padding            : 17px 50px;
}

.buy-crypto-banner .buy-crypto-wrapper h4 {
    font-size     : 28px;
    color         : #FFF;
    text-transform: uppercase;
    font-family   : var(--font-family-black);
}

.buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods {
    display        : flex;
    align-items    : center;
    justify-content: center;
    gap            : 0 25px;
}

.buy-crypto-banner .buy-crypto-wrapper .crypto-payment-methods img {
    height: 50px;
}

.buy-crypto-banner .buy-crypto-wrapper .crypto-button button,
.more-rewards-wrapper .more-rewards-details button,
.champions-cup-wrapper .champions-cup-details button,
.category-page-header .category-page-flex .create-account-banner button,
.category-page-banner .weekly-challenges .details-section button,
.modal-body form .form-group button,
.modal-body .form .form-group button {
    font-size     : 24px;
    padding       : 0 30px;
    height        : 68px;
    font-family   : var(--font-family-bold);
    text-transform: uppercase;
    position      : relative;
    width         : fit-content;
}

.buy-crypto-banner .buy-crypto-wrapper .crypto-button button:hover,
.more-rewards-wrapper .more-rewards-details button:hover,
.champions-cup-wrapper .champions-cup-details button:hover,
.category-page-banner .weekly-challenges .details-section button:hover,
.modal-body form .form-group button:hover,
.modal-body .form .form-group button:hover {
    filter: drop-shadow(0 5px 20px #FF820033)drop-shadow(0 -5px 20px #FF820033);
}

.buy-crypto-banner .buy-crypto-wrapper .crypto-button button:before,
.more-rewards-wrapper .more-rewards-details button:before,
.champions-cup-wrapper .champions-cup-details button:before,
.category-page-banner .weekly-challenges .details-section button:before,
.modal-body form .form-group button:before,
.modal-body .form .form-group button:before {
    content          : '';
    position         : absolute;
    width            : 100%;
    height           : 100%;
    left             : 0;
    top              : 0;
    background       : var(--color-primary);
    z-index          : -1;
    -webkit-clip-path: var(--clip-path-see-all-hover);
    clip-path        : var(--clip-path-see-all-hover);
}

.more-rewards-wrapper {
    -webkit-clip-path: var(--clip-path-banner-more-rewards);
    clip-path        : var(--clip-path-banner-more-rewards);
}

.more-rewards-wrapper img {
    width: 100%;
}

.more-rewards-wrapper img.mobile-banner,
.champions-cup-wrapper img.mobile-banner {
    display: none;
}

.more-rewards-wrapper .more-rewards-details {
    width     : 600px;
    text-align: center;
    display   : none;
}

.more-rewards-wrapper .more-rewards-details p {
    font-size     : 32px;
    text-transform: uppercase;
    color         : #FFF;
    letter-spacing: .2em;
    margin-bottom : 32px;
    line-height   : 40px;
}

.more-rewards-wrapper .more-rewards-details h1 {
    margin-bottom : 60px;
    font-size     : 104px;
    font-weight   : 900;
    line-height   : 104px;
    text-transform: uppercase;
    font-style    : italic;
    color         : #FFF;
    font-family   : var(--font-family-Roboto);
}

.more-rewards-wrapper .more-rewards-details button {
    font-size: 28px;
}

.champions-cup-wrapper {
    -webkit-clip-path: var(--clip-path-events-button);
    clip-path        : var(--clip-path-events-button);
}

.champions-cup-wrapper img {
    width: 100%;
}

.champions-cup-wrapper .champions-cup-details {
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-direction : column;
    width          : 66%;
    display        : none;
}

.champions-cup-wrapper .champions-cup-details h3 {
    color         : #fff;
    text-transform: uppercase;
    margin-bottom : 24px;
    font-size     : 48px;
    line-height   : 58px;
    font-family   : var(--font-family-bold);
}

.champions-cup-wrapper .champions-cup-details h1 {
    font-size    : 160px;
    color        : #FFF;
    font-family  : var(--font-family-Roboto);
    font-weight  : 900;
    font-style   : italic;
    line-height  : 1;
    margin-bottom: 48px;
}

.champions-cup-wrapper .champions-cup-details button {
    font-size: 32px;
    height   : 88px;
}

.accordion-container {
    margin-bottom: 20px;
    box-shadow   : var(--box-shadow-accordion);
}

.accordion-container .accordion {
    color           : var(--color-blue);
    text-align      : center;
    cursor          : pointer;
    background-color: #fff;
    padding         : 30px 68px 30px 32px;
    font-size       : 24px;
    font-family     : var(--font-family-bold);
    line-height     : 24px;
    width           : 100%;
    position        : relative;
}

.accordion-container .accordion.active {
    background : var(--bg-accordion-open);
    color      : var(--color-blue-hover);
    height     : auto;
    position   : relative;
    overflow   : visible;
    white-space: pre-wrap;
}

.accordion-container .accordion i {
    color     : var(--color-blue-hover);
    position  : absolute;
    right     : 32px;
    transition: 0.2s all ease-in;
}

.accordion-container .accordion.active i {
    transform: rotate(-180deg);
}

.accordion-container .panel {
    padding   : 20px 32px 32px;
    background: #FFF;
}

.accordion-container .panel p {
    font-size  : 16px;
    font-weight: 700;
    line-height: 20px;
}

.accordion-container .panel table {
    border-collapse: collapse;
    width          : 100%;
    margin         : 10px 0;
    display        : inline-table;
}

.accordion-container .panel td,
.accordion-container .panel th {
    border    : var(--input-border);
    text-align: left;
    padding   : 8px;
}

.accordion-container .panel th {
    background: var(--bg-general-input);
    color     : var(--color-blue);
}

.accordion-container .panel tr:nth-child(even) {
    background-color: var(--bg-body);
}

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

#modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content .scroll-wrapper,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.digitain-esports {
    max-width  : calc(100% + 84px) !important;
    width      : calc(100% + 84px) !important;
    margin-left: -42px !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content .nm-widget,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .nm-widget.digitain-sports-stage-container {
    max-width: calc(100% + 84px) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content .scroll-wrapper .home-accordion,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.digitain-esports .home-accordion {
    padding: 0 42px;
}

.category-page-header {
    margin-top : -20px;
    width      : calc(100% + 84px);
    margin-left: -42px;
    position   : relative;
    max-height : 580px;
    overflow   : hidden;
}

.carousel-control-prev {
    width         : fit-content;
    left          : auto;
    right         : 104px;
    align-items   : end;
    padding-bottom: 24px;
}

.carousel-control-next {
    width         : fit-content;
    right         : 48px;
    align-items   : end;
    padding-bottom: 24px;
}

.category-page-header .category-page-flex {
    position       : absolute;
    top            : 104px;
    z-index        : 1;
    width          : 100%;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    padding        : 0 100px;
}

.category-page-header .category-page-flex .create-account-banner {
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

.category-page-header .category-page-flex .create-account-banner h5 {
    font-size     : 28px;
    font-weight   : 900;
    line-height   : 100%;
    color         : #FFF;
    text-transform: uppercase;
    font-family   : var(--font-family-Roboto);
    font-style    : italic;
    margin-bottom : 6px;
}

.category-page-header .category-page-flex .create-account-card {
    min-width        : 415px;
    padding          : 66px 20px 40px;
    text-align       : center;
    background       : var(--color-blue);
    color            : #FFF;
    font-family      : var(--font-family-Roboto);
    font-weight      : 900;
    font-style       : italic;
    text-transform   : uppercase;
    position         : relative;
    -webkit-clip-path: var(--clip-path-events-button);
    clip-path        : var(--clip-path-events-button);
}

.category-page-header .category-page-flex .create-account-card:before {
    content        : '';
    background     : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/hero-section/freespin_bg.png);
    background-size: cover;
    display        : inline-block;
    position       : absolute;
    width          : 100%;
    height         : 100%;
    bottom         : 0;
    right          : 0;
    z-index        : -1;
}

.category-page-header .category-page-flex .create-account-card p {
    font-size    : 16px;
    line-height  : 16px;
    margin-bottom: 5px;
    text-shadow  : 2px 2px 2px black;
}

.category-page-header .category-page-flex .create-account-card h2 {
    font-size  : 42px;
    text-shadow: 2px 2px 2px black;
}

.category-page-header .category-page-flex .create-account-banner button {
    font-size        : 32px;
    font-family      : var(--font-family-black);
    background       : var(--color-blue-hover);
    -webkit-clip-path: var(--clip-path-form-button);
    clip-path        : var(--clip-path-form-button);
    color            : #FFF;
}

.category-page-header .category-page-flex .create-account-banner button:hover {
    background: var(--color-profile-icon);
}

.category-page-content {
    display              : grid;
    grid-template-columns: 200px 1fr;
    justify-content      : space-between;
    grid-gap             : 0 20px;
    padding-top          : 40px;
}

.category-page-content.casino-games {
    padding-top: 20px;
}

#modernSkin .category-page-sidenav .casino_search-widget .modal-trigger-wrapper {
    margin: 0 0 8px 0;
    height: 44px;
    filter: var(--drop-shadow-side-nav);
}

#modernSkin .category-page-sidenav .casino_search-widget .modal-trigger-wrapper .search-button-field {
    width: 100%;
}

#modernSkin .category-page-sidenav .casino_search-widget .modal-trigger-wrapper .search-button-field:hover {
    transform: none;
}

#modernSkin .category-page-sidenav .casino_search-widget .modal-trigger-wrapper .search-button-field i {
    filter   : invert(67%)sepia(4%)saturate(840%)hue-rotate(181deg)brightness(105%)contrast(90%);
    z-index  : 1;
    font-size: 16px;
}

#modernSkin .category-page-sidenav .casino_search-widget .modal-trigger-wrapper .search-button-field:hover i {
    filter: none;
    color : var(--color-search-icon);
}

#modernSkin .category-page-sidenav .casino_search-widget .modal-trigger-wrapper .search-button-field button {
    background       : #FFF;
    color            : var(--color-input-placeholder);
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
    font-size        : 15px;
    padding-left     : 40px;
}

#modernSkin .category-page-sidenav .casino_search-widget .modal-trigger-wrapper .search-button-field:hover button {
    background: var(--bg-accordion-open);
}

.category-page-sidenav#ko {
    display: none;
}

.category-page-sidenav .category-page-nav {
    filter: var(--drop-shadow-side-nav);
}

.category-page-sidenav .category-page-nav label {
    margin-bottom: 8px;
    height       : 44px;
    width        : 100%;
}

.category-page-sidenav .category-page-nav label .button {
    height           : 100%;
    width            : 100%;
    background       : #FFF;
    display          : flex;
    align-items      : center;
    justify-content  : space-between;
    padding          : 0 16px;
    cursor           : pointer;
    transition       : all 0.2s ease-in-out;
    font-family      : var(--font-family-Roboto);
    text-transform   : uppercase;
    font-size        : 18px;
    font-style       : italic;
    font-weight      : 900;
    line-height      : 100%;
    color            : var(--color-blue);
    box-shadow       : 0 -1px #f0f6fe, 1px -1px #f0f6fe, 1px 0 #f0f6fe, 1px 1px #f0f6fe, 0 1px #f0f6fe, -1px 1px #f0f6fe, -1px 0 #f0f6fe, -1px -1px #f0f6fe;
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
}

.category-page-sidenav .category-page-nav label .button:hover {
    opacity: 0.8;
}

.category-page-sidenav .category-page-nav label .button i {
    font-size  : 20px;
    text-shadow: none;
}

.category-page-sidenav #jackpotsNavKo:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav .category-page-nav .content {
    max-height       : 0;
    overflow         : hidden;
    box-sizing       : border-box;
    height           : fit-content;
    background       : #FFF;
    -webkit-clip-path: var(--clip-path-side-nav-content);
    clip-path        : var(--clip-path-side-nav-content);
    transition       : max-height 0.2s ease-in-out;
}

.category-page-sidenav .category-page-nav .content .menuw {
    border-top: 1px solid #e0e0e0;
}

.category-page-sidenav .category-page-nav .content .nav-item a {
    height        : 44px;
    font-size     : 14px;
    line-height   : 20px;
    display       : flex;
    align-items   : center;
    text-transform: uppercase;
    padding       : 0 16px 0 10px;
    font-family   : var(--font-family-bold);
    font-weight   : 700;
}

.category-page-sidenav .category-page-nav .content .nav-item a:hover {
    background     : var(--bg-accordion-open);
    color          : var(--color-blue-hover) !important;
    text-decoration: none;
}

.category-page-sidenav #casinoNavEn:checked~.casinoNavContentEn {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #liveCasinoNavEn:checked~.liveCasinoNavContentEn {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #jackpotsNavEn:checked~.jackpotsNavContentEn {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #casinoNavEn:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #casinoNavEn:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #liveCasinoNavEn:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #liveCasinoNavEn:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #jackpotsNavEn:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #jackpotsNavEn:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #casinoNavKo:checked~.casinoNavContentKo {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #liveCasinoNavKo:checked~.liveCasinoNavContentKo {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #jackpotsNavKo:checked~.jackpotsNavContentKo {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #casinoNavKo:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #casinoNavKo:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #liveCasinoNavKo:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #liveCasinoNavKo:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #jackpotsNavKo:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #jackpotsNavKo:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #casinoNavJa:checked~.casinoNavContentJa {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #liveCasinoNavJa:checked~.liveCasinoNavContentJa {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #jackpotsNavJa:checked~.jackpotsNavContentJa {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #casinoNavJa:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #casinoNavJa:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #liveCasinoNavJa:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #liveCasinoNavJa:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #jackpotsNavJa:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #jackpotsNavJa:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #casinoNavVi:checked~.casinoNavContentVi {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #liveCasinoNavVi:checked~.liveCasinoNavContentVi {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #jackpotsNavVi:checked~.jackpotsNavContentVi {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #casinoNavVi:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #casinoNavVi:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #liveCasinoNavVi:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #liveCasinoNavVi:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #jackpotsNavVi:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #jackpotsNavVi:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #casinoNavId:checked~.casinoNavContentId {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #liveCasinoNavId:checked~.liveCasinoNavContentId {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #jackpotsNavId:checked~.jackpotsNavContentId {
    max-height   : 500px;
    margin-top   : -8px;
    margin-bottom: 8px;
}

.category-page-sidenav #casinoNavId:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #casinoNavId:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #liveCasinoNavId:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #liveCasinoNavId:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav #jackpotsNavId:checked~label .button {
    -webkit-clip-path: var(--clip-path-side-nav-open);
    clip-path        : var(--clip-path-side-nav-open);
}

.category-page-sidenav #jackpotsNavId:checked~label .button i {
    transform: rotate(180deg);
}

.category-page-sidenav .category-page-nav ul .nav-item a i {
    margin-right: 8px;
}

.category-page-sidenav .category-page-nav ul .nav-item a i::before {
    content            : '';
    display            : var(--icon-display);
    width              : var(--icon-size);
    height             : var(--icon-size);
    background-size    : var(--icon-contain);
    background-repeat  : var(--icon-repeat);
    background-position: var(--icon-position);
}

.category-page-sidenav .category-page-nav ul .nav-item a i.Slots::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Slots.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.TopGames::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/TopGames.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.GameShows::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/GameShows.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.NewReleases::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/NewReleases.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.FeatureBuyin::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/FeatureBuyIn.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.TableGames::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/TableGames.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.Baccarat::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Baccarrat.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.Blackjack::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Blackjack.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.FastGames::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/FastGames.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.VirtualSports::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/VirtualSports.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.Casino::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/AllCasino.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.KoreanDealers::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/KoreanDealer.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.Roulette::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Roulette.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.Poker::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Poker.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.LiveCasino::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/AllLiveCasino.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a i.InGameJackpots::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/InGameJackpots.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.Slots::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.Slots::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Slots_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.TopGames::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.TopGames::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/TopGames_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.GameShows::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.GameShows::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/GameShows_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.NewReleases::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.NewReleases::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/NewReleases_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.FeatureBuyin::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.FeatureBuyin::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/FeatureBuyIn_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.TableGames::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.TableGames::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/TableGames_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.Baccarat::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.Baccarat::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Baccarrat_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.Blackjack::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.Blackjack::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Blackjack_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.FastGames::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.FastGames::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/FastGames_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.VirtualSports::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.VirtualSports::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/VirtualSports_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.Casino::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.Casino::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/AllCasino_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.KoreanDealers::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.KoreanDealers::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/KoreanDealer_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.Roulette::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.Roulette::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Roulette_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.Poker::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.Poker::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/Poker_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.LiveCasino::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.LiveCasino::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/AllLiveCasino_active.svg');
}

.category-page-sidenav .category-page-nav ul .nav-item a:hover i.InGameJackpots::before,
.category-page-sidenav .category-page-nav ul .nav-item a.active i.InGameJackpots::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/side-nav/InGameJackpots_active.svg');
}


.category-page-content .nm-widget .game-lobby-header {
    margin-bottom: 0px !important;
}

.category-page-content .nm-widget .game-lobby-slider-container {
    width : 64px;
    height: 75px;
    top   : 0;
}

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

.category-page-content .nm-widget .game-lobby-slider-container button i {
    font-size: 32px;
    color    : var(--color-blue);
    opacity  : 0.5;
}

.category-page-content .nm-widget .game-lobby-slider-container button:hover i {
    opacity: 1;
}

.category-page-content .nm-widget .game-lobby-renderer.horizontal {
    grid-auto-columns: calc(calc(100% - 84px) / 8);
    gap              : 0 12px;
}

.category-page-content .loader-container.horizontal div {
    width            : 100%;
    grid-auto-columns: calc(calc(100% - 84px) / 8);
    gap              : 0 12px;
}

.category-page-content .nm-widget .game-lobby-renderer.horizontal:after {
    content         : "";
    height          : 100%;
    width           : 24px;
    z-index         : 10;
    background-image: linear-gradient(270deg, #f5faff 40.41%, #f5faff00 100%);
    position        : absolute;
    top             : 0;
    right           : -6px;
}

.category-page-content .nm-widget .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
    position  : absolute;
    right     : 72px;
    top       : -84px;
    height    : 75px;
    background: transparent;
    box-shadow: none;
    clip-path : none;
}

.category-page-content .nm-widget .game-lobby-renderer .game-lobby-renderer-card.see-all-card:before {
    display: none;
}

.category-page-content .nm-widget .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .carousel-control-next-icon {
    display: none;
}

.category-page-content .nm-widget .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
    margin-top     : 0;
    text-transform : capitalize;
    text-decoration: underline;
    font-size      : 16px;
    font-weight    : 700;
    color          : var(--color-blue);
}

.category-page-banner {
    display: inline-block;
    margin : 40px 0;
    width  : 100%;
}

.category-page-banner .weekly-challenges img {
    width: 100%;
}

.category-page-banner .weekly-challenges img.mobile-banner {
    display: none;
}

.category-page-banner .weekly-challenges {
    -webkit-clip-path: var(--clip-path-events-button);
    clip-path        : var(--clip-path-events-button);
}

.category-page-banner .weekly-challenges .details-section {
    margin-left    : 30%;
    width          : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-direction : column;
    display        : none;
}

.category-page-banner .weekly-challenges .details-section p {
    margin-bottom : 28px;
    font-size     : 20px;
    font-weight   : 400;
    line-height   : 24px;
    color         : #FFF;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.category-page-banner .weekly-challenges .details-section h1 {
    font-size     : 60px;
    text-transform: uppercase;
    color         : #FFF;
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    line-height   : 60px;
    margin-bottom : 32px;
}

.category-page-banner .weekly-challenges .details-section button {
    height   : 88px;
    font-size: 32px;
}

.nm-widget .game-lobby-load-more-container button {
    position         : relative;
    background       : transparent !important;
    height           : 64px !important;
    width            : fit-content !important;
    padding          : 0 30px;
    color            : var(--color-blue) !important;
    font-size        : 28px !important;
    font-family      : var(--font-family-black);
    -webkit-clip-path: var(--clip-path-see-all-hover);
    clip-path        : var(--clip-path-see-all-hover);
}

.nm-widget .game-lobby-load-more-container button:before {
    content          : '';
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    background       : var(--bg-see-all);
    -webkit-clip-path: var(--clip-path-see-all);
    clip-path        : var(--clip-path-see-all);
}

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

.nm-widget .game-lobby-load-more-container button:hover::before {
    background-color: var(--color-primary);
}

.nm-widget .game-lobby-load-more-container .load-more-counter span {
    color         : var(--color-blue);
    text-transform: capitalize !important;
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-shadow   : 2px 2px #fff, -2px -2px #fff, -2px 2px #fff, 2px -2px #fff;
}

/*#modernSkin .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container {
    background: var(--bg-body) !important;
}*/
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .casino_search-widget .new-skin-modal-container {
    width            : calc(100% - 284px) !important;
    transform        : none !important;
    margin           : 100px auto 0 242px !important;
    border-radius    : 0;
    background       : var(--bg-body);
    padding          : 60px 20px;
    -moz-animation   : none !important;
    -o-animation     : none !important;
    -webkit-animation: none !important;
    animation        : none !important;
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
}

#modernSkin .category-page-sidenav .casino_search-widget .casino-search-modal-header h5 {
    color      : var(--color-body);
    font-weight: bold;
    font-size  : 28px;
}

#modernSkin .category-page-sidenav .casino_search-widget .casino-search-modal-header button {
    color          : var(--color-blue);
    font-weight    : bold;
    text-transform : capitalize;
    letter-spacing : normal;
    font-size      : 16px;
    text-decoration: underline;
}

#modernSkin .category-page-sidenav .casino_search-widget .casino-search-modal-header button:hover {
    color: var(--color-blue);
}

#modernSkin .category-page-sidenav .casino_search-widget .casino-search-modal-wrapper .search-field-input input {
    border-radius: 0;
    border       : var(--input-border);
    padding      : 18px 52px 18px 50px;
    font-size    : var(--input-font-size);
    height       : var(--input-height);
    background   : #FFF;
    font-family  : var(--font-family);
    font-weight  : bold;
    color        : var(--color-body);
}

#modernSkin .category-page-sidenav .casino_search-widget .casino-search-modal-wrapper .search-field-input input::placeholder {
    color: var(--color-input-modal-placeholder);
}

#modernSkin .category-page-sidenav .casino_search-widget .casino-search-modal-wrapper .search-field-input input:hover {
    border-color: var(--color-blue-hover);
}

#modernSkin .category-page-sidenav .casino_search-widget .casino-search-modal-wrapper .search-field-input input:focus {
    box-shadow: none;
}

.category-page-sidenav .search-result-placeholder span {
    color: #1d57d8;
}

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

.search-casino-results .game-lobby-renderer.tiles {
    gap: 12px;
}

.modal .modal-dialog {
    min-height: 100%;
    max-width : 100%;
    margin    : 0;
    background: var(--bg-body);
    margin    : auto;
    display   : flex;
}

#modal-login.modal .modal-dialog {
    background   : var(--bg-body);
    max-width    : 900px;
    margin       : auto;
    max-height   : 700px;
    top          : 50%;
    transform    : translate(0, -50%) !important;
    min-height   : 600px;
    display      : block;
    border-radius: 16px;
}

#modal-login .modal .modal-dialog .modal-content {
    max-width      : 50% !important;
    height         : 100vh;
    padding        : 60px 58px 128px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : transparent;
    border-radius  : 0;
}

#modal-login .modal .modal-dialog .modal-content .modal-header {
    max-width    : 604px;
    width        : 100%;
    margin-bottom: 32px;
    padding      : 30px 0 0;
    align-items  : center;
}

#modal-login .modal-content .modal-header .modal-title {
    color      : var(--color-body);
    margin     : 0;
    font-family: var(--font-family-black);
    line-height: 143%;
    font-size  : 28px;
}

#modal-login .modal-content .modal-body {
    max-width : 604px;
    width     : 100%;
    padding   : 0;
    background: transparent;
}

#modal-login .modal-content .modal-body .form-login,
#modal-login .modal-content .modal-body .form-forgot-password {
    padding: 0;
}

form .form-group,
.form .form-group {
    margin: 3px 0 19px 0;
}

form .form-group label,
.form .form-group label {
    font-size     : 14px;
    font-weight   : 700;
    line-height   : 120%;
    color         : var(--color-body);
    text-transform: uppercase;
    margin-bottom : 8px;
}

form .form-group .input-inline,
.form .form-group .input-inline,
.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,
form.login-existing-user-verification .login-existing-user-verification-input {
    height     : var(--input-height);
    padding    : 0 52px 0 16px;
    border     : var(--input-border);
    font-size  : var(--input-font-size);
    font-family: var(--font-family);
    font-weight: bold;
    color      : var(--color-body);
    background : #FFF;
}

form .form-group .input-inline::placeholder,
.form .form-group .input-inline::placeholder {
    color: var(--color-input-modal-placeholder);
}

form .form-group .highlight,
.form .form-group .highlight {
    color: var(--color-primary) !important;
}

form .form-group .password-visible,
.form .form-group .password-visible {
    right    : 15px;
    bottom   : 50%;
    transform: translateY(50%);
    color    : var(--color-input-modal-placeholder);
}

.form-register .form-group .password-visible {
    right    : 20px;
    bottom   : 35%;
    transform: translateY(50%);
    color    : var(--color-input-modal-placeholder);
}

.form-register .form-group .password-visible i,
form .form-group .password-visible,
.form .form-group .password-visible i,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .password-visible i {
    font-size: 24px;
}

#modal-login .modal-content .modal-body .form-login .form-group.forgot-password-group,
#modal-login .modal-content .modal-body .form-forgot-password .form-group.forgot-password-group {
    font-size      : 16px;
    font-weight    : 600;
    line-height    : 20px;
    color          : var(--color-blue);
    text-decoration: underline;
    padding-bottom : 50px;
}

#modal-login .modal-content .modal-body .form-login .form-group.forgot-password-group a,
#modal-login .modal-content .modal-body .form-forgot-password .form-group.forgot-password-group a {
    cursor: pointer;
}

#modal-login .modal-content .modal-body .form-login .form-group.forgot-password-group a:hover,
#modal-login .modal-content .modal-body .form-forgot-password .form-group.forgot-password-group a:hover,
#modal-login .modal-content .modal-body .form-login .form-group.register-group a:hover,
#modal-login .modal-content .modal-body .form-forgot-password .form-group.register-group a:hover,
.form-register .form-group.signin-group a:hover {
    color: var(--color-blue-hover) !important;
}

.modal-body form .form-group button,
.modal-body .form .form-group button,
.form-register .form-group input[type="submit"] {
    width            : 100%;
    color            : #FFF;
    background       : var(--color-primary);
    -webkit-clip-path: var(--clip-path-see-all-hover);
    clip-path        : var(--clip-path-see-all-hover);
    float            : right;
    font-family      : var(--font-family-black);
}

.form-register .form-group input[type="submit"] {
    position      : fixed;
    bottom        : 60px;
    width         : 100%;
    max-width     : 386px;
    padding       : 0 30px;
    height        : 68px;
    font-size     : 28px;
    text-transform: uppercase;
}

.modal-body form .form-group button:hover,
.modal-body .form .form-group button:hover {
    color: #FFF;
}

#modal-login .modal-content .modal-body .form-login .form-group.register-group,
#modal-login .modal-content .modal-body .form-forgot-password .form-group.register-group,
.form-register .form-group.signin-group {
    display    : inline-block;
    font-size  : 16px;
    font-weight: 600;
    line-height: 20px;
    width      : 100%;
}

#modal-login .modal-content .modal-body .form-login .form-group.register-group a,
#modal-login .modal-content .modal-body .form-forgot-password .form-group.register-group a,
.form-register .form-group.signin-group a {
    color          : var(--color-blue);
    cursor         : pointer;
    text-decoration: underline;
}

#modal-login .modal-dialog-centered:before {

    height: 100%;
    width : 50%;
}

#modal-login .modal-content {
    max-width      : 50% !important;
    /*
    height         : 100vh;
    */
    padding        : 60px 58px 128px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : transparent;
    border-radius  : 0;
    padding        : 25px;
    float          : right;
}

#modal-login .modal-content .modal-header {
    max-width    : 604px;
    width        : 100%;
    margin-bottom: 32px;
    padding      : 30px 0 0;
    align-items  : center;
}

.modal .modal-dialog .modal-content .close {
    right  : 40px;
    left   : auto;
    padding: 0;
    top    : 36px !important;
}

.modal .modal-dialog .modal-content .modal-header .close:before,
#modal-user-profile .modal-body .close:before {
    content    : "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-size  : 22px;
    color      : var(--color-body);
}

#user-referral-ch-monthly-details .btn-close-icon {
    height  : 35px;
    width   : 35px;
    position: relative;
}

#user-referral-ch-monthly-details .btn-close-icon:before {
    content    : "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-size  : 35px;
    color      : var(--color-body);
    top        : -8px;
    position   : absolute;
    width      : 100%;
    left       : 0;
    height     : 100%;
    font-weight: 900;
}

.modal .modal-dialog .modal-content .close:hover::before {
    color: var(--color-blue-hover);
}

.form-register {
    overflow  : auto;
    max-height: 335px;
    padding   : 0 5px;
}

.form-register .form-group select {
    padding: 0 52px 0 15px;
}

.custom-checkbox .custom-control-label:before {
    top: 0;
}

.form-register .form-group .option-item,
.form-register .form-group .option-item-select {
    background: #FFF;
}

.form-register .form-group .mobile-area-code {
    font-weight: 700;
    top        : 50%;
    left       : 11px;
    line-height: 25px;
}

.form-register .form-group.signin-group {
    position  : fixed;
    bottom    : 0;
    /*width   : calc(50% - 116px);*/
    max-width : 396px;
    background: var(--bg-body);
    margin    : 0;
    padding   : 20px 0;
}

form .form-group #mobileNumber,
form .form-group .mobileNumber,
.form .form-group #mobileNumber,
.form .form-group .mobileNumber {
    background: #FFF;
    border    : var(--input-border);
}

.promotions h4,
.article-main-header {
    font-family: Fortusnova Bolditalic;
    font-size  : 36px;
    text-align : center;
    color      : var(--color-blue);
    margin     : 20px 0 40px;
    position   : relative;
    width      : fit-content;
    left       : 50%;
    transform  : translateX(-50%);
}

.promotions h4 {
    margin: 20px 0 24px;
}

.promotions h4:before,
.article-main-header:before,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header h5:before {
    content          : '';
    position         : absolute;
    width            : 103px;
    height           : 69px;
    background-image : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/star.png);
    background-size  : cover;
    background-repeat: var(--icon-repeat);
    top              : -20px;
    left             : -27px;
    z-index          : -1;
}

.promotions .top-promotions-banner img {
    width            : 100%;
    -webkit-clip-path: var(--clip-path-promotions-top);
    clip-path        : var(--clip-path-promotions-top);
}

.promotions .top-promotions-banner img.mobile-img,
.promotions .promotions-wrapper img.mobile-img {
    display: none;
}

.promotions .promotions-wrapper {
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 24px;
    margin-top           : 24px;
}

.promotions .promotions-wrapper .img-wrapper,
.promotions .top-promotions-banner {
    filter: drop-shadow(0 2px 2px #00000017)drop-shadow(0 2px 2px #00000017)drop-shadow(0 2px 2px #00000017);
}

.promotions .promotions-wrapper img {
    width    : 100%;
    clip-path: var(--clip-path-promotions);
}

.player-information-header .top-header .left-align .menuw ul .nav-item a i::before {
    content            : '';
    background-size    : var(--icon-contain);
    background-repeat  : var(--icon-repeat);
    background-position: var(--icon-position);
    display            : var(--icon-display);
    width              : var(--icon-size);
    height             : var(--icon-size);
    margin-right       : 8px;
}

.player-information-header .top-header .left-align .menuw ul .nav-item a i.Promotions::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/PromotionsNew.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a:hover i.Promotions::before,
.player-information-header .top-header .left-align .menuw ul .nav-item a.active i.Promotions::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/PromotionsNew_active.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a i.Tournaments::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/Tournaments.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a:hover i.Tournaments::before,
.player-information-header .top-header .left-align .menuw ul .nav-item a.active i.Tournaments::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/Tournaments_active.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a i.VIP::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/VIP.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a:hover i.VIP::before,
.player-information-header .top-header .left-align .menuw ul .nav-item a.active i.VIP::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/VIP_active.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a i.Komp::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/Komp.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a:hover i.Komp::before,
.player-information-header .top-header .left-align .menuw ul .nav-item a.active i.Komp::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/Komp_active.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a i.Referral::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/Referral.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a:hover i.Referral::before,
.player-information-header .top-header .left-align .menuw ul .nav-item a.active i.Referral::before {
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/topnav/Referral_active.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a i.Raffles::before {
    background-image: url('https://wnkstg.sgp1.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/betFlare-raffle.svg');
}

.player-information-header .top-header .left-align .menuw ul .nav-item a:hover i.Raffles::before,
.player-information-header .top-header .left-align .menuw ul .nav-item a.active i.Raffles::before {
    background-image: url('https://wnkstg.sgp1.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/Raffle.svg');
}


.nm-widget.login-w .btn-user-profile {
    padding: 0 0 0 8px;
}

.nm-widget.login-w .btn-user-profile i {
    color    : var(--color-profile-icon);
    font-size: 20px;
}

.nm-widget.login-w .btn-user-profile.dropdown-toggle:after {
    color: var(--color-profile-icon);
}

.nm-widget.login-w .btn-user-profile:hover {
    background: transparent;
}

.nm-widget.login-w .btn-user-profile:hover i,
.nm-widget.login-w .btn-user-profile.dropdown-toggle:hover::after {
    color: var(--color-profile-icon-hover);
}

.nm-widget.notification-w .notification-bell .icon-bell {
    font-size: 16px;
    color    : var(--color-profile-icon);
}

.nm-widget.notification-w .notification-bell .icon-bell:hover {
    color: var(--color-primary);
}

.player-information-header .header-wallets {
    padding-right  : 8px;
    display        : flex;
    align-items    : center;
    justify-content: end;
    gap            : 0 8px;
}

.player-information-header .nm-widget.bonus-badge-w .btn-system-balance {
    padding    : 0 8px;
    height     : 36px;
    border     : 0;
    color      : #f0eded;
    font-size  : 14px;
    font-family: var(--font-family);
    font-weight: bold;
}

.player-information-header .nm-widget.bonus-badge-w .btn-system-balance:hover {
    background   : var(--color-blue);
    border-radius: 0;
}

.player-information-header .nm-widget.wallet-button-w .btn-system-balance {
    padding    : 0 16px;
    height     : 36px;
    border     : 0;
    color      : #f0eded;
    font-size  : 16px;
    font-family: var(--font-family);
    font-weight: bold;
    position   : relative;
    background : transparent;
}

.player-information-header .nm-widget.wallet-button-w .btn-system-balance:before {
    content          : '';
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    background       : var(--color-primary);
    -webkit-clip-path: var(--clip-path-small-hover);
    clip-path        : var(--clip-path-small-hover);
    z-index          : -1;
}

.player-information-header .nm-widget.wallet-button-w .btn-system-balance:hover {
    background: transparent;
    filter    : drop-shadow(0 5px 20px #FF820033)drop-shadow(0 -5px 20px #FF820033);
}

#modernSkin .nm-widget.login-w .dropdown-menu.dropdown-user-profile {
    min-width       : 272px;
    border-radius   : 0px !important;
    background-color: var(--color-blue) !important;
}

#modernSkin .nm-widget.login-w .dropdown-menu.dropdown-user-profile>.dropdown-item {
    padding        : 16px !important;
    font-size      : 14px !important;
    font-family    : var(--font-family);
    font-weight    : 700;
    line-height    : 114%;
    text-transform : capitalize;
    color          : #FFF;
    justify-content: start;
}

.dropdown-divider {
    height          : 12px;
    background-color: var(--bg-footer-mobile);
    border-top      : 1px solid #1B3280;
    border-bottom   : 1px solid #1B3280;
    margin          : 0;
}

#modernSkin .nm-widget.login-w .dropdown-menu.dropdown-user-profile>.dropdown-item:hover {
    background: var(--color-blue-hover);
}

#modal-user-profile.modal .modal-dialog .modal-content {
    max-width : 100% !important;
    padding   : 40px 0px 60px 42px;
    background: transparent;
}

#modal-user-profile.modal .modal-dialog .modal-content .close {
    left : auto;
    right: 16px;
    top  : -30px !important;
}

#modal-user-profile .modal-body .close:before {
    font-size: 35px;
}

#modal-user-profile.modal .modal-dialog .modal-content .modal-body {
    width  : 100%;
    padding: 0;
}

#modal-user-profile .modal-body .modal-wrapper,
#modal-user-profile .modal-body .modal-wrapper>.row {
    height: 100%;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system {
    min-height: 100%;
    background: transparent;
    color     : var(--color-body);
    overflow  : visible;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
    padding    : 20px;
    background : var(--color-blue);
    font-size  : 18px;
    color      : #FFF;
    line-height: 100%;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account .player-username {
    margin-bottom: 8px;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
    padding      : 0 20px;
    background   : #FFf;
    border-bottom: var(--border-modal-userprofile);
}

#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 : 8px 3px 8px 15px;
    position: relative;
}

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper button,
#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper button {
    padding    : 0;
    font-size  : 14px;
    font-weight: 700;
    background : transparent;
    text-align : left;
    border     : 0;
    color      : var(--color-body);
}

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

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper:before {
    content   : '';
    position  : absolute;
    left      : 0;
    top       : 0;
    width     : calc(100% + 5px);
    height    : 100%;
    background: var(--bg-userprofile-bonus);
}

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-wallet-balance:hover {
    background: transparent;
}

#modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance:hover {
    color: var(--color-primary);
}

.nav-tab-system-vertical ul {
    padding-top: 0;
    margin-top : 20px;
    background : #FFF;
    box-shadow : var(--box-shadow-accordion);
}

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

.nav-tab-system-vertical ul li a {
    color         : var(--bg-top-header);
    font-size     : 14px;
    font-weight   : 700;
    line-height   : 143%;
    text-transform: uppercase;
    padding       : 12px;
    border-bottom : var(--border-modal-userprofile);
}

.nav-tab-system-vertical ul li a.active,
.nav-tab-system-vertical ul li a.active:hover {
    color           : #FFF !important;
    background-color: var(--color-blue) !important;
    border-color    : #0000;
    box-shadow      : inset 0 -1px 2px #00000040, inset 0 1px 2px #00000040;
}

.nav-tab-system-vertical ul li a:hover {
    color           : var(--color-blue-hover) !important;
    background-color: var(--bg-accordion-open) !important;
}

.nav-tab-system-horizontal {
    border: 0;
}

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

.nav-tab-system-horizontal .nav-tabs .nav-item {
    font-size: 14px;
    padding  : 0 6px;
}

.nav-tab-system-horizontal .nav-tabs .nav-item.transfer {
    display: none;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a,
.nav-tab-system-horizontal .nav-tabs .nav-item a:hover {
    padding        : 12px;
    display        : block;
    color          : var(--color-nav-tab) !important;
    background     : #FFF;
    border         : 1px solid var(--color-nav-tab);
    border-radius  : 3px;
    text-transform : uppercase;
    text-decoration: none;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a.active,
.nav-tab-system-horizontal .nav-tabs .nav-item a.active:hover {
    background  : var(--color-blue-hover);
    color       : #FFF !important;
    border-color: var(--color-blue-hover);
}

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

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .form-control-label {
    color         : var(--color-body);
    font-weight   : 700;
    text-transform: uppercase;
    line-height   : 120%;
    margin-bottom : 8px;
    font-size     : 14px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #redemptionHistoryTypeBtn {
    background : #FFF;
    border     : var(--input-border);
    color      : var(--color-body);
    font-size  : 16px;
    font-weight: 700;
    width      : 100%;
    height     : 42px;
    margin     : 0;
    padding    : 0 10px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .lbl-system {
    color      : var(--color-blue);
    line-height: 100%;
    font-size  : 16px;
    display    : flex;
    align-items: center;
    margin-left: 10px;
    font-weight: 700;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .lbl-system .custom-tooltip {
    margin-left: 25px;
    margin-top : -2px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .lbl-system .custom-tooltip .tooltip-text {
    margin: 0 0 0 60px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-subtab-container {
    padding-bottom: 20px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-subtab-container button,
.user-referral-commission-history .user-referral-commission-history-tabs li,
.komp-section-tab {
    color         : var(--color-subnav-tab) !important;
    font-size     : 16px;
    font-weight   : bold;
    position      : relative;
    margin-right  : 0 !important;
    padding-bottom: 0 !important;
    border-bottom : 0 !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-subtab-container button.active,
.user-referral-commission-history .user-referral-commission-history-tabs li.active,
.komp-section-tab.komp-active-tab {
    color: var(--color-blue) !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-subtab-container button:after,
.komp-section-tab:after {
    content      : '';
    width        : 10px;
    height       : 10px;
    border-radius: 50%;
    position     : absolute;
    top          : 50%;
    left         : -18px;
    transform    : translateY(-50%);
    background   : var(--color-subnav-tab);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .transaction-subtab-container button.active:after,
.komp-section-tab.komp-active-tab:after {
    margin-top: 0;
    background: var(--color-blue);
}

#modal-user-profile .section-system-filter {
    padding: 20px 0 20px 5px;
}

#modal-user-profile .section-system-filter .col-md-5,
.section-system-filter .col-md-7 {
    -ms-flex : 0 0 50%;
    flex     : 0 0 50%;
    max-width: 50%;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-date-range {
    padding-right: 6px;
}

.date-range-wrapper {
    border       : 0;
    background   : var(--color-blue-hover);
    border-radius: 0;
    width        : 100%;
}

.date-range-wrapper i.fa-calendar-alt {
    color    : var(--bg-body);
    left     : 10px;
    font-size: 16px;
    top      : 50%;
    transform: translateY(-50%);
}

.date-range-wrapper input.date-range {
    padding      : 0 10px 0 32px;
    height       : 42px;
    color        : var(--bg-body);
    margin-bottom: 0;
    cursor       : pointer;
    text-align   : right;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button,
.user-referral-commission-history-monthly .user-referral-filters button {
    color           : var(--color-blue);
    font-size       : 16px;
    font-weight     : bold;
    text-transform  : uppercase;
    display         : flex;
    align-items     : center;
    padding         : 9px 4px;
    min-width       : fit-content;
    width           : fit-content;
    border          : 0;
    background-color: transparent;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button i {
    font-size   : 20px;
    margin-right: 12px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button .badge {
    padding         : 0;
    background-color: transparent;
    left            : 24px;
    font-size       : 13px;
    top             : 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status button:after,
.user-referral-commission-history-monthly .user-referral-filters button:after {
    display: none;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status .dropdown .dropdown-system-toggle:focus,
.user-referral-commission-history-monthly .user-referral-filters button.dropdown-system-toggle,
.user-referral-commission-history-monthly .user-referral-filters button.dropdown-system-toggle.active {
    background: transparent;
    color     : var(--color-blue);
    border    : 0;
}

.table-system-header thead {
    filter: var(--drop-shadow-side-nav);
}

.table-system-header tbody {
    background: #FFF;
    box-shadow: var(--box-shadow-accordion);
}

.table-system-header th {
    background    : var(--color-blue);
    padding       : 14px 20px;
    text-transform: uppercase;
}

.table-system-header th:first-child,
.table-system-header th:last-child {
    border-radius: 0;
}

.table-system-header td {
    border-bottom: var(--border-modal-userprofile);
    color        : var(--color-blue);
    font-weight  : 700;
}

.table-system-header td span {
    font-weight: 700;
}

.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"],
.active-bonuses-tab .no-data-wrapper p,
.available-bonuses-tab .no-data-wrapper p {
    text-align: center;
    color     : #a7afbe;
    padding   : 40px !important;
    font-size : 24px;
    border    : 0;
}

.table-system-header td[colspan="9"] {
    text-align: left;
}

.table-system td a {
    cursor: pointer;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-system-table-footer .custom-pagination {
    font-weight: 700;
    color      : var(--color-blue);
}

#user-referral-ch-monthly-details.modal .modal-dialog {
    max-width : 800px;
    min-height: fit-content;
    margin    : 0 auto;
    transform : translateY(-50%);
    top       : 50%;
    box-shadow: var(--box-shadow-accordion);
}

#user-referral-ch-monthly-details.modal .modal-dialog .modal-content {
    padding: 20px !important;
}

.dropdown .dropdown-system-toggle-input-mini,
.btn-group .dropdown-system-toggle-input-mini {
    background     : var(--color-blue-hover);
    padding        : 5px 10px;
    font-weight    : 700;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.dropdown .dropdown-system-toggle-input:focus,
.dropdown .dropdown-system-toggle-input-mini:focus {
    background: var(--color-blue-hover);
}

.daterangepicker {
    background   : var(--color-blue-hover);
    border-radius: 0;
    border       : 0;
    padding      : 4px;
}

.daterangepicker:before {
    border-bottom: 7px solid var(--color-blue-hover);
}

.daterangepicker:after {
    display: none;
}

.daterangepicker .ranges {
    background: #FFF;
    margin-top: 0 !important;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: var(--color-blue) !important;
    color     : #FFF;
}

.daterangepicker .ranges li {
    color        : var(--color-blue);
    font-family  : var(--font-family);
    font-weight  : bold;
    border-radius: 0;
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    color        : #FFF;
    font-weight  : bold;
    border-color : var(--color-blue);
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.active.end-date {
    background: var(--bg-top-header) !important;
    color     : #FFF !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker .drp-buttons {
    border     : 0;
    font-family: var(--font-family);
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    padding: 0 0 4px 4px;
}

.daterangepicker .calendar-table {
    background   : var(--color-blue);
    border-radius: 0;
}

.daterangepicker td.available {
    background: #1749c1;
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background: #0c2766;
}

.daterangepicker td.in-range {
    background: var(--bg-top-header);
}

.daterangepicker .drp-calendar.right {
    padding: 0 0 4px 4px;
}

.daterangepicker.show-calendar .drp-buttons {
    background: #FFF;
}

.daterangepicker .applyBtn,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status .btn-apply,
#notification-page .mark-all-btn button,
.bank-accounts-table .bank-accounts-table-header button,
.mgate-bank-account-registration button.btn-deposit,
#notification-page .btn-delete-message .delete-btn button,
.user-referral-commission-history-monthly .user-referral-filters .btn-apply,
.month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn.month-year-picker-datepicker-btn-confirm {
    height           : 36px;
    padding          : 0 16px !important;
    font-size        : 16px !important;
    font-weight      : bold;
    color            : #FFF !important;
    border-radius    : 0;
    background       : var(--color-primary);
    border           : 0;
    -webkit-clip-path: var(--clip-path-small-hover);
    clip-path        : var(--clip-path-small-hover);
    position         : relative;
    text-transform   : uppercase;
}

.daterangepicker .applyBtn:hover,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status .btn-apply:hover,
#notification-page .mark-all-btn button:hover,
.user-referral-commission-history-monthly .user-referral-filters .btn-apply:hover {
    background: var(--color-primary-hover) !important;
}

.daterangepicker .cancelBtn,
.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-system.btn-clear,
#notification-page .delete-all-btn button,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .tab-header .btn-back span,
#notification-page .btn-delete-notification button,
.message-box-modal .modal-dialog .modal-content .modal-footer button,
.mgate-bank-account-registration button.btn-deposit-clear,
#notification-page .btn-delete-message .cancel-btn button,
.month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn {
    height         : 36px;
    padding        : 0 10px !important;
    font-size      : 16px !important;
    font-weight    : bold;
    color          : var(--color-blue) !important;
    background     : transparent;
    text-decoration: underline;
    border         : 0;
}

.daterangepicker .cancelBtn:hover,
.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-system.btn-clear {
    background: transparent;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-title,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-title,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .header p,
#my-komp-points .section-system-main p.p-1,
#komp-redemption .tab-content-wrapper .section-system-main:not(:first-child) p {
    font-size     : 36px;
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    color         : var(--color-blue);
    text-shadow   : 2px 2px #fff, -2px -2px #fff, -2px 2px #fff, 2px -2px #fff;
    letter-spacing: .17em;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-title {
    text-align: center;
    margin    : 40px 0;
}

.section-system-main-lg {
    border-color : var(--color-blue);
    border-radius: 0;
}

.section-system-main-lg:hover {
    border-color: var(--color-blue) !important;
}

.dropdown .dropdown-menu.dropdown-filter {
    position     : absolute;
    transform    : translate3d(0px, 42px, 0px);
    top          : 0px;
    left         : 0px;
    will-change  : transform;
    padding      : 20px;
    background   : #FFF;
    border       : 0;
    border-radius: 0;
    width        : max-content;
    box-shadow   : none;
    filter       : drop-shadow(0 8px 10px #00000024)drop-shadow(0 3px 14px #0000001f)drop-shadow(0 4px 5px #0003);
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content {
    padding: 0;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .txt-system {
    height     : 36px;
    padding    : 0 28px;
    color      : var(--color-body);
    border     : var(--border-modal-userprofile);
    font-weight: bold;
    text-align : center;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-item {
    padding        : 4px !important;
    color          : var(--color-body);
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-weight    : bold;
    margin-bottom  : 4px;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-item:hover {
    background: var(--color-blue);
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body .dropdown-item .form-check-input {
    margin: 0 12px 0 0;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body .dropdown-item .form-check-input {
    padding: 0;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body .dropdown-item .form-check-label {
    padding: 0;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-item:hover .form-check-label {
    color: #FFF !important;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body .dropdown-item.custom-checkbox .custom-control-label:before,
.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body .dropdown-item.custom-checkbox .custom-control-label:after {
    top          : 50%;
    transform    : translateY(-50%);
    left         : -26px;
    border-radius: 0;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-body .dropdown-item.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--color-blue-hover);
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer {
    padding: 12px 0 0 0;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .col-12 {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status .btn-apply {
    font-weight    : bold;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-system.btn-clear {
    border     : 0;
    display    : flex;
    align-items: center;
    font-weight: bold;
}

.report.casino-bet .wrapper-search input,
.report.sport-bet .wrapper-search input {
    height     : 42px;
    padding    : 0 30px 0 15px;
    border     : var(--input-border) !important;
    font-family: var(--font-family);
    font-weight: bold;
    color      : var(--color-body);
    background : #FFF;
    font-size  : 14px;
}

.report.casino-bet .wrapper-search input::placeholder,
.report.sport-bet .wrapper-search input::placeholder {
    color: var(--color-input-modal-placeholder);
}

.report.casino-bet .wrapper-search i.fa-search,
.report.sport-bet .wrapper-search i.fa-search {
    font-size: 16px;
    top      : 50%;
    transform: translateY(-50%);
    right    : 15px;
    color    : var(--color-input-modal-placeholder);
}

.notification-tab .nav-tab-system-horizontal .nav-tabs .nav-item a,
.notification-tab .nav-tab-system-horizontal .nav-tabs .nav-item a.active,
.profile .nav-tab-system-horizontal .nav-tabs .nav-item a,
.profile .nav-tab-system-horizontal .nav-tabs .nav-item a.active,
#vip-progress .nav-tab-system-horizontal .nav-tabs .nav-item a {
    padding       : 0 0 20px 0;
    font-size     : 36px;
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    color         : var(--color-blue) !important;
    text-shadow   : 2px 2px #fff, -2px -2px #fff, -2px 2px #fff, 2px -2px #fff;
    letter-spacing: .17em;
    background    : transparent;
    border        : 0;
    line-height   : normal;
}

#modal-user-profile .content-wrapper-system {
    max-height: calc(100vh - 100px);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .section-system {
    margin: 0 0 20px 5px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions .name {
    font-weight: bold;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions button {
    padding        : 12px;
    color          : #FFF !important;
    background     : var(--color-blue-hover);
    border-radius  : 3px;
    border         : 0;
    text-transform : uppercase;
    text-decoration: none;
    margin         : 10px 6px 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion {
    margin    : 0 0 0 5px;
    max-height: calc(100vh - 243px);
    overflow  : auto;
    padding   : 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion {
    margin    : 0 0 0 5px;
    max-height: calc(100vh - 308px);
    overflow  : auto;
    padding   : 0;
}

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

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

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

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

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .card-header a,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #user-profile-change-password .section-title {
    font-size     : 18px;
    text-shadow   : 1px 1px #f0f6fe, -1px -1px #f0f6fe, -1px 1px #f0f6fe, 1px -1px #f0f6fe;
    color         : var(--color-blue);
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    line-height   : 100%;
}

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

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .inline-control-label {
    color: var(--color-primary);
}

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

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .card-body .form-group {
    margin: 0 0 16px 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 .accordion .card .txt-system:disabled {
    font-size  : 18px;
    font-weight: 700;
    padding    : 16px;
    min-height : 55px;
    min-width  : 295px;
    background : var(--bg-general-input);
    color      : var(--color-body);
    border     : 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .tab-header .btn-back {
    color      : var(--color-blue);
    font-weight: bold;
    cursor     : pointer;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .tab-header .btn-back:hover {
    color          : var(--color-blue) !important;
    text-decoration: none;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .tab-header .btn-back span {
    text-decoration: underline;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .txt-system {
    font-size  : 18px;
    font-weight: 700;
    padding    : 16px;
    min-height : 55px;
    min-width  : 295px;
    border     : var(--input-border);
    background : #FFF;
    color      : var(--color-body);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card #selecTransferTo,
#vip-progress #accd-profile .card-body #kompVIPTierBtn,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #redeemRewardTypeBtn,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #amountselected {
    color            : var(--color-body);
    background       : #FFF;
    height           : 55px;
    min-width        : 295px;
    padding          : 16px;
    border           : var(--input-border);
    -webkit-clip-path: none;
    clip-path        : none;
    font-size        : var(--input-font-size);
    font-family      : var(--font-family);
    font-weight      : bold;
    text-transform   : capitalize;
    float            : none;
    line-height      : 100%;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card #selecTransferTo:hover,
#vip-progress #accd-profile .card-body #kompVIPTierBtn:hover {
    filter: none;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card #selecTransferTo:before,
#vip-progress #accd-profile .card-body #kompVIPTierBtn:before {
    display: none;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card #selectTransferToMenu,
#vip-progress #accd-profile .card #selectTransferToMenu,
#komp-transactions-history .komp-history-tab #selectTransferToMenu,
#komp-redemption #selectTransferToMenu {
    background   : #FFF;
    border       : 0;
    border-radius: 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card #selectTransferToMenu .dropdown-item,
#vip-progress #accd-profile .card #selectTransferToMenu .dropdown-item,
#komp-transactions-history .komp-history-tab #selectTransferToMenu .dropdown-item,
#komp-redemption #selectTransferToMenu .dropdown-item {
    color      : var(--color-blue);
    font-weight: bold;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card #selectTransferToMenu .dropdown-item:hover,
#vip-progress #accd-profile .card #selectTransferToMenu .dropdown-item:hover,
#komp-transactions-history .komp-history-tab #selectTransferToMenu .dropdown-item:hover,
#komp-redemption #selectTransferToMenu .dropdown-item:hover {
    background: var(--color-blue-hover);
    color     : #FFF !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .txt-prepend-align {
    position   : absolute;
    z-index    : 9;
    font-weight: bold;
    top        : 50%;
    transform  : translateY(-50%);
    left       : 16px;
    font-size  : 18px;
}

.section-system-footer {
    margin: 12px 0 0 5px;
}

.section-system-footer button {
    padding          : 0 30px;
    height           : 68px;
    background       : var(--color-primary);
    font-size        : 28px;
    font-family      : var(--font-family-black);
    text-transform   : uppercase;
    color            : #FFF;
    border           : 0;
    border-radius    : 0;
    -webkit-clip-path: var(--clip-path-see-all-hover);
}

.section-system-footer button:hover {
    color     : #FFF;
    background: var(--color-primary-hover);
}

.form-check-input:disabled~.form-check-label {
    margin-bottom: 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #user-profile-change-password .section-title {
    letter-spacing: normal;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .form-prompt {
    font-weight   : bold;
    margin-bottom : 8px;
    text-transform: uppercase;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container input {
    padding    : 18px 52px 18px 16px;
    height     : var(--input-height);
    font-size  : var(--input-font-size);
    font-weight: bold;
    border     : var(--input-border);
    color      : var(--color-body) !important;
    background : #FFF;
    line-height: 120%;
}

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

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .error {
    font-weight: bold;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .password-visible {
    right    : 33px !important;
    bottom   : 32% !important;
    transform: translateY(50%);
    color    : var(--color-input-modal-placeholder);
}

.bonus-history {
    padding-top: 20px;
}

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

.active-bonuses-tab .active-bonus-item,
.active-bonuses-tab .available-bonus-item,
.available-bonuses-tab .active-bonus-item,
.available-bonuses-tab .available-bonus-item {
    margin           : 0 0 20px 5px;
    border           : 0;
    position         : relative;
    background       : #FFF;
    -webkit-clip-path: var(--clip-path-banner-cryto);
    clip-path        : var(--clip-path-banner-cryto);
}

.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;
    margin-right: 12px;
    color       : var(--bg-events-item-hover);
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper .name,
.active-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper .name,
.available-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper .name,
.available-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper .name {
    font-size     : 30px;
    color         : var(--bg-events-item-hover);
    font-family   : var(--font-family-black);
    letter-spacing: 1px;
    line-height   : 1;
}

.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 {
    color        : var(--color-blue-hover);
    font-weight  : bold;
    margin-top   : 8px;
    line-height  : 1;
    margin-bottom: 20px;
}

.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-body);
    font-weight  : 600;
    padding      : 14px 0;
    display      : inline-block;
    width        : 100%;
    border-top   : var(--border-modal-userprofile);
    border-bottom: var(--border-modal-userprofile);
    line-height  : 1;
    margin-bottom: 12px;
}

.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 {
    color      : var(--color-body);
    font-weight: 600;
    font-size  : 12px;
}

.scroll-wrapper.promo-page::before {
    content            : '';
    position           : absolute;
    width              : calc(100% + 84px);
    height             : 100vh;
    top                : -20px;
    background-size    : cover;
    left               : -42px;
    /* background-image: url('https://wnkstg.sgp1.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/promo/new-promo-bg.png'); */
    /*background-image : url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/promo/promo-page-bg.png');*/
    /* background-size : cover; */
    z-index            : -1;
    background-image   : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/promo/promo-background.png);
    background-repeat  : no-repeat;
}

.promo-page a {
    position       : absolute;
    z-index        : 1;
    font-size      : 16px;
    font-weight    : 600;
    color          : #E0E0E0;
    text-transform : uppercase;
    text-decoration: none;
    position       : relative;
}

.promo-page a.loggedin,
.vip-page a.loggedin {
    display: none;
}

body.logged-in .promo-page a.loggedin,
body.logged-in .vip-page a.loggedin {
    display: inline;
}

body.logged-in .promo-page a.non-loggedin,
body.logged-in .vip-page a.non-loggedin {
    display: none;
}

.promo-page-details .promo-page-main a {
    color: #ff8200;
}

.promo-page a:hover {
    color: #05207b !important;
}

.promo-page a i.fa-caret-left {
    margin-right: 3px;
}

.promo-page .promo-page-content {
    max-width: 1128px;
    margin   : 0 auto;
    padding  : 40px 0 20px;
}

.promo-page .promo-page-content>img {
    -webkit-clip-path: var(--clip-path-promotions-inpage);
    clip-path        : var(--clip-path-promotions-inpage);
}

.promo-page .promo-page-details img {
    -webkit-clip-path: var(--clip-path-promotions-sidebanner);
    clip-path        : var(--clip-path-promotions-sidebanner);
    width            : 100%;
}

.promo-page .promo-page-details {
    display    : flex;
    padding-top: 40px;
    gap        : 0 32px;
}

.promo-page .promo-side-banner {
    flex    : 0 0 343px;
    filter  : drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 5px);
    padding : 20px 12px;
    position: relative;
    height  : fit-content;
}

.promo-page .promo-side-banner:before {
    content          : '';
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    background       : #FFF;
    -webkit-clip-path: var(--clip-path-promotions-sidebanner);
    clip-path        : var(--clip-path-promotions-sidebanner);
}

.promo-page .promo-side-banner button {
    height        : 68px;
    font-size     : 22px;
    width         : 100%;
    filter        : drop-shadow(rgba(28, 29, 47, 0.2) 0px 10px 20px);
    color         : #FFF;
    text-transform: uppercase;
    font-family   : var(--font-family-black);
    position      : relative;
    padding       : 0 16px;
}

.promo-page .promo-side-banner button:before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: var(--color-primary);
    clip-path : var(--clip-path-promotions-button);
    z-index   : -1;
}

.promo-page .promo-side-banner button:hover::before {
    background: var(--color-primary-hover);
}

.promo-page .promo-side-banner-details {
    border-top : 1px solid rgb(224, 224, 224);
    margin-top : 20px;
    padding-top: 20px;
    position   : relative;
}

.promo-page .promo-side-banner-details h5 {
    font-size     : 20px;
    text-align    : center;
    margin-bottom : 16px;
    text-transform: uppercase;
    font-weight   : 700;
}

.promo-page .details-item {
    display      : flex;
    gap          : 0 24px;
    margin-bottom: 18px;
}

.promo-page .details-item h4 {
    flex           : 0 0 56px;
    height         : 40px;
    background     : var(--color-search-icon);
    color          : #FFF;
    font-size      : 20px;
    font-weight    : 700;
    font-style     : italic;
    display        : flex;
    align-items    : center;
    justify-content: center;
    clip-path      : var(--clip-path-form-button);
}

.promo-page .details-item .details-item-content h5 {
    text-transform: capitalize;
    margin-bottom : 4px;
    text-align    : left;
}

.promo-page .details-item .details-item-content p {
    font-size  : 16px;
    line-height: 20px;
    font-weight: 700;
    color      : #525252;
}

.promo-page .live-support {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.promo-page .live-support i {
    font-size   : 20px;
    margin-right: 14px;
}

.promo-page .live-support a {
    color          : var(--color-blue);
    text-decoration: underline;
    font-weight    : 700;
    position       : relative;
}

.promo-page .live-support a:hover {
    color: var(--color-blue) !important;
}

.promo-page .promo-page-main h4 {
    font-size     : 24px;
    text-align    : center;
    margin-bottom : 20px;
    font-weight   : 700;
    text-transform: uppercase;
    letter-spacing: 0.22em;
}

.promo-page .promo-page-main .main-item {
    display      : flex;
    font-size    : 16px;
    font-weight  : 700;
    line-height  : 20px;
    margin-bottom: 20px;
}

.promo-page .promo-page-main .main-item span {
    flex: 0 0 32px;
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen .gamestage_breadcrumbs {
    background : var(--bg-top-header);
    color      : #FFF;
    font-weight: 700;
}

.gamestage-wrapper-new-skin .fullscreen {
    background: var(--bg-footer-mobile-header) !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-unavailable-label {
    padding: 0 15px;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container {
    background   : var(--bg-top-header) !important;
    border-radius: 0 !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container {
    color: #FFF !important;
}

.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: var(--color-blue) !important;
}

.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: var(--color-blue-hover) !important;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .label {
    font-family   : var(--font-family) !important;
    text-transform: capitalize !important;
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen .gamestage-container {
    border-radius: 0;
    background   : var(--bg-see-all);
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-unavailable-label span {
    color: var(--color-primary);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content.chat-hidden .gamestage-wrapper-new-skin .casino_search-widget,
.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container.preload-container {
    display: none;
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container {
    border-radius: 0 !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-breadcrumbs {
    padding-top: 20px;
    text-align : center;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-breadcrumbs span {
    font-size  : 18px;
    font-family: var(--font-family-Roboto);
    color      : var(--color-blue);
    text-shadow: rgb(240, 246, 254) 1px 1px, rgb(240, 246, 254) -1px -1px, rgb(240, 246, 254) -1px 1px, rgb(240, 246, 254) 1px -1px;
    font-weight: 900;
    font-style : italic;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel {
    display        : flex;
    gap            : 0 20px;
    justify-content: center;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel .payment-method-item {
    background : var(--color-blue);
    box-shadow : var(--box-shadow-accordion);
    flex       : 0 0 10%;
    padding    : 20px;
    color      : #FFF;
    font-size  : 16px;
    text-align : center;
    font-weight: 700;
    cursor     : pointer;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel .payment-method-item .payment-method-icon {
    padding    : 0 8px 16px;
    display    : flex;
    align-items: center;
    height     : 105px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel .payment-method-item .payment-method-icon img {
    height    : 100%;
    width     : 100%;
    object-fit: contain;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-methods-panel .payment-method-item .payment-method-name {
    line-height: 100%;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .section-system-main {
    margin    : 0 0 20px 5px;
    border    : 0;
    background: #FFF;
    box-shadow: var(--box-shadow-accordion);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .section-system-main .section-title,
#vip-progress #accd-profile #header-personal {
    font-size     : 18px;
    text-shadow   : 1px 1px #f0f6fe, -1px -1px #f0f6fe, -1px 1px #f0f6fe, 1px -1px #f0f6fe;
    color         : var(--color-blue);
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    line-height   : 100%;
    letter-spacing: normal;
}

.table-system.deposit-table th,
.table-system.withdraw-table th,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-subtitle,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-deposit-amt .form-control-label {
    font-size    : 14px;
    font-weight  : 700;
    line-height  : 120%;
    color        : var(--color-body);
    margin-bottom: 8px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .overwrite-mode-amount-wrapper a,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-withdraw-amount {
    color        : #000;
    background   : #f1f1f1;
    font-weight  : 700;
    border-radius: 3px;
    border       : 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .overwrite-mode-amount-wrapper a:hover,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-withdraw-amount:hover {
    color     : #FFF !important;
    background: var(--color-blue);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .grp-deposit-amt input:not(.date-range),
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .withdrawal-mgate-classic-container input,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .withdrawal-mgate-classic-container select {
    height     : var(--input-height);
    color      : var(--color-body);
    padding    : 16px;
    font-weight: 700;
    border     : var(--input-border);
    margin-top : 8px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-system-footer,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method button.btn-withdraw,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #kompBonusRedeemBtn {
    height           : 36px;
    width            : fit-content;
    padding          : 0 16px !important;
    font-size        : 16px !important;
    font-weight      : bold;
    color            : #FFF !important;
    border-radius    : 0;
    background       : var(--color-primary);
    border           : 0;
    -webkit-clip-path: var(--clip-path-small-hover);
    clip-path        : var(--clip-path-small-hover);
    position         : relative;
    text-transform   : uppercase;
    display          : flex;
    align-items      : center;
    justify-content  : center;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-deposit-clear,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method a.btn-withdraw-clear,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method button.btn-withdraw-clear,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .btn-withdraw-request-cancel,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #kompRedemptionRequestCancelBtn {
    height         : 36px;
    width          : fit-content;
    padding        : 0 10px !important;
    font-size      : 16px !important;
    font-weight    : bold;
    color          : var(--color-blue) !important;
    background     : transparent;
    text-decoration: underline;
    border         : 0;
    display        : flex;
    align-items    : center;
    margin-right   : 10px;
}

#notification-page .table-notification-form {
    margin-bottom: 20px;
}

#notification-page .table-player-message {
    margin-left: 5px;
}

#notification-page .table-player-message tr {
    background: #FFF;
    box-shadow: var(--box-shadow-accordion);
}

#notification-page .table-player-message td.notification-body,
#notification-page .table-player-message td.deleteButton {
    border-bottom: 0;
    padding      : 20px;
    font-size    : 16px;
}

#notification-page .btn-notificaton-body ul {
    color: var(--color-body);
}

#notification-page .table-player-message td.deleteButton a {
    cursor: pointer;
    color : var(--color-blue);
}

#notification-page .new-message-badge {
    background-color: var(--color-primary);
}

#notification-page #notification-message {
    margin-left: 5px;
    background : #FFF;
    box-shadow : var(--box-shadow-accordion);
    padding    : 20px;
}

#notification-page #notification-message .form-group {
    margin-bottom: 0 !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.notification-tab .tab-header .btn-back span {
    padding: 0 !important;
    margin : 0;
}

#notification-page .btn-delete-notification {
    margin-left: 0 !important;
}

#notification-page .btn-delete-notification button {
    padding      : 0 !important;
    margin-bottom: 20px !important;
}

#notification-page .btn-delete-notification button i {
    margin-right: 6px;
}

#notification-page .subject-notification div {
    margin-left: 0 !important;
}

#notification-page .notification-body-message {
    margin: 0 !important;
}

#notification-page .date-notification div {
    margin-right: 0 !important;
}

.modal.message-box-modal .modal-dialog,
.modal#deleteMessage .modal-dialog {
    background: rgba(0, 0, 0, 0.5);
}

.modal.message-box-modal .modal-dialog .modal-body,
.modal#deleteMessage .modal-dialog .modal-body {
    width  : max-content;
    padding: 0;
}

.message-box-modal .modal-dialog .modal-content {
    min-height: fit-content;
    height    : fit-content;
    padding   : 20px !important;
    min-width : fit-content;
    background: #FFF;
}

.message-box-modal .modal-dialog .modal-content .message {
    font-family: var(--font-family) !important;
    font-size  : 16px;
    font-weight: 700;
    color      : var(--color-body);
    padding    : 0 0 24px 0;
}

.modal#deleteMessage .modal-dialog .modal-content {
    max-width : fit-content !important;
    margin    : 0 auto;
    padding   : 20px !important;
    background: #FFF;
    min-height: fit-content;
    height    : fit-content;
}

.modal#deleteMessage .modal-dialog .modal-content i {
    font-size: 24px;
}

.modal#deleteMessage .modal-dialog .modal-content span {
    font-weight: 700;
}

#notification-page .btn-delete-message {
    position   : relative;
    margin-left: 0;
}

.custom-modal-container .custom-modal-body {
    background-color: #FFF !important;
    border-radius   : 0 !important;
    padding         : 20px 30px;
}

.custom-modal-container .custom-modal-body .icon-container {
    height: 24px;
}

.custom-modal-container .custom-modal-body .icon-container .close-icon {
    top      : 12px;
    right    : -8px;
    font-size: 24px;
}

.custom-modal-container .custom-modal-body .icon-container .close-icon:hover {
    color: var(--color-blue);
}

.custom-modal-container .custom-modal-body .icon-container>span>span {
    padding    : 0 !important;
    margin     : 0 !important;
    color      : var(--color-body) !important;
    font-family: var(--font-family-bold);
    font-size  : 24px !important;
}

.custom-modal-container .transaction-details-modal-container {
    margin          : 0;
    padding         : 0;
    background-color: transparent !important;
    border-radius   : 0 !important;
    border          : 0;
}

.custom-modal-container .transaction-details-modal-container h4 {
    font-size  : 16px;
    font-weight: 700;
}

.custom-modal-container .transaction-details-modal-container .transaction-detail-item:nth-child(2) {
    margin-top : 15px;
    font-weight: 700;
    color      : var(--color-blue);
}

.custom-modal-container .transaction-details-modal-container .transaction-detail-item:last-child {
    font-weight  : 700;
    margin-bottom: 20px;
}

.custom-modal-container .custom-modal-section .text-white.mb-1 {
    color      : var(--color-primary) !important;
    font-size  : 20px;
    font-weight: 800;
}

.custom-modal-container .custom-modal-section .text-white.mb-3 {
    color      : var(--color-body) !important;
    font-size  : 16px;
    font-weight: 700;
}

.custom-modal-container .custom-modal-section .btn-container {
    padding    : 0 16px;
    height     : 36px;
    border     : 0;
    color      : #f0eded;
    font-size  : 16px;
    font-family: var(--font-family);
    font-weight: bold;
    position   : relative;
    background : transparent;
    margin     : 0;

    &:before {
        content          : '';
        position         : absolute;
        left             : 0;
        top              : 0;
        width            : 100%;
        height           : 100%;
        background       : var(--color-primary);
        -webkit-clip-path: var(--clip-path-small-hover);
        clip-path        : var(--clip-path-small-hover);
        z-index          : -1;
    }

    &:hover {
        filter          : drop-shadow(0 5px 20px #FF820033) drop-shadow(0 -5px 20px #FF820033);
        background-color: transparent;
    }
}

.custom-modal-container .custom-modal-section .card-container {
    background   : #041759;
    color        : #FFF;
    border       : 0;
    border-radius: 0;
    box-shadow   : none;
    height       : 112px;
    padding      : 16px !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .section-system-main .info-panel {
    display      : flex;
    align-items  : center;
    gap          : 0 30px;
    margin-bottom: 20px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .section-system-main .info-panel-icon i {
    color: var(--color-primary);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-payment-method .section-system-main .info-panel-text ul {
    list-style: circle;
}

.bank-accounts-table {
    margin-bottom: 0 !important;
}

.bank-accounts-table .bank-accounts-table-header {
    margin-bottom: 20px !important;
}

.bank-accounts-table .bank-accounts-table-header .table-title {
    font-weight: 700;
    color      : var(--color-blue-hover);
}

.bank-register-modal-container {
    background-color: transparent !important;
}

.bank-register-modal-container .section-system-main {
    margin    : 0 !important;
    padding   : 0;
    box-shadow: none !important;
}

.mgate-bank-account-registration .form-title {
    font-size     : 18px;
    text-shadow   : 1px 1px #f0f6fe, -1px -1px #f0f6fe, -1px 1px #f0f6fe, 1px -1px #f0f6fe;
    color         : var(--color-blue);
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    line-height   : 100%;
    margin-bottom : 20px;
}

.mgate-bank-account-registration .form-group {
    display: grid;
}

.mgate-bank-account-registration .base-select-mgate-accountregistration-bank {
    border-bottom: 0 !important;
}

.mgate-bank-account-registration .form-group button,
.mgate-bank-account-registration .form-group input {
    -webkit-clip-path: none !important;
    clip-path        : none !important;
    background       : transparent !important;
    border           : var(--input-border) !important;
    border-radius    : 0 !important;
    color            : var(--color-body) !important;
    padding          : 0 16px !important;
    height           : 40px !important;
    font-weight      : 700 !important;
}

.mgate-bank-account-registration .form-group button:before {
    display: none;
}

.mgate-bank-account-registration .form-group button:hover {
    filter: none !important;
}

.mgate-bank-account-registration button.btn-deposit-clear:hover {
    background: transparent !important;
}

.mgate-bank-account-registration .base-select-mgate-accountregistration-bank menu {
    background: var(--bg-accordion-open) !important;
    border    : 0 !important;
    box-shadow: var(--box-shadow-accordion);
}

.mgate-bank-account-registration section menu .search ._input i {
    color: var(--color-input-placeholder);
}

.mgate-bank-account-registration section menu ul li {
    color      : var(--color-body) !important;
    font-weight: 700 !important;
}

.mgate-bank-account-registration section menu ul li:hover {
    color     : #FFF !important;
    background: var(--color-blue-hover) !important;
}

.VuePagination .VuePagination__pagination .page-item .page-link {
    border-color: var(--color-blue);
    color       : var(--color-blue-hover);
    font-weight : 700;
}

.VuePagination .VuePagination__pagination .page-item .page-link.active {
    border-color: none;
    background  : var(--color-primary);
    color       : #FFF;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.article-page {
    max-width     : 1768px !important;
    display       : flex;
    gap           : 0 40px;
    padding-top   : 20px;
    padding-bottom: 70px;
}

.article-side-nav {
    flex      : 0 0 209px;
    background: #FFF;
    box-shadow: var(--box-shadow-accordion);
    height    : fit-content;
}

.article-side-header h4 {
    text-transform: uppercase;
    border-bottom : var(--border-modal-userprofile);
    padding       : 20px 16px 12px;
    font-family   : var(--font-family-Roboto);
    font-size     : 18px;
    font-style    : italic;
    font-weight   : 900;
    line-height   : 100%;
    color         : var(--color-blue);
}

.article-side-nav .menuw .nav-item a {
    display       : block;
    color         : var(--bg-top-header);
    font-weight   : 700;
    text-transform: uppercase;
    padding       : 12px;
    border-bottom : var(--border-modal-userprofile);
    line-height   : 143%;
}

.article-side-nav .menuw .nav-item a:hover {
    background     : var(--bg-accordion-open);
    color          : var(--color-blue-hover) !important;
    text-decoration: none;
}

.article-side-nav .menuw .nav-item a.active {
    background: var(--color-blue);
    color     : #FFF !important;
}

.article-main-content {
    flex: 0 0 calc(100% - 209px);
}

.article-main-header {
    margin: 20px 0;
}

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

.article-content h5 {
    font-size    : 24px;
    color        : var(--color-blue);
    margin-bottom: 12px;
    line-height  : 100%;
    font-weight  : 700;
}

.article-content p {
    font-size  : 16px;
    font-weight: 700;
    line-height: 125%;
}

.article-content .accordion-container .accordion {
    text-align : left;
    display    : flex;
    align-items: center;
    padding    : 22px 68px 22px 32px;
}

.article-content .accordion-container .accordion.active {
    background : var(--bg-accordion-open);
    color      : var(--color-blue-hover);
    height     : auto;
    position   : relative;
    overflow   : visible;
    white-space: pre-wrap;
}

.article-content .accordion-container .accordion span {
    height         : 40px;
    width          : 56px;
    flex           : 0 0 56px;
    background     : var(--color-search-icon);
    color          : #FFF;
    font-size      : 20px;
    font-weight    : 700;
    font-style     : italic;
    display        : flex;
    align-items    : center;
    justify-content: center;
    clip-path      : var(--clip-path-form-button);
    margin-right   : 24px;
}

.article-content .accordion-container .panel {
    padding: 20px 8%;
}

.article-content .accordion-container .panel ul {
    font-size      : 16px;
    font-weight    : 700;
    list-style     : disc;
    padding        : 20px 2% 0;
    list-style-type: none;
}

.article-content .accordion-container .panel ol {
    font-size  : 16px;
    font-weight: 700;
    list-style : decimal;
    padding    : 20px 2% 0;
}

.game-info-wrapper {
    display: none;
}

#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 .casino_search-widget .modal-trigger-wrapper {
    filter: var(--drop-shadow-side-nav);
}

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

#modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field i {
    filter   : invert(67%)sepia(4%)saturate(840%)hue-rotate(181deg)brightness(105%)contrast(90%);
    z-index  : 1;
    font-size: 16px;
}

#modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field:hover i {
    filter: none;
    color : var(--color-search-icon);
}

#modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field button {
    background       : #FFF !important;
    color            : var(--color-input-placeholder);
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
}

#modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field:hover button {
    background: var(--bg-accordion-open);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers {}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers .provider-list-item {
    height           : 60px !important;
    background-color : var(--color-blue) !important;
    border-radius    : 0 !important;
    box-shadow       : var(--box-shadow-accordion) !important;
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers .provider-list-item:hover {
    background-color: var(--color-blue-hover) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .after-provider-list,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.template-list-page .after-provider-game-list {
    display: none;
}

.search-result-placeholder span {
    color      : var(--color-blue);
    font-weight: 700 !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers .provider-list-item img {
    filter: drop-shadow(0px 0px 1px #000);
}

#modernSkin .casino_search-widget .casino-search-modal-header h5 {
    color      : var(--color-body) !important;
    font-weight: bold;
    font-size  : 28px !important;
}

#modernSkin .casino_search-widget .casino-search-modal-header button {
    color          : var(--color-blue);
    font-weight    : bold;
    letter-spacing : normal !important;
    font-size      : 16px;
    text-decoration: underline;
}

#modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input input {
    border-radius: 0 !important;
    border       : var(--input-border) !important;
    padding      : 18px 52px 18px 50px;
    font-size    : var(--input-font-size) !important;
    height       : var(--input-height) !important;
    background   : #FFF !important;
    font-family  : var(--font-family) !important;
    font-weight  : bold;
    color        : var(--color-body) !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #game-providers-page .casino_search-widget .new-skin-modal-container,
#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page .casino_search-widget .new-skin-modal-container {
    width : calc(100% - 44px) !important;
    margin: 100px auto 22px !important;
}

#modernSkin .casino_search-widget .casino-search-modal-header button {
    text-transform: capitalize !important;
}

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

.referrals-tab .referrals-tab-link {
    background: #FFF;
    border    : 0;
    box-shadow: var(--box-shadow-accordion);
}

.referrals-tab .section-system-table,
.referrals-tab .section-system-main {
    margin: 10px 0 10px 5px;
}

.referrals-tab .nav-tab-system-horizontal .nav-tabs .nav-item a {
    cursor       : pointer;
    margin-bottom: 20px;
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label {
    color      : var(--color-blue);
    font-weight: 700;
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .referrals-tab-link-code {
    color: var(--color-primary) !important;
}

.referrals-tab .referrals-tab-link .referral-url {
    color      : var(--color-blue-hover);
    font-weight: 800;
}

.referrals-tab .referrals-tab-link .btn {
    width        : fit-content;
    padding      : 0 12px;
    height       : 30px;
    line-height  : 1;
    border       : 0;
    border-radius: 0;
    background   : var(--color-primary);
    color        : #FFF;
}

.referrals-tab .section-system-filter .referrals-tab-filters .referrals-tab-search {
    width  : 30% !important;
    padding: 0 !important;
    border : 0 !important;
}

.referrals-tab .section-system-filter .referrals-tab-filters .date-range-wrapper {
    width: 30%;
}

.referrals-tab .section-system-filter .referrals-tab-filters .referrals-tab-search .referrals-tab-search-input,
.user-referral-commission-history-report .user-referral-filters .user-referral-search .user-referral-search-input {
    width      : 100% !important;
    height     : 42px;
    padding    : 0 20px;
    border     : var(--input-border) !important;
    background : #FFF !important;
    color      : var(--color-body) !important;
    font-size  : 16px !important;
    font-weight: 700;
}

.referrals-tab .section-system-filter .referrals-tab-filters .referrals-tab-search .referrals-tab-search-icon,
.user-referral-commission-history-report .user-referral-filters .user-referral-search .user-referral-search-icon {
    color    : var(--color-input-placeholder);
    font-size: 16px;
    top      : 50% !important;
    transform: translateY(-50%);
}

.user-referral-commission-history .user-referral-commission-history-tabs {
    list-style: disc !important;
    margin-top: 20px !important;
}

.user-referral-commission-history-report .user-referral-filters .user-referral-search {
    border       : 0 !important;
    width        : 300px !important;
    border-radius: 0 !important;
}

.datepicker {
    background   : var(--color-blue);
    border       : 0;
    border-radius: 0;
    box-shadow   : var(--box-shadow-accordion);
    color        : #FFF;
    padding      : 0;
}

.datepicker table tr td span {
    border-radius: 0;
}

.datepicker table.table-condensed {
    margin: 20px;
}

.datepicker table.table-condensed tr td.today {
    background-color: var(--color-primary-hover);
    background-image: none;
    color           : #FFF;
}

.datepicker table.table-condensed tr td.day.active,
.datepicker table.table-condensed tr td.today:hover {
    background-color: var(--color-primary);
    background-image: none;
    color           : #FFF;
}

.datepicker .datepicker-switch:hover,
.datepicker tfoot tr th:hover {
    background   : #eee;
    border-radius: 0;
    clip-path    : var(--clip-path-small-hover);
}

.datepicker table.table-condensed tr span.month:hover,
.datepicker table.table-condensed tr span.month:focus,
.datepicker table.table-condensed tr span.month.active,
.datepicker table.table-condensed tr span.year.active,
.datepicker table.table-condensed tr span.year:hover {
    background   : var(--color-primary);
    border-radius: 0;
}

.active-bonuses-tab .active-bonus-item .product-icon.fa-dice:before,
.available-bonuses-tab .available-bonus-item .product-icon.fa-dice:before,
#bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .icon-casino-dice {
    content          : '';
    background-image : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/Casino.svg);
    background-repeat: no-repeat;
    background-size  : contain;
    height           : 24px;
    width            : 24px;
    display          : inline-block;
}

.active-bonuses-tab .active-bonus-item .icon-section-wrapper .product-icon.icon-basketball1,
.available-bonuses-tab .available-bonus-item .icon-section-wrapper .product-icon.icon-basketball1,
#bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details .icon-basketball1 {
    background-image : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/Sports.svg);
    background-repeat: no-repeat;
    background-size  : contain;
    width            : 24px;
    height           : 24px;
    display          : inline-block;
}

.active-bonuses-tab .active-bonus-item .btn-claim,
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .btn-deposit-confirm {
    height           : 36px;
    width            : fit-content;
    padding          : 0 16px !important;
    font-size        : 16px !important;
    font-weight      : bold;
    color            : #FFF !important;
    border-radius    : 0;
    background       : var(--color-primary);
    border           : 0;
    -webkit-clip-path: var(--clip-path-small-hover);
    clip-path        : var(--clip-path-small-hover);
    text-transform   : uppercase;
    display          : flex;
    align-items      : center;
    justify-content  : center;
}

.active-bonuses-tab .active-bonus-item .btn-claim.disabled {
    background: var(--color-primary-hover);
    box-shadow: var(--box-shadow-accordion);
}

.custom-tooltip .fa-info-circle {
    color: var(--color-primary-hover);
}

.custom-tooltip .tooltip-text {
    background   : var(--bg-accordion-open);
    box-shadow   : var(--box-shadow-accordion);
    border-radius: 0;


    top   : -15px;
    bottom: auto;
    margin: 0 0 0 20px;
}

.custom-tooltip .tooltip-text::after {
    border-color: transparent var(--color-primary-hover) transparent transparent;
    left        : 0;
    margin-left : -10px;
    top         : 20px;
}

.active-bonuses-tab .active-bonus-item.claimed,
.active-bonuses-tab .available-bonus-item.claimed {
    border     : 0;
    padding-top: 25px;
}

.active-bonuses-tab .active-bonus-item.claimed:after,
.active-bonuses-tab .available-bonus-item.claimed:after {
    content          : '';
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    border-top       : 20px solid var(--bg-general-input);
    -webkit-clip-path: var(--clip-path-banner-cryto);
    clip-path        : var(--clip-path-banner-cryto);
    z-index          : -1;
}

.active-bonuses-tab .active-bonus-item .img-running,
.active-bonuses-tab .available-bonus-item .img-running {
    right      : -20px;
    top        : -25px;
    height     : 20px;
    width      : fit-content;
    padding    : 0 15px;
    background : var(--color-blue);
    color      : #FFF;
    font-size  : 12px;
    font-weight: 700;
    display    : flex;
    align-items: center;
}

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

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

.active-bonuses-tab .active-bonus-item .btn-cancel,
.active-bonuses-tab .available-bonus-item .btn-cancel {
    height       : 36px;
    width        : fit-content;
    padding      : 0 16px !important;
    font-size    : 16px !important;
    font-weight  : bold;
    color        : var(--color-primary) !important;
    border-radius: 0;
    border       : 0;
    display      : flex;
    align-items  : center;
    position     : relative;
}

.active-bonuses-tab .active-bonus-item .btn-cancel:hover,
.active-bonuses-tab .available-bonus-item .btn-cancel:hover {
    background: transparent;
    color     : #FFF !important;
}

.active-bonuses-tab .active-bonus-item .btn-cancel:before,
.active-bonuses-tab .available-bonus-item .btn-cancel:before {
    content          : '';
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    background       : var(--color-primary);
    z-index          : -1;
    -webkit-clip-path: var(--clip-path-small);
    clip-path        : var(--clip-path-small);
}

.active-bonuses-tab .active-bonus-item .btn-cancel:hover::before,
.active-bonuses-tab .available-bonus-item .btn-cancel:hover::before {
    -webkit-clip-path: var(--clip-path-small-hover);
    clip-path        : var(--clip-path-small-hover);
}

.tab-content #bonuses {
    padding-left: 15px !important;
}

.section-system-notif {
    font-weight: 700;
    color      : var(--color-blue);
}

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

#bonus-popup {
    padding-left: 0 !important;
}

#bonus-popup .modal-dialog-centered:before {
    display: none;
}

#bonus-popup.modal .modal-dialog {
    min-height: fit-content;
    max-width : 800px;
    margin    : 50px auto;
}

#bonus-popup .modal-content {
    height    : 100%;
    max-width : 100% !important;
    padding   : 0 60px 60px;
    background: transparent;
    border-top: 40px solid var(--color-blue);
}

#bonus-popup .modal-content .modal-body {
    padding: 0;
    width  : 100%;
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-header {
    font-size: 28px;
    color    : var(--color-blue);
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .bonus-details {
    background   : #fff;
    border-radius: 4px;
    margin-bottom: 24px;
    padding      : 12px 20px;
    align-items  : center;
    font-size    : 16px;
    font-weight  : 700;
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper.no-gutter button {
    background    : var(--color-blue);
    border-color  : var(--color-blue);
    box-shadow    : 0 10px 20px #1c1d2f33;
    height        : 36px;
    text-transform: uppercase;
    font-weight   : 700;
    border        : 0;
    color         : #FFF;
    padding       : 0 28px !important;
    border-radius : 3px;
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper.no-gutter button:hover {
    background  : var(--color-blue-hover);
    border-color: var(--color-blue-hover);
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper.no-gutter button.disabled {
    background  : var(--bg-general-input);
    border-color: var(--bg-general-input);
    cursor      : not-allowed;
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper:not(.no-gutter) {
    margin-top: 20px;
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper:not(.no-gutter) button {
    height        : 50px;
    padding       : 0 20px;
    background    : var(--color-primary);
    border        : 0;
    border-radius : 0;
    text-transform: uppercase;
    font-weight   : 700;
    clip-path     : var(--clip-path-form);
    font-size     : 16px;
}

#bonus-popup .modal-content .modal-body .bonus-list-wrapper .btn-action-wrapper:not(.no-gutter) button:hover {
    background: var(--color-primary-hover);
    color     : #FFF;
}

.snackbar {
    background   : var(--bg-events-item-hover);
    clip-path    : var(--clip-path-banner-cryto);
    border-radius: 0;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #provider-game-list-page-casino-group .template-list-page {
    display              : grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows   : repeat(2, auto);
    grid-gap             : 0 20px;
    padding-top          : 20px;
}

#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 #provider-game-list-page-casino-group .template-page-header-container .template-page-header h5 {
    text-align: left;
    left      : 30px;
    transform : none;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-list-page .game-lobby-filter {
    margin-top   : 84px;
    margin-bottom: 20px !important;
}

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

.game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-label,
.game-lobby-filter .game-lobby-sort .game-lobby-sort-label {
    font-weight: 700;
}

.game-lobby-filter .game-lobby-sort .game-lobby-sort-label i {
    pointer-events: none;
}

.game-lobby-filter section button {
    min-width    : 250px !important;
    height       : 44px !important;
    border-radius: 0px !important;
    background   : transparent !important;
    border       : 2px solid var(--color-blue) !important;
    color        : var(--color-blue) !important;
    font-weight  : 700 !important;
}

.game-lobby-filter button:has(> i.open),
.game-lobby-filter button:hover {
    background: var(--color-blue) !important;
    color     : #FFF !important;
}

.game-lobby-filter menu {
    padding      : 0 10px 20px 10px !important;
    background   : #FFF !important;
    border       : 0;
    border-radius: 0;
    font-family  : var(--font-family);
    box-shadow   : 0px 0px 5px var(--color-blue);
}

.game-lobby-filter .game-lobby-filter-provider section menu .search ._input input {
    height     : 36px !important;
    padding    : 0 28px;
    color      : var(--color-body);
    border     : var(--border-modal-userprofile);
    font-weight: 700;
    text-align : center;
    background : transparent;
    font-size  : 14px;
}

.game-lobby-filter .game-lobby-filter-provider section menu .search ._input input::placeholder {
    font-weight: 700;
    font-size  : 14px;
}

.game-lobby-filter .game-lobby-filter-checkbox,
.game-lobby-filter .game-lobby-sort li {
    color      : var(--color-body);
    font-weight: 700;
}

.game-lobby-filter .game-lobby-filter-item-budge {
    background: var(--color-blue-hover);
    color     : #FFF;
}

.game-lobby-filter .base-checkbox-container .base-checkbox-icon {
    border-color : var(--color-footer-menu) !important;
    border-radius: 0 !important;
}

.game-lobby-filter section menu ul li:hover {
    background: var(--color-blue) !important;
}

.game-lobby-filter section menu ul li:hover .game-lobby-filter-checkbox,
.game-lobby-filter .game-lobby-sort section menu ul li:hover {
    color: #FFF;
}

#vip-progress .komp-display-input {
    color      : var(--color-blue);
    font-weight: 700;
}

#vipbtn-w {
    margin: 0 !important;
}

#vipbtn-w .vipbtn-w-btn {
    padding          : 0 16px !important;
    height           : 36px !important;
    color            : var(--color-primary);
    font-family      : var(--font-family);
    font-weight      : bold;
    background-color : transparent !important;
    border-radius    : 0 !important;
    position         : relative;
    background-image : linear-gradient(#05207b, #05207b);
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
}

#vipbtn-w .vipbtn-w-btn .vipbtn-w-image {
    max-width : 24px !important;
    max-height: 24px !important;
}

#vipbtn-w .vipbtn-w-btn .vipbtn-w-text {
    margin        : 0 0 0 8px !important;
    font-style    : unset !important;
    font-size     : 16px !important;
    font-weight   : 700 !important;
    text-transform: none;
    color         : #f0eded;
}

#vipbtn-w .vipbtn-w-btn:hover {
    background-image: none;
    background-color: var(--color-blue-hover) !important;
    color           : #FFF !important;
}

#vip-progress .section-system-main,
#my-komp-points .section-system-main,
#komp-redemption .section-system-main {
    background  : #FFF;
    box-shadow  : var(--box-shadow-accordion);
    border      : 0;
    margin-right: 0;
}

#vip-progress .section-system-main .row.p-1 {
    padding: 0 0 20px 0 !important;
}

#vip-progress .section-system-main .row.p-1 .col-2 {
    -ms-flex    : 0 0 10%;
    flex        : 0 0 10%;
    max-width   : 10%;
    padding-left: 0;
}

#vip-progress .komp-vip-progress-tier-icon {
    width     : 100% !important;
    height    : auto !important;
    max-width : 88px !important;
    max-height: 88px !important;
    margin    : 0 !important;
}

#vip-progress .section-system-main .row.p-1 .col-10 {
    -ms-flex : 0 0 90%;
    flex     : 0 0 90%;
    max-width: 90%;
}

#vip-progress .komp-vip-text {
    font-size   : 20px;
    font-style  : unset !important;
    font-family : var(--font-family-black);
    color       : var(--color-primary);
    padding-left: 0;
}

#vip-progress .komp-vip-xp {
    font-size    : 16px;
    color        : var(--color-blue);
    font-weight  : 700;
    font-style   : unset !important;
    padding-right: 0;
}

#vip-progress .komp-progress-bar {
    margin          : 20px 0 0 !important;
    background-color: var(--bg-userprofile-bonus) !important;
    box-shadow      : var(--box-shadow-accordion);
}

#vip-progress .komp-progress {
    background-color: var(--color-primary) !important;
}

#vip-progress .komp-next-tier-progress {
    padding-left: 0;
}

#vip-progress .komp-vip-next-tier-text {
    font-style  : unset !important;
    font-size   : 16px;
    font-weight : 700;
    color       : var(--color-blue);
    padding-left: 0;
}

#vip-progress .komp-vip-percent {
    font-size  : 19px;
    font-family: var(--font-family-black);
    color      : var(--color-primary);
    font-style : unset !important;
}

#vip-progress #accd-profile {
    margin-left: 5px;
    margin-top : 20px;
    background : #FFF;
    box-shadow : var(--box-shadow-accordion);
    padding    : 20px;
}

#vip-progress .card {
    border       : 0;
    border-radius: 0;
    overflow     : visible;
}

#vip-progress #accd-profile #header-personal {
    padding         : 0;
    margin-bottom   : 1rem;
    border          : 0;
    background-color: transparent;
}

#vip-progress #accd-profile .card-body {
    padding: 0;
}

#komp-system .tab-content {
    padding-top: 10px;
}

#my-komp-points .section-system-main p.p-2,
#komp-redemption .tab-content-wrapper .section-system-main:first-child p {
    font-weight: 700;
    color      : var(--color-blue);
}

#my-komp-points .section-system-main p.p-2 i:before,
#komp-redemption .tab-content-wrapper .section-system-main:first-child p.p-1 i:before {
    content: "\f5a2";
    color  : var(--color-primary);
}

#my-komp-points .section-system-main p.p-1,
#komp-redemption .tab-content-wrapper .section-system-main .p-1 {
    font-size     : 18px !important;
    text-shadow   : 1px 1px #f0f6fe, -1px -1px #f0f6fe, -1px 1px #f0f6fe, 1px -1px #f0f6fe !important;
    line-height   : 100%;
    letter-spacing: normal !important;
}

#my-komp-points .section-system-main p.p-1 i,
#komp-redemption .tab-content-wrapper .section-system-main:not(:first-child) p i {
    margin-right: 3px;
    color       : var(--color-blue);
}

#my-komp-points .section-system {
    margin : 20px 0 20px 5px !important;
    padding: 0;
}

#my-komp-points .section-system .txt-title,
#komp-redemption .section-system .txt-title {
    font-size     : 18px !important;
    text-shadow   : rgb(240, 246, 254) 1px 1px, rgb(240, 246, 254) -1px -1px, rgb(240, 246, 254) -1px 1px, rgb(240, 246, 254) 1px -1px !important;
    text-transform: capitalize !important;
    letter-spacing: 0.44px !important;
}

#komp-redemption .section-system-main.btn-system-amount-wrapper {
    margin-top: 20px;
}

#komp-redemption .section-system-main.btn-system-amount-wrapper .section-title {
    font-size     : 18px !important;
    text-shadow   : 1px 1px #f0f6fe, -1px -1px #f0f6fe, -1px 1px #f0f6fe, 1px -1px #f0f6fe !important;
    line-height   : 100%;
    letter-spacing: normal !important;
}

#komp-redemption .section-system-main.btn-system-amount-wrapper .section-title .btn-deposit-clear {
    color          : var(--color-blue);
    padding        : 0;
    text-transform : capitalize;
    font-size      : 16px;
    font-style     : normal;
    border         : 0;
    font-weight    : 700;
    font-family    : var(--font-family);
    text-decoration: underline;
}

#komp-redemption .section-system-main.btn-system-amount-wrapper .section-title .btn-deposit-clear:hover {
    background: transparent;
}

#komp-redemption .section-system-main .col-12 {
    padding: 0;
}

#komp-redemption .section-system-main.form .col-12 {
    padding: 0 15px !important;
}

#komp-redemption .section-system-main .col-12.m-1 {
    margin: 0 !important;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper #amountselected {
    margin-top: 8px;
}

#komp-transactions-history .section-system {
    width  : 100%;
    padding: 0;
    margin : 0;
}

#komp-transactions-history .section-system .komp-section-tabs {
    justify-content: space-around;
}

#komp-transactions-history .section-system .komp-section-tabs .komp-section-tab {
    margin : 0;
    padding: 0;
    cursor : pointer;
}

#komp-transactions-history .komp-history-tab .section-system-filter .form-group {
    margin-bottom: 0;
    padding-right: 0;
}

#komp-transactions-history .komp-history-tab .section-system-filter .form-group .dropdown {
    width: 100%;
}

.user-referral-commission-history-daily .user-referral-filters,
.user-referral-commission-history-monthly .user-referral-filters,
.user-referral-commission-history-report .user-referral-filters,
.user-referral-commission-history-monthly .user-referral-filters {
    margin: 20px 0 !important;
}

.month-year-picker-datepicker .month-year-picker-input-wrapper .month-year-picker-input {
    border    : 0;
    background: var(--color-blue);
    height    : 42px;
    padding   : 0 10px 0 32px;
    cursor    : pointer;
}

.month-year-picker-datepicker .month-year-picker-input-wrapper .month-year-picker-icon-calendar {
    width: fit-content;
}

.user-referral-commission-history-monthly .user-referral-filters button:active {
    background-color: transparent !important;
    border-color    : transparent !important;
    color           : var(--color-blue) !important;
}

.user-referral-commission-history-monthly .user-referral-filters .btn-apply {
    display    : flex;
    align-items: center;
}

.user-referral-commission-history-monthly .user-referral-filters .custom-checkbox .custom-control-label:before {
    border: 1px solid #adb5bd !important;
}

.month-year-picker-datepicker-main .month-year-picker-datepicker-content {
    background : var(--color-blue-hover);
    color      : #FFF;
    padding    : 5px;
    font-family: var(--font-family);
    font-weight: 700;
}

.month-year-picker-datepicker-body {
    background: var(--color-blue);
}

.month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-calendar .month-year-picker-calendar-content .cell:hover,
.month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-calendar .month-year-picker-calendar-content .cell.active {
    background: #1749c1;
    color     : #FFF;
}

.month-year-picker-datepicker-footer {
    background: #FFF;
}

.month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn.month-year-picker-datepicker-btn-confirm {
    text-decoration: none;
    font-style     : unset;
    text-transform : capitalize;
}

.month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn.month-year-picker-datepicker-btn-cancel:hover {
    background: transparent;
}

.tournament-list-wrapper {
    max-width: 100% !important;
    padding  : 64px 0 0 0 !important;
}

.tournament-banner {
    margin-bottom: 86px;
}

.tournament-banner img {
    width            : 100%;
    -webkit-clip-path: var(--clip-path-home-hero);
    clip-path        : var(--clip-path-home-hero);
}

.tournament-player-bets-report-wrapper .report-title {
    font-size     : 24px;
    font-style    : italic;
    font-weight   : 800;
    line-height   : 28px;
    letter-spacing: 0em;
    color         : #ff8200;
    text-transform: uppercase;
    margin-bottom : 20px;
}

.tournament-player-bets-report-wrapper .tournament-details {
    position        : relative;
    display         : flex;
    justify-content : space-evenly;
    background-color: #041759;
    margin-bottom   : 20px;
}

.tournament-player-bets-report-wrapper .tournament-details .tournament-details-item {
    position       : relative;
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    gap            : 8px;
    height         : 75px;
    text-align     : center;
    padding        : 16px;
    flex-grow      : 1;
}

.tournament-player-bets-report-wrapper .tournament-details .tournament-details-item:not(:last-child)::after {
    content : "";
    position: absolute;
    height  : 59px;
    border  : 1px solid rgba(255, 255, 255, 0.07);
    top     : 9px;
    right   : 0;
}

.tournament-player-bets-report-wrapper .tournament-details .tournament-details-item span {
    font-size     : 12px;
    font-weight   : 700;
    line-height   : 14px;
    letter-spacing: 0em;
    text-align    : center;
    color         : white;
}

.tournament-player-bets-report-wrapper .table {
    border-spacing : 0;
    border-collapse: separate !important;
    margin-bottom  : 0;
}

.tournament-player-bets-report-wrapper .table th {
    vertical-align: middle;
}

.tournament-player-bets-report-wrapper .table tr:first-child th,
.tournament-player-bets-report-wrapper .table tr:nth-child(odd) td {
    border-top: var(--default-border-top);
    background: #041759 !important;
    min-height: 56px !important;
    height    : 56px !important;
    color     : white;
}

.tournament-player-bets-report-wrapper .table tr:first-child:hover {
    background-color: transparent;
}

.tournament-player-bets-report-wrapper .table th,
.tournament-player-bets-report-wrapper .table td {
    border   : 0;
    padding  : 15px 25px !important;
    color    : #262626;
    font-size: 14px;
}

.tournament-view-modal .modal-dialog {
    width: 100%;
}

.tournament-view-modal .modal-header,
.tournament-result-modal .modal-header {
    padding: 0;
}

.tournament-view-modal .modal-content,
.tournament-view-modal .modal-body,
.tournament-result-modal .modal-content,
.tournament-result-modal .modal-body {
    background: white !important;
}

.tournament-view-modal .modal-body {
    padding: 137px 42px 0;
}

.tournament-result-modal .modal-body {
    padding: 137px 175px 0;
}

.tournament-view-modal .modal-content .tournament-preview-container {
    display              : grid;
    grid-template-rows   : min-content 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 78px 58px;
}

.tournament-view-modal .modal-content .tournament-preview-container .title {
    color          : #FFFFFF;
    text-transform : uppercase;
    font-size      : 80px;
    font-family    : var(--font-family-black);
    line-height    : normal;
    position       : absolute;
    width          : 100%;
    top            : 137px;
    height         : 338px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    z-index        : 1;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-image {
    width            : 100%;
    grid-column      : 1 / 3;
    grid-row         : 1 / 2;
    background       : var(--bg-top-header);
    -webkit-clip-path: var(--clip-path-home-hero);
    clip-path        : var(--clip-path-home-hero);
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-image img {
    width         : 100%;
    max-height    : 338px;
    object-fit    : cover;
    mix-blend-mode: luminosity;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-preview-detail-panel {
    display       : flex;
    gap           : 36px;
    width         : 100%;
    grid-column   : 2;
    grid-row      : 2 / 4;
    flex-direction: column;
    padding-right : 48px;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-preview-detail-panel .base-time-ticker {
    width  : 100%;
    display: flex;
    gap    : 4px;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-preview-detail-panel .base-time-ticker p {
    color           : #FFF;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    background-color: #041759;
    width           : 100%;
    height          : 73px;
    font-size       : 24px;
    font-family     : var(--font-family-black);
    line-height     : normal;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-preview-detail-panel .base-time-ticker p span {
    font-size     : 8px;
    font-weight   : 300;
    line-height   : normal;
    text-transform: uppercase;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-view-details {
    position        : relative;
    display         : flex;
    justify-content : space-evenly;
    padding         : 0px 16px 0px 16px;
    gap             : 14px;
    background-color: #041759;
    width           : 100%;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-view-details .tournament-view-details-item {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    gap            : 14px;
    height         : 75px;
    text-align     : center;
    max-width      : calc(33% - 8px);
    width          : 100%;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-view-details .tournament-view-details-item img {
    display: none;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-view-details .tournament-view-details-item>span:nth-child(1) {
    font-size     : 12px;
    font-weight   : 700;
    line-height   : 14px;
    letter-spacing: 0em;
    color         : #8C959B;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-view-details .tournament-view-details-item>span:nth-child(2) {
    font-size     : 12px;
    font-weight   : 700;
    line-height   : 14px;
    letter-spacing: 0em;
    color         : white;
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-view-details::before {
    content     : '';
    position    : absolute;
    top         : 9px;
    left        : 33%;
    border-left : 1px solid;
    height      : 59px;
    border-color: rgba(255, 255, 255, 0.07);
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-view-details::after {
    content     : '';
    position    : absolute;
    top         : 9px;
    left        : 66%;
    border-left : 1px solid;
    height      : 59px;
    border-color: rgba(255, 255, 255, 0.07);
}

.tournament-view-modal .modal-content .tournament-preview-container .tournament-summary {
    color       : #262626;
    grid-column : 1;
    grid-row    : 2 / 2;
    padding-left: 48px;
    font-size   : 12px;
    font-weight : 700;
    height      : fit-content;
    word-break  : break-all;
}

.tournament-view-modal .modal-content .tournament-preview-container .read-more-btn {
    position   : relative;
    width      : calc(100% - 48px);
    height     : 36px;
    color      : white;
    font-size  : 14px;
    font-weight: 700;
    filter     : drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
    grid-column: 1;
    grid-row   : 3 / 4;
    margin-top : -38px;
    left       : 48px;
    z-index    : 99;
}

.tournament-view-modal .modal-content .tournament-preview-container .read-more-btn span {
    position      : relative;
    text-transform: uppercase;
    z-index       : 1;
}

.tournament-view-modal .modal-content .tournament-preview-container .read-more-btn::before {
    content         : '';
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 36px;
    background      : var(--bg-events-item-hover);
    -webkt-clip-path: var(--clip-path-events-with-bg);
    clip-path       : var(--clip-path-events-with-bg);
}

.tournament-view-modal .modal-content .tournament-preview-container .read-more-btn:hover::before {
    opacity: 0.9;
}

.tournament-view-myrank-wrapper .table-responsive {
    max-height: 1126px;
}

.tournament-view-myrank-wrapper .table-responsive table tr:nth-child(1) {
    position: sticky;
    top     : 0;
}

.tournament-view-myrank-wrapper .modal-header {
    padding: 0;
}

.tournament-view-myrank-wrapper .modal-header .close {
    width           : 34px;
    height          : 34px;
    background-color: #071d2a !important;
    border-radius   : 10px;
    margin-top      : 0 !important;
    font-size       : 16px;
    text-shadow     : unset;
}

.tournament-view-myrank-wrapper .modal-header .close i {
    font-size: 18px !important;
}

.tournament-view-myrank-wrapper .cursor-pointer {
    cursor: pointer;
}

.tournament-view-myrank-wrapper .table {
    border-spacing : 0;
    border-collapse: separate !important;
    margin-bottom  : 0;
}

.tournament-view-myrank-wrapper .table th {
    border          : 0;
    padding         : 15px 25px !important;
    color           : white;
    font-size       : 14px;
    background-color: #ff8200;
}

.tournament-view-myrank-wrapper .table td {
    padding       : 15px 25px !important;
    color         : #262626;
    font-size     : 14px;
    font-weight   : 600;
    line-height   : 28px;
    letter-spacing: 0em;
}

.tournament-view-leaderboard-wrapper .table {
    border-spacing : 0;
    border-collapse: separate !important;
    margin-bottom  : 0;
}

.tournament-view-leaderboard-wrapper .table th {
    text-wrap: nowrap;
}

.tournament-view-leaderboard-wrapper .table tr:first-child th,
.tournament-view-leaderboard-wrapper .table tr:nth-child(odd) td {
    border-top: var(--default-border-top);
    background: #041759 !important;
    min-height: 48px !important;
    height    : 48px !important;
    color     : white;
}

.tournament-view-leaderboard-wrapper .table tr:first-child:hover {
    background-color: transparent;
}

.tournament-view-leaderboard-wrapper .table th,
.tournament-view-leaderboard-wrapper .table td {
    border     : 0;
    padding    : 15px 25px !important;
    color      : #262626;
    font-size  : 14px;
    font-weight: 600;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-item-status-container {
    display: none;
}

.tournament-list-modern-wrapper .tournament-list-container .tournament-list-column {
    display: flex;
    padding: 0 !important;
    width  : 100%;
}

.tournament-list-item-wrapper {
    display  : flex;
    flex-grow: 1;
}

.tournament-list-item-wrapper .cursor-pointer {
    cursor: pointer;
}

.tournament-list-item-wrapper .tournament-name.inner {
    display: none;
}

.tournament-list-item-wrapper .tournament-list-item {
    padding              : 49px 38px 43px 46px;
    position             : relative;
    overflow             : hidden;
    min-height           : 390px;
    background-color     : #041759;
    background-blend-mode: luminosity;
    background-image     : var(--tournamentItemBG);
    -webkit-clip-path    : var(--clip-path-tournaments-item);
    clip-path            : var(--clip-path-tournaments-item);
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status {
    width           : 214px;
    height          : 48px;
    padding         : 10px 20px 10px 20px;
    background-color: #04B500;
    font-size       : 20px;
    font-family     : var(--font-family-black);
    text-transform  : uppercase;
    text-align      : right;
    position        : absolute;
    top             : 0;
    left            : 0;
    box-shadow      : 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 0px 2px 0px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper.status-scheduled .tournament-list-item .tournament-status {
    background-color: #2871F6;
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status span {
    position: relative;
    z-index : 1;
}

.tournament-list-item-wrapper.status-ended .tournament-list-item {
    background-image     : linear-gradient(black, black), var(--tournamentItemBG);
    background-blend-mode: saturation;
}

.tournament-list-item-wrapper.status-ended .tournament-list-item .tournament-status {
    background-color: #E93535;
}

.tournament-list-item-wrapper.status-ended .tournament-panel-leaderboard {
    filter: grayscale(1);
}

.tournament-list-item-wrapper .tournament-btn-view,
.tournament-view-games-article-button button {
    position   : relative;
    width      : 178px;
    height     : 36px;
    color      : white;
    font-size  : 14px;
    font-weight: 700;
    filter     : drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-list-item-wrapper .tournament-btn-view span {
    position      : relative;
    text-transform: uppercase;
    z-index       : 1;
}

.tournament-list-item-wrapper .tournament-btn-view::before,
.tournament-view-games-article-button button:before {
    content         : '';
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 178px;
    height          : 36px;
    background      : var(--bg-events-item-hover);
    -webkt-clip-path: var(--clip-path-events-with-bg);
    clip-path       : var(--clip-path-events-with-bg);
}

.tournament-list-item-wrapper.status-scheduled .tournament-btn-view::before {
    background: #2871F6;
}

.tournament-list-item-wrapper .tournament-btn-view:hover::before {
    opacity: 0.8;
}

.tournament-list-item-wrapper .tournament-name {
    text-align    : right;
    font-size     : 32px;
    word-break    : break-word;
    font-family   : var(--font-family-black);
    line-height   : normal;
    text-transform: uppercase;
    padding       : 0 0 22px 0;
    text-shadow   : 0px 2px 4px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper .tournament-panel-data {
    padding: 13px 0 0 10px;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item {
    font-size     : 16px;
    font-weight   : 600;
    line-height   : normal;
    text-transform: uppercase;
    margin-bottom : 8px;
    display       : flex;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item img {
    display: none;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item .item-label {
    margin-right: 5px;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item .base-time-ticker p {
    color: white !important;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-panel-data-item.category {
    font-family: var(--font-family-black);
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-items-action {
    margin-top : 32px;
    margin-left: -10px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
    width    : 100%;
    max-width: 400px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard .tournament-item-leaderboard-title {
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 100%;
    height          : 61px;
    padding         : 10px 24px 10px 24px;
    background-color: #041759;
    font-size       : 16px;
    font-weight     : 900;
    line-height     : 19px;
    letter-spacing  : 0em;
    text-transform  : uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr th {
    background-color: var(--bg-events-item-hover);
    text-transform  : uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table th {
    border   : 0;
    padding  : 7px 10px !important;
    color    : white;
    font-size: 10px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table td {
    border          : 0;
    padding         : 7px 10px !important;
    color           : white;
    font-size       : 10px;
    text-transform  : uppercase;
    background-color: rgba(40, 113, 246, 0.35);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr:nth-child(2) td {
    background-color: rgba(40, 113, 246, 0.78);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr:nth-child(3) td {
    background-color: rgba(40, 113, 246, 0.55);
}

.tournament-view-wrapper {
    max-width: 100% !important;
}

.tournament-view-wrapper .container-fluid {
    padding: 0;
}

.tournament-view-modern-wrapper {
    display      : flex;
    width        : 100%;
    flex-wrap    : wrap;
    padding-top  : 30px;
    gap          : 64px 120px;
    margin-bottom: 50px;
}

.tournament-view-modern-wrapper .banner-title-panel {
    display              : flex;
    justify-content      : center;
    align-items          : center;
    width                : 100%;
    min-height           : 338px;
    background-image     : var(--tournamentViewTitleBG);
    clip-path            : var(--clip-path-promotions-sidebanner);
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    background-color     : var(--bg-top-header);
    background-blend-mode: luminosity;
}

.tournament-view-modern-wrapper .banner-title-panel .tournament-name {
    font-size     : 80px;
    font-family   : var(--font-family-black);
    line-height   : normal;
    color         : white;
    text-transform: uppercase;
}

.tournament-view-modern-wrapper .tournament-panel {
    display       : flex;
    flex-direction: column;
    gap           : 36px;
    padding       : 0 0 32px 0;
}

.leaderboard-panel .tournament-view-modern-wrapper .tournament-panel {
    gap: 24px;
}

.tournament-view-modern-wrapper .tournament-panel .tournament-view-title-panel,
.tournament-view-modern-wrapper .tournament-panel .tournament-view-image {
    display: none;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel {
    display: flex;
    gap    : 16px;
    width  : 100%;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker {
    width  : fit-content;
    display: flex;
    gap    : 0 4px;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker p {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    background-color: #041759;
    color           : #FFFFFF;
    width           : 71px;
    height          : 73px;
    font-size       : 24px;
    font-family     : var(--font-family-black);
    line-height     : normal;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .base-time-ticker p span {
    font-size     : 8px;
    font-weight   : 300;
    text-align    : center;
    text-transform: uppercase;
    margin-top    : 3px;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool {
    width           : 100%;
    position        : relative;
    display         : flex;
    justify-content : center;
    padding         : 0px 16px 0px 16px;
    gap             : 14px;
    background-color: #041759;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool img {
    display: none;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel .tournament-view-detail-prizepool div:nth-child(2) {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    gap            : 8px;
    font-size      : 12px;
    font-weight    : 700;
    line-height    : 14px;
    letter-spacing : 0em;
    color          : white;
}

.tournament-view-modern-wrapper .tournament-view-details {
    position        : relative;
    display         : flex;
    justify-content : space-evenly;
    padding         : 0px 16px 0px 16px;
    gap             : 14px;
    background-color: #041759;
}

.tournament-view-modern-wrapper .tournament-view-details .tournament-view-details-item {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    gap            : 8px;
    height         : 75px;
    text-align     : center;
    max-width      : calc(33% - 8px);
    width          : 100%;
}

.tournament-view-modern-wrapper .tournament-view-details .tournament-view-details-item span:nth-child(1) {
    font-size     : 12px;
    font-weight   : 700;
    line-height   : 14px;
    letter-spacing: 0em;
    color         : white;
}

.tournament-view-modern-wrapper .tournament-view-details .tournament-view-details-item span:nth-child(2) {
    font-size     : 12px;
    font-weight   : 700;
    line-height   : 14px;
    letter-spacing: 0em;
    color         : white;
}

.tournament-view-modern-wrapper .tournament-view-details::before {
    content     : '';
    position    : absolute;
    top         : 9px;
    left        : 33%;
    border-left : 1px solid;
    height      : 59px;
    border-color: rgba(255, 255, 255, 0.07);
}

.tournament-view-modern-wrapper .tournament-view-details::after {
    content     : '';
    position    : absolute;
    top         : 9px;
    left        : 66%;
    border-left : 1px solid;
    height      : 59px;
    border-color: rgba(255, 255, 255, 0.07);
}

.tournament-view-modern-wrapper .data-panel {
    flex-grow   : 1;
    width       : 100%;
    max-width   : calc(55% - 60px);
    padding-left: 60px;
}

.tournament-view-modern-wrapper .data-panel .tournament-view-description {
    padding: 0 0 100px 0;
}

.tournament-view-modern-wrapper .data-panel .tournament-view-description .description-title {
    font-size     : 24px;
    font-family   : var(--font-family-black);
    line-height   : normal;
    font-style    : italic;
    color         : var(--color-primary);
    text-transform: uppercase;
    margin-bottom : 40px;
    font-weight   : 700;
}

.tournament-view-modern-wrapper .data-panel .tournament-view-description .tournament-view-description-content p {
    color      : black !important;
    font-weight: 700;
    font-size  : 12px;
    word-break : break-all;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container {
    display       : flex;
    flex-direction: column;
    gap           : 24px;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container .terms-description {
    position      : relative;
    font-size     : 12px;
    font-weight   : 700;
    line-height   : 14px;
    letter-spacing: 0em;
    color         : #000;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container .terms-description * {
    color     : black;
    word-break: break-all;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container .terms-readmore-btn {
    position        : relative;
    width           : 100%;
    height          : 36px;
    color           : white;
    background-color: transparent;
    border          : 0;
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 17px;
    letter-spacing  : 0em;
    text-transform  : uppercase;
    display         : none;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container .terms-readmore-btn span {
    position      : relative;
    text-transform: uppercase;
    z-index       : 1;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container .terms-readmore-btn::before {
    content            : '';
    position           : absolute;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 36px;
    background-image   : url("data:image/svg+xml,%3Csvg width='806' height='36' viewBox='0 0 806 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M806 5.77059L803.518 29.9647L798.166 36H5.46103L0 29.9647L2.48229 5.77059L7.94331 0H800.266L806 5.77059Z' fill='%232871F6'/%3E%3C/svg%3E%0A");
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
    -webkit-filter     : drop-shadow(0px 4px 8px #000 96);
    filter             : drop-shadow(0px 4px 8px #000 96);
    z-index            : 0;
    transition         : 0.3s;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container .terms-readmore-btn:hover::before {
    opacity: 0.9;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container.shorted .terms-description {
    max-height: 200px;
    overflow  : hidden;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container.shorted .terms-description::after {
    content         : '';
    position        : absolute;
    width           : 100%;
    height          : 70px;
    left            : 0;
    bottom          : 0;
    background-image: linear-gradient(to top, #fff e3, #fff 29);
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container.shorted .terms-readmore-btn {
    display: block;
}

.tournament-view-modern-wrapper .leaderboard-panel {
    display       : flex;
    flex-direction: column;
    gap           : 24px;
    flex-grow     : 1;
    width         : 100%;
    max-width     : calc(45% - 60px);
    padding-right : 90px;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-leaderboard-title {
    font-size     : 24px;
    font-family   : var(--font-family-black);
    line-height   : normal;
    font-style    : italic;
    color         : var(--color-primary);
    text-transform: uppercase;
    font-weight   : 700;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-container {
    padding: 32px 0 0;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-container .title {
    font-size     : 24px;
    font-family   : var(--font-family-black);
    line-height   : normal;
    font-style    : italic;
    color         : var(--color-primary);
    text-transform: uppercase;
    margin-bottom : 24px;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel {
    display              : flex;
    flex-direction       : column;
    justify-content      : space-between;
    align-items          : start;
    clip-path            : var(--clip-path-tournaments-item);
    min-height           : 310px;
    background-image     : var(--prevTournamentBG);
    background-repeat    : no-repeat;
    background-position  : center;
    background-size      : cover;
    padding              : 40px 36px;
    background-color     : var(--bg-top-header);
    background-blend-mode: luminosity;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .previous-tournament-name {
    font-size     : 40px;
    font-family   : var(--font-family-black);
    line-height   : normal;
    color         : white;
    text-transform: uppercase;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .view-result-btn {
    position   : relative;
    width      : 178px;
    height     : 36px;
    color      : white;
    font-size  : 14px;
    font-weight: 700;
    filter     : drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .view-result-btn span {
    position      : relative;
    text-transform: uppercase;
    z-index       : 1;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .view-result-btn::before {
    content         : '';
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 178px;
    height          : 36px;
    background      : var(--bg-events-item-hover);
    -webkt-clip-path: var(--clip-path-events-with-bg);
    clip-path       : var(--clip-path-events-with-bg);
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel .view-result-btn:hover::before {
    opacity: 0.9;
}

.tournament-view-result-wrapper .tournament-top-player {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    width           : 100%;
    height          : 49px;
    padding         : 16px;
    gap             : 10px;
    color           : white;
    font-size       : 14px;
    background-color: #ff8200;
    margin-bottom   : 24px;
}

.tournament-view-result-wrapper .table {
    border-spacing : 0;
    border-collapse: separate !important;
    margin-bottom  : 0;
}

.tournament-view-result-wrapper .table tr:first-child {
    margin-bottom: 24px;
}

.tournament-view-result-wrapper .table tr:first-child th,
.tournament-view-result-wrapper .table tr:nth-child(odd) td {
    background: #041759;
    min-height: 50px;
    height    : 50px;
    color     : white;
}

.tournament-view-result-wrapper .table tr:first-child:hover {
    background-color: transparent;
}

.tournament-view-result-wrapper .table th,
.tournament-view-result-wrapper .table td {
    border     : 0;
    padding    : 15px 25px !important;
    color      : #262626;
    font-size  : 14px;
    font-weight: 600;
}

.tournament-list-modern-wrapper {
    display       : flex;
    flex-direction: column;
    width         : 100%;
}

.tournament-list-modern-wrapper .tournament-list-banner-container {
    width        : 100%;
    min-height   : 300px;
    padding      : 10px;
    margin-bottom: 15px;
    border-radius: var(--default-border-radius);
    border-top   : var(--default-border-top);
    background   : var(--dropdown-menu-bg-color) !important;
}

.tournament-list-modern-wrapper .tournament-list-container {
    margin               : 0;
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 20px;
}

.tournament-list-modern-wrapper .load-more-btn-container {
    width     : 100%;
    text-align: center;
    margin-top: 50px;
}

.tournament-player-bets-modal .modal-header {
    padding: 0;
}

.tournament-player-bets-modal .modal-header .close {
    width           : 34px;
    height          : 34px;
    background-color: white !important;
    border-radius   : 10px;
    margin-top      : 0 !important;
    font-size       : 16px;
    text-shadow     : unset;
}

.tournament-player-bets-modal .modal-header .close i {
    font-size: 18px !important;
}

.tournament-player-bets-modal .modal-dialog {
    max-width: 1130px !important;
}

.tournament-player-bets-modal .modal-content,
.tournament-player-bets-modal .modal-body {
    background   : white !important;
    border-radius: 10px;
}

.tournament-player-bets-modal .modal-content {
    min-height: calc(100vh - 60px) !important;
}

/*.tournament-result-modal .modal-header {
    padding: 0;
}
.tournament-result-modal .modal-header .close {
    width: 34px;
    height: 34px;
    background-color: white !important;
    border-radius: 10px;
    margin-top: 0 !important;
    font-size: 16px;
    text-shadow: unset;
}
.tournament-result-modal .modal-header .close i {
    font-size: 18px !important;
}
.tournament-result-modal .modal-dialog {
    max-width: 800px !important;
}
.tournament-result-modal .modal-content, .tournament-result-modal .modal-body {
    background: white !important;
    border-radius: 10px;
}
.tournament-result-modal .modal-content {
    min-height: calc(100vh - 60px) !important;
}*/
.tournament-view-games .tournament-view-games-title {
    font-size     : 24px;
    font-family   : var(--font-family-black);
    line-height   : normal;
    font-style    : italic;
    color         : var(--color-primary);
    text-transform: uppercase;
    margin-bottom : 24px;
}

.tournament-view-games-article {
    margin-bottom: 32px;
}

.tournament-view-games-article-header h1 {
    font-size    : 24px;
    font-family  : var(--font-family-black);
    line-height  : normal;
    margin-bottom: 16px;
    color        : #000000;
}

.tournament-view-games-article-thumbnails.sports {
    display: flex;
    gap    : 0 20px;
}

.tournament-view-games-article-thumbnails.sports a {
    height         : 75px;
    width          : 136px;
    background     : #041759;
    color          : #E7F7FF !important;
    font-family    : var(--font-family-black);
    font-size      : 16px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.tournament-view-games-article-thumbnails:not(.sports) {
    grid-template-columns: repeat(4, 1fr);
    gap                  : 30px 10px;
    display              : grid;
}

.tournament-view-games-article-thumbnails a.base-game-card img {
    width            : 100%;
    -webkit-clip-path: var(--clip-path-thumbnail);
    clip-path        : var(--clip-path-thumbnail);
}

.tournament-view-games-article-thumbnails .base-game-card.launch-from-casino-lobby:before {
    border-radius    : 0;
    -webkit-clip-path: var(--clip-path-thumbnail);
    clip-path        : var(--clip-path-thumbnail);
}

.tournament-view-games-article-thumbnails .base-game-card-buttons {
    display        : none;
    height         : 100%;
    align-items    : center;
    justify-content: center;
    z-index        : 4;
    opacity        : 0;
    transition     : 0.1s opacity ease-in;
    position       : absolute;
    top            : 0;
    width          : 100%;
    transition     : all .1s ease-in;
}

.tournament-view-games-article-thumbnails .base-game-card-buttons button:nth-child(1) {
    content         : '';
    font-size       : 0;
    background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/play-icon.png);
    height          : 70px;
    width           : 70px;
    background-size : cover;
}

.tournament-view-games-article-thumbnails .base-game-card-buttons button:nth-child(2) {
    position       : absolute;
    bottom         : 52px;
    font-size      : 16px;
    color          : var(--color-blue);
    font-weight    : 700;
    text-decoration: underline;
}

.tournament-view-games-article-thumbnails a.base-game-card:hover .base-game-card-buttons {
    display: flex !important;
    opacity: 1;
}

.tournament-view-games-article-button {
    margin-top: 24px;
    text-align: center;
}

.tournament-view-games-article-button button {
    text-transform: uppercase;
}

.tournament-view-games-article-button button:before {
    z-index: -1;
}

.gamestage_breadcrumbs-tournament img {
    text-align: right;
    width     : 25px;
    filter    : brightness(3);
}

#gamestage-tournament-ticker {
    display : none;
    position: absolute;
    left    : 0;
    top     : 40px;
    width   : 100%;
    z-index : 1;
}

#w-tournament-ticker {
    background: var(--bg-see-all);
    gap       : 16px;
    row-gap   : 16px !important;
    padding   : 16px;
    box-shadow: var(--box-shadow-accordion);
}

.w-tournament-ticker-title p {
    background    : #04B500;
    padding       : 8px 16px;
    font-size     : 16px;
    line-height   : normal;
    clip-path     : var(--clip-path-side-nav);
    font-family   : var(--font-family-black);
    text-transform: uppercase;
    width         : fit-content;
}

.w-tournament-ticker-title p i {
    margin-left: 8px;
}

.w-tournament-ticker-title h1 {
    margin-top    : 8px;
    font-size     : 24px;
    text-transform: uppercase;
    font-family   : var(--font-family-black);
    text-shadow   : 0px 2px 4px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

#gamestage-tournament-ticker .base-time-ticker {
    gap: 4px;
}

#gamestage-tournament-ticker .base-time-ticker p {
    color           : var(--color-blue);
    display         : flex !important;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    background-color: #FFF;
    height          : 75px;
    width           : 75px;
    font-size       : 24px;
    font-family     : var(--font-family-black);
    line-height     : normal;
}

#gamestage-tournament-ticker .base-time-ticker p span {
    font-size     : 8px;
    font-weight   : 300;
    line-height   : normal;
    text-transform: uppercase;
}

.w-tournament-ticker-prize {
    display    : flex;
    align-items: center;
    gap        : 0 16px;
    background : var(--color-blue);
    padding    : 8px 16px;
}

.w-tournament-ticker-prize img {
    max-height: 75%;
}

.w-tournament-ticker-prize>div {
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-direction : column;
}

.w-tournament-ticker-prize .tournament-prize-pool-label {
    color: #8C959B;
}

.w-tournament-ticker-prize .tournament-prize-pool-amount img {
    display: none;
}

.w-tournament-ticker-leaderboard {
    background: var(--color-blue);
    padding   : 8px 16px;
}

.w-tournament-ticker-leaderboard ul li {
    display        : flex;
    font-size      : 12px;
    gap            : 32px;
    justify-content: space-between;
    text-align     : center;
    height         : 24px;
}

.w-tournament-ticker-leaderboard ul li span:nth-child(2) {
    color: var(--color-primary);
}

.w-tournament-ticker-read button {
    padding         : 0 16px;
    height          : 36px;
    border          : 0;
    font-size       : 16px;
    font-family     : var(--font-family);
    font-weight     : bold;
    position        : relative;
    text-transform  : uppercase;
    background      : var(--bg-events-item-hover);
    -webkt-clip-path: var(--clip-path-events-with-bg);
    clip-path       : var(--clip-path-events-with-bg);
}

.komp-page .komp-page-content {
    max-width: 1128px;
    margin   : 0 auto;
    padding  : 40px 0 20px;
}

.scroll-wrapper.komp-page::before {
    content      : '';
    position     : absolute;
    width        : calc(100% + 84px);
    height       : calc(100% + 20px);
    top          : -20px;
    left         : -42px;
    /* background: var(--BF_MainBG, linear-gradient(180deg, #05207B 0%, #061249 100%)); */
    z-index      : -2;
}

.scroll-wrapper.komp-page::after {
    content          : '';
    position         : absolute;
    width            : calc(100% + 84px);
    height           : 100vh;
    top              : -20px;
    left             : -42px;
    background-image : url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/komp-assets/KompBanner.png');
    background-size  : cover;
    z-index          : -1;
    background-repeat: no-repeat;
}

.komp-page-content .komp-header h1 {
    text-align    : center;
    color         : #05207B;
    font-size     : 32px;
    font-weight   : 600;
    line-height   : 130%;
    letter-spacing: -0.64px;
}

#freeBet h3,
#bonusMoney h3 {
    color         : #fff;
    text-align    : center;
    font-size     : 24px;
    font-weight   : 600;
    line-height   : 32px;
    letter-spacing: -0.40px;
    margin-top    : 33px;
    margin-bottom : 15px;
}

.komp-page-tab {
    overflow     : hidden;
    border       : 1px solid #ccc;
    width        : 791px;
    margin       : 0px auto;
    border-radius: 8px 8px 0px 0px;
    border       : 1px solid #05207B;
}

.komp-page-tab button {
    /* background: #033CFF1A 10%; */
    background      : #05207B;
    float           : left;
    outline         : none;
    cursor          : pointer;
    height          : 54px;
    background-image: radial-gradient(circle 200px at 50% -100px, rgba(3, 60, 257, 0.6), transparent);
    border          : 1px solid rgba(3, 60, 255, 0.5);
    /* border-bottom: none; */
}

#freeBet {
    display   : block;
    text-align: center;
}

#bonusMoney {
    text-align: center;
}

.komp-page-tab button.active {
    background         : #033CFF1A;
    background         : #05207B;
    border             : 1px solid rgba(3, 60, 255, 0.5);
    box-shadow         : 4px 4px 5px 4px rgba(0, 0, 0, 0.25);
    /* background-image: radial-gradient(circle 200px at 50% -100px, rgba(3, 60, 257, 0.6), transparent); */
    border-bottom      : none;
}

.komp-page-tab button:hover {
    background-image: radial-gradient(circle 200px at 50% -100px, rgba(3, 60, 257, 0.6), transparent);
}

.komp-page-tab button:hover p {
    opacity: 1;
}

.komp-page-tab button.active p {
    opacity                : 1;
    text-align             : center;
    font-size              : 17px;
    font-style             : normal;
    font-weight            : 600;
    line-height            : normal;
    -webkit-text-fill-color: white;
}

.komp-page-tab button p {
    text-align             : center;
    font-size              : 17px;
    font-style             : normal;
    font-weight            : 600;
    line-height            : normal;
    background             : var(--Style, linear-gradient(135deg, #005D9F 0%, #9DDFF3 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.komp-page-content .tabcontent {
    display      : none;
    padding      : 6px 12px;
    border-top   : none;
    width        : 791px;
    background   : #05207B;
    height       : 475px;
    border-radius: 0px 0px 16px 16px;
    margin       : 0px auto;
    box-shadow   : 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border       : 1px solid rgba(3, 60, 255, 0.5);
    position     : relative;
    border-top   : none;
}



.komp-page-tab .tablinks {
    width: 50%;
}

.lowerMessage .whatIskomp h1,
.lowerMessage .howTogetPoints h1 {
    /* color: #FFF; */
    font-size     : 16px;
    font-style    : normal;
    font-weight   : 600;
    line-height   : 130%;
    /* 20.8px */
    letter-spacing: -0.32px;
    height        : 32px;
}

.lowerMessage div p {
    max-width  : 436px;
    /* color   : #FFF; */
    font-size  : 14px;
    font-style : normal;
    font-weight: 400;
    line-height: 20px;
}

.lowerMesage .whatIskomp::before {
    content         : '';
    position        : absolute;
    width           : calc(100% + 84px);
    height          : 100vh;
    top             : -20px;
    left            : -42px;
    background-image: url('https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/komp-assets/KompBanner.png');
    z-index         : -2;
}

.lowerMessage {
    display   : flex;
    margin-top: 45px;
}

.lowerMessage .whatIskomp,
.lowerMessage .howTogetPoints {
    display: flex;
    width  : 50%;
}

.lowerMessage .whatIskomp img,
.lowerMessage .howTogetPoints img {
    margin: 0px 12px;
    width : 64px;
}

.komp-points-details {
    width          : 598px;
    /* height      : 157px; */
    margin         : 0px auto;
    padding        : 30px 0px 20px;
    border-radius  : 8px;
    border         : 1px solid rgb(255 255 255);
    opacity        : 0.9;
    background     : linear-gradient(135deg, rgba(0, 93, 159, 0.15) 0%, rgba(157, 223, 243, 0.15) 100%);
    box-shadow     : 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display        : flex;
    flex-direction : column;
    justify-content: center;
}

#freeBet .komp-referral-icon,
#bonusMoney .komp-referral-icon {
    width      : 171.91px;
    height     : 358px;
    z-index    : 1;
    margin-left: -60px;
    top        : -20px;
    position   : absolute;
}

.komp-points-details p {
    text-transform: uppercase;
    color         : #FFF;
    text-align    : center;
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 22px;
    position      : absolute;
    left          : 50%;
    transform     : translateX(-50%);
}

.komp-header {
    margin-bottom: 34px;
}

.komp-points-exchange {
    display        : flex;
    position       : relative;
    justify-content: center;
    /*margin-top   : 20px;*/
}


.tabcontent .komp-points-exchange h1 {
    background             : linear-gradient(147deg, #05207B -35.16%, #22D7FF 81.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip        : text;
    margin-top             : 16px;
    height                 : 54px;
    width                  : 240px;
    font-size              : 16px;
    font-weight            : 600;
    text-transform         : uppercase;
}

.tabcontent .komp-points-exchange span {
    background             : linear-gradient(147deg, #05207B -35.16%, #22D7FF 81.97%);
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size              : 17px;
    font-style             : normal;
    font-weight            : 800;
    line-height            : normal;
}

.komp-points-details .komp-points-container {
    text-transform: uppercase;
    color         : #FFF;
    text-align    : center;
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 22px;
    display       : table;
    width         : 534px;
    height        : 40px;
    position      : relative;
    margin        : 8px auto;
    border-radius : 40px;
    border        : 1px solid rgba(3, 60, 255, 0.5);
    background    : linear-gradient(135deg, rgba(0, 93, 159, 0.10) 0%, rgba(157, 223, 243, 0.10) 100%);
}

.komp-points-details .komp-points-container svg {
    position: absolute;
    left    : 6px;
    top     : 6px;
    width   : 12px;
    height  : 12px;
    display : none;
}

.komp-points-details .komp-points-info {
    width        : 470px;
    height       : 24px;
    margin       : 8px 0px 8px 8px;
    border-radius: 40px;
    background   : linear-gradient(135deg, rgba(0, 93, 159, 0.50) 0%, rgba(157, 223, 243, 0.50) 100%);
}

.komp-points-textfield {
    width        : 348px;
    height       : 40px;
    margin       : 0px auto;
    border-radius: 8px;
    border       : 1px solid rgba(3, 60, 255, 0.5);
    opacity      : 0.9;
    background   : linear-gradient(135deg, rgba(0, 93, 159, 0.20) 0%, rgba(157, 223, 243, 0.20) 100%);
    box-shadow   : 5px 5px 7px 0px rgba(0, 0, 0, 0.15) inset;
}

.komp-points-border {
    height       : 24px;
    width        : 24px;
    border-radius: 50%;
    display      : inline-block;
    background   : -webkit-linear-gradient(left top, #005D9F 30%, #9DDFF3 70%);
    position     : absolute;
    left         : 8px;
    top          : 8px;
    padding      : 1px;
}

.komp-points-bullet {
    height          : 22px;
    width           : 22px;
    background-color: rgb(0, 93, 159, 0.70);
    border-radius   : 50%;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.vip-page {
    max-width: 1296px !important;
    margin   : 0 auto;
}

.scroll-wrapper.vip-page:before {
    content      : '';
    position     : absolute;
    width        : calc(100% + 84px);
    height       : calc(100% + 20px);
    top          : -20px;
    left         : -42px;
    /* background: linear-gradient(#05207B, #061249); */
    z-index      : -2;
}

.scroll-wrapper.vip-page:after {
    content          : '';
    position         : absolute;
    width            : calc(100% + 84px);
    height           : 100vh;
    top              : -140px;
    left             : -42px;
    background-image : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/banner/BetFlare_VIPPage.png);
    background-size  : cover;
    z-index          : -1;
    background-repeat: no-repeat;
}

.vip-page-content .vip-page-header {
    padding-top   : 40px;
    text-align    : center;
    padding-bottom: 40px;
}

.vip-page-content .vip-page-header span {
    font-size              : 32px;
    font-weight            : 600;
    line-height            : 130%;
    margin-bottom          : 8px;
    background             : var(--BG, linear-gradient(180deg, #305be5 0%, #061249 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vip-page-content .vip-page-header h3 {
    font-size              : 32px;
    font-weight            : 600;
    line-height            : 130%;
    margin-bottom          : 8px;
    background             : var(--BG, linear-gradient(180deg, #05207B 0%, #061249 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vip-page-content .vip-page-header p {
    font-weight: 500;
    line-height: 20px;
    max-width  : 52%;
    margin     : 0 auto;
}

.vip-page-content .vip-page-cards {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    gap            : 0 24px;
    color          : #FFFFFF;
    margin-top     : 60px;
}

.vip-page-content .vip-page-cards .vip-page-card-item {
    flex-grow : 1;
    flex-basis: 0;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-badge {
    height          : 145px;
    width           : 145px;
    margin          : 0 auto -65px;
    border-radius   : 50%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-direction  : column;
    box-shadow      : 0px 0px 30px rgba(0, 0, 0, 0.50);
    /*
    background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/vip-badge.png);
    */
    background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/ellipse-vip.png);
    background-size : cover;
    position        : relative;
    gap             : 10px 0;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-badge h1 {
    font-size  : 60px;
    font-weight: 900;
    line-height: 60%;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-badge span,
.vip-page-content .vip-page-cards .vip-page-card-item .vip-badge p {
    font-size  : 13px;
    font-weight: 900;
    text-align : center;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-details {
    box-shadow   : 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-details .withdraw-limit {
    padding                : 89px 24px 16px;
    text-align             : center;
    background             : linear-gradient(180deg, rgba(9, 86, 250, 0.20) 18.75%, rgba(9, 86, 250, 0.00) 100%);
    /*
    background             : #05207B;
    */
    background             : var(--gradiend-Tab, linear-gradient(180deg, #05207B 32%, #010f3e 124%));
    border                 : solid 1px #0956FA;
    border-top-left-radius : 16px;
    border-top-right-radius: 16px;
    border-style           : solid solid none;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-details .cashback {
    padding      : 24px 24px 16px;
    text-align   : center;
    /* background: linear-gradient(180deg, rgba(9, 86, 250, 0.20) 18.75%, rgba(9, 86, 250, 0.00) 100%); */
    background   : var(--gradiend-Tab, linear-gradient(180deg, #05207B 32%, #010f3e 124%));
    border       : solid 1px #0956FA;
    border-style : none solid;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-details .account-manager {
    padding                   : 24px 14px;
    text-align                : center;
    /* background             : linear-gradient(180deg, rgba(9, 86, 250, 0.20) 18.75%, rgba(9, 86, 250, 0.00) 100%); */
    border                    : solid 1px #0956FA;
    background                : var(--gradiend-Tab, linear-gradient(180deg, #05207B 32%, #010f3e 124%));
    /*
    border-bottom-left-radius : 16px;
    border-bottom-right-radius: 16px;
    */
    border-style              : none solid;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-details h2 {
    font-size     : 28px;
    font-weight   : 900;
    text-transform: uppercase;
}

.vip-page-content .vip-page-cards .vip-page-card-item .vip-details p {
    font-size     : 16px;
    font-weight   : 600;
    /*
    color         : rgba(255, 255, 255, 0.30);
    */
    text-transform: uppercase;
}

.vip-page-content .vip-info-section {
    max-width: 1052px;
    margin   : 48px auto 0;
    /* color : #FFFFFF; */
    display  : flex;
    flex-wrap: wrap;
    gap      : 32px 24px;
}

.vip-page-content .vip-info-section .vip-info-item {
    flex     : 0 0 50%;
    max-width: calc(50% - 12px);
}

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

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

.vip-page-content .vip-info-section .vip-info-item p {
    max-width: calc(100% - 76px);
    margin   : -24px 0 15px 76px;
}

.vip-page-content .vip-button-wrapper {
    margin-top     : 24px;
    display        : flex;
    justify-content: center;
}

.vip-page-content .vip-button-wrapper a {
    background-image: radial-gradient(circle 100px at 50% -52px, rgba(3, 60, 255, 0.6), transparent);
}

.vip-page-content .vip-button-wrapper button {
    border-radius   : 8px;
    width           : 240px;
    background      : #05207B;
    background-image: radial-gradient(circle 168px at 50% -115px, rgb(255 255 255), transparent);
    height          : 54px;
    color           : #FFF;
    font-size       : 17px;
    font-style      : normal;
    font-weight     : 600;
    line-height     : normal;
}

/*
.vip-page-content .vip-button-wrapper button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, transparent, #033CFF, transparent);
}

.vip-page-content .vip-button-wrapper button:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, transparent, rgba(3, 60, 255, 0.6), transparent);
}
*/

.dg-top-match .tm_match>.tm-match-container {
    border-radius: 8px;
    border       : 4px solid #FFF;
    background   : var(--Main-Background, linear-gradient(180deg, #EDF7FF 0%, #DFF0FF 52%, #95CDFF 100%));
    box-shadow   : 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


.top_matches_banner h5 {
    color      : var(--color-blue) !important;
    font-size  : 36px !important;
    font-family: Fortusnova Bolditalic;
}

.top_matches_header_container .TopMatches {
    margin-right : -77px !important;
    margin-bottom: 9px;
}

.top_matches_header_container i:before {
    content          : '';
    height           : 69px;
    width            : 103px;
    display          : inline-block;
    background-image : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/star.png);
    background-size  : cover;
    background-repeat: no-repeat;
}

.topMatches {
    margin-right : -77px !important;
    margin-bottom: 9px;
}

.top_matches_header_container {
    display    : flex;
    align-items: center;
    margin-top : 20px;
}

*[lang="ko"] body,
*[lang="ko"] p,
*[lang="ko"] a,
*[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"] .category-page-sidenav .category-page-nav label .button {
    font-family: var(--font-family-kr) !important;
}

*[lang="ja"] body,
*[lang="ja"] p,
*[lang="ja"] a,
*[lang="ja"] span,
*[lang="ja"] button,
*[lang="ja"] h1,
*[lang="ja"] h2,
*[lang="ja"] h3,
*[lang="ja"] h4,
*[lang="ja"] h5,
*[lang="ja"] h6,
*[lang="ja"] .category-page-sidenav .category-page-nav label .button {
    font-family: var(--font-family-jp) !important;
}

*[lang="vi"] body,
*[lang="vi"] p,
*[lang="vi"] a,
*[lang="vi"] span,
*[lang="vi"] button,
*[lang="vi"] h1,
*[lang="vi"] h2,
*[lang="vi"] h3,
*[lang="vi"] h4,
*[lang="vi"] h5,
*[lang="vi"] h6,
*[lang="vi"] .category-page-sidenav .category-page-nav label .button {
    font-family: var(--font-family-Noto-Sans) !important;
}

*[lang="ko"] h1,
*[lang="ko"] h2,
*[lang="ko"] h3,
*[lang="ko"] h4,
*[lang="ko"] h5,
*[lang="ko"] h6,
*[lang="ko"] button,
*[lang="ko"] input[type="submit"],
*[lang="ja"] h1,
*[lang="ja"] h2,
*[lang="ja"] h3,
*[lang="ja"] h4,
*[lang="ja"] h5,
*[lang="ja"] h6,
*[lang="ja"] button,
*[lang="ja"] input[type="submit"],
*[lang="vi"] h1,
*[lang="vi"] h2,
*[lang="vi"] h3,
*[lang="vi"] h4,
*[lang="vi"] h5,
*[lang="vi"] h6,
*[lang="vi"] button,
*[lang="vi"] input[type="submit"] {
    font-weight: 700;
}

*[lang="ko"] .orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
    font-weight: 900;
    font-family: var(--font-family-kr) !important;
}

*[lang="ja"] .orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
    font-weight: 900;
    font-family: var(--font-family-jp) !important;
}

*[lang="vi"] .orientation-tiles .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label {
    font-weight: 900;
    font-family: var(--font-family-jp) !important;
}

*[lang="ko"] .scroll-wrapper .home-hero .events-item a h4,
*[lang="ko"] .category-page-flex .events-item a h4,
*[lang="ja"] .scroll-wrapper .home-hero .events-item a h4,
*[lang="ja"] .category-page-flex .events-item a h4,
*[lang="vi"] .scroll-wrapper .home-hero .events-item a h4,
*[lang="vi"] .category-page-flex .events-item a h4 {
    -webkit-text-stroke: unset;
}

*[lang="ko"] .category-page-sidenav#ko {
    display: block;
}

*[lang="ko"] .category-page-sidenav#en {
    display: none;
}


/* 04172024 additional*/


.home-page-content #provider-game-list-page-casino-group {
    max-width: 1830px !important;
    margin   : 0px auto;
    position : relative;
}

#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: calc(1830px - 220px);
    left     : 220px;
    top      : 60px;
    /*
    left     : 260px;
    top      : 60px;
    */
}


#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .template-page-header-container .template-page-header h5 {
    font-family: Fortusnova Bolditalic !important;
    font-size  : 36px !important;
    text-align : center;
    color      : var(--color-blue) !important;
    /*margin   : 20px 0 0; */
    position   : relative;
    width      : fit-content;
    left       : 50%;
    transform  : translateX(-50%);
}


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

form .form-group .phone-number-with-icon span {
    top      : 50%;
    transform: translateY(-50%);
    left     : 10px;
}

form .form-group .phone-number-with-icon input {
    padding: 0px 36px !important;
}


#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-breadcrumbs span:first-child {
    color: var(--color-blue) !important;
}

/*
#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-breadcrumbs .wallet-breadcrumbs-item:hover{
    color: var(--color-primary) !important;
}
*/

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-breadcrumbs span:last-child {
    color: var(--color-primary);
}

.send-to-details-icon {
    color       : var(--color-primary) !important;
    padding-left: 7px;
    position    : absolute;
}

.message-box-modal .modal-dialog .modal-content {
    min-height: fit-content;
    height    : fit-content;
    padding   : 20px !important;
    min-width : fit-content;
    background: #FFF;
    position  : absolute;
    top       : 50%;
    transform : translateY(-50%);
}

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

#provider-game-list-page {
    margin-top: 20px !important;
    height    : fit-content !important;
    background: transparent !important;
}

.accordion-container .panel a {
    color: var(--color-blue-hover);
}


.accordion-container .panel a:hover {
    color          : var(--color-primary) !important;
    text-decoration: none;
}

.accordion-container .panel ul {
    padding-left: 20px;
}

.accordion-container .panel ul li {
    font-size  : 16px;
    font-weight: 700;
    line-height: 20px;
}

.accordion-container .panel ul li:before {
    content         : " ";
    width           : 6px;
    height          : 6px;
    background-color: #103caf;
    border-radius   : 50%;
    display         : block;
    position        : absolute;
    transform       : translate(-10px, 6px);
}

/* 04222024 additional */

.logged-in .body-non-logged-in {
    display: none !important;
}

.logged-in .body-logged-in {
    display: flex !important;
}

body .body-non-logged-in {
    display: flex !important;
}

body .body-logged-in {
    display: none !important;
}

#modernSkin.main-wrapper .layout-wrapper .header-section {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.komp-points-exchange a button:hover h1,
.komp-points-exchange a button:hover span {
    background     : white;
    background-clip: text;
}

.tabcontent .komp-points-exchange a button:hover h1:before,
.tabcontent .komp-points-exchange a button:hover h1:after {
    background: linear-gradient(to right, transparent, #a9bcff, transparent);
}

.vip-page-card-item:hover {
    color: var(--color-primary);
}

/*
.logged-in #freeBet .komp-referral-container h2,
.logged-in #bonusMoney .komp-referral-container h2 {
    font-size: 17px;
    font-style: normal;
    margin: 0px;
    font-weight: 600;
    line-height: normal;
    background: linear-gradient(147deg, #05207B -35.16%, #22D7FF 81.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/

#freeBet .komp-referral-container h2 span,
#bonusMoney .komp-referral-container h2 span {
    background             : var(--Gradient_Highloight, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size              : 17px;
    font-style             : normal;
    font-weight            : 600;
    line-height            : normal;
}

#freeBet .komp-referral-container .komp-referral-link p,
#bonusMoney .komp-referral-container .komp-referral-link p {
    color        : #D9D9D9;
    text-align   : center;
    font-size    : 17px;
    font-style   : normal;
    font-weight  : 600;
    line-height  : normal;
    margin-top   : 6px;
    margin-bottom: 28px;
}

#freeBet .komp-referral-container .komp-referral-link button,
#bonusMoney .komp-referral-container .komp-referral-link button {
    width      : 19.637px;
    height     : 18.099px;
    margin-top : 6px;
    margin-left: 8px;
}

.komp-referral-link {
    display        : flex;
    justify-content: center;
}

.home-hero .home-main-banners .carousel-inner {
    max-width : 1914px;
    max-height: 420px;
    width     : 100%;
    height    : 100%;
}

.logged-in .home-hero .non-logged-in {
    display: none !important;
}

.logged-in .home-hero .logged-in {
    display: contents !important;
}

body .non-logged-in {
    display: contents;

}

body .logged-in {
    display: none;
}

.home-hero .logged-in {
    max-width : 1920px;
    width     : 100%;
    max-height: 420px;
    height    : 420px;
}

.home-hero .logged-in .nm-widget {
    position : absolute;
    top      : 0;
    left     : 0;
    height   : 100%;
    width    : calc(100% + 84px);
    max-width: 100% !important;
}

.home-hero .home-main-banners .carousel-inner {
    height: 420px;
}

.promo-page .promo-page-content .promo-page-details .promo-page-main h3 {
    text-align : center;
    cursor     : pointer;
    padding    : 30px 68px 30px 32px;
    font-size  : 35px;
    font-family: var(--font-family-bold);
    line-height: normal;
}


.promo-page .promo-page-content .promo-page-details .promo-page-main ol li p {
    font-size  : 18px;
    font-weight: 700;
    color      : #525252;
}

.promo-page .promo-page-content .promo-page-details .promo-page-main ol li span {
    padding-right: 20px;
}

/* 04242024 */

.komp-referral-container .komp-referral-link .popup {
    position: relative;
}

.popup .popuptext {
    visibility   : hidden;
    width        : 100px;
    color        : #fff;
    text-align   : center;
    border-radius: 6px;
    padding      : 8px 0;
    position     : absolute;
    z-index      : 1;
    bottom       : 125%;
    left         : 50%;
    margin-left  : -50px;
    color        : #D9D9D9;
    text-align   : center;
    font-size    : 14px;
    font-style   : normal;
    font-weight  : 600;
    background   : var(--bg-top-header);
    line-height  : normal;
}

.komp-referral-container .komp-referral-link .popup .popuptext::after {
    content     : "";
    position    : absolute;
    top         : 100%;
    left        : 50%;
    margin-left : -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--bg-top-header) transparent transparent transparent;
}

.popup .show {
    visibility       : visible;
    -webkit-animation: fadeIn 1s;
    animation        : fadeIn 1s;
}

/* 04252024*/

.logged-in .komp-page .logged-in {
    display: contents !important;
}

.logged-in .non-logged-in {
    display: none;
}

#freeBet .komp-referral-container h2,
#bonusMoney .komp-referral-container h2 {
    margin                    : 15px;
    color                     : #FFFFFF;
    /* background             : var(--Linear, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%)); */
    /* background-clip        : text; */
    /* -webkit-text-fill-color: transparent; */
    font-size                 : 24px;
    font-style                : normal;
    font-weight               : 800;
    line-height               : 130%;
    letter-spacing            : -0.48px;
}

#freeBet .komp-points-sign-in button,
#bonusMoney .komp-points-sign-in button {
    width           : 240px;
    margin          : 20px;
    height          : 54px;
    border-radius   : 8px;
    background-image: radial-gradient(circle 166px at 50% -100px, rgba(3, 60, 257, 0.6), transparent);
    /* background   : var(--Style, linear-gradient(135deg, #005D9F 0%, #9DDFF3 100%)); */
    color           : #FFF;
    text-align      : center;
    font-size       : 17px;
    font-style      : normal;
    font-weight     : 600;
    position        : relative;
    line-height     : normal;
}

/* 04292024 additional*/

.komp-page-tab button:last-child:not(.active) {
    box-shadow: inset 10px 0 10px rgba(0, 0, 0, 0.2);
}

.komp-page-tab button:first-child:not(.active) {
    box-shadow: inset -10px 0 10px rgba(0, 0, 0, 0.2);
}

.komp-page-tab button {
    background         : #05207B;
    background-image   : radial-gradient(circle 200px at 50% -100px, rgba(3, 60, 257, 0.6), transparent);
    /* background-image: radial-gradient(circle 168px at 50% -115px, rgb(255 255 255), transparent); */
    width              : 240px;
    height             : 54px;
    color              : #FFF;
    font-size          : 17px;
    font-style         : normal;
    font-weight        : 600;
    line-height        : normal;
}


.komp-page-tab button:hover p {
    opacity                : 1;
    text-align             : center;
    font-size              : 17px;
    font-style             : normal;
    font-weight            : 600;
    line-height            : normal;
    -webkit-text-fill-color: white;
}

.vip-page-cards .vip-page-card-item .vip-details .vip-exclusive {
    padding                   : 24px 24px 32px;
    text-align                : center;
    /* background             : linear-gradient(180deg, rgba(9, 86, 250, 0.20) 18.75%, rgba(9, 86, 250, 0.00) 100%); */
    border                    : solid 1px #0956FA;
    background                : var(--gradiend-Tab, linear-gradient(180deg, #05207B 32%, #010f3e 124%));
    border-bottom-left-radius : 16px;
    border-bottom-right-radius: 16px;
    border-style              : none solid;
}

.vip-page-cards .vip-page-card-item .vip-badge img {
    margin-top   : -105px;
    max-width    : 150px;
    margin-top   : -100px;
    margin-bottom: -30px;
    max-height   : 150px;
}

/* 04302024 */
#freeBet .komp-points-sign-in button:before,
#bonusMoney .komp-points-sign-in button:before {
    content   : '';
    position  : absolute;
    top       : 0;
    height    : 1px;
    width     : 240px;
    left      : 50%;
    transform : translateX(-50%);
    background: linear-gradient(to right, transparent, #ffffff, transparent);
}

#freeBet .komp-points-sign-in button:after,
#bonusMoney .komp-points-sign-in button:after {
    content   : '';
    position  : absolute;
    bottom    : 0;
    height    : 1px;
    width     : 240px;
    left      : 50%;
    transform : translateX(-50%);
    background: linear-gradient(to right, transparent, #ffffff, transparent);
}

.komp-points-sign-in {
    position: relative;
}

.komp-points-details .komp-points-sign-in button p {
    font-size              : 17px;
    background             : var(--Style, linear-gradient(135deg, #005D9F 0%, #9DDFF3 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform         : capitalize;
    margin-top             : -10px;
}

#bonusMoney .komp-points-sign-in button:hover,
#freeBet .komp-points-sign-in button:hover {
    background-image: linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100%);
}

.komp-points-sign-in button:hover p {
    -webkit-text-fill-color: white;
}

/* About Us Page */
.about-us .article-main-content {
    max-width: 100%;
}

.about-us .article-main-content p {
    font-size  : 16px;
    padding-top: 15px;
    font-weight: 700;
    line-height: 125%;
}

.scroll-wrapper .about-us {
    max-width: 1128px;
    margin   : 0 auto;
    padding  : 0 0 20px;
}

.scroll-wrapper .about-us-article {
    /* display: flex; */
}

.about-us-page-cards {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    gap            : 0 24px;
    color          : #FFFFFF;
    margin-top     : 60px;
}

.about-us .about-us-page-cards .about-us-page-item .about-us-badge {
    height             : 182px;
    width              : 182px;
    margin             : 0 auto -65px;
    border-radius      : 50%;
    display            : flex;
    align-items        : center;
    justify-content    : center;
    flex-direction     : column;
    box-shadow         : 0px 0px 30px rgba(0, 0, 0, 0.50);
    /* background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/vip-badge.png); */
    background-image   : url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/ellipse-vip.png);
    background-size    : cover;
    position           : relative;
    gap                : 10px 0;
    font-size          : 70px;
    font-weight        : 900;
    letter-spacing     : -1.4px;
}

.about-us .about-us-page-cards .about-us-page-item p {
    padding       : 70px 0px 0px 0px;
    color         : #000;
    font-size     : 14px;
    font-weight   : 700;
    text-transform: capitalize;
    line-height   : 22px;
    text-align    : center;
    letter-spacing: 0.32px;
}


.about-us .article-content .article-content-container {

    margin: 16px 0px;
}

.about-us .about-us-article::before {
    /* content: " "; */
    position        : absolute;
    width           : 670px;
    height          : 690px;
    top             : 0px;
    left            : 30%;
    transform       : translateX(-70%);
    background-size : cover;
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/about-us/about-us-image.webp);
}

.about-us .article-content .article-content-container .article-content-info {
    display        : flex;
    justify-content: space-between;
}

.about-us .article-content .article-content-container .article-content-info p,
.about-us .article-content .article-content-container .article-content-info span {
    font-size  : 14px;
    font-weight: 700;
    line-height: 22px;
    padding    : 0;
}

.article-content-container progress {
    width: 100%;
}

.article-content-container progress::-webkit-progress-bar {
    border-radius: 64px;
    background   : var(--Neutral-Gray-20, #E0E0E0);
}

.article-content-container progress::-webkit-progress-value {
    border-radius: 64px;
    background   : #0D2883;
}

.about-us .article-content .article-content-container .article-content-inner-container {
    border-radius: 40px;
    background   : linear-gradient(135deg, rgba(0, 93, 159, 0.50) 0%, rgba(157, 223, 243, 0.50) 100%);
}

.about-us .article-content .article-content-container .nine-nine {
    margin: 8px 18px 8px 8px;
}

.about-us .article-content .article-content-container .eight-seven {
    margin: 8px 74px 8px 8px;
}

.about-us .article-content .article-content-container .hundred {
    margin: 8px 8px 8px 8px;
}

.about-us .article-content .article-content-container .nine-five {
    margin: 8px 28px 8px 8px;
}

.about-us .article-content .article-content-container .nine-three {
    margin: 8px 39px 8px 8px;
}

.about-us .article-content .article-content-container .article-content-inner-container p {
    padding: 5px 32px;
}


.about-us .article-content .article-content-container .article-content-inner-container p span {
    float: right;
}

.about-us .article-content .article-content-container .article-content-inner-container .article-bullet-container {
    height       : 28px;
    width        : 28px;
    border-radius: 50%;
    display      : inline-block;
    background   : -webkit-linear-gradient(left top, #005D9F 30%, #9DDFF3 70%);
    position     : absolute;
    left         : 8px;
    top          : 8px;
    padding      : 4px;
}

.about-us .article-content .article-content-container .article-content-inner-container .article-bullet-container .article-content-bullet {
    height          : 20px;
    width           : 20px;
    background-color: rgb(0, 93, 159, 0.70);
    border-radius   : 50%;
}

.about-us .article-content .article-content-container .article-content-inner-container .article-bullet-container .article-content-bullet svg {
    position: absolute;
    top     : 8px;
    left    : 9px;
}

.scroll-wrapper.about-us-page:before {
    content            : "";
    position           : absolute;
    width              : calc(100% + 84px);
    height             : 100vh;
    top                : -20px;
    left               : -42px;
    background-image   : url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/promo/new-promo-bg.png);
    /* background-image: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/promo/promo-page-bg.png); */
    background-size    : cover;
    z-index            : -1;
    background-repeat  : no-repeat;
}

*[lang=ko] #vipbtn-w .vipbtn-w-btn .vipbtn-w-text {
    font-size: 13px !important;
}

.referral-link .col-12 .komp-bonus-description {
    margin        : 0px 16px 15px !important;
    font-size     : 15px !important;
    font-weight   : 700;
    line-height   : 120%;
    text-transform: uppercase;
    letter-spacing: normal !important;
}


.tabcontent .komp-points-exchange a {
    /*  background-image: radial-gradient(circle 100px at 50% -52px, rgba(3, 60, 255, 0.6), transparent); */
}

.komp-points-exchange a button p {
    font-size              : 16px;
    background             : var(--Style, linear-gradient(135deg, #005D9F 0%, #9DDFF3 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform         : capitalize;
    margin-top             : -10px;
}

.komp-points-exchange a button {
    width           : 240px;
    margin          : 20px;
    height          : 54px;
    border-radius   : 8px;
    background-image: radial-gradient(circle 166px at 50% -100px, rgba(3, 60, 257, 0.6), transparent);
    /* background   : var(--Style, linear-gradient(135deg, #005D9F 0%, #9DDFF3 100%)); */
    color           : #FFF;
    text-align      : center;
    font-size       : 17px;
    font-style      : normal;
    font-weight     : 600;
    position        : relative;
    line-height     : normal;
}

.komp-points-exchange a button:hover {
    background-image: linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100%);
}

.komp-points-exchange a button:before {
    content   : '';
    position  : absolute;
    top       : 0;
    height    : 1px;
    width     : 240px;
    left      : 50%;
    transform : translateX(-50%);
    background: linear-gradient(to right, transparent, #ffffff, transparent);
}

.komp-points-exchange a button:after {
    content   : '';
    position  : absolute;
    bottom    : 0;
    height    : 1px;
    width     : 240px;
    left      : 50%;
    transform : translateX(-50%);
    background: linear-gradient(to right, transparent, #ffffff, transparent);
}

.komp-points-exchange a button:hover p {
    -webkit-text-fill-color: white;
}

/* footer css 05062024*/
#app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
    max-height   : 48px;
    margin-bottom: 16px;
}

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

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer .footer-wrapper .footer-menu {
    margin-bottom: 0 !important;
    flex-grow    : 1;
    padding-left : 40px;
}

.footer-menu .menu-column h6 {
    color         : var(--Label-Dark-Secondary, rgba(235, 235, 245, 0.60));
    /*  color     : var(--color-footer-menu) !important; */
    text-transform: uppercase;
    margin-bottom : 24px;
    font-size     : 18px;
    font-weight   : 700;
}

#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;
    border-bottom  : 1px solid #46438E;
    padding-top    : 0;
    border-top     : none;
}

.top-footer .footer-details p {
    margin-top : 24px;
    color      : var(--Label-Dark-Secondary, rgba(235, 235, 245, 0.60));
    /*color    : var(--color-footer-menu) !important;*/
    font-size  : 14px;
    font-style : normal;
    font-weight: 600;
    line-height: 22px;
}

.top-footer .footer-details .social-links a i {
    color : var(--color-footer-menu) !important;
    margin: 25px 10px 10px 0px;

}


.footer-wrapper .subfooter p:first-child {
    color         : var(--Label-Dark-Secondary, rgba(235, 235, 245, 0.60));
    text-align    : center;
    font-size     : 15px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 130%;
    text-transform: uppercase;
}

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

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

.subfooter .partners-logo .partners-logo-item img {
    max-width : 100%;
    max-height: 100%;
    width     : auto;
    height    : auto;
}

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

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

.subfooter .mode-of-payment-logo .mode-of-payment-logo-item .mode-of-payment-logo-item img {
    max-width: 100%;
    height   : auto;
}

.footer-menu .menu-column .nm-widget ul li a span {
    color         : var(--Label-Dark-Secondary, rgba(235, 235, 245, 0.60));
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 400;
    line-height   : 130%;
    /* 19.5px */
    text-transform: capitalize;
}

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

.footer-wrapper .subfooter p,
.footer-wrapper .subfooter span {
    color         : rgba(235, 235, 245, 0.30);
    text-align    : center;
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 500;
    line-height   : 130%;
    /* 18.2px */
    text-transform: capitalize;
}

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

.footer-menu .menu-column .nm-widget ul li a span:hover {
    color: var(--color-primary);
}

.footer-winka {
    display: flex;
    width  : 266px;
    margin : auto;
}

.footer-winka div {
    height: 128px;
}

.footer-winka .footer-winka-text p {
    font-size     : 14px !important;
    font-style    : normal !important;
    line-height   : 128px !important;
    color         : rgba(235, 235, 245, 0.30) !important;
    text-transform: capitalize !important;
}

.footer-winka .footer-winka-image img {
    height: 128px;
}

/* promotion nav tab*/
.promotions .nav-tabs {
    border-color : var(--color-blue);
    margin-bottom: 12px;
}

.promotions .nav-tabs .nav-link {
    color      : var(--color-blue);
    font-weight: 700;
}

.promotions .nav-tabs .nav-link:focus,
.promotions .nav-tabs .nav-link:hover {
    border-color: var(--bg-general-input);
}

.promotions .nav-tabs .nav-item.show .nav-link,
.promotions .nav-tabs .nav-link.active {
    color     : #FFF;
    background: #0a2292;
}

/* end promotion nav tab*/

/* about us partners*/

.about-us .about-us-partner-container {
    padding-top: 56px;
}

.about-us .about-us-partner-container .about-us-partner-header-container {
    width     : 650px;
    text-align: center;
    margin    : 0 auto;
}

.about-us .about-us-partner-container .about-us-partner-header-container .about-us-partner-header h3 {
    font-size     : 24px;
    font-weight   : 600;
    line-height   : 31.2px;
    letter-spacing: -0.48px;
}

.about-us .about-us-partner-container .about-us-partner-header-container .about-us-partner-header {
    margin: 0px 0px 10px 0px;
}


.about-us .about-us-partner-container .about-us-partner-swiper {
    width     : 808px;
    margin    : 0 auto;
    text-align: center;
}

.about-us .about-us-partner-container .about-us-partner-swiper about-us-swiper-container {
    padding: 20px;
}

.about-us .about-us-partner-container .inner {
    padding-top: 56px;
}


/* providers list logo */


.provider-list-container {
    padding   : 55px 0 50px;
    border-top: 0.5px solid var(--lighter-text-color);
    margin-top: 40px;
}

.provider-grid {
    display              : grid;
    grid-template-columns: repeat(6, 1fr);
    gap                  : 10px 13px;
}

.provider-grid .provider-item {
    background   : var(--bg-top-header);
    border-radius: 5px;
}

.provider-grid .provider-item a {
    height    : 77px;
    padding   : 10px 15px;
    position  : relative;
    display   : block;
    text-align: center
}

.provider-grid .provider-item img {
    height    : 100%;
    max-width : 100%;
    object-fit: contain;
}


/* end provider-list-container logo */


/* referral page */


.referral-page .referral-page-wrapper .referral-card {
    display      : flex;
    max-height   : 230px;
    border-radius: 16px;
    background   : #FFF;
    box-shadow   : 24px 24px 46px 0px rgba(6, 18, 73, 0.20);
}



.referral-page .referral-page-wrapper {
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 27px;
    margin-top           : 24px;
    position             : relative;
}

.referral-page-header {
    width     : 100%;
    min-height: 266px;
    display   : flex;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.referral-page {
    max-width: 1296px !important;
    margin   : 0 auto;
}

.referral-page .referral-reward-steps-container {
    display              : grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top           : 24px;
}

.referral-page .referral-reward-steps-container .referral-reward-steps {
    max-height       : 205px;
    height           : 205px;
    max-width        : 420px;
    background-size  : auto;
    background-repeat: no-repeat;
    position         : relative;
}


.referral-page .referral-reward-steps-container .referral-reward-step1 {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/referrals/referral-cards.webp);
    background-size : contain;
}


.referral-page .referral-reward-steps-container .referral-reward-step2 {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/referrals/referral-cards.webp);
    background-size : contain;
}

.referral-page .referral-reward-steps-container .referral-reward-step3 {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/referrals/referral-cards.webp);
    background-size : contain;
}

.referral-page .referral-reward-steps-container .referral-reward-steps h1 {
    position      : absolute;
    right         : 35%;
    transform     : translateX(65%);
    color         : #FFF;
    /* font-family: Inter; */
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 22px;
    /* 157.143% */
    text-transform: uppercase;
    top           : 85px;
}

.referral-page .referral-reward-steps-container .referral-reward-steps h6 {
    position      : absolute;
    right         : 35%;
    transform     : translateX(65%);
    top           : 105px;
    color         : #FFF;
    text-align    : center;
    /* font-family: Inter; */
    font-size     : 9px;
    font-style    : normal;
    font-weight   : 500;
    line-height   : 12px;
}

.referral-how-to-use .referral-how-to-use-container-holder {
    display   : flex;
    margin-top: 98px;
}

.referral-how-to-use .referral-how-to-use-container-holder .referral-how-to-use-container {
    max-width: 50%;
    width    : 100%;
    position : relative;
}

.referral-how-to-use .referral-how-to-use-container img {
    position         : absolute;
    max-width        : 1094px;
    max-height       : 741px;
    left             : -170px;
    -webkit-transform: scaleX(-1);
    transform        : scaleX(-1);
    top              : -101px;
}

.referral-page:before {
    content          : "";
    position         : absolute;
    width            : calc(100% + 84px);
    height           : 100vh;
    top              : -20px;
    left             : -42px;
    background-image : url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/referral/referral-bg-transparent.png);
    background-size  : contain;
    z-index          : -1;
    background-repeat: no-repeat;
}


.referral-money-rewards-container,
.referral-reward-container {
    text-align: center;
}

.referral-reward-container {
    margin-top: 120px;
}

.referral-terms-and-condition,
.referral-comission-conditions {
    display: flex;
}

.referral-terms-and-condition div,
.referral-comission-conditions div {
    max-width: 50%;
    width    : 100%;
    position : relative;
}


/* referral page header css*/
.referral-page-header .referral-page-head-container {
    width   : 50%;
    position: relative;
}

.referral-page-header-signup button h1 {
    font-size              : 12px;
    font-style             : normal;
    font-weight            : 700;
    line-height            : 130%;
    text-transform         : uppercase;
    background             : none;
    padding                : 0;
    -webkit-text-fill-color: white;
}

.referral-page-head-container img {
    margin  : -20px 0 0 70px;
    position: absolute;
}

.referral-page-head-container h1 {
    background             : var(--Gradient_Highloight, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%));
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align             : center;
    font-size              : 13px;
    font-style             : normal;
    font-weight            : 600;
    line-height            : 130%;
    text-transform         : uppercase;
    padding                : 40px 0 8px;
}

.referral-page-head-container h3 {
    color         : #05207B;
    text-align    : center;
    font-size     : 32px;
    font-style    : normal;
    font-weight   : 900;
    line-height   : 130%;
    letter-spacing: -0.64px;
    margin        : 8px 0;
    text-transform: capitalize;
}

.referral-page-head-container p {
    color      : var(--rexr, #000);
    text-align : center;
    font-size  : 16px;
    font-style : normal;
    font-weight: 500;
    line-height: 22px;
    margin     : 8px 0;
}

.referral-page-header-signup {
    width : fit-content;
    margin: auto;
}

.referral-page-header-signup button {
    width           : fit-content;
    padding         : 0 16px;
    border-radius   : 4px;
    color           : #EBEBF5;
    /* background   : var(--dark-blue-gradient, linear-gradient(180deg, #05207B 0%, #061249 100%)); */
    height          : 32px;
    margin          : 8px 0 0;
    background-image: linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100%);
}

.referral-page-header-signup button:hover,
.referral-card .referral-card-container button:hover {
    background-image: linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100%);
}

/* end referral page header css*/

/* referral-card css*/
.referral-page .referral-page-wrapper .referral-card .referral-card-container {
    /* width: 322px; */
    padding: 20px 10px 50px 12px;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-img img {
    position  : absolute;
    max-width : 734px;
    left      : -325px;
    top       : -80px;
    max-height: 547px;
}

.referral-card-container h4 {
    background             : var(--Gradient_Highloight, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%));
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size              : 13px;
    font-style             : normal;
    font-weight            : 700;
    line-height            : 130%;
    text-transform         : uppercase;
}

.referral-comission-container img {
    position  : absolute;
    max-width : 734px;
    max-height: 539px;
    top       : -91px;
    left      : -220px;
}

.referral-card-container p {
    color        : #05207B;
    text-overflow: ellipsis;
    white-space  : nowrap;
    font-size    : 27px;
    font-style   : normal;
    font-weight  : 900;
    line-height  : 130%;
    margin       : 11px 0;
}



.referral-card-container span {
    font-size     : 47px;
    font-weight   : 900;
    line-height   : 130%;
    text-transform: uppercase;
}

.referral-card-container button {
    height          : 32px;
    width           : fit-content;
    padding         : 0 16px;
    border-radius   : 4px;
    background-image: linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100%);
    /*background    : var(--dark-blue-gradient, linear-gradient(180deg, #05207B 0%, #061249 100%));*/
}

.referral-card-container button h1 {
    color         : #EBEBF5;
    font-size     : 12px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 130%;
    text-transform: uppercase;
}

/* end referral-card css*/


/* referral-comission-container css*/

.referral-page .referral-comission-container {
    width        : 100%;
    margin       : 70px 0px;
    position     : relative;
    overflow     : hidden;
    border-radius: 16px;
    padding      : 45px 90px;
    background   : #FFF;
    box-shadow   : 24px 24px 46px 0px rgba(6, 18, 73, 0.20);
}

.referral-page .referral-comission-container .referral-comission-holder {
    font-size      : 14px;
    justify-content: space-evenly;
    display        : flex;
    font-style     : normal;
    flex-direction : column;
    font-weight    : 700;
    margin-left    : 576px;
    line-height    : 22px;
    text-transform : uppercase;
}

.referral-page .referral-comission-container .referral-comission-holder .referral-comission-text-holder {
    display        : flex;
    justify-content: space-between;
}

.referral-comission-holder progress {
    width        : 100%;
    margin-bottom: 24px;
}

.referral-comission-holder progress::-webkit-progress-bar {
    border-radius: 64px;
    background   : var(--Neutral-Gray-20, #E0E0E0);
}

.referral-comission-holder progress::-webkit-progress-value {
    border-radius: 64px;
    background   : #0D2883;
}

/* end referral-comission-container css*/

/*referral-rewards-steps-container css */

.referral-reward-container p {
    max-width  : 900px;
    margin     : auto;
    padding-top: 60px;
    color      : var(--rexr, #000);
    text-align : center;
    font-size  : 16px;
    font-style : normal;
    font-weight: 500;
    line-height: 22px;
}

.referral-reward-container h2 {
    padding-bottom: 60px;
    padding-bottom: 60px;
    color         : var(--rexr, #000);
    text-align    : center;
    font-size     : 24px;
    font-style    : normal;
    font-weight   : 600;
    line-height   : 20px;
}

.referral-reward-container h4 {
    padding-bottom         : 20px;
    background             : var(--Logo-Gradient, linear-gradient(90deg, #FFE930 0%, #FFB709 33%, #FF6000 71%, #FC113D 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom         : 20px;
    text-align             : center;
    font-size              : 32px;
    font-style             : normal;
    font-weight            : 900;
    letter-spacing         : -0.64px;
    text-transform         : capitalize;
}

.referral-reward-container p span {
    color      : var(--rexr, #000);
    font-size  : 16px;
    font-style : normal;
    font-weight: 700;
    line-height: 22px;
}

/* end referral-rewards-steps-container css */

/* how to use panel css */

.referral-how-to-use-container h3 {
    color         : #05207B;
    font-size     : 32px;
    font-style    : normal;
    font-weight   : 900;
    line-height   : 130%;
    letter-spacing: -0.64px;
    text-transform: capitalize;
}

.referral-comission-conditions .referral-how-to-use-container img {
    max-width : 998px;
    position  : absolute;
    max-height: 735.2px;
    top       : -100px;
    left      : -250px;
}

.referral-how-to-use-container p {
    margin     : 8px 0;
    color      : var(--rexr, #000);
    font-size  : 14px;
    font-style : normal;
    font-weight: 500;
    line-height: 18px;
}

.referral-how-to-use-container h1 {
    color         : var(--rexr, #000);
    font-size     : 16px;
    font-style    : normal;
    font-weight   : 600;
    line-height   : 22px;
    text-transform: capitalize;
}

/* end how to use panel css */

/* comission conditions css*/


.referral-comission-conditions {
    margin-top: 154px;
}

.referral-how-to-use-container .referral-comission-rate-holder {
    max-width: 100%;
}

.referral-comission-rate-holder div {
    max-width      : 100%;
    display        : flex;
    justify-content: space-between;
}

.referral-comission-rate-holder progress {
    width: 100%;
}

.referral-comission-rate-holder progress::-webkit-progress-bar {
    border-radius: 64px;
    background   : var(--Neutral-Gray-20, #E0E0E0);
}

.referral-comission-rate-holder p,
.referral-comission-rate-holder span {
    color         : var(--rexr, #000);
    text-align    : right;
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 22px;
    /* 157.143% */
    text-transform: uppercase;
}

.referral-comission-rate-holder progress::-webkit-progress-value {
    border-radius: 64px;
    background   : #0D2883;
}

/* end comission conditions css*/

/* referral promotion css */

.referral-promotion {
    border-radius: 16px;
    background   : var(--dark-blue-gradient, linear-gradient(180deg, #05207B 0%, #061249 100%));
    width        : 100%;
    height       : 289px;
    margin       : 162px 0;
    position     : relative;
    overflow     : hidden;
    padding      : 28px 0px 28px 39px;
}

.referral-promotion img {
    position  : absolute;
    max-width : 1176px;
    max-height: 867px;
    width     : 100%;
    right     : -205px;
    top       : -65px;
}

.referral-promotion div {
    display        : flex;
    flex-direction : column;
    height         : 100%;
    width          : 360px;
    justify-content: space-around;
}

.referral-promotion div .referral-promotion-header {
    text-shadow            : 0px 0px 10px rgba(0, 0, 0, 0.50);
    /* font-family         : Poppins; */
    font-size              : 13px;
    font-style             : normal;
    font-weight            : 700;
    line-height            : 130%;
    background             : var(--Gradient_Highloight, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%));
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform         : uppercase;
}

.referral-promotion div h2 {
    text-shadow  : 0px 0px 10px rgba(0, 0, 0, 0.50);
    overflow     : hidden;
    color        : #FFF;
    text-overflow: ellipsis;
    white-space  : nowrap;
    font-size    : 27px;
    font-style   : normal;
    font-weight  : 700;
    line-height  : 130%;
    /* 35.1px */
}

.referral-promotion div h3 {
    text-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.50);
    color         : #FFF;
    /* font-family: Poppins; */
    font-size     : 47px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 130%;
    text-transform: uppercase;
}

.referral-promotion div p {
    color      : #FFF;
    font-size  : 14px;
    font-style : normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
}

.referral-promotion div button {
    text-shadow  : 0px 0px 10px rgba(0, 0, 0, 0.50);
    color        : #FFF;
    font-size    : 14px;
    font-style   : normal;
    width        : fit-content;
    padding      : 0 12px;
    height       : 32px;
    font-weight  : 500;
    border-radius: 4px;
    background   : var(--Gradient_Highloight, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%));
    line-height  : 18px;
}

/* end referral promotion */


/*  Referral-money-rewards ccs*/
.referral-money-rewards-container {

    text-align: center;
}

.referral-money-rewards-container div p {
    color      : var(--rexr, #000);
    text-align : center;
    font-size  : 16px;
    font-style : normal;
    font-weight: 500;
    line-height: 20px;
}

.referral-money-rewards-container div p span {
    background             : var(--Gradient_Highloight, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%));
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size              : 16px;
    font-style             : normal;
    font-weight            : 800;
    line-height            : 20px;
}


.referral-money-rewards .referral-money-rewards-cards {
    display              : grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top           : 24px;
    gap                  : 40px;
    max-width            : 791px;
    margin               : 36px auto 63px;
    height               : 293px;
}

.referral-money-rewards-container h2 {
    color         : #05207B;
    text-align    : center;
    /* font-family: Inter; */
    font-size     : 32px;
    font-style    : normal;
    font-weight   : 900;
    line-height   : 130%;
    letter-spacing: -0.64px;
    text-transform: capitalize;
}


.referral-money-card {
    border-radius : 16px;
    background    : #FFF;
    box-shadow    : 24px 24px 46px 0px rgba(6, 18, 73, 0.20);
    display       : flex;
    flex-direction: column;
}

.referral-money-card .referral-top-card {
    height         : 50%;
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
}

.referral-money-card .referred-text {
    color         : rgba(5, 32, 123, 0.60);
    text-align    : center;
    font-size     : 13px;
    font-style    : normal;
    font-weight   : 600;
    line-height   : 130%;
    text-transform: uppercase;
    padding       : 0 10px;
}

.referral-money-card .referral-top-card h1 {
    text-align             : center;
    font-size              : 15px;
    font-style             : normal;
    font-weight            : 900;
    line-height            : 19px;
    letter-spacing         : 0.3px;
    text-transform         : capitalize;
    background             : var(--Gradient_Highloight, linear-gradient(180deg, #FFE029 0%, #FE4315 100%, #089C00 100.01%));
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform         : uppercase;
}


.referral-money-card .referral-bottom-card {
    border-radius  : 16px;
    border-top     : 2px solid rgba(5, 32, 123, 0.20);
    background     : #FFF;
    height         : 50%;
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
}


.referral-money-rewards-cards h5 {
    color         : #05207B;
    text-align    : center;
    font-size     : 28px;
    font-style    : normal;
    font-weight   : 900;
    line-height   : 115%;
    letter-spacing: -0.56px;
}

/*  End Referral-money-rewards ccs*/

/* Terms and Condition CSS*/


.referral-terms-and-condition {
    margin-top: 180px;
}

.referral-terms-and-condition h3 {
    color         : #05207B;
    font-size     : 32px;
    font-style    : normal;
    font-weight   : 900;
    line-height   : 130%;
    letter-spacing: -0.64px;
}

.referral-terms-and-condition div img {
    position  : absolute;
    max-width : 1035px;
    left      : -195px;
    top       : -175px;
    max-height: 762px;
}

.referral-terms-and-condition p {
    margin        : 18px 0px;
    color         : var(--rexr, #000);
    /* font-family: Inter; */
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 18px;
}

.referral-terms-and-condition div img {
    position  : absolute;
    max-width : 1035px;
    left      : -195px;
    top       : -175px;
    max-height: 762px;
}

.referral-card-img {
    width                    : 294px;
    overflow                 : hidden;
    position                 : relative;
    border-top-left-radius   : 16px;
    border-bottom-left-radius: 16px;
}

.referral-comission-rate-holder div p,
.referral-comission-rate-holder div span {
    margin: 8px 0;
}

/*  End Terms and Condition CSS*/

/* end referral page*/

body.logged-in {
    & .scroll-wrapper .home-hero {
        height    : auto;
        padding   : 0 42px;
        margin-top: 0;

        & .nm-widget.home-main-banners {
            position: relative;
        }

        & .home-main-banners .carousel-inner {
            height           : fit-content;
            -webkit-clip-path: var(--clip-path-events-button);
            clip-path        : var(--clip-path-events-button);
        }
    }
}

.logged-in .home-hero .logged-in {
    display   : block !important;
    height    : 100%;
    max-height: 400px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-color: var(--color-primary);
    top             : 0;
    border-radius   : .25rem;
}

.komp-points-panel .accumulated-points,
.komp-points-panel .available-komp-points {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
}

.form-register .form-group input[type=text]::placeholder,
.form-register .form-group input[type=password]::placeholder,
.form-login .form-group input[type=text]::placeholder,
.form-login .form-group input[type=password]::placeholder,
.form-forgot-password .form-group input[type=text]::placeholder {
    font-size: 13px;
}

.form-register .form-group select {
    font-size: 13px;
}

form.form-login:before,
form.form-forgot-password:before,
form#dynamic_register_form:before {
    content                  : " ";
    top                      : -127px;
    content                  : " ";
    position                 : absolute;
    left                     : -476px;
    width                    : 450px;
    background-repeat        : no-repeat;
    background-size          : 100% 100%;
    background-position      : left bottom;
    border-top-left-radius   : 16px;
    border-bottom-left-radius: 16px;
    height                   : 600px;
}

form.form-login:before,
form.form-forgot-password:before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/banners/betflare_banner2_865x945_signup_v2.webp);
}

form#dynamic_register_form:before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/banners/betflare_banner2_865x945_signup_v2.webp);
}


.game-lobby-renderer-card a img {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration        : calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration        : calc(var(--animate-duration) * 0.75);
    -webkit-animation-name    : bounceIn;
    animation-name            : bounceIn;
}

@-webkit-keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity          : 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform        : scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform        : scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform        : scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity          : 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform        : scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform        : scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity          : 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity          : 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform        : scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform        : scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform        : scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity          : 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform        : scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform        : scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity          : 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1);
    }
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.Promotions::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobilePromotions.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.VIP::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileVIP.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.Komp::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileKOMP.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.Referral::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileReferral.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.Raffles::before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/Raffle.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.Tournaments::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileTournament.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.mobileSports::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/Sports.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.mobileESports::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/eSports.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.mobileVirtualsports::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileVirtualsports.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.mobileVirtualsports::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileVirtualsports.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.liveCasino::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileLivecasino.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.casinoGames::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileCasino.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.jackpots::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileJackpots.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.newReleases::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileNewreleases.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.koreanDealers::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileKoreandealers.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.providers::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/provider-logo.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.topGames::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/mobileTopgames.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i.fastGames::before {
    background-image: url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/icons/FastGames.svg);
}

#mobile-left-menu .tabcontent .menu-wrapper .nm-widget ul .nav-item a i::before {
    content            : '';
    display            : var(--icon-display);
    width              : var(--icon-size);
    margin-right       : 10px;
    height             : var(--icon-size);
    background-size    : var(--icon-contain);
    background-repeat  : var(--icon-repeat);
    background-position: var(--icon-position);
}

body.logged-in .referral-page a.loggedin {
    display: inline;
}

body.logged-in .referral-page a.non-loggedin {
    display: none;
}

.referral-page a.loggedin {
    display: none;
}

.article-content .about-us-content,
.article-content section h5 {
    text-align: center;
}

.promo-page-details .promo-page-main {
    width    : 100%;
    min-width: 50%;
}

.promo-page-details .promo-page-main .birthdayTable,
.promo-page-details .promo-page-main .tableHolder {
    overflow-x: auto;
}

.promo-page-details .promo-page-main .birthdayTable table,
.promo-page-details .promo-page-main .tableHolder table {
    width: 665px;
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .referrals-tab-link-url {
    margin-left: 15px;
    color      : var(--color-primary);
}

.promo-page .promo-page-main .cash-x-title {
    margin-top: 40px;
}

.promo-page-content .promo-page-main table tbody tr td {
    border    : 1px solid black;
    width     : 137PX;
    height    : 27px;
    text-align: center;
}

.reset-password-container .txt-system-reset {
    color: #000 !important;
}

.reset-password-container .reset-password-form div.mx-auto {
    margin         : 150px auto;
    border-radius  : 16px;
    background     : #FFF;
    box-shadow     : 24px 24px 46px 0px rgba(6, 18, 73, 0.20);
    min-height     : 360px;
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
    padding        : 32px;
}

.reset-password-container .reset-password-form div.mx-auto .header {
    color        : var(--color-blue);
    font-weight  : 700;
    font-size    : 24px;
    margin-bottom: 10px;
}

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

/* Promotion Image Pop Up */

.promo-page-main .promo-modal-content-image {
    border-radius: 5px;
    cursor       : pointer;
    transition   : 0.3s;
}

.promo-page-main .promo-modal-content-image:hover {
    opacity: 0.7;
}

.promo-page-main .daily-komp-modal {
    display         : none;
    /* Hidden by default */
    position        : fixed;
    /* Stay in place */
    align-content   : center;
    z-index         : 1;
    /* Sit on top */
    /* padding-top  : 200px; Location of the box */
    left            : 0;
    top             : 0;
    width           : 100%;
    /* Full width */
    height          : 100%;
    /* Full height */
    overflow        : auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/ opacity */
}

.promo-page-main .daily-komp-modal .modal-content {
    margin   : auto;
    display  : block;
    width    : 80%;
    max-width: 1200px;
}

/* Add Animation */
.promo-page-main .daily-komp-modal .modal-content {
    -webkit-animation-name    : zoom;
    -webkit-animation-duration: 0.6s;
    animation-name            : zoom;
    animation-duration        : 0.6s;
    max-height                : 900px;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.promo-page-main .daily-komp-modal .close:hover,
.promo-page-main .daily-komp-modal .close:focus {
    color          : #bbb;
    text-decoration: none;
    cursor         : pointer;
}

.dropdown #selectTransferToMenu {
    overflow: auto;
    height  : 246px;
}

.dropdown #selectTransferToMenu .dropdown-item:hover {
    background: #3a3939bf;
    color     : #f5a736 !important;
}


.bank-register-modal-container .mgate-bank-account-registration {
    padding: 8px;
}

/* END OF POP UP*/


#onlinehelp-button-607504f7-d8bc-4c62-8869-9ee49c22bae1 iframe,
.woot--bubble-holder .woot-widget-bubble {
    z-index: 999 !important;
}

/* GP-4205 */

.dropdown-user-profile .dropdown-item i {
    min-width: 33px;
}


.ssologins {
    display        : flex;
    align-items    : center;
    justify-content: center;
    gap            : 4px;

    & .nm-widget {
        margin: 0;

        & i {
            cursor    : pointer;
            background: var(--color-blue);
            color     : #FFF;
            padding   : 8px 16px;
            clip-path : var(--clip-path-events-with-bg);
        }
    }
}

.ssologins .nm-widget i:hover {
    background: var(--color-primary);
}

form.login-existing-user-verification:before {
    top                      : -127px;
    content                  : " ";
    position                 : absolute;
    left                     : -476px;
    width                    : 450px;
    background-repeat        : no-repeat;
    background-size          : 100% 100%;
    background-position      : left bottom;
    border-top-left-radius   : 16px;
    border-bottom-left-radius: 16px;
    height                   : 600px;
    background-image         : url(https://alpha-static.sgp1.cdn.digitaloceanspaces.com/DOSKOP/design-assets/images/banners/betflare_banner2_865x945_signup_v2.webp);
}

form.login-existing-user-verification h4 {
    font-size     : 14px;
    font-weight   : 700;
    line-height   : 120%;
    color         : var(--color-body);
    text-transform: uppercase;
    margin-bottom : 8px;
}

form.login-existing-user-verification .login-existing-user-verification-button-wrapper button {
    width            : 100%;
    font-size        : 24px;
    height           : 68px !important;
    color            : #FFF;
    background       : var(--color-primary);
    -webkit-clip-path: var(--clip-path-see-all-hover);
    clip-path        : var(--clip-path-see-all-hover);
    float            : right;
    font-family      : var(--font-family-black);
}

form.login-existing-user-verification .login-existing-user-verification-button-wrapper button:hover {
    background: var(--color-blue);
}

/*4366 */

.tournament-view-games-article .tournament-view-games-article-thumbnails.sports {
    gap                  : 16px;
    display              : grid;
    grid-template-columns: repeat(4, 1fr);
    margin               : 16px 0;
}

.tournament-view-games-article .tournament-view-games-article-thumbnails.sports img {
    position: relative;
}

.tournament-view-games-article .tournament-view-games-article-thumbnails.sports img:after {
    content   : '\2713';
    display   : block;
    position  : absolute;
    top       : 0;
    left      : 0;
    height    : 100%;
    width     : 16px;
    background: var(--bg-body);
}

.footer-details .social-links {
    display   : flex;
    gap       : 12px;
    margin-top: 12px;
}

/* 4526 */

#mobile-left-menu .float-bottom .nm-widget.language-w .language-public .language img {
    width : 31px;
    height: 24px;
}

#mobile-left-menu .float-bottom .nm-widget.language-w .language-public:hover,
#mobile-left-menu .float-bottom .nm-widget.language-w .language-public.show {
    background: var(--bg-menu-nav);
}

/* Baccarat Promotion Page*/
.baccarat-content-info table {
    width : 400px;
    margin: auto;
}

.baccarat-content-info table td,
.baccarat-content-info table th {
    text-align: center;
}

.baccarat-content-info table td {
    border : none !important;
    padding: 6px 4px;
}

.baccarat-content-info table tr {
    background: #FFF;
    box-shadow: var(--box-shadow-accordion);
}

.baccarat-content-info table th {
    background: var(--color-blue);
    color     : #FFF;
    padding   : 6px 4px;
}

.promo-page-main .baccarat-content-info .baccarat-table-title {
    font-size     : 27px;
    font-weight   : 700;
    line-height   : 40px;
    text-transform: uppercase;
    margin        : 16px 0;
}


.promo-page-main .baccarat-content-info .baccarat-prize {
    font-weight: 700;
    font-size  : 60px !important;
    margin     : 16px 0;
}

.promo-page-main .baccarat-content-info .baccarat-text {
    font-size  : 36px !important;
    line-height: 40px;
    margin     : 16px 0;
}

.promo-page-main .baccarat-content-info .baccarat-subtext {
    font-size  : 16px;
    font-weight: 400;
    margin     : 16px 0;
    text-align : center;
}

.promo-page-main .baccarat-toggle {
    position      : relative;
    height        : 48px;
    color         : #FFF;
    width         : 280px;
    text-transform: uppercase;
    font-family   : var(--font-family-black);
}

.promo-page-main .baccarat-toggle:before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: var(--color-primary);
    clip-path : var(--clip-path-promotions-button);
    z-index   : -1;
}

.promo-page-main .baccarat-content-info.shown {
    height: 498px;
}

.promo-page-main .baccarat-content-info {
    height    : 0;
    transition: all .5s ease-in-out;
    overflow  : hidden;
}


.promo-page .promo-page-content .promo-page-details .baccarat-page li {
    list-style : none;
    margin     : auto;
    min-height : 50px;
    border-left: 1px dashed #000;
    padding    : 0 0 50px 30px;
    position   : relative;
    margin-left: 10rem;
}

.promo-page .promo-page-content .promo-page-details .baccarat-page li:last-child {
    border-left: 0;
}

.promo-page .promo-page-content .promo-page-details .baccarat-page li:before {
    position     : absolute;
    left         : -8px;
    top          : 0x;
    content      : " ";
    border-radius: 500%;
    background   : #051961;
    height       : 16px;
    width        : 16px;
    transition   : all 500ms ease-in-out;
}

.promo-page .promo-page-content .promo-page-details .baccarat-page h1 {
    font-size : 20px;
    text-align: center;
}

.promo-page .promo-page-content .promo-page-details .baccarat-page p {
    margin: 8px 10rem;
}

/* Baccarat Promotion Page End*/


/*Ten Coins*/

section.tencoin-deposit-container h1,
section.tencoin-withdrawal-container h1 {
    font-size     : 36px;
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    color         : var(--color-blue);
    text-shadow   : 2px 2px #fff, -2px -2px #fff, -2px 2px #fff, 2px -2px #fff;
    letter-spacing: .17em;
    padding       : 20px;
}


section.tencoin-deposit-container form,
section.tencoin-withdrawal-container form {
    margin    : 0 0 20px 0px;
    border    : 0;
    background: #FFF;
    box-shadow: var(--box-shadow-accordion);
    padding   : 20px;
}

section.tencoin-deposit-container form h2,
section.tencoin-withdrawal-container form h2 {
    font-size     : 18px;
    text-shadow   : 1px 1px #f0f6fe, -1px -1px #f0f6fe, -1px 1px #f0f6fe, 1px -1px #f0f6fe;
    color         : var(--color-blue);
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    line-height   : 100%;
    letter-spacing: normal;
    border-bottom : none;
    margin        : 0px;
}

section.tencoin-deposit-container form .payment-amount-suggested p,
section.tencoin-withdrawal-container form .payment-amount-suggested p {
    font-size    : 14px;
    font-weight  : 700;
    line-height  : 120%;
    color        : var(--color-body);
    margin-bottom: 8px;
}

section.tencoin-deposit-container form .payment-amount-suggested button,
section.tencoin-withdrawal-container form .payment-amount-suggested button {
    margin-right : 15px;
    margin-bottom: 20px;
    padding      : 9px 25px;
    white-space  : nowrap;
    border       : none !important;
    background   : #f1f1f1;
    color        : #141414;
    font-weight  : 700;
}

section.tencoin-deposit-container form .payment-amount-suggested button:hover,
section.tencoin-withdrawal-container form .payment-amount-suggested button:hover,
.section-system-main .increment-mode-amount-wrapper a:hover {
    color     : #FFF !important;
    background: var(--color-blue) !important;
}

section.tencoin-deposit-container form .base-input-container label,
section.tencoin-withdrawal-container form .base-input-container label {
    font-size     : 14px;
    font-weight   : 700;
    line-height   : 120%;
    color         : var(--color-body);
    text-transform: uppercase;
    margin-bottom : 8px;
}

section.tencoin-deposit-container form .base-input-container .base-input-wrapper input,
section.tencoin-withdrawal-container form .base-input-container .base-input-wrapper input {
    color            : var(--color-body);
    background       : #FFF;
    height           : 55px;
    min-width        : 295px;
    padding          : 16px;
    border           : var(--input-border);
    -webkit-clip-path: none;
    clip-path        : none;
    font-size        : var(--input-font-size);
    font-family      : var(--font-family);
    font-weight      : bold;
    text-transform   : capitalize;
    float            : none;
    line-height      : 100%;
}

section.tencoin-deposit-container form .tencoin-deposit-payment p,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment p {
    font-size    : 14px;
    font-weight  : 700;
    line-height  : 120%;
    color        : var(--color-body);
    margin-bottom: 8px;
}

section.tencoin-deposit-container form .tencoin-deposit-payment section.tencoin-deposit-currency {
    box-shadow: 0 -1px #f0f6fe, 1px -1px #f0f6fe, 1px 0 #f0f6fe, 1px 1px #f0f6fe, 0 1px #f0f6fe, -1px 1px #f0f6fe, -1px 0 #f0f6fe, -1px -1px #f0f6fe;
}

section.tencoin-deposit-container form .tencoin-deposit-payment section.tencoin-deposit-currency button,
section.tencoin-deposit-container form .tencoin-deposit-payment section.tencoin-deposit-network button,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment section.tencoin-withdrawal-currency button,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment section.tencoin-withdrawal-network button {
    display          : flex;
    align-items      : center;
    justify-content  : space-between;
    padding          : 0 16px;
    cursor           : pointer;
    transition       : all 0.2s ease-in-out;
    background-color : var(--color-blue) !important;
    font-family      : var(--font-family-Roboto);
    font-size        : 18px;
    font-style       : italic;
    font-weight      : 900;
    line-height      : 100%;
    color            : var(--color-blue);
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
    max-width        : fit-content;
}

section.tencoin-deposit-container form .tencoin-deposit-payment section.tencoin-deposit-currency button .tencoin-deposit-currency-placeholder-slot div span,
section.tencoin-deposit-container form .tencoin-deposit-payment section.tencoin-deposit-currency button i,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment section.tencoin-withdrawal-network button .tencoin-deposit-network-placeholder-slot span,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment section.tencoin-deposit-network button i {
    color: #FFF;
}

.tencoin-deposit-container .tencoin-deposit-form {
    margin    : 0 0 20px 5px;
    border    : none;
    background: #FFF;
    box-shadow: var(--box-shadow-accordion);
}

.tencoin-deposit-container .tencoin-deposit-form .tencoin-deposit-action,
.tencoin-withdrawal-container .tencoin-withdrawal-form .tencoin-withdrawal-action {
    justify-content: end;
}

section.tencoin-deposit-container form .tencoin-deposit-action button:first-child,
section.tencoin-withdrawal-container form .tencoin-withdrawal-action button:first-child {
    height         : 36px;
    width          : fit-content;
    padding        : 0 10px !important;
    font-size      : 16px !important;
    font-weight    : bold;
    color          : var(--color-blue) !important;
    background     : transparent;
    text-decoration: underline;
    border         : 0;
    align-items    : center;
    box-shadow     : none;
}

section.tencoin-deposit-container form .tencoin-deposit-action button:last-child,
section.tencoin-withdrawal-container form .tencoin-withdrawal-action button:last-child {
    height           : 36px;
    width            : fit-content;
    padding          : 0 16px !important;
    font-size        : 16px !important;
    font-weight      : bold;
    color            : #FFF !important;
    border-radius    : 0;
    background       : var(--color-primary);
    border           : 0;
    -webkit-clip-path: var(--clip-path-small-hover);
    clip-path        : var(--clip-path-small-hover);
    position         : relative;
    text-transform   : uppercase;
    align-items      : center;
    justify-content  : center;
}

section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-currency menu,
section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-network menu,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-currency menu,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-network menu {
    background-color : var(--color-blue) !important;
    -webkit-clip-path: var(--clip-path-side-nav);
    clip-path        : var(--clip-path-side-nav);
    border-radius    : 4px;
    max-width        : fit-content;
    min-width        : 100px;
}

section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-currency #select-search,
section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-network #select-search,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-currency #select-search,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-network #select-search {
    background: #FFF;
    color     : #000;
}

section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-currency ._input i,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-currency ._input i,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-network ._input i,
section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-network ._input i {
    color: #000;
}

section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-currency menu ul li,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-currency menu ul li,
section.tencoin-deposit-container form .tencoin-deposit-payment section.tencoin-deposit-network menu ul li,
.tencoin-deposit-network-placeholder-slot span,
section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-network i,
.tencoin-withdrawal-currency button i,
.tencoin-withdrawal-network button i,
.tencoin-withdrawal-currency-placeholder-slot div span,
.tencoin-withdrawal-network-placeholder-slot span {
    color: #FFF;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent {
    margin-bottom: 20px !important;
    border       : 0;
    background   : #FFF;
    box-shadow   : var(--box-shadow-accordion);
    padding      : 20px;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent h2 {
    margin: 0;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent h2 span {
    font-size     : 18px;
    text-shadow   : 1px 1px #f0f6fe, -1px -1px #f0f6fe, -1px 1px #f0f6fe, 1px -1px #f0f6fe;
    color         : var(--color-blue);
    font-family   : var(--font-family-Roboto);
    font-weight   : 900;
    font-style    : italic;
    text-transform: uppercase;
    line-height   : 100%;
    letter-spacing: normal;
}

.wallet-payment-method section.tencoin-deposit-container .tencoin-instruction,
.wallet-payment-method section.tencoin-withdrawal-container .tencoin-instruction {
    font-weight: 700;
    color      : var(--color-blue);
    padding    : 20px;
    background : rgba(255, 255, 255, 0.05);
}

.tencoin-deposit-container .tencoin-instruction ol {
    list-style: auto;
    padding   : 8px 16px;
}

body .tencoin-withdrawal-recent .tencoin-withdrawal-recent-header button {
    width          : fit-content;
    padding        : 16px 10px !important;
    font-size      : 16px !important;
    font-weight    : bold !important;
    color          : var(--color-blue) !important;
    background     : transparent;
    text-decoration: underline;
    border         : 0;
    align-items    : center;
    box-shadow     : none !important;
}

body .tencoin-withdrawal-recent .tencoin-withdrawal-recent-header button:hover {
    background: transparent !important;
}

/* Base Input */
.base-input-container .base-input-label {
    color    : #e0e0e0;
    font-size: 14px !important;
}

.base-input-container .base-input-wrapper .base-input-field input {
    background   : none;
    border-bottom: 1px solid rgba(194, 194, 194, 0.35) !important;
    border       : none;
    color        : #f2f2f2;
    height       : calc(1.5em + .5rem + 2px);
    outline      : none;
    padding      : 0;
    transition   : border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.base-input-container .base-input-wrapper .base-input-field input:disabled,
.base-input-container .base-input-wrapper .base-input-field input:read-only {
    border: none !important;
}

/* Payment Amount Suggested */
.payment-amount-suggested p {
    font-size: 14px;
}

.payment-amount-suggested button {
    background: var(--button-color-1) !important;
    border    : 0 !important;
    color     : var(--white-color) !important;
}

.payment-amount-suggested button:hover {
    background: var(--button-color-1) !important;
    box-shadow: 0px 0px 15px var(--button-box-shadow) !important;
}

/* TenCoin Classic */
.tencoin-deposit-container,
.tencoin-withdrawal-container {
    padding: 10px 15px 10px 5px;
}

.tencoin-deposit-container .tencoin-instruction,
.tencoin-withdrawal-container .tencoin-instruction {
    margin            : 10px 0;
    box-sizing        : border-box;
    border-radius     : 2px;
    display           : flex;
    -ms-flex-direction: column;
    flex-direction    : column;
    position          : relative;
    background        : rgba(255, 255, 255, 0.05);
    padding           : 20px;
}

.tencoin-deposit-container .tencoin-instruction p,
.tencoin-withdrawal-container .tencoin-instruction p {
    margin: 0;
}

.tencoin-deposit-container .tencoin-deposit-form,
.tencoin-withdrawal-container .tencoin-withdrawal-form,
.tencoin-withdrawal-container .tencoin-withdrawal-recent {
    border-radius: 2px;
    padding      : 20px;
}

.tencoin-deposit-container h1,
.tencoin-withdrawal-container h1 {
    font-size    : 18px;
    line-height  : 28px;
    margin-bottom: 20px;
    text-align   : center;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent-header button {
    color      : rgba(var(--gray-text-rgb), 0.75) !important;
    border     : 1px solid rgba(var(--gray-text-rgb), 1) !important;
    padding    : 10px !important;
    line-height: 16px;
    top        : 0 !important;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent-header button:hover {
    background  : transparent !important;
    color       : var(--white-color) !important;
    border-color: var(--white-color) !important;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent {
    margin-bottom: 10px;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent table th {
    color        : #000;
    font-size    : 15px;
    line-height  : 16px;
    padding-right: 10px;
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent table td {
    font-size     : 14px;
    line-height   : 24px;
    letter-spacing: .44px;
    padding-right : 10px;
    word-wrap     : break-word;
}

.tencoin-deposit-container h2,
.tencoin-withdrawal-container h2 {
    font-weight   : 700;
    font-size     : 16px;
    line-height   : 22px;
    padding-bottom: 20px;
}

.tencoin-deposit-container .tencoin-deposit-label,
.tencoin-withdrawal-container .tencoin-withdrawal-label {
    color        : #e0e0e0;
    font-size    : 14px;
    margin-bottom: 0;
}

.tencoin-deposit-container .base-input-container,
.tencoin-deposit-container .tencoin-deposit-payment,
.tencoin-withdrawal-container .base-input-container,
.tencoin-withdrawal-container .tencoin-withdrawal-payment {
    margin: 12px 0;
}

.tencoin-deposit-container .base-input-container .base-input-field input,
.tencoin-withdrawal-container .base-input-container .base-input-field input {
    width: 235px !important;
}

.tencoin-deposit-container .tencoin-deposit-currency,
.tencoin-deposit-container .tencoin-deposit-network,
.tencoin-withdrawal-container .tencoin-withdrawal-currency,
.tencoin-withdrawal-container .tencoin-withdrawal-network {
    margin-top: 6px;
}

.tencoin-deposit-container .tencoin-deposit-qr-address small {
    display        : inline-flex;
    gap            : 4px;
    margin-top     : 6px;
    width          : 100%;
    justify-content: center;
    align-items    : center;
    font-size      : 12px;
}

.tencoin-deposit-container .tencoin-deposit-qr-address .base-time-ticker p {
    font-size: 14px;
    margin   : 0;
}

.tencoin-deposit-container .tencoin-deposit-wallet-address input,
.tencoin-deposit-container .tencoin-deposit-memo input {
    background   : var(--gray) !important;
    border-radius: 4px !important;
    padding      : 0 8px !important;
}

.tencoin-deposit-container .tencoin-deposit-action button:first-of-type,
.tencoin-withdrawal-container .tencoin-withdrawal-action button:first-of-type {
    color        : rgba(var(--gray-text-rgb), 0.75);
    border       : 1px solid rgba(var(--gray-text-rgb), 1);
    background   : none;
    border-radius: 3px;
    box-shadow   : 0px 4px 4px rgba(0, 0, 0, 0.25);
    min-width    : 100px;
    padding      : 15px;
    transition   : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tencoin-deposit-container .tencoin-deposit-action button:first-of-type:hover:not(:disabled),
.tencoin-withdrawal-container .tencoin-withdrawal-action button:first-of-type:hover:not(:disabled) {
    background  : transparent !important;
    color       : var(--white-color) !important;
    border-color: var(--white-color) !important;
}

.tencoin-deposit-container .tencoin-deposit-action button:last-of-type,
.tencoin-withdrawal-container .tencoin-withdrawal-action button:last-of-type {
    background   : transparent linear-gradient(301deg, var(--button-color-1) 0%, var(--button-color-2) 100%) 0% 0%;
    border       : 0;
    color        : var(--white-color);
    padding      : 10px;
    border-radius: 3px;
    box-shadow   : 0 4px 4px rgba(0, 0, 0, .25);
    font-weight  : 500;
    min-width    : 100px;
    transition   : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tencoin-deposit-container .tencoin-deposit-action button:last-of-type:hover:not(:disabled),
.tencoin-withdrawal-container .tencoin-withdrawal-action button:last-of-type:hover:not(:disabled) {
    box-shadow: 0px 0px 15px var(--button-box-shadow);
    background: transparent linear-gradient(301deg, var(--button-color-1) 0%, var(--button-color-2) 100%) 0% 0%;
    border    : 0;
    color     : var(--button-color-1);
}

.tencoin-deposit-form .base-input-container .base-input-wrapper span {
    color: #000 !important;
}

.tencoin-deposit-form .tencoin-deposit-qr-address {
    width: fit-content;
}

.tencoin-deposit-form .tencoin-deposit-qr-address label {
    font-size  : 14px;
    font-weight: 700;
}

body .tencoin-deposit-form .tencoin-deposit-qr-address .base-qrcode {
    max-width : 200px !important;
    max-height: 200px !important;
    margin    : auto;
}

section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-currency button .tencoin-deposit-currency-placeholder-slot label,
section.tencoin-withdrawal-container form .tencoin-withdrawal-payment .tencoin-withdrawal-currency button .tencoin-withdrawal-currency-placeholder-slot label {
    display: none;
}


section.tencoin-deposit-container form .tencoin-deposit-payment .tencoin-deposit-currency button i,
form .tencoin-withdrawal-payment .tencoin-withdrawal-currency button i {
    margin-left: 16px;
}

.tencoin-withdrawal-payment section,
.tencoin-deposit-payment section {
    margin-top: -16px;
}

section.tencoin-deposit-container .tencoin-deposit-form div:not(:first-of-type):not(:nth-of-type(2)),
form.tencoin-deposit-form .payment-amount-suggested,
form.tencoin-deposit-form .payment-amount-suggested~.base-input-container {
    grid-column: 1 / -1 !important;
}

section.tencoin-deposit-container .tencoin-deposit-form {
    grid-template-columns: 0fr 1fr;
    display              : grid;
}

form.tencoin-deposit-form .tencoin-deposit-payment p,
form.tencoin-withdrawal-form .tencoin-withdrawal-payment p {
    grid-column: 1 / -1;
}

form.tencoin-deposit-form .tencoin-deposit-payment,
form.tencoin-withdrawal-form .tencoin-withdrawal-payment {
    display              : grid;
    grid-template-columns: 0fr 1fr;
    gap                  : 8px;
    margin               : 16px 0;
}


.tencoin-deposit-payment .tencoin-deposit-network,
.tencoin-withdrawal-payment .tencoin-withdrawal-network {
    position: relative;
}

.tencoin-deposit-payment .tencoin-deposit-network small,
.tencoin-withdrawal-payment .tencoin-withdrawal-network small {
    left    : -132px;
    position: absolute;
}

.tencoin-withdrawal-payment .tencoin-withdrawal-network {
    margin-bottom: 16px;
}

.tencoin-deposit-payment .tencoin-deposit-currency small,
.tencoin-withdrawal-payment .tencoin-withdrawal-currency small {
    text-wrap: nowrap;
}

.tencoin-deposit-network-placeholder-slot span,
.tencoin-withdrawal-network-placeholder-slot span {
    padding-left: 16px;
}

section.tencoin-deposit-container .tencoin-deposit-form div.base-input-container:first-of-type {
    grid-column: 1;
    max-width  : 162px;
    width      : 162px;
}

section.tencoin-deposit-container .tencoin-deposit-form div.base-input-container:nth-of-type(2) {
    grid-column: 2;
}

/*End Ten Coins*/

/* GP-4990: Bonus Revamp, player menu modal (BetFlare) */
#modal-user-profile .message-box-modal .modal-content {
    min-height: unset !important;
    background: white !important;
    min-height: unset !important;
}

#modal-user-profile .message-box-modal .modal-content .modal-body {
    padding: 1rem !important;
}

#modal-user-profile .message-box-modal.fade .modal-dialog {
    transform: translateY(-50px) !important;
}

#modal-user-profile .message-box-modal.show .modal-dialog {
    transform: none !important;
}

/* ENd - GP-4990: Bonus Revamp, player menu modal */

.pwa-install-banner .install-card {
    background: #FFF;
}

.pwa-install-banner .install-card .install-close {
    display: flex;
}

.pwa-install-banner .install-card .install-close button i:before {
    font-family: 'Font Awesome 5 Free';
    font-size  : 22px;
    color      : var(--color-body);
}

.pwa-install-banner .install-card .install-message h5 {
    font-size  : 16px;
    font-weight: 700;
    line-height: 130%;
    color      : var(--color-body);
    font-family: var(--font-family-black);
}

.pwa-install-banner .install-card .install-message p {
    font-size  : 12px;
    line-height: 120%;
}

.pwa-install-banner .install-card .install-action button {
    color            : #FFF;
    background       : var(--color-primary);
    -webkit-clip-path: polygon(8px 6px, 18px 0, calc(100% - 7px) 0, calc(100% - 3px) 6px, calc(100% - 9px) calc(100% - 6px), calc(100% - 16px) 100%, 7px 100%, 1px calc(100% - 8px));
    clip-path        : polygon(8px 6px, 18px 0, calc(100% - 7px) 0, calc(100% - 3px) 6px, calc(100% - 9px) calc(100% - 6px), calc(100% - 16px) 100%, 7px 100%, 1px calc(100% - 8px));
    width            : 100px;
    font-weight      : 500;
    font-family      : var(--font-family-black);
}

/* Tournament Bet Details CSS*/
.custom-modal-section {
    .bet-details-content {
        .w-100 {
            .flex-item-container {
                .text-white {
                    color      : #000 !important;
                    font-weight: 700 !important;

                    img {
                        display: none !important;
                    }
                }
            }

            .card-container {
                .card-content {
                    img {
                        display: none !important;
                    }
                }
            }
        }
    }
}

/* End Tournament CSS */

/* GP 4970*/
.bank-transfer-deposit-classic .btn-system-amount-wrapper .increment-mode-amount-wrapper,
.withdraw-tab .wallet-payment-method .section-system-main.btn-system-amount-wrapper .row:first-of-type .col,
.withdrawal-mgate-classic-container form .row .col-12.overwrite-mode-amount-wrapper {
    display              : grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 8px !important;
    margin-bottom        : 16px !important
}

.bank-transfer-deposit-classic .btn-system-amount-wrapper .increment-mode-amount-wrapper a {
    min-width: auto;
    margin   : 0
}

.bank-transfer-deposit-classic .btn-system-amount-wrapper .form-group.grp-deposit-amt input,
.withdraw-tab .wallet-payment-method .section-system-main.btn-system-amount-wrapper .row .form-group.grp-deposit-amt input {
    min-width: 100% !important
}

.deposit-mgate-classic-container .bank-accounts-table .bank-accounts-table-header div button.btn-warning {
    font-size: 12px !important;
}

/* End GP 4970*/

/* GP-3139: Widget, VIP Current tier info | Basic styles */
.widget-vip-current-tier-info-wrapper {
    width: 100%;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel {
    width: 100%;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-progress {
    display    : flex;
    align-items: center;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-progress .vip-tier-icon-container .vip-tier-progress-icon {
    max-width: 130px;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-progress .vip-tier-progress-container {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap      : wrap;
    width          : 100%;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-progress .vip-tier-progress-container .vip-tier-xp {
    display    : flex;
    align-items: center;
    gap        : 7px;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-progress .vip-tier-progress-container .vip-tier-progress-wrapper {
    width: 100%;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-progress .vip-tier-progress-container .vip-tier-progress-wrapper .vip-tier-progress-bar {
    border-radius: 20px;
    height       : 10px;
    border       : 1px solid black;
    overflow     : hidden;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-progress .vip-tier-progress-container .vip-tier-progress-wrapper .vip-tier-progress-bar::before {
    content         : '';
    display         : block;
    width           : var(--current-vip-komp-progress);
    height          : 10px;
    background-color: #bf8831;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-next {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-next .vip-tier-next-tier {
    width: 100%;
}

.widget-vip-current-tier-info-wrapper .vip-tier-info-panel .vip-tier-info-next .vip-tier-percent {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-grow      : 1;
}

/* END - GP-3139: Widget, VIP Current tier info */

/* GP-3140: Widget, VIP Tier Details Widget */
.widget-vip-tier-details-wrapper .vip-tier-dropdown .dropdown-menu {
    transform: translate3d(0px, 30px, 0px) !important;
}

.widget-vip-tier-details-wrapper #kompVIPTierBtn {
    color: #616161;
}

/* END - GP-3139: Widget, VIP Tier Details Widget */

/* GP-3145: Widget, Available Bonuses */
.widget-available-bonuses-wrapper .available-bonuses-panel {
    display       : flex;
    flex-direction: column;
    gap           : 30px;
}

.widget-available-bonuses-wrapper .available-bonuses-panel .available-bonuses-item {
    display: flex;
    gap    : 10px;
}

.widget-available-bonuses-wrapper .available-bonuses-panel .available-bonuses-item .bonus-item-icon::before {
    content          : '';
    background-repeat: no-repeat;
    background-size  : contain;
    height           : 24px;
    width            : 24px;
    margin-top       : 8px;
    display          : inline-block;
}

.widget-available-bonuses-wrapper .available-bonuses-panel .available-bonuses-item .bonus-item-name {
    font-size: 27px;
}

.widget-available-bonuses-wrapper .available-bonuses-panel .available-bonuses-item .bonus-item-description {
    margin-bottom: 10px;
}

.widget-available-bonuses-wrapper .available-bonuses-panel .available-bonuses-item .bonus-item-data-section {
    display: flex;
    gap    : 20px;
}

.widget-available-bonuses-wrapper .available-bonuses-panel .available-bonuses-item.casino .bonus-item-icon::before {
    background-image: url(https://nmbio.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/Casino.svg);
}

.widget-available-bonuses-wrapper .available-bonuses-panel .available-bonuses-item.sportsbook .bonus-item-icon::before {
    background-image: url(https://nmbio.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/Sports.svg);
}

/* END - GP-3145: Widget, Available Bonuses */

.preloader {
    .preloader-backdrop {
        background: var(--bg-top-header);
    }

    .preloader-src {

        video,
        img {
            width: 600px;
        }
    }
}


/* betflare service worker */

#snackbarcompId.bottom.info {
    border-radius: 16px;
    font-size    : 14px;
    color        : var(--color-body);
    background   : var(--bg-body);
}

#snackbarcompId.bottom.info .snackbar__action div {
    color            : #FFF;
    background       : var(--color-primary);
    -webkit-clip-path: var(--clip-path-events-with-bg);
    clip-path        : var(--clip-path-events-with-bg);
    padding          : 8px 16px;
    font-family      : var(--font-family-black);
    font-size        : 16px;
}