:root {
    --color-gold-1: #F4C542;
    --color-gold-2: #F4C542;
    --color-blue-text: #081a7c;
    --background-color: #191d26;
    --background-color-blur: rgb(0 0 0 / 57%);
    --background-color-1: #141616;
    --background-color-2: #22252d;
    --background-color-3: #292c35;
    --background-color-5: #353B4D;
    --background-color-6: #1f1f28;
    --background-color-8: #131515;
    --background-color-9: #17171a;
    --background-color-10: #21212687;
    --background-color-toast-info: #cbdfff;
    --background-color-toast-yield: #f6e7c1;
    --background-color-toast-success: #caffcc;
    --background-color-toast-warning: #cc9998;
    --background-color-21: #313242;
    --text-gradient-1:linear-gradient(to top, #F39C12 0%, #F1C40F 50%);
    --text-color-1: #d6d4d4;
    --text-color-3: #cccccc;
    --text-color-4: #dbdbdb;
    --white-color: #fff;
    --black-color: #000;
    --red-color: red;
    --dark-color_1: #000f0a;
    --dark-color_2: #262626;
    --grey-color: #999;
    --yellow-color: #ffcf0d;
    --yellow-color-2: #fff708;
    --light-blue-color: #558dfb;
    --light-blue-color2: #09b5be;
    --error-color: #F02849;
    --gradient-color-rg: linear-gradient(to right, rgb(212, 128, 23, 1) 0%, rgba(252, 220, 115, 1) 100%);
    --gradient-color-le: linear-gradient(to right, #F1C40F, #F39C12);
    --gradient-color: linear-gradient(180deg, #FFD75D 0%, #FFAA00 100%);
    --gradient-color-2: linear-gradient(322deg, rgba(212, 128, 23, 1) 0%, rgba(252, 220, 115, 1) 100%);
    --gradient-color-grey: linear-gradient(to right, var(--grey-color), var(--text-color-1));
    --backdrop-color: rgba(0, 0, 0, 0.2);
    --scrollTop-color: rgba(0, 0, 0, .6);
    --background-color-11: #e6e9ef;
    --background-color-12: #f2f4f7;
    --background-color-13: #dae1ed;
    --background-color-14: #c8c8d1;
    --box-gold-shadow: rgba(255, 255, 255, 0.32) 0px 1px 4px;
}

@font-face {
    font-family: 'Roboto';
    src: url("/Content/fonts/roboto-regular-webfont.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* scrollbar */

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    background: transparent;
}

body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 2px solid var(--color-gold-1);
    background: transparent;
}

::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-gold-1);
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, .55);
    }

::-webkit-scrollbar-track {
    background-color: transparent;
}

.ajax-result .col-xs-12, .ajax-result .col-md-12 {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
}

.wallet--cash, .wallet--bonus {
    height: 38%;
    min-height: 200px;
}

.wallet-amount {
    overflow: unset !important;
    position: relative;
}

.table-striped.wallet-table, .table-striped.table--scrollable__tbody {
    height: calc(100% - 42px);
}

body:not(.mobile) {
    overflow-y: visible !important;
    overflow-x: hidden !important;
}

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.modal {
    z-index: 9999;
}

body {
    font-family: 'Roboto';
    font-size: 12px;
    background-color: var(--background-color);
}

.Container--full {
    width: 100%;
}

.page-wrapper {
    width: 100%;
}

.Main {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 56px;
}

.background {
    display: none;
}

a {
    text-decoration: none !important;
}

.Wrapper--Header .Container__Item {
    width: 100vw;
    display: flex;
    height: 56px;
    padding: 0 27px 0 16px;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--background-color-1);
}

.header_logo {
    display: inline-block;
}

    .header_logo img {
        width: 100px;
    }

.Sections, .Sections_container, .Register_container {
    display: inline-flex;
    margin-bottom: 0;
    align-items: center;
    height: 100%;
}

.Header--primary__Panel--user .Sections a, .Header--primary__Panel--user .Sections .Menu--sub > div {
    width: 100%;
    height: 56px;
    line-height: 56px;
}

.Header--primary__Panel--user .identifier-menu-new:not(.loading):after, .Header--primary__Panel--user .identifier-menu-top:not(.loading):after {
    position: absolute;
    top: 7px;
}

.Header--primary__Panel--user .identifier-menu-new:not(.loading):after, .Widget--Header--secondary .identifier-menu-aviator:not(.loading):after {
    right: unset;
    left: 72px;
}

.Header--primary__Panel--user .identifier-menu-top:not(.loading):after {
    right: unset;
    left: 41px;
}

.Widget--Header--secondary .identifier-menu-new:not(.loading):after {
    left: 80px;
    top: 2px;
}

.Widget--Header--secondary .identifier-menu-top:not(.loading):after {
    left: 52px;
    top: 2px;
}

.Header--primary__Panel--user .Menu--sub .Sections a {
    height: 42px;
}

.Header--secondary {
    margin-left: auto;
}

    .Header--secondary .Sections {
        padding: 0 24px;
    }

        .Header--secondary .Sections a, .web-languages, .web-time {
            margin-left: 2px;
            height: 40px;
            line-height: 40px;
        }

.Header--primary__Panel--user .web-languages {
    display: none;
}

.Sections_container {
    text-transform: uppercase;
}

.Floating--Wrapper {
    width: auto;
    height: auto;
    z-index: 9999999999;
    display: flex;
    white-space: nowrap;
    border: 0;
    border-radius: 0 6px 6px 0;
    gap: 10px;
    text-decoration: none;
    color: #000;
    line-height: 23px;
    font-size: 16px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    margin: 1em;
    background: #d0e9dc;
    padding: 1em 1em 1em 2em;
    border-left: 4px solid #DDD;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
    border-color: #1ed4b5;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.Floating--Wrapper:before {
    content: "i";
    background: var(--gradient-color-rg);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: -17px;
    color: var(--white-color);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-family: Georgia;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

.Floating--Wrapper span {
    font-weight: 600;
    color: #000;
}

.Floating--Wrapper .session-time {
    color: red;
    font-weight: bold;
    font-size: 16px;
}

.Wrapper--Header.Header--primary__Panel--user .Floating--Wrapper {
    position: relative;
    bottom: 0;
    border-right: 4px solid #ddd;
    border-left: unset;
    border-radius: 6px 0 0 6px;
    left: unset;
    right: unset;
    border-color: #1ed4b5;
    padding: 10px 20px 10px 10px;
    font-size: 11px;
    animation: slideIn 1.5s ease-out forwards;
}

    .Wrapper--Header.Header--primary__Panel--user .Floating--Wrapper:before {
        right: -17px;
        left: unset;
        margin-top: -15px;
    }

.copyright_first {
    padding: 0 10px 0 10px;
    font-size: 12px;
    color: #d2d2d2;
    text-align: center;
}

.Sections, .Sections a, .Register_container a, .Register_container div,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-more {
    font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: .6px;
    color: var(--white-color);
    white-space: nowrap;
}

.web-time {
    color: var(--white-color);
}

.Sections li {
    padding: 0 10px;
    height: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
}

    .Sections li.apps a, .mobile .Sections li i.apps {
        display: block;
        width: 50px !important;
        height: 50px !important;
        padding: 0;
        background: url('/Content/img/icons/apple-android-logo.svg');
        background-size: cover;
        background-position: bottom;
    }

    .Sections li.apps {
        align-items: start;
    }

.Sections .js-route.Sections__Item:hover, .Sections .js-route.Sections__Item:hover a,
body:not(.mobile) .Sections .Sections__Item a:hover,
body:not(.mobile) .Sections .Sections__Item.Menu--sub div:hover {
    color: var(--color-gold-2);
    cursor: pointer;
}

.Menu--sub {
    position: relative;
}

    .Menu--sub .Sections {
        display: flex;
        background-color: var(--background-color-1);
        min-width: 135px;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 56px;
        left: 0;
        z-index: 3;
        display: none;
    }

        .Menu--sub .Sections li {
            width: 100%;
            min-height: 40px;
        }

            .Menu--sub .Sections li:not(:last-child) {
                border-bottom: 1px solid var(--background-color-5);
            }

            .Menu--sub .Sections li a {
                text-transform: none;
                padding: 4px 0;
                line-height: 30px;
            }

    .Menu--sub:hover .Sections {
        display: block;
    }

    .Menu--sub:hover .la-angle-down {
        transform: rotate(180deg);
    }

    .Menu--sub .la-angle-down {
        transition: .3s linear;
    }

body:not(.mobile).modal-open .Wrapper--Header, 
body:not(.mobile).modal-open .header-secondary:not(.gameLaunchFull):not(.Full),
body:not(.mobile).modal-open .Main, body:not(.mobile).modal-open .Main_not_slidable {
    padding-right: 8px;
}

.Main_not_slidable img {
    width: 100%;
}

.Wrapper--Header, .header-secondary {
    position: fixed;
    top: 0;
    z-index: 9997;
    width: 100%;
}

    .header-secondary.gameLaunchFull {
        z-index: 9996 !important;
    }

.modal-backdrop {
    z-index: 9998;
}
.modal-backdrop.fade.show {
    background: rgb(0 0 0 / 10%);
    backdrop-filter: blur(20px);
    opacity: 1;
}
#profilePopup .modal-content {
    backdrop-filter: blur(10px);
    background-color: var(--background-color-blur);
    box-shadow: 0 5px 50px rgba(0, 0, 0, 0.5);
    width: 100%;
    overflow-y: auto;
    min-height: 800px;
    max-height: 800px;
    position: relative;
    background-clip: border-box;
    border-radius: 18px;
}
.header-secondary {
    background: var(--background-color-5);
    margin-top: 56px;
    z-index: 4 !important;
}

    .header-secondary .Container__Item {
        display: flex;
        height: 48px;
        width: 100%;
        padding: 4px 35px 4px 18px;
    }

.blockUI.blockOverlay {
    z-index: 4 !important;
}

.sections-trigger {
    width: 35px;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    padding-left: 8px;
}

    .sections-trigger div {
        height: 16px;
        display: block;
        position: relative;
    }

.Wrapper--Header .sections-trigger i {
    display: none;
}

.Wrapper--Header .sections-trigger span, .Wrapper--Header .sections-trigger span:before, .Wrapper--Header .sections-trigger span:after {
    background-color: var(--text-color-3);
    height: 2px;
    position: absolute;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    width: 18px;
}

    .Wrapper--Header .sections-trigger span:before, .Wrapper--Header .sections-trigger span:after {
        content: "";
        display: block;
        top: 12px;
    }

    .Wrapper--Header .sections-trigger span:after {
        top: 6px;
    }

    .Wrapper--Header .sections-trigger span:before {
        top: 12px;
    }

body.left_open .Wrapper--Header .sections-trigger span {
    background: transparent !important;
}

    body.left_open .Wrapper--Header .sections-trigger span:after {
        top: 4px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    body.left_open .Wrapper--Header .sections-trigger span:before {
        top: 4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

.sections-trigger ~ .Widget--Header--secondary .Sections a {
    height: 100%;
    display: flex;
    align-items: center;
}

.sections-trigger ~ .Widget--Header--secondary .Sections .Menu--sub a .la-angle-down {
    padding-left: 5px;
}

.sections-trigger ~ .Widget--Header--secondary .Sections {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--background-color-1);
    border-radius: 12px;
}

.sections-trigger ~ .Widget--Header--secondary > .Sections {
    padding-top: 45px;
    overflow: auto;
}

.sections-trigger ~ .Widget--Header--secondary .Sections li {
    width: 100%;
    height: 48px;
    padding: 0 18px;
    text-transform: uppercase;
    flex-direction: column;
}

    .sections-trigger ~ .Widget--Header--secondary .Sections li.Menu--sub > div {
        height: 48px;
        line-height: 48px;
    }

    .sections-trigger ~ .Widget--Header--secondary .Sections li:not(:last-child) {
        border-bottom: 1px solid var(--background-color-3);
    }

.sections-trigger ~ .Widget--Header--secondary .Sections .Menu--sub .Sections {
    display: none;
}

.sections-trigger ~ .Widget--Header--secondary {
    width: 300px;
    padding: 5px 5px;
    background-color: var(--background-color-2);
    border-radius: 12px;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 55px;
}

.Widget--banner.secondary {
    height: 100%;
    display: none;
}

    .Widget--banner.secondary .Widget--Header--secondary {
        margin: 0 auto 18px;
        display: none;
        height: calc(100% - 55px) !important;
    }

body .Header--primary__Panel--user .Backdrop, body.mobile .Header--secondary .Backdrop {
    position: fixed;
    background-color: var(--backdrop-color);
    z-index: 8;
    width: 100vw;
    height: 100vh;
    user-select: none;
    opacity: 0;
    display: none;
    touch-action: none;
}

.sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover .Sections {
    position: unset;
}

body:not(.mobile) .sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover {
    height: auto;
    padding-top: 0;
    padding-bottom: 5px;
}

    body:not(.mobile) .sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover a {
        line-height: 48px;
    }

    body:not(.mobile) .sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover .Sections {
        display: block;
    }

.sections-trigger ~ .Widget--Header--secondary .Menu--sub .Sections {
    background-color: var(--background-color-3);
    top: 45px;
    width: 100%;
    border-radius: 8px;
}

    .sections-trigger ~ .Widget--Header--secondary .Menu--sub .Sections li:not(:last-child) {
        border-bottom: 1px solid var(--background-color-5);
    }

.Button--sign-up, .Button--sign-in, .Button--deposit,
#gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real,
#gameModal .modal-dialog .modal-content .modal-body .Button--outlined--transparent.Button--play-demo,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-more,
.casino-game-list .product-card .user-product-ctrl .demo, .casino-game-list .product-card:hover .user-product-ctrl .demo,
#popupSearchItems .demo, #popupSearchItems .play-full {
    padding: 0 16px;
    margin: 0 8px;
    border: 1px solid var(--color-gold-2);
    border-radius: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    position: relative;
}

#gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real,
#gameModal .modal-dialog .modal-content .modal-body .Button--outlined--transparent.Button--play-demo {
    padding: 8px 30px;
    ;
}

.Button--sign-up, .Button--deposit, #gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept {
    background: var(--gradient-color);
    color: var(--background-color-1) !important;
}

body:not(.mobile) .Button--sign-up:hover, body:not(.mobile) .Button--deposit:hover,
body:not(.mobile) #gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real:hover,
body:not(.mobile) .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept:hover {
    opacity: .9;
}

.Button--deposit {
    padding: 0 30px;
    border: 1px solid transparent;
}

.Button--sign-in, .Button--outlined--transparent.Button--play-demo,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-more,
body:not(.mobile) .casino-game-list .product-card:hover .user-product-ctrl .demo,
#popupSearchItems .demo, #popupSearchItems .play-full {
    color: var(--color-gold-2) !important;
    margin: 0;
    background-color: var(--background-color-1);
}

    .casino-game-list .product-card:hover .user-product-ctrl .demo:hover,
     .Button--sign-in:hover, #popupSearchItems .demo:hover {
        opacity: .8;
    }

.Register_container .Button--outlined.Button--messages {
    width: 36px;
    height: 36px;
    margin: 0 3px;
    line-height: 42px;
    text-align: center;
    border-radius: 2px;
    background-color: var(--background-color-2);
}

.Button--messages i {
    font-size: 23px;
}

.msg--holder .msg--count {
    position: absolute;
    top: 14px;
    color: var(--color-gold-1);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Roboto';
    z-index: 5;
}

#msg-row {
    position: relative;
}

    #msg-row .msg--count {
        background: var(--gradient-color);
        padding: 2px;
        border-radius: 5px;
        font-weight: 600;
        color: var(--white-color);
        position: relative;
        top: -8px;
    }

.Balance--user:hover .Menu--user {
    display: block;
}

.Menu--user {
    display: none;
    width: 100%;
    max-height: calc(100vh - 56px);
    position: absolute;
    top: 56px;
    right: 0;
    background-color: var(--background-color-1);
    z-index: 9;
    border-radius: 12px;
    box-shadow: 0 2px 12px var(--dark-color_1);
}

    .Menu--user ul #menu_balance_wrapper, .Menu--user ul #menu_balance_wrapper .balance-group {
        display: flex;
        flex-direction: column;
    }

        .Menu--user ul #menu_balance_wrapper .balance-group {
            padding: 4px;
            border: 1px solid var(--background-color-1);
            border-radius: 8px;
        }

        .Menu--user ul #menu_balance_wrapper .balance-total {
            padding: 4px;
        }

    .Menu--user ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Menu--user li, .Menu--user a {
        color: var(--text-color-1);
        display: block;
    }

    .Menu--user ul li {
        width: 82%;
        overflow: hidden;
        font-size: 13px;
        font-weight: 500;
    }

.Wrapper--Header .Container__Item .Menu--user ul li:nth-child(1) {
    color: var(--text-color-1);
    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 10px 2px 10px !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-family: 'Roboto';
}

.Wrapper--Header .Container__Item .Menu--user ul li.green-block,
.Wrapper--Header .Container__Item .Menu--user ul li#menu_balance_wrapper {
    width: 100%;
    font-size: 13px;
    padding: 0 10px 0 10px;
    background-color: unset;
    background: var(--gradient-color-le);
    border-bottom: none;
    line-height: 2;
    color: var(--black-color) !important;
    font-weight: bold;
}

.Wrapper--Header .Container__Item .Menu--user ul li div {
    display: flex;
    width: 100%;
    white-space: nowrap;
    color: var(--black-color);
}

.Wrapper--Header .Container__Item .Menu--user ul li > div > div > span:nth-child(1) {
    width: 60%;
}

.Wrapper--Header .Container__Item .Menu--user ul li > div > div > span:nth-child(2) {
    width: 40%;
}

.Wrapper--Header .Container__Item .Menu--user ul li.user-id {
    padding-bottom: 10px;
}

.Menu--user li:not(:last-child) {
    border-bottom: 1px solid var(--text-color-4);
}

.Menu--user li i {
    font-size: 20px;
    margin-right: 8px;
}

.Menu--user li:hover, .Menu--user li:hover a {
    color: var(--color-gold-2);
    cursor: pointer;
}

.Menu--user .la-user-check:first-child:before {
    margin-right: 10px;
    margin-left: 5px;
    font-family: 'Line Awesome Free';
}

.Menu--user .la-user-check:first-child:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid var(--black-color);
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    padding: 2px;
    animation: spin 3s linear infinite;
    position: absolute;
    top: 5px;
}

@keyframes spin {
    0% {
        transform: rotate(360deg);
    }
}

.Balance--user {
    height: 100%;
    line-height: 56px;
    margin: 0 10px;
    position: relative;
}

.Button--Balance {
    padding: 11px 78px 11px 50px;
    background-color: var(--background-color-2);
    border-radius: 20px;
}

    .Button--Balance span {
        color: var(--color-gold-2);
        font-weight: 700;
    }

    .Button--Balance .menu-button-balance-amnt:after, .right-panel-open {
        content: '\f107';
        font-family: 'Line Awesome Free';
        font-size: 16px;
        margin-left: 8px;
        position: absolute;
        bottom: 2px;
        transition: all .4s ease;
    }

    .Balance--user.open .Button--Balance .menu-button-balance-amnt:after, .Button--Balance.menu-button-balance-open .menu-button-balance-amnt:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.la-credit-card {
    font-size: 16px;
    margin: auto 10px;
}

.Wrapper--Header .js-route {
    position: relative;
}

    .Wrapper--Header .js-route:before {
        margin-right: 2px;
    }

.Sections_container .js-route.Sections__Item.active a,
.Menu--sub .Sections__Item.active a, .Menu--sub.active > div,
.header-secondary .Sections li.active, .header-secondary .Sections li.active a,
.sections-trigger ~ .Widget--Header--secondary .Sections li.active a {
    color: var(--color-gold-2);
}

.identifier-menu-new:not(.loading):after, .identifier-menu-top:not(.loading):after, .Header--primary__Panel--user .identifier-menu-aviator:after {
    content: 'NEW';
    display: inline-block;
    height: 12px;
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    background-color: var(--yellow-color);
    color: var(--dark-color_2);
    padding: 1px 6px;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    position: absolute;
    top: 8px;
    right: -6px;
}

.Header--primary__Panel--user .identifier-menu-aviator:after {
    pointer-events: none;
    content: "";
    background: url(..//img/logos/aviator.png);
    background-size: cover;
    width: 41px;
    height: 24px;
    top: -4px;
}

.identifier-menu-top:not(.loading):after {
    content: 'TOP';
    background-color: var(--light-blue-color);
    color: var(--white-color);
}

.carousel-cell {
    width: 100%;
    position: absolute;
}

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

.flickity-viewport {
    min-height: 466px !important;
}

.flickity-page-dots {
    top: 340px;
    bottom: unset;
}

    .flickity-page-dots .dot {
        border-radius: 0;
        width: 64px;
        height: 5px;
        background-color: var(--background-color-5);
        opacity: unset;
    }

        .flickity-page-dots .dot.is-selected {
            background: var(--gradient-color-2);
        }

.flickity-prev-next-button {
    width: 36px;
    height: 35px;
}

    .flickity-prev-next-button .flickity-button-icon {
        position: unset;
        width: 12px;
        height: 12px;
    }

    .flickity-prev-next-button.next, .flickity-prev-next-button.previous {
        padding: 11px 10px;
        color: var(--white-color);
        background-color:#404040bf;
        backdrop-filter: blur(1px);
        position: absolute;
        top: 62px;
        border-radius: 4px;
    }

    .flickity-prev-next-button.next {
        right: 10%;
    }

    .flickity-prev-next-button.previous {
        right: calc(10% + 46px);
        left: unset;
    }

.flickity-button:focus {
    box-shadow: none;
}

.flickity-prev-next-button:hover {
    opacity: .7;
}

.flickity-button:disabled {
    opacity: .5;
}

.first_content {
    padding-top: 461px;
}

.Wrapper--Single {
    display: block;
    width: 100%;
}


.Promotions-Home-Title_content {
    width: 100%;
}
    .Promotions-Home-Title,
    .Widget--banner--multi.animated,
    .promotion_banners, .game-list-slidable,
    .Wrapper--Single.MultiSport {
        display: flex;
        justify-content: center;
        max-width: 1568px;
        margin: 24px auto;
        padding: 0 24px;
        overflow: hidden;
        position: relative;
    }
.promotion_container .promotion_banners .Item {
    flex: 1;
}
.game-list-normal {
    max-width: 1568px;
    margin: 6px auto;
    padding: 0 24px;
}

.game-list-wrapper {
    padding: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.product-wrapper.no-games-found-container {
    display: block !important;
}

.Widget--banner--multi .Sections {
    display: flex;
    justify-content: center;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}

.Widget--banner--multi .Sections__Item, body.mobile .Widget--banner--multi .Sections__Item a {
    display: flex;
    width: 100%;
    max-width: 143px;
    padding: 0 12px;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    align-items: center;
    background-color: var(--background-color-1);
    color: var(--white-color) !important;
    opacity: .9;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    text-overflow: ellipsis;
    position: relative;
}
.Widget--banner--multi .Sections__Item {
    height: 100px;
}
    .Widget--banner--multi .Sections__Item:hover {
        text-shadow: 0 0 30px var(--color-gold-1);
        transition: all .2s;
    }

        .Widget--banner--multi .Sections__Item:hover img {
            filter: drop-shadow(0 0 30px var(--color-gold-1));
            transition: all .2s;
        }

.Widget--banner--multi [class*='tp-ic']:before {
    font-size: 55px;
    position: absolute;
    top: 15%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(212, 128, 23, 1) 0%, rgba(252, 220, 115, 1) 100%);
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent; 
}
.tp-ic-slots:before {
    background:linear-gradient(90deg, rgb(248, 225, 175) 0%, rgb(244, 211, 151) 100%);
}
.tp-ic-live_casino:before {
    background:linear-gradient(90deg, rgb(244, 211, 151) 0%, rgb(240, 202, 134) 100%);
}
.tp-ic-casino:before {
    background:linear-gradient(90deg, rgb(240, 202, 134), rgb(235, 187, 110) 100%);
}
/* .tp-ic-aviator:before {
    background:linear-gradient(90deg, rgb(235, 187, 110), rgb(227, 164, 70) 100%);
} */
.tp-ic-tv_games:before {
    background:linear-gradient(90deg, rgb(227, 164, 70), rgb(223, 150, 45) 100%);
}
.tp-ic-video_games:before {
    background:linear-gradient(90deg, rgb(223, 150, 45) 0%, rgb(217, 133, 16) 100%);
}

body:not(.mobie) .Widget--banner--multi [class*='tp-ic'] a, body.mobile .Widget--banner--multi [class*='tp-ic'] {
    width: 100%;
    height: 100%;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.promotion_banners img {
    border-radius: 8px;
    padding: 0 4px;
    aspect-ratio: 1280/606;
}

.game_categories_container .nav-slidable, .game_categories_two .Container__Item.nav-slidable {
    display: none;
}

.casino-categories {
    /* padding-right:15px; */
    overflow: hidden;
}

.casino-game-list.row {
    margin: 0;
}

.swiper-button-prev, .swiper-button-next {
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 12px;
    position: absolute;
    cursor: pointer;
}

.slick-prev, .swiper-button-prev {
    left: auto;
    right: 30px;
    top: -27px;
}

.slick-next, .swiper-button-next {
    right: 4px;
    top: -27px;
}

.game_categories_two .swiper-button-prev {
    right: 28px;
}

.game_categories_two .swiper-button-next {
    right: 2px;
}

.slick-prev:before, .slick-next:before, .swiper-button-prev:before, .swiper-button-next:before {
    font-size: 17px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    padding: 2px;
    background-color: var(--background-color-10);
    border-radius: 50%;
    color: var(--white-color);
}

.swiper-button-prev.disabled, .swiper-button-next.disabled {
    display: block !important;
    opacity: .5;
}

.slick-prev:before, .swiper-button-prev:before {
    content: "\f104";
}

.slick-next:before, .swiper-button-next:before {
    content: "\f105";
}

.name-cat-title p,
.Promotions-Home-Title_content p{
    color: var(--color-gold-2);
    text-transform: uppercase;
	background: var(--text-gradient-1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    border-bottom: 1px solid var(--color-gold-2);
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 17px;
    padding: 5px 0;
}

.footer_group_wrapper {
    background-color: var(--background-color);
}

.footer_group_container {
    margin: 0 auto;
    max-width: 1568px;
    padding: 5px 24px 40px;
}

    .footer_group_container > :first-child {
        margin-bottom: 0;
        padding-bottom: 12px;
        display: flex;
        justify-content: center;
    }

    .footer_group_container .Container__Item .social_container a img, .cat-url-class {
        display: none;
    }

    .footer_group_container .Container__Item .social_container a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .footer_group_container .Container__Item .social_container .telegram {
        padding: 4px;
        width: 35px;
        height: 35px;
        filter: grayscale(100%);
    }

        .footer_group_container .Container__Item .social_container .telegram a img {
            display: block !important;
            width: 100%;
            height: 100%;
        }

    .footer_group_container .Container__Item .facebook,
    .footer_group_container .Container__Item .twitter,
    .footer_group_container .Container__Item .youtube,
    .footer_group_container .Container__Item .instagram,
    .footer_group_container .Container__Item .linkedin {
        display: inline-block;
        background-image: url("../img/icons/social_media_sprite.png");
        background-size: 254px;
        padding: 4px;
        margin-right: 14px;
        width: 40px;
        height: 40px;
        filter: grayscale(100%);
    }

    .footer_group_container .Container__Item .facebook {
        background-position: -75px -18px;
    }

    .footer_group_container .Container__Item .twitter {
        background-position: -203px -18px;
    }

    .footer_group_container .Container__Item .youtube {
        background-position: -138px -18px;
    }

    .footer_group_container .Container__Item .instagram {
        background-position: -11px -18px;
    }

    .footer_group_container .Container__Item .linkedin {
        background-position: -203px -89px;
    }

    .footer_group_container .Container__Item .social_container div:hover {
        filter: grayscale(0%);
    }

    .footer_group_container .Container__Item:nth-child(2) {
        margin-bottom: 24px;
    }

    .footer_group_container .scroll_top.out {
        visibility: visible;
    }

    .footer_group_container .scroll_top {
        width: 72px;
        height: 32px;
        left: calc(50% - 32px);
        position: fixed;
        visibility: hidden;
        bottom: 0;
        background-color: var(--scrollTop-color);
        text-align: center;
        cursor: pointer;
        z-index: 6;
    }

        .footer_group_container .scroll_top:after {
            content: '\f106';
            font-family: 'Line Awesome Free';
            font-weight: 900;
            font-size: 18px;
            color: var(--white-color);
            position: relative;
            top: 4px;
            transition: all .2s;
        }

        .footer_group_container .scroll_top:hover:after {
            top: 0px;
        }

.footer_text_container {
    column-gap: 72px;
    display: flex;
    margin-bottom: 30px;
    padding: 0 20px;
    line-height: 1.4;
    justify-content: center;
}

    .footer_text_container .Item {
        max-width: 200px;
        color: var(--text-color-1);
        line-height: 2;
    }

        .footer_text_container .Item .Item__Title {
            margin-bottom: 8px;
            font-size: 18px;
            font-weight: 800;
            cursor: default;
            color: var(--white-color);
            /* font-family: Noto Sans, Arial, sans-serif !important; */
            line-height: 2;
        }

        .footer_text_container .Item li a {
            opacity: .7;
            color: var(--text-color-4);
            font-size: 14px;
        }

            .footer_text_container .Item li a:hover {
                opacity: 1;
            }

.Copyright {
    color: var(--text-color-4);
    display: flex;
    margin-bottom: 20px;
    font-size: 10px;
}

    .Copyright:before, .Copyright:after {
        content: "";
        flex: 1 1;
        margin: auto;
        border-bottom: 1px solid var(--background-color-3);
    }

    .Copyright:before {
        margin-right: 20px;
    }

    .Copyright:after {
        margin-left: 20px;
    }

.footer_providers_group, .footer_payments_group {
    max-width: 1590px;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
    gap: 10px;
}

    .footer_providers_group::-webkit-scrollbar-thumb, .footer_payments_group::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    .footer_providers_group div, .footer_payments_group div {
        width: 140px;
        height: 64px;
        display: flex;
        border-radius: 4px;
        background-color: var(--background-color-3);
        pointer-events: none;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    
.footer_providers_group div a img {
    max-width: 190px;
    width: 185px;
}
.footer_logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

html[lang="en-us"] .footer_logo:before {
    content: "POWERED BY";
}

    .footer_logo:before {
        color: var(--text-color-4);
        font-size: 9px;
        margin-bottom: 10px;
        opacity: .6;
    }

    .footer_logo a {
        width: 132px;
    }

.footer_text_container .Item ul li {
    display: block;
}

.Container__Item, .Copyright {
    position: relative;
}

.footer_group_container .buttonNext, .footer_group_container .buttonPrev {
    display: none;
    height: 64px;
    padding: 0 10px;
    background: var(--backdrop-color);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    align-items: center;
}

.footer_group_container .buttonPrev {
    right: unset;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .footer_group_container .buttonPrev:after, .footer_group_container .buttonNext:after {
        content: '\f104';
        font-family: 'Line Awesome Free';
        font-weight: bold;
        font-size: 15px;
        color: var(--white-color);
    }

.footer_group_container .buttonNext:after {
    content: '\f105';
}

.footer_group_container .buttonNext:hover, .footer_group_container .buttonPrev:hover {
    background-color: var(--scrollTop-color);
}

/* -------------------------------------------------------------------------- Registration -------------------------------------------------------------------------*/

#registrationPopup .modal-dialog {
    width: auto;
    max-width: 900px;
    height: auto;
    margin: 60px auto;
    transition: width 200ms;
}

.modal.fade .modal-dialog {
    transform: none;
}

.modal-content {
    background-color:var(--background-color-blur);
    border-radius: 12px;
}

#registrationPopup .modal-header,
#loginPopup .modal-header,
#forgotPasswordPopup .modal-header,
#changePasswordPopup .modal-header,
#verifyPartial .modal-header {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    background-color: var(--background-color-10);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: none;
    overflow: hidden;
}

#gameModal .modal-header {
    background-color: var(--background-color-10);
}

.modal-title-text {
    padding-left: 20px;
    min-height: 48px;
    border-bottom: 1px solid #cccccc1a;
    line-height: 48px;
    color: var(--white-color);
    text-transform: uppercase;
    font-size: 14px;
}

#messageModal .modal-title-text, .modal-sub-body.securitypassword .modal-title-text {
    border: none;
}

.modal-header .logo-img {
    width: 190px;
    margin: 15px auto;
}

.modal-dialog .modal-content button.close {
    padding: 20px 0;
    position: absolute;
    top: -12px;
    right: 14px;
    line-height: 30px;
    font-size: 30px;
    outline: 0 !important;
    background-color: transparent;
    color: var(--white-color);
    text-shadow: none;
    opacity: 1;
}

.modal-dialog .modal-content button.close span {
    font-weight: 200;
}

#registration-popup #registration-form label {
    margin-left: 0;
}

.form-control, .select2-container--default .select2-selection--single,
.form-control#dateOfBirth, .modal-sub-body.identifications .input_name,
.game-category-selector-container .ss-main .ss-multi-selected {
    height: 42px;
    border-radius: 12px;
    background-color: var(--white-color);
    border: 1px solid transparent;
    color: var(--grey-color) !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: var(--background-color-10);
}

.form-control[disabled] ~ .glyphicon:before, .form-control[readonly] .glyphicon:before, fieldset[disabled] .form-control .glyphicon:before {
    color: var(--text-color-1);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    line-height: 42px;
    color: var(--grey-color);
}

.form-control:focus, .select2-container--default .select2-selection--single:focus,
.modal-sub-body.identifications .input_name:focus, .identifications-settings-wrapper #Day:focus,
.identifications-settings-wrapper #Month:focus, .identifications-settings-wrapper #Year:focus {
    border-color: var(--color-gold-2) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(227, 194, 99, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(227, 194, 99, 0.6);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid var(--text-color-4);
}

.form-control ~ .glyphicon-search {
    display: block;
}

.form-control:focus ~ .glyphicon-search:before {
    color: var(--color-gold-2);
}

.modal-body label {
    color: var(--text-color-3);
    margin-left: 14px;
}

.captcha-loader, .col-sm-4, #forgotpassform .col-xs-4, #forgotpassform .captcha-loader {
    background-color: var(--white-color);
    border-radius: 12px;
    margin-left: 15px;
    padding-left: 0;
}

.col-xs-6.wrapper_input--captcha {
    width: calc(100% - 33.33333333% - 15px);
}

#forgotpassform .captcha-loader, .col-sm-4, #forgotpassform .col-xs-4 {
    width: 40%;
}

.captcha-loader img, .captcha_block img {
    height: 42px;
    width: 92%;
}

.captcha-refresh {
    color: var(--black-color);
    cursor: pointer;
    font-size: 22px;
}

.registration .form-group .row, #forgotpassform .control-label ~ .row, .REALITY_CHECK .row.section--captcha {
    position: relative;
}

#registrationPopup .checkbox {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

#registrationPopup .checkbox .checkbox-body a {
    color: var(--text-color-3);
}

#registrationPopup .checkbox .checkbox-body a:hover {
    color: var(--grey-color);
}

#registrationPopup .checkbox.input-validation-error:checked ~ .has-error.field-validation-valid {
    display: none;
}

#registrationPopup .wrapper--submit .col-md-6 {
    width: 50%;
    float: left;
}

.codeMobilePassportSection {
    display: flex;
    margin-bottom: 15px;
}

.codeMobilePassportSection div:nth-child(1) {
    flex: .5;
}

.codeMobilePassportSection > div:nth-child(2) {
    flex: 1;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.captcha-loader ~ .col-xs-2, #forgotpassform .col-xs-2, #forgotpassform .col-sm-2 {
    width: 8px;
    position: absolute;
    top: 12%;
    left: 28%;
    font-size: 20px;
}

#forgotpassform .col-sm-2 {
    left: 32%;
}

.captcha-refresh:hover, .captcha-refresh:focus {
    text-shadow: 0 0 2px var(--color-gold-2);
    color: var(--light-blue-color);
}

.captcha-loader ~ .col-xs-6, .col-sm-4 ~ .col-sm-6 {
    padding-left: 50px;
}

.btn, .btn:focus, .btn-warning, .btn-warning:hover, .btn-warning:active, 
.btn-warning.active, .open > .dropdown-toggle.btn-warning, .btn-success:active,
.btn-success.active, .open > .dropdown-toggle.btn-success, .btn-success:active:focus, .play-now,
.promo-tabs .tabs .scene .back .read-more, #tfaConfirm .btn-success {
    padding: 8px 36px !important;
    color: var(--color-blue-text) !important;
    border-radius: 20px !important;
    border: 1px solid transparent !important;
    background-image: var(--gradient-color-2) !important;
    background-color: var(--color-gold-1) !important;
    text-transform: uppercase;
    position: relative;
}

#profilePopup .btn-save {
    margin-bottom: 10px;
}

.btn:hover, .btn-warning:active:hover, .btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success,
.btn-success:active:hover, .play-now:hover, .play-now:active, .play-now:focus, .promo-tabs .tabs .scene .back .read-more:hover {
    opacity: .9 !important;
    color: var(--color-blue-text) !important;
    border: 1px solid transparent !important;
}

.error, .depositmessage-error, .withdrawalmessage-error,
.field-validation-error, #registrationPopup .has-error.field-validation-valid,
#forgotPasswordPopup .has-error, .password-group .field-validation-valid {
    display: block;
    padding: 5px 5px;
    color: var(--error-color) !important;
}
.withdrawalmessage-error li,
.depositmessage-error li{ 
     list-style-type: none;
     font-size: 14px;
}
.has-error.field-validation-valid.hidden, .has-error.hidden,
.Wrapper--Single.Header--secondary.scrolleds .Widget--Header--secondary .Sections .Sections__Item:hover .slick-prev,
.Wrapper--Single.Header--secondary.scrolleds .Widget--Header--secondary .Sections .Sections__Item:hover .slick-next {
    display: block !important;
}

.login-error {
    padding-left: 0;
}

.has-error, .profile__msg--error, .state__msg--error {
    display: block;
    padding: 0;
    color: var(--error-color) !important;
    font-size: 14px;
}

#loginPopup .modal-dialog, #forgotPasswordPopup .modal-dialog,
#changePasswordPopup .modal-dialog, #verificationPopup .modal-dialog {
    height: auto;
    width: 380px;
    margin: 140px auto 10px auto;
}

#registrationPopup .modal-dialog.expanded {
    margin: 180px auto 20px;
    width: 700px;
}

#loginPopup .modal-dialog .modal-body,
#forgotPasswordPopup .modal-dialog .modal-body,
#changePasswordPopup .modal-dialog .modal-body,
#verificationPopup .modal-dialog .modal-body {
    padding: 40px;
}

.text-left a, .text-right a {
    color: var(--color-gold-1);
    opacity: .8;
}

.text-left a:hover, .text-right a:hover {
    opacity: 1;
}

#forgotPasswordPopup form > div.row > div {
    width: 100% !important;
    left: 0;
}

#forgotPasswordPopup .text-center {
    color: var(--white-color) !important
}

#loginPopup #popupLoginBtn, #forgotPasswordPopup #popupLoginBtn,
#changePasswordPopup #popupSavePassBtn, #changePasswordPopup .col-md-offset-5 {
    width: 100%;
    margin-left: 0;
    margin-top: 4px;
}

#changePasswordPopup {
    color: var(--white-color);
}


#changepassform #NewPassword ~ .field-validation-valid,
#changepassform #NewPassword ~ .field-validation-error {
    margin-bottom: 15px;
}

.datepicker {
    z-index: 2000;
    color: var(--dark-color_1);
}

#registrationPopup #cityDropdownId .select2-selection__clear {
    display: none;
}

.select2-search--dropdown {
    width: 100%;
    display: flex;
}

.select2-search--dropdown:before {
    padding: 5px;
    border: 1px solid #aaa;
    border-right: none;
}

.field-validation-error.la-arrow-up {
    display: flex;
    flex-direction: row-reverse;
}

.field-validation-error.la-arrow-up:before {
    color: var(--white-color);
}
#registration-form .col-md-6.mt20 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}
#registration-form .col-md-6.mt20:has(>.js-next-button:only-child) {
    justify-content: flex-end;
}
#forgotpassform .col-sm-6 {
   width: calc(100% - 147px);
}
#forgotpassform .form-group {
    margin-bottom: 0;
}
#forgotpassform .form-group label {
    margin-top: 5px;
}
#forgotpassform .form-group input {
    margin-bottom: 5px;
}
#forgotPasswordPopup #popupLoginBtn {
    margin-top: 15px;
}
#forgotPasswordPopup .has-error {
    padding: 0;
}
/* -------------------------------------------------------------------------- eye-icon-------------------------------------------------------------------------*/

.password-group, .password_input, #changepassform .form-group, .REALITY_CHECK #password {
    display: block;
    position: relative;
}

.eye-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/content/img/icons/eye-dark.svg");
    background-repeat: no-repeat;
    background-position: center !important;
    position: absolute;
    left: auto;
    right: 10px !important;
    top: 30%;
    opacity: 0.5;
    cursor: pointer;
}

#changepassform .eye-icon, .REALITY_CHECK .eye-icon {
    top: 30px;
}

#loginPopup .eye-icon {
    top: 44%;
}

#loginPopup .form-control.input-validation-error ~ .eye-icon {
    top: 35%;
}

.eye-icon.active {
    background-size: 17px;
    background-image: url("/content/img/icons/eye-open-dark.svg");
}

#loginPopup input:-webkit-autofill, .password_input input:-webkit-autofill, #changepassform input:-webkit-autofill,
#loginPopup input:-webkit-autofill:hover, .password_input input:-webkit-autofill:hover, #changepassform input:-webkit-autofill:hover,
#loginPopup input:-webkit-autofill:focus, .password_input input:-webkit-autofill:focus, #changepassform input:-webkit-autofill:focus,
#loginPopup input:-webkit-autofill:active, .password_input input:-webkit-autofill:active, #changepassform input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--background-color-10) inset !important;
    -webkit-text-fill-color: var(--grey-color) !important;
    caret-color: var(--grey-color);
    -webkit-background-clip: text;
}

input:-webkit-autofill ~ .eye-icon {
    background-image: url("/content/img/icons/eye.svg");
}

    input:-webkit-autofill ~ .eye-icon.active {
        background-image: url("/content/img/icons/eye-open.svg");
    }

.button_options, .login-options-container .buttons,
.REALITY_CHECK .popup-content .popup-content-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .forgotpass-option, .login-options-container .login-option,
    .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options {
        margin: 3px;
        flex: 5;
        padding: 10px 20px;
        background-color: #363748;
        border: 1px solid var(--color-gold-1);
        color: var(--color-gold-1);
        border-radius: 12px;
        text-align: center;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .forgotpass-option:hover,
        .forgotpass-option.active,
        .login-options-container .login-option.active,
        .login-options-container .login-option:hover,
        .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options.active,
        .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options:hover {
            color: #000;
            border-color: var(--color-gold-1);
            background-color: var(--color-gold-1);
        }

/* ------------------------------------------------------------------------- Casino --------------------------------------------------------------------------- */

.casino_first_content, .live_casino_first_content, .video_games_first_content {
    padding-top: 520px;
}

.Main_not_slidable {
    margin-top: 56px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.game-list-normal .casino-game-list-item .product-wrapper:not(.hero),
 .casino-game-list-item .game-favorite .product-wrapper:not(.hero) {
    display: grid;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(200px, auto);
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
    margin-bottom: 12px;
    grid-gap: 8px;
}

.casino-game-list-item .product-wrapper:not(.hero) .product-card {
    height: 203px;
    background-color: var(--background-color-1);
    border-radius: 12px;
    font-weight: 500;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-thumb {
    border-radius: 12px 12px 0 0;
    height: calc(100% - 42px) !important;
    object-fit: cover;
}

.casino-game-list-item .product-wrapper .product-card .product-thumb {
    width: 100% !important;
}

.grid_game_row {
    grid-column-end: span 2;
    grid-row-end: span 1;
}

.grid_game_column {
    grid-column-end: span 1;
    grid-row-end: span 2;
    height: 414px !important;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-desc,
.game-list-slidable .casino-game-list-item .product-wrapper .product-card .product-desc {
    opacity: 1;
    background-color: transparent;
    transition: all .5s;
}

.casino-game-list .product-card .product-title {
    height: auto;
    bottom: 0;
    font-weight: 300;
    font-size: 16px;
    padding: 8px 16px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

body:not(.mobile) .game-list-normal .casino-game-list-item .product-wrapper .product-card:hover .product-desc,
body:not(.mobile) .game-list-slidable .casino-game-list-item .product-wrapper .product-card:hover .product-desc {
    opacity: 0.8;
    background-color: var(--background-color-1);
}

body:not(.mobile) .game-list-normal .casino-game-list .product-card:hover .product-title,
body:not(.mobile) .game-list-slidable .casino-game-list .product-card:hover .product-title {
    height: auto;
    background: none;
    z-index: 1;
    line-height: unset;
}

body:not(.mobile) .game-list-normal .casino-game-list .product-card:hover .user-product-ctrl,
body:not(.mobile) .game-list-slidable .casino-game-list-item .product-card:hover .user-product-ctrl {
    z-index: 1;
}

.fav-game a {
    display: none;
}

.game-list-normal .casino-game-list .product-card:hover .fav-game a,
.game-list-slidable .casino-game-list .product-card:hover .fav-game a {
    display: inline-block;
    color: var(--white-color);
    font-size: 20px;
    padding: 7px;
    position: absolute;
    right: 0;
    z-index: 1;
}

.casino-game-list .no-games-found, #popupSearchItems .no-games-found {
    grid-column-start: 1;
    grid-column-end: 10;
    color: var(--text-color-3);
}

.fav-game a:hover i, .fav-game a:active i {
    color: var(--color-gold-2);
    text-decoration: none;
}

a:focus {
    outline: none;
}

.play-now {
    padding: 8px 10px !important;
    display: block;
}

.fav-game {
    text-align: right;
}

    .fav-game i:before {
        font-weight: 400;
    }

.fav-color-red:before {
    color: var(--color-gold-2);
    font-weight: 900 !important;
}

.casino-game-list-item .product-wrapper .product-card .product-producer-container {
    z-index: 2;
}

.sub-game-nav-block {
    min-height: 42px;
}

.nav-simple .game-nav, .sub-game-nav.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 4px 24px;
    max-width: 1520px;
    background-color: var(--background-color-5);
    background-image: none;
    border-radius: 8px;
    border-bottom: none;
    position: relative;
    overflow: visible;
}

.sub-game-nav.row {
    padding: 0 40px 0 0;
    margin-bottom: 0 !important;
}

.game-nav.tag-filter-open {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
}

.nav-simple .game-nav ul {
    height: 42px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

    .nav-simple .game-nav ul li {
        margin-right: 24px;
        padding: 0;
        cursor: pointer;
    }

        .nav-simple .game-nav ul li a, .sub-game-nav li a {
            font-size: 14px;
            font-weight: 300;
            line-height: unset;
            height: auto;
        }

.game-category-selector-container-replacer {
    display: none !important;
}

.game-nav [id^=searchTb], .game-category-selector-container .ss-main .ss-multi-selected, .game-nav ~ .search-wrapper [id^=searchTb] {
    padding: 0 40px;
    background-color: var(--background-color-8) !important;
    border-radius: 8px;
}

    .game-category-selector-container .ss-main .ss-multi-selected, .game-category-selector-container .ss-main .ss-multi-selected .ss-value {
        padding-left: 15px;
        background: transparent;
        outline: none;
        border: none;
    }

.game-category-selector-container > select {
    display: none;
}

.game-category-selector-container .ss-main, .game-category-selector-container .ss-main .ss-multi-selected {
    height: 100%;
}

.ss-main .ss-multi-selected {
    transition: none;
}

    .ss-main .ss-multi-selected .ss-values .ss-value {
        animation: none;
    }

.game-category-selector-container .ss-main .ss-multi-selected .ss-add {
    margin: 16px 12px 0 5px;
}

.game-category-selector-container .ss-content {
    position: absolute;
    border: none;
    z-index: 3;
    background-color: var(--background-color-8);
}

    .game-category-selector-container .ss-content .ss-list {
        background-color: var(--background-color-8);
        color: var(--text-color-1);
    }

        .game-category-selector-container .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
            color: var(--white-color);
            background-color: var(--background-color-10);
        }

.game-category-selector-container .ss-list .ss-option:not(.ss-disabled).ss-option-selected .game-category-list span,
.game-category-selector-container .ss-values.ss-values_disable ~ .selectedInfoCount p {
    font-weight: 600;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled::before {
    content: 'No games found';
    color: var(--text-color-1);
    letter-spacing: 1px;
}

.game-category-selector-container, .game-category-selector-container .ss-main .ss-multi-selected {
    width: 200px;
    padding: 0;
    border: none;
}

    .game-category-selector-container .ss-main .ss-multi-selected.ss-open-below {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .game-category-selector-container .ss-main .ss-multi-selected.ss-open-above {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .game-category-selector-container .selectedInfoCount {
        display: none;
    }

    .game-category-selector-container .ss-values.ss-values_disable ~ .selectedInfoCount {
        width: 100%;
        display: flex;
        align-items: center;
        color: var(--white-color);
        padding-left: 15px;
    }

    .game-category-selector-container .selectedInfoCount p {
        margin: 0;
    }


.Wrapper--Single .js-view-category-filter-btn {
    background: var(--background-color-8);
    border: 1px solid var(--color-gold-2);
    color: var(--color-gold-2);
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 8px;
    transition: all 128ms;
}
.casino--page--wrapper .js-view-category-filter-btn {
    display: none !important;
}
.filter-icon {
    background-color: var(--color-gold-2);
    display: block;
    height: 2px;
    position: relative;
    width: 22px;
}

    .filter-icon:after, .filter-icon:before {
        content: "";
        position: absolute;
        transition: left .3s;
    }

    .filter-icon.filter-icon-middle:before, .js-view-category-filter-btn.open .filter-icon:before {
        left: 12px;
    }

    .filter-icon.filter-icon-middle:after, .js-view-category-filter-btn.open .filter-icon:after {
        left: 14px;
    }

    .filter-icon:before, .js-view-category-filter-btn.open .filter-icon-middle:before {
        border: 1px solid var(--text-color-4);
        border-radius: 100%;
        border-color: var(--color-gold-2);
        height: 6px;
        left: 3px;
        opacity: .8;
        top: -2px;
        width: 6px;
    }

    .filter-icon:after, .js-view-category-filter-btn.open .filter-icon-middle:after {
        background-color: var(--background-color-1);
        border-radius: 100%;
        height: 2px;
        left: 5px;
        top: 0;
        width: 2px;
    }

.game-nav .search-wrapper, body.mobile .game-nav ~ .search-wrapper {
    padding: 0;
    display: flex;
    gap: 5px;
}

    .game-nav .search-wrapper .form-control-feedback, .glyphicon-search, body.mobile .game-nav ~ .search-wrapper .form-control-feedback {
        color: var(--text-color-1);
        position: absolute;
        left: 0;
        padding: 5px 16px;
    }

        .game-nav .search-wrapper .form-control-feedback.clearForm, body.mobile .game-nav ~ .search-wrapper .form-control-feedback.clearForm {
            padding: 5px 16px;
        }

.glyphicon.glyphicon-search.clearForm:before {
    display: none;
}

.glyphicon.glyphicon-search.clearForm .las.la-times {
    display: block;
    padding-top: 8px;
    font-size: 19px;
    pointer-events: initial;
    cursor: pointer;
    position: relative;
    top: -1px;
    left: -2px;
}

    .glyphicon.glyphicon-search.clearForm .las.la-times:focus:before {
        color: var(--color-gold-2);
    }

.sub-game-nav.row {
    background-color: var(--background-color-8);
}

.sub-game-nav li.selected, .sub-game-nav li.selected a, .sub-game-nav li:hover a,
.game-nav-tab.selected, .game-nav-tab.selected a, .nav-simple .game-nav ul li:hover a {
    background-color: unset;
    color: var(--color-gold-2);
}

.sub-game-nav li:not(:last-child) {
    border-right: 1px solid var(--background-color-5);
}

.sub-game-nav li {
    height: 26px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 24px;
    line-height: 27px;
}

.text-center.load-more-container {
    width: 100%;
    max-width: 1568px;
    margin: 0 auto;
    padding: 0 24px;
    border-radius: 8px;
    position: relative;
}

[id^='loadMoreBtn_'], .btn-load-more:focus, .btn-load-more:hover, [id^='loadMoreButton_'], #loadMoreBtn {
    background: var(--gradient-color) !important;
    border-radius: 8px !important;
    padding: 14px 35px !important;
    color: var(--black-color) !important;
}

/*---------------------------------------------------------------------------- Messages ---------------------------------------------------------------------------*/

#profilePopup .modal-dialog, #__depositPopup .modal-dialog {
    width: 90vw;
}

#profilePopup .modal-content, #__depositPopup .modal-dialog, #__depositPopup .modal-content {
    height: 90vh;
    border-radius: 24px;
    overflow: hidden;
    /* background-color: var(--background-color-10); */
}

body:not(.mobile) #__depositPopup .modal-dialog, body:not(.mobile) #__depositPopup .modal-content {
    height: 94vh;
    width: 92vw;
}
#__depositPopup .modal-content {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
}
#__depositPopup .modal-dialog {
    margin: 22px auto;
    background-color: var(--background-color-8);
}
#searchPopup .modal-dialog.search {
    border-radius: 12px;
}
#profilePopup .modal-content .modal-header, .modal-dialog.search .modal-header {
    padding: 0;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    /* background-color: var(--background-color-9); */
}
#profilePopup .modal-content .modal-header {
    box-shadow: 0px -11px 16px 3px rgba(244,197,66,0.75);
}
.profile-main-nav {
    display: flex;
    min-height: 48px;
    margin-bottom: 0;
}

    .profile-main-nav li {
        padding-left: 16px;
        padding-right: 16px;
        line-height: 48px;
        font-size: 14px;
        font-weight: 500;
        border-bottom: 1px solid transparent;
    }

        .profile-main-nav li a {
            color: var(--text-color-3);
            white-space: nowrap;
        }

.mobile #profilePopup .profile-main-nav {
    display: none;
}

#profilePopup .profile-main-nav li:hover {
    border-color: var(--color-gold-1);
}

#profilePopup .profile-main-nav li.active {
    border-color: var(--color-gold-1);
}

#profilePopup .modal-content .modal-body {
    height: calc(100% - 94px);
    padding: 0 24px;
}

.modal-dialog.modal--wallet .modal-sub-body .ajax-result {
    height: 100%;
}

#profilePopup .profile-sub-nav, .deposit-sub-nav {
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
    position: relative;
}

#profilePopup .modal-content .modal-sub-body:has(.switch-history) {
    display: grid;
    width: 100%;
    height: auto !important;
    grid-template-columns: 1fr 1fr;
}

#profilePopup .modal-content .modal-sub-body .switch-history {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

    #profilePopup .modal-content .modal-sub-body .switch-history .text-switch-history {
        color: var(--white-color);
        margin: 10px auto;
    }

    #profilePopup .modal-content .modal-sub-body .switch-history .btn-switch-history {
        max-width: 300px;
        margin: 0 auto;
        padding: 8px 36px !important;
        color: var(--color-blue-text) !important;
        border-radius: 20px !important;
        border: 1px solid transparent !important;
        background-image: var(--gradient-color-2) !important;
        background-color: var(--color-gold-1) !important;
        text-transform: uppercase;
        position: relative;
    }

        #profilePopup .modal-content .modal-sub-body .switch-history .btn-switch-history:hover {
            opacity: .9 !important;
            color: var(--color-blue-text) !important;
            border: 1px solid transparent !important;
        }

#profilePopup .modal-body.no-footer .profile-sub-nav li,
#profilePopup .modal-dialog.history .modal-body .profile-sub-nav li {
    width: 100%;
}

#profilePopup .profile-sub-nav:before {
    content: "";
    display: block;
    width: 100%;
    height: 130px;
    margin-bottom: 16px;
    margin-top: 16px;
    background-image: url("../img/banners/popupBanner.png");
    border-radius: 12px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#profilePopup .profile-sub-nav a {
    display: block;
    padding: 18px 24px;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
    white-space: nowrap;
}

#profilePopup .inbox-grid {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    height: calc(90vh - 410px);
}

    #profilePopup .inbox-grid .message-short-wrapper {
        height: calc(90vh - 330px);
    }

#profilePopup .js-custom-scrollbar-wrapper,
#profilePopup .balancehistory .row.ajax-result,
#profilePopup .modal-dialog.history .row.ajax-result {
    height: 100% !important;
    margin: 0;
    border-radius: 12px;
}

.thread-list .single-thread.active {
    background-color: var(--background-color-10);
    color: var(--white-color);
    border-left: 4px solid var(--color-gold-1);
}
.thread-list .single-thread:hover {
    box-shadow: var(--box-gold-shadow);
}
.communication-types .comm-single-type, .thread-list .single-thread {
    padding: 10px 10px 10px 15px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.thread-list .single-thread > .title {
    text-align: start;
}

    .thread-list .single-thread.unread i {
        color: var(--color-gold-2);
    }

    .thread-list .single-thread .title {
        font-size: 16px;
        margin-bottom: 10px;
        color: var(--white-color);
    }

.thread-details p:first-child {
    color: var(--text-color-3);
}

.thread-details p:not(:first-child) {
    color: var(--grey-color);
}

.os-content, .js-custom-scrollbar-wrapper.os-host, .balancehistory .row.ajax-result {
    border-radius: 12px;
    padding: 0 !important;
}

.modal-dialog.history .row.ajax-result .os-content, .modal-dialog.promotions .row.ajax-result .os-content {
    background-color: transparent;
}

#profilePopup .loader {
    height: 30px;
    margin-left: 5px;
    padding: 0 5px;
    position: absolute;
    bottom: 0;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    line-height: 30px;
}

.message-content-wrapper, .message-wrapper {
    box-shadow: var(--box-gold-shadow);
    height: 100%;
    min-height: 500px;
    padding: 9px 6px;
    margin-left: 16px;
    position: relative;
    border-radius: 12px;
    color: var(--text-color-1);
    letter-spacing: .3px;
}

.message-wrapper {
    margin-left: 0;
    line-height: 20px;
}

    .message-wrapper .message-details .row div {
        padding-left: 15px;
    }

    .message-wrapper .message-text {
        background-color: var(--background-color-9);
        border-radius: 12px 12px 12px 0;
        line-height: 1.5;
        padding: 16px 16px;
        margin: 6vh 15px;
    }

.message-content-wrapper .communication-settings-block, .message-content {
    min-width: 230px;
    max-height: 400px;
    min-height: 80%;
    padding: 16px 16px;
    margin: 60px 15px;
    overflow: auto;
    box-shadow: var(--box-gold-shadow);
    color: var(--grey-color);
    border-radius: 12px 12px 12px 0;
    line-height: 1.5;
}

.message-id {
    color: var(--white-color);
    font-size: 14px;
}

.modal-dialog.history #PlayerBonusStateGroup,
.message-content .detail-row, .message-wrapper .detail-row {
    display: none;
}

.message-content .message-details {
    position: absolute;
    top: 8px;
}

.message-details .row div {
    padding: 0;
    width: 80%;
}

.message-text {
    color: var(--text-color-3);
    line-height: 2.5;
    margin-top: 5px;
}

    .message-text span {
        color: var(--text-color-3) !important;
        font-family: 'Roboto' !important;
    }

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background-color: var(--color-gold-1);
}

/* ------------------------------------------------------------------------my profile------------------------------------------------------------------------------- */

#profilePopup .modal-dialog.myProfile .profile-sub-nav li {
    flex: 1;
}

#profilePopup .modal-dialog .profile-sub-nav li {
    width: 100%;
    background-color: var(--background-color-9);
}

#profilePopup .modal-content::-webkit-scrollbar {
    width: 3px;
}

#profilePopup .no-footer .profile-sub-nav li:nth-child(2) {
    width: 48%;
    display: inline-block;
    position: absolute;
    top: 72%;
    right: 0;
}

#profilePopup .form-control,
#profilePopup .select2-container .select2-selection--single,
.modal-sub-body.identifications .input_name {
    height: 36px;
    padding-right: 25px;
    border: 1px solid var(--grey-color);
    outline: none;
}

#profilePopup .form-control#DocumentType {
    margin-bottom: 15px;
}
#profilePopup .select2-selection__clear {
    display: none;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-results__option[aria-selected] {
    padding: 2px 9px;
}

body .select2-container--default .select2-results > .select2-results__options {
    text-align: left;
    background-color: var(--background-color-9);
    color: var(--grey-color);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--color-gold-2);
    color: var(--black-color);
}

#profilePopup .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--grey-color);
    line-height: 36px;
}

#profilePopup .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

#personal-details .col.col-xs-6, #personal-details .col-md-6.province {
    padding-right: 2px;
    padding-left: 2px;
}

.city-dropdown-block, .language-dropdown-block {
    display: inline-block;
    width: 100%;
}

.col-half .form-group {
    margin: 0;
}

#profilePopup .row-flex .col-half {
    flex: 1 2 50%;
    padding: 0;
    min-width: 90px;
}

.col-xs-4 .form-group:nth-child(4) .row {
    display: flex;
}

    .col-xs-4 .form-group:nth-child(4) .row .col-xs-6,
    .col-xs-4 .form-group:nth-child(4) .row .col-md-6 {
        width: 100%;
    }

.btn-group, .btn-group-vertical {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
}

.select2-search--dropdown .select2-search__field, .select2-search--dropdown {
    padding: 2px;
    background-color: var(--white-color);
    color: #000000;
    outline: none;
}

.personal-details .col-xs-8 {
    position: unset;
}

.personal-details > .row {
    position: relative;
}

#profilePopup .modal-footer {
    padding: 0 15px;
    border-top: none;
    display: block;
    width: 100%;
}

    #profilePopup .modal-footer .paging {
        padding: 0 9px;
        margin-bottom: 0px;
    }

    #profilePopup .modal-footer > .row.profile-messages .col-xs-6:nth-child(1) {
        text-align: left;
    }

#profilePopup .modal-sub-body .emutable-details {
    padding: 10px 10px 10px 20px;
    margin-top: 3px;
    font-size: 12px;
    color: var(--white-color);
}

    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block .em {
        color: var(--color-gold-2);
        text-transform: uppercase;
    }
#profilePopup  .emutable-details .emutable-details-inner-block table {
    padding: 25px;
    display: inline-block;
    box-shadow: var(--box-gold-shadow);
    width: 100%;
    max-width: 300px;
    min-height: 250px;
    border-radius: 8px;
}
.email_block_margin {
    margin-top: 109px !important;
}

#profilePopup .verification-code-email, #profilePopup .verification-code-mobile {
    height: 36px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#sendMobileCode, #sendEmailCode {
    margin-right: 5px;
}

#profilePopup .communication-settings-wrapper {
    display: flex;
    color: var(--white-color);
}

#profilePopup .communication {
    height: 100% !important;
    padding: 0 18px;
}

.communication-settings-wrapper .communication-types {
    width: 30%;
    border-right: 1px solid var(--color-gold-2);
    border-radius: 12px;
}

.communication-settings-wrapper .communication-settings-block {
    width: 70%;
    min-height: 100% !important;
    padding: 10px 15px 10px 30px;
    border-radius: 12px;
    color: var(--white-color);
}

.modal-sub-body.communication .row, .modal-sub-body.communication #notsettings, .modal-sub-body.communication .communication-settings-wrapper {
    height: 100%;
}

.communication-types .comm-single-type.active {
    background-image: var(--gradient-color);
    color: var(--black-color);
    border-radius: 12px;
}

#profilePopup .no-footer .profile-sub-nav li:nth-child(1),
#profilePopup .no-footer .profile-sub-nav li:nth-child(2),
#profilePopup .modal-dialog.modal--deposit .profile-sub-nav li,
#profilePopup .modal-dialog.history .modal-body[class*='player-bonus-type'] .profile-sub-nav li,
body.mobile #profilePopup .modal-dialog.promotions .modal-body[class*='player-bonus-type'] .profile-sub-nav li {
    display: block;
    width: calc(100% / 2) !important;
    background-color: var(--background-color-9);
}

#profilePopup .profile-sub-nav li:nth-child(1), #profilePopup #searchform .input-group-addon,
#profilePopup ~ .daterangepicker .calendar.left .calendar-table, .captcha-loader img, .captcha_block img {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

#profilePopup .modal-dialog:not(.myProfile) .profile-sub-nav li:last-of-type,
#profilePopup ~ .daterangepicker .calendar.right .calendar-table,
.captcha-loader ~ .col-xs-2, #forgotpassform .col-xs-2, #forgotpassform .col-sm-2 {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#profilePopup .profile-sub-nav li:nth-child(1) a:focus,
.profile-sub-nav li:not(.active) a:focus, #profilePopup .profile-sub-nav li.active a {
    background: var(--gradient-color);
}
#profilePopup .profile-sub-nav li.active a {
    color: #000;
}
#profilePopup .col-xs-3, #profilePopup .responsible-gambling .switch {
    width: 140px;
    height: 28px;
    padding: 0;
}

#profilePopup .identifications .col-xs-3 {
    height: 92px;
}

#profilePopup .switch { 
    width: 100%;
    max-width: unset;
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
}

    #profilePopup .switch input {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        border-radius: 50px;
        outline: none;
        appearance: none;
        margin-top: 0;
        cursor: pointer;
    }

        #profilePopup .switch input:after { 
            content: "";
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: var(--gradient-color-2);
            box-shadow: inset -5px -10px 15px 0 rgba(0, 0, 0, 0.5), 0 0 8px var(--color-gold-1);
            position: absolute;
            top: 3px;
            left: 3px;
        }

#profilePopup .slider { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), 0 0 20px 0 rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: transform 0.4s ease-in-out, margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition-delay: 0.4s, 0.3s;
}

#profilePopup .switch input:checked ~ .slider {
    -webkit-animation: shift 0.8s ease-in-out 1 forwards;
    animation: shift 0.8s ease-in-out 1 forwards;
}

@-webkit-keyframes shift {
    0% {
        width: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        width: 20%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        width: 20%;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        width: 100%;
        -webkit-transform: translateX(0%) rotate(180deg);
        transform: translateX(0%) rotate(180deg);
    }
}

@keyframes shift {
    0% {
        width: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        width: 20%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        width: 20%;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        width: 100%;
        -webkit-transform: translateX(0%) rotate(180deg);
        transform: translateX(0%) rotate(180deg);
    }
}

#profilePopup .slider:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25),0 0 10px 0 rgba(0,0,0,.15);;
}

#profilePopup .switch input:checked ~ .slider:before {
    -webkit-animation: checkbox_background 0.8s ease-in-out 1 forwards;
    animation: checkbox_background 0.8s ease-in-out 1 forwards;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25),0 0 10px 0 rgba(0,0,0,.15);
}

@-webkit-keyframes checkbox_background {
    50%, 100% {
        -webkit-background: var(--gradient-color-rg);
        background: var(--gradient-color-rg);
    }
}

@keyframes checkbox_background {
    50%, 100% {
        -webkit-background: var(--gradient-color-rg);
        background: var(--gradient-color-rg);
    }
}

#profilePopup .switch input:checked:after {
    box-shadow: inset 5px -10px 15px 0 rgba(0, 0, 0, 0.5);
    -webkit-animation: inner 0.8s ease-in-out 1 forwards;
    animation: checkbox_inner 0.8s ease-in-out 1 forwards;
}

@-webkit-keyframes checkbox_inner {
    0%, 100% {
        -webkit-transform: translateX(112px);
        transform: translateX(112px);
    }

    25%, 50% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes checkbox_inner {
    0%, 100% {
        -webkit-transform: translateX(112px);
        transform: translateX(112px);
    }

    25%, 50% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

#profilePopup .communication-settings-block .col-xs-9 {
    margin-bottom: 20px;
}

#profilePopup .communication-settings-block .col-xs-9 {
    width: calc(100% - 200px);
}

#personal-details .btn-group, .btn-group-vertical {
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal-dialog#verifyPartial [class$='-verification-code-block'] .form-control, #tfaConfirm .input-group .form-control {
    height: 38px;
}

.modal-dialog#verifyPartial [class$='-verification-code-block']:not(.recovery-verification-code-block) .btn-success, #tfaConfirm .btn-success {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#profilePopup .tfa-has-error {
    width: 100%;
    display: flex;
}

/*---------------------------------------------------------------- History ----------------------------------------------------------------*/

#searchform .col-xs-4 {
    padding-left: 0;
}

#profilePopup .modal--payments-history .profile-sub-nav li:nth-child(1),
#profilePopup .modal--game-history .profile-sub-nav li:nth-child(1),
#profilePopup .modal--balance-history .profile-sub-nav li:nth-child(1) {
    width: calc(100% / 3) !important;
    background-color: var(--background-color-9);
}

#profilePopup .modal--payments-history .profile-sub-nav li:nth-child(2),
#profilePopup .modal--game-history .profile-sub-nav li:nth-child(2),
#profilePopup .modal--balance-history .profile-sub-nav li:nth-child(2) {
    width: calc(100% / 3) !important;
    right: calc(100% / 3);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#profilePopup .modal--payments-history .profile-sub-nav li:nth-child(3),
#profilePopup .modal--game-history .profile-sub-nav li:nth-child(3),
#profilePopup .modal--balance-history .profile-sub-nav li:nth-child(3) {
    width: calc(100% / 3) !important;
    display: inline-block;
    position: absolute;
    top: 72.1%;
    right: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

#profilePopup .balancehistory, #profilePopup .wallet-table {
    width: 100%;
}

#profilePopup .modal-content .modal-sub-body {
    height: calc(100% - 300px) !important;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 15px;
}

    #profilePopup .modal-content .modal-sub-body .row.ajax-result {
        height: unset !important;
    }

    #profilePopup .modal-content .modal-sub-body .row {
        margin: 0;
    }

#profilePopup .row-flex {
    display: flex;
    gap: 20px;
}

#profilePopup .modal-sub-body .col-xs-12, #profilePopup .modal-sub-body .col-md-12 {
    padding: 0;
}

#profilePopup .modal-sub-body .wallet-table, .table--scrollable__thead {
    width: 100%;
    color: var(--text-color-1);
}

.modal--balance-history .table--scrollable__tr, .modal--payments-history .table--scrollable {
    width: 100%;
    color: var(--text-color-1);
    min-width: 1120px;
}

.table-striped > tbody > tr:nth-of-type(odd), .table-hover > tbody > tr:hover {
    background-color: var(--background-color-10);
}

.table-striped .history-badge {
    padding: 8px 20px;
}

.table--scrollable__tr, .statedisabledforbet, .wallet-table .wallet-table tr {
    display: flex;
}

.wallet-table .wallet-table {
    min-width: 750px;
}

.table--scrollable__thead .table--scrollable__tr,
.wallet-table thead tr, .games-box .table--scrollable__tr {
    background-color: var(--background-color-6);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.wallet-table tr .col-xs-12, .mobile .history .col-xs-12, .mobile .history .col-md-12,
.mobile .balancehistory .col-xs-12, .mobile .gameshistory .col-xs-12 {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.mobile .history .col-xs-12, .mobile .balancehistory .col-xs-12, .mobile .gameshistory .col-xs-12 {
    padding: 0 !important;
}

.mobile .history .wallet-table .btn {
    margin: 4px;
    padding: 6px 18px !important;
}

.table--scrollable__tbody .table--scrollable__td:has(.update-payment) .btn {
    margin: 4px;
}

.table--scrollable__tbody .table--scrollable__td:has(.update-payment) {
    flex: none;
}

.table--scrollable__tbody .table--scrollable__tr:nth-child(even),
.col-xs-12 .wallet-table tbody tr:nth-child(even),
.modal-sub-body.identifications .document-body-row-title:nth-child(even), .freespin-games:nth-child(even) {
    background-color: var(--background-color-9);
}

.table--scrollable__tbody .table--scrollable__tr:hover, .modal-sub-body.identifications .document-body-row-title:hover {
    background-color: var(--background-color-10);
}

.table--scrollable__th, .table--scrollable__tbody .table--scrollable__td,
.wallet-table th, .wallet-table td {
    flex: 1;
    padding: 11.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table--scrollable__tr div {
    white-space: unset !important;
}

.modal--game-history .table--scrollable .table--scrollable__tbody,
.modal--payments-history .table--scrollable .table--scrollable__tbody {
    overflow-y: auto;
}

.table--scrollable__tbody .table--scrollable__tr {
    display: flex;
}

.modal .paging li {
    display: inline-block;
    font-size: 0;
}

    .modal .paging li a, .modal .paging li i {
        font-size: 1.2rem;
        position: relative;
    }

.modal .paging .pi.paging-first, .modal .paging .pi.paging-last,
.modal .paging .pi.paging-prev-ten, .modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten, .modal .paging .pi.paging-next {
    background: var(--background-color-1);
}

.modal .paging .pi {
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--background-color-21);
    border: 1px solid var(--text-color-1);
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    transition: background-color 0.2s;
    color: var(--white-color);
    border-radius: 5px;
}

.modal .paging div.pi {
    line-height: 26px;
}

.modal .paging .disabled {
    opacity: 0.5;
}

.modal .paging .pi.active {
    background-color: var(--color-gold-2);
    color: var(--black-color);
    border: transparent;
    text-decoration: none;
}

.modal .paging .pi:hover {
    border-color: var(--color-gold-2);
    text-decoration: none;
}

.modal .paging .pi.paging-first, .modal .paging .pi.paging-last,
.modal .paging .pi.paging-prev-ten, .modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten, .modal .paging .pi.paging-next {
    background: var(--background-color-21);
    border-color: var(--text-color-1);
}

/*---------------------------------------------------------------- Promotions ----------------------------------------------------------------*/

#profilePopup #searchform .datepicker {
    color: var(--text-color-1);
    border-color: var(--text-color-1);
}

#profilePopup #searchform .ss-main .ss-single-selected {
    height: 36px;
    background-color: unset;
    border-radius: 12px;
    border-color: var(--text-color-1);
    color: var(--text-color-1);
}

#profilePopup #searchform .ss-single-selected ~ .ss-content {
    background-color: var(--background-color-8);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 12px;
    color: var(--text-color-1);
}

#profilePopup #searchform #PlayerBonusStateGroup .ss-single-selected ~ .ss-content.ss-open .ss-option {
    color: var(--text-color-1);
}

#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:hover,
#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:not(.ss-disabled).ss-option-selected,
.ss-content .ss-list .ss-option.ss-disabled {
    background-color: var(--color-gold-2);
    border-radius: 10px;
    color: var(--background-color-1);
}

.ss-content .ss-list .ss-option.ss-disabled {
    opacity: .8;
}

#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:not(.ss-disabled).ss-option-selected {
    opacity: .7;
}

#profilePopup #searchform .btn.js-see-details,
#profilePopup #searchform .btn.js-form-search-submit {
    margin-top: 20px;
}

#profilePopup ~ .daterangepicker, #registrationPopup ~ .datepicker {
    z-index: 9999;
    background-color: unset;
    border-radius: 12px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#registrationPopup ~ .datepicker {
    border-color: var(--text-color-1);
    color: var(--text-color-1);
}

    #registrationPopup ~ .datepicker td.day:hover {
        color: var(--black-color);
    }

#profilePopup ~ .daterangepicker:before, #profilePopup ~ .daterangepicker:after {
    display: none;
}

#profilePopup ~ .daterangepicker ul li {
    background-color: var(--background-color-21);
    color: var(--color-gold-2);
    border-color: var(--color-gold-2);
    border-radius: 12px;
}

    #profilePopup ~ .daterangepicker ul li:hover,
    #profilePopup ~ .daterangepicker ul li.active,
    #registrationPopup ~ .datepicker thead tr:first-child th:hover {
        background-color: var(--color-gold-2);
        color: var(--black-color);
    }

#profilePopup ~ .daterangepicker .daterangepicker_input .input-mini,
#profilePopup ~ .daterangepicker .daterangepicker_input i {
    border-radius: 12px;
    color: var(--text-color-1);
}

    #profilePopup ~ .daterangepicker .daterangepicker_input .input-mini.active {
        border-color: var(--color-gold-2);
    }

#profilePopup ~ .daterangepicker .calendar-table, #registrationPopup ~ .datepicker .calendar-table {
    background: unset;
    color: var(--text-color-1);
    border-color: var(--text-color-1);
}

#profilePopup ~ .daterangepicker td.week,
#profilePopup ~ .daterangepicker th.week {
    color: var(--grey-color);
}

#profilePopup ~ .daterangepicker td.off, 
#profilePopup ~ .daterangepicker td.off.in-range,
#profilePopup ~ .daterangepicker td.off.start-date,
#profilePopup ~ .daterangepicker td.off.end-date {
    color: var(--grey-color);
    background-color: transparent;
}

#profilePopup ~ .daterangepicker td.available:hover, #profilePopup ~ .daterangepicker th.available:hover,
#profilePopup ~ .daterangepicker td.active, #profilePopup ~ .daterangepicker td.active:hover,
#registrationPopup ~ .datepicker td.available:hover, #registrationPopup ~ .datepicker th.available:hover,
#registrationPopup ~ .datepicker td.active, #registrationPopup ~ .datepicker td.active:hover {
    background-color: var(--color-gold-1) !important;
    color: var(--black-color);
    background-image: unset;
}

#profilePopup ~ .daterangepicker td.in-range {
    background-color: var(--color-gold-2);
}

#registrationPopup ~ .datepicker .datepicker-days .switch, .datepicker-months .switch {
    vertical-align: middle;
}

#registrationPopup ~ .datepicker .prev, #registrationPopup ~ .datepicker .next,
#registrationPopup ~ .datepicker .prev, #registrationPopup ~ .datepicker .next {
    padding: 0px 5px 6px 5px;
}

    #registrationPopup ~ .datepicker .prev ~ th {
        vertical-align: middle;
    }

#registrationPopup ~ .datepicker .datepicker-months .table-condensed, #registrationPopup ~ .datepicker .datepicker-years .table-condensed {
    min-width: 200px;
}

#registrationPopup ~ .datepicker .datepicker-months tbody td span, #registrationPopup ~ .datepicker .datepicker-years tbody td span {
    width: 58px;
}

.datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active,
.datepicker td span.active.disabled, .datepicker td span.active[disabled] {
    background: var(--color-gold-2);
    color: var(--black-color);
}

.datepicker td span:hover {
    color: var(--black-color);
}

#profilePopup .bonus-title-row, .bonus-body-row-header {
    display: flex;
    margin: 0 6px 12px 6px;
    padding: 10px 20px 10px 164px;
    color: var(--text-color-1);
    border: 1px solid var(--color-gold-2);
    border-radius: 12px;
    text-align: center !important;
}

[class*='player-bonus-type'] .bonus-body-row-title div {
    text-align: center !important;
}

#profilePopup #paymentsystem .bonus-body-row-title {
    margin: 0 6px 12px 6px;
}

#profilePopup .bonus-title-row div, .bonus-body-row-header div, [class*='player-bonus-type'] .bonus-body-row-title div {
    flex: 1;
    padding: 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bonus-body-row-header {
    padding: 10px !important;
}

.bonus-placeholder {
    flex: unset !important;
    width: 150px;
}

.player-bonus-type-deposit .bonus-body-row-title .bonus-placeholder, .bonus-body-row-header.freespins .bonus-placeholder {
    flex: 1 !important;
    width: auto;
}

.bonus-body-row-title.not-allowed, #profilePopup [id^='bonus-content-'].not-allowed .os-content {
    opacity: 0.3;
    background: #000000;
    color: var(--white-color) !important;
}

#profilePopup #paymentsystem .bonus-body-row-title:not(.not-allowed) {
    border: 1px solid var(--color-gold-1);
}   

#profilePopup .modal-dialog .modal_one_box .profile-sub-nav li,
#profilePopup .modal-dialog.wallet .profile-sub-nav li,
#profilePopup .modal-dialog.messages .profile-sub-nav li {
    width: 100% !important;
    border-radius: 12px;
}

[class^='modal-body player-bonus-type-'] .bonus-order.update-state {
    display: flex;
    gap: 4px;
}

.btn--upgrade, .btn--downgrade, .btn--upgrade.btn-success:focus, .btn--downgrade:focus {
    padding: 6px 0 !important;
    flex: .5;
}

.modal-dialog.history .bonus-current-amount, .mobile [class*='player-bonus-type'] .bonus-current-amount {
    position: relative;
    overflow: visible !important;
}

    .modal-dialog.history .bonus-current-amount:hover .tooltip, .mobile [class*='player-bonus-type'] .bonus-current-amount:hover .tooltip {
        display: block !important;
    }

   
/*------------------------------------------------------------------------------ Wallet ------------------------------------------------------------------------*/

.wallet-title {
    text-transform: uppercase;
    padding: 18px 0 8px 16px;
    color: var(--color-gold-1);
}

/*------------------------------------------------------------------------------ Payments -----------------------------------------------------------------------*/

.transaction-row-outlined.column-headers, .transaction-row-outlined.column-headers-withdrawal {
    display: flex;
    padding: 10px 0px 10px 27%;
    color: var(--text-color-1);
    border: 1px solid var(--color-gold-2);
    border-radius: 12px;
}

.transaction-row-outlined {
    padding: 10px;
}

    .transaction-row-outlined .trans-proc-time,
    .transaction-row-outlined .trans-max {
        width: 25%;
    }

    .transaction-row-outlined .trans-fee,
    .transaction-row-outlined .trans-min {
        width: 17%;
    }

#profilePopup .modal-body.no-footer .row:after {
    margin-bottom: 24px;
}

.transaction-row {
    display: flex;
    min-height: 44px;
    margin: 10px 0 0;
    padding: 4px 0;
    align-items: center;
    font-size: 12px;
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
    background-color: var(--background-color-10);
    color: var(--white-color);
    transition: background-color 0.2s;
    position: relative;
}

    .transaction-row.loading {
        color: var(--white-color) !important;
    }

    .transaction-row .trans-logo, .transaction-row .trans-title {
        width: calc(27% / 2);
        padding: 0 6px;
    }

    .transaction-row .trans-proc-time, .transaction-row .trans-max {
        width: calc((100% - 27%) * 25 / 100);
    }

    .transaction-row .trans-fee, .transaction-row .trans-min {
        width: calc((100% - 27%) * 17 / 100);
    }

.transaction-block .col-md-12 {
    height: 100% !important;
}

.transaction-block:after {
    margin: 0 !important;
}

.transaction-block.active .transaction-row,
.transaction-block.active .shown {
    border-color: var(--color-gold-2);
}

.transaction-row:hover {
    background-color: var(--color-gold-2);
    color: var(--black-color);
    border-color: transparent;
    cursor: pointer;
}

[id^=transaction-details].shown {
    margin-top: 2px;
    padding: 30px 10px 10px 10px;
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
}

[id^='transaction-details'] label {
    margin-right: 15px;
    margin-bottom: 9px;
    line-height: 30px;
}

.bonus-checkbox-wrapper label {
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
}

    .bonus-checkbox-wrapper label:after {
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--white-color);
        box-shadow: inset -5px -10px 15px 0 rgba(0, 0, 0, 0.5), 0 0 8px var(--color-gold-1);
        position: absolute;
        left: 3px;
    }

.bonus-checkbox-wrapper input[type='checkbox']:checked + label:after {
    background: var(--color-gold-2);
    box-shadow: none;
}

.bonus-checkbox-wrapper input {
    display: none;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto, [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto, [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual {
    color: var(--black-color);
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid var(--text-color-1);
    background-color: var(--text-color-4);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

    [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto:after {
        content: 'A';
    }

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-cashback {
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
    background-position: center center;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet {
    background-image: url(/content/img/utils/freebet-bonus.png);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering {
    background-image: url(/content/img/utils/wagering-bonus.png);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual:after {
    content: 'M';
}

#profilePopup [id^='bonus-content-'] {
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: var(--text-color-4);
    border-radius: 0px 0px 3px 3px;
    font-size: 14px;
}

    #profilePopup [id^='bonus-content-'] .os-content {
        padding: 5px 10px !important;
    }

.bonus-body-row-body b, .bonus-body-row-bold {
    color: var(--color-gold-2);
}

#__depositPopup .modal-body {
    height: 84vh;
    padding: 22px 20%;
}

#__depositPopup .modal-header {
    color: var(--color-gold-1);
    font-size: 15px;
}

.js-payment-iframe {
    border-radius: 20px;
}

#profilePopup .modal--payments-history #withdrawal_cancel_icon {
    bottom: 6px;
    text-align: center;
}

#profilePopup .modal--payments-history .table--scrollable__tr .table--scrollable__th:last-child,
#profilePopup .modal--payments-history .table--scrollable__tr .table--scrollable__td:last-child {
    text-align: center;
}

.modal-dialog.modal--deposit #paymentsystem > div:nth-child(2) > div {
    width: 100%;
}

#paymentsystem .form-group ~ #countryId {
    margin-bottom: 15px;
}

.deposit-sub-nav {
    margin: 10px 0;
}

#paymentsystem .deposit-sub-nav li.active, #paymentsystem .deposit-sub-nav li:hover {
    border-bottom: 2px solid var(--color-gold-2);
    font-weight: bold;
    color: var(--color-gold-2);
}

.deposit-sub-nav li {
    margin: 10px 5px;
    border-radius: 0px !important;
    cursor: pointer;
    color: var(--text-color-1);
    font-size: 15px;
}

.bonus-body-row-title.frb {
    padding: 10px 20px 10px 10px;
}

/*--------------------------------------------------------------------------------- Promotions ---------------------------------------------------------------------------*/
.bonus-table .os-content {
    padding: 5px !important;
}

[class*='player-bonus-type'] .col-xs-4 {
    padding-left: 5px !important;
}

[class*='player-bonus-type'] .bonus-body-row {
    margin-top: 10px;
    border-radius: 3px;
}

[class*='player-bonus-type'] .item-content {
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
    position: relative;
}

.wagering-line {
    height: 6px;
    margin-top: 7px;
    position: absolute;
    background: var(--gradient-color-le);
    border-radius: 12px;
}

[class*='player-bonus-type'] .bonus-table-body.grid li:last-child {
    margin-bottom: 40px;
}

[class*='player-bonus-type'] .bonus-body-row-title.active, [class*='player-bonus-type'] .bonus-body-row-title:not(.not-allowed):hover {
    background-color: var(--background-color-21);
}

[class*='player-bonus-type'] .item-content:hover {
    border-color: var(--color-gold-2);
}

.wagering-percent {
    width: 4.1%;
    min-width: 29px;
    position: absolute;
    top: 2px;
    left: -1px;
    text-align: center;
    border-radius: 20px;
    background-color: var(--color-gold-2);
}

.player-bonus-type-deposit {
    margin-top: 20px;
}

[class*='player-bonus-type'] .bonus-body-row-title {
    display: flex;
    margin-bottom: 10px;
    padding: 10px 20px 10px 10px;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s;
    color: var(--text-color-1);
    border-radius: 12px;
}

[class*='player-bonus-type'] .bonus-body-row-body {
    display: none;
    padding: 10px;
    overflow: hidden;
    background: var(--background-color-10);
    color: var(--white-color);
    border-radius: 12px;
}

    [class*='player-bonus-type'] .bonus-body-row-body h4 {
        font-size: 14px;
        color: var(--color-gold-2);
        font-weight: bold;
    }

    [class*='player-bonus-type'] .bonus-body-row-body p {
        margin-bottom: 0;
    }

        [class*='player-bonus-type'] .bonus-body-row-body p .bonus-prop {
            color: var(--color-gold-2);
            font-weight: 600;
        }

        [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper {
            float: right;
            margin-left: auto;
            padding-left: 10px;
        }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper ~ p.button-wrapper {
                margin: 0;
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .result-message {
                padding: 6px 20px;
                background-color: unset;
                background: var(--gradient-color);
            }

            .bonus-body-row-body .button-wrapper span.result-message, [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn,
            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn, [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn {
                display: inline-block;
                padding: 6px 14px;
                color: var(--black-color);
                transition: all 0.3s;
                border-radius: 20px;
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn {
                background-color: var(--yellow-color);
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn {
                background-color: var(--color-gold-2);
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn {
                background: var(--gradient-color-grey)
            }

                [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn:hover,
                [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn:hover,
                [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn:hover {
                    opacity: .7;
                }

.bonus-table-body.js-sortable {
    padding-bottom: 2px;
}

.depositmessage-success, .withdrawalmessage-success, 
.modal-dialog.history .col-md-12 .table-striped.wallet-table .table-striped td:nth-child(6),
.profile__msg--success, .depositmessage-success, #forgotpassform > .form-group p,
.state__msg--success, .reality__msg--success, .password-change-success-message {
    color: var(--color-gold-2) !important;
    padding: 0 5px;
}

.profile__msg--success, .profile__msg--error {
    text-align: left;
}

body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--error,
body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--success {
    margin-left: 40px;
    padding-left: 15px;
}

.select-expander {
    display: none;
}

.modal-dialog.history .bonus-table-body.js-sortable {
    height: unset !important;
}

/* ------------------------------------------------------------------------ Indetifications ---------------------------------------------------------------------*/

.modal-sub-body.identifications {
    color: var(--white-color);
}

.identifications .col-xs-3 {
    width: 100% !important;
}

.modal-sub-body.identifications .document-head-row-title, .modal-sub-body.identifications .document-body-row-title {
    display: flex;
    margin: 4px 0;
    padding: 5px;
    justify-content: space-between;
    border-radius: 12px;
}

.modal-sub-body.identifications .document-head-row-title {
    color: var(--color-gold-1);
    margin-bottom: 20px;
    font-size: 16px;
    border: 1px solid var(--color-gold-2);
    border-radius: 12px;
}

    .modal-sub-body.identifications .document-head-row-title div, .modal-sub-body.identifications .document-body-row-title div,
    .modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i {
        flex: 1;
        margin: 4px 0;
        display: flex;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        align-items: center;
    }

.modal-sub-body.identifications .document-body-row-title .document-name {
    white-space: nowrap;
    overflow: visible;
    display: flex;
    position: relative;
}

    .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
        display: inline-block;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tooltip, .tooltipShow {
    width: auto;
    position: absolute;
    background-color: var(--background-color-8);
    opacity: 1;
    color: var(--white-color);
    padding: 5px 8px !important;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    top: -27px;
    left: 50%;
    white-space: nowrap;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-initial-amount {
    overflow: unset;
}

.modal-sub-body.identifications .document-body-row-title i {
    color: var(--color-gold-2);
    font-size: 22px;
    justify-content: center;
}

.modal-sub-body.identifications .document-head-row-title .document-action {
    text-align: center;
}

.modal-sub-body.identifications .document-body-row-title .las.la-times {
    color: var(--error-color);
}

.modal-sub-body.identifications .document-body-row-title .las.la-sync-alt {
    color: var(--white-color);
}

.modal-sub-body.identifications .document-body-row-title button {
    margin: 4px 0;
    justify-content: center;
    text-align: center;
    color: var(--black-color);
    padding: 8px 30px !important;
}

.modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i,
.modal-sub-body.identifications .document-head-row-title .document-action {
    max-width: 120px;
}

    .modal-sub-body.identifications .document-body-row-title button:hover {
        background-color: var(--yellow-color);
    }

.modal-sub-body.identifications .header-block {
    height: 350px;
    padding: 12px 15px;
    margin: 15px 0;
    overflow: auto;
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
}

.identifications-settings-block .body-block .manual-upload,
.identifications-settings-block .body-block .auto-upload {
    width: 100%;
    margin: 20px auto;
    border-radius: 8px;
    border: 1px solid #ffffff;
    padding: 15px;
    position: relative;
    color: var(--white-color);
}

.identifications-settings-wrapper .verification-title {
    position: absolute;
    top: -12px;
    left: 20px;
    background-color: var(--background-color-9);
    padding: 0 10px;
    border-radius: 2px;
    font-size: 14px;
    color: var(--white-color);
}

.modal-sub-body.identifications .upload-file.row:before, .modal-sub-body.identifications .upload-file.row:after {
    display: none;
}

.modal-sub-body.identifications .upload-file {
    display: flex;
    margin: 10px 0 10px 0 !important;
    gap: 2%;
}

    .modal-sub-body.identifications .upload-file section, .modal-sub-body.identifications .upload-file div {
        width: 100%;
    }

    .modal-sub-body.identifications .upload-file .btn {
        width: auto !important;
        height: 35px;
        display: flex;
        margin: 0 !important;
        padding: 16px !important;
        align-items: center;
        border-radius: 12px !important;
        border: 1px solid var(--grey-color) !important;
        background: var(--white-color) !important;
        color: var(--grey-color) !important;
    }

        .modal-sub-body.identifications .upload-file .btn:active {
            background: var(--gradient-color-2) !important;
        }

    .modal-sub-body.identifications .upload-file .col-xs-6 {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

        .modal-sub-body.identifications .upload-file .col-xs-6 .input {
            margin-left: 0;
        }

.modal-sub-body.identifications .input_name {
    width: 100%;
    padding: 16px;
    outline: none;
}

.identifications-settings-wrapper #formOne .col-xs-6 .row {
    display: flex;
    margin: 0;
}

.identifications-settings-wrapper #Day, .identifications-settings-wrapper #Month, .identifications-settings-wrapper #Year {
    height: 35px;
    flex: 1;
    padding: 0;
    margin: 0 4px;
    outline: none;
    cursor: pointer;
    background-color: var(--background-color-10);
    border-radius: 12px;
    text-align: center;
}

.identifications-settings-wrapper #Day {
    flex: .7;
}

#profilePopup .identifications-settings-wrapper .row.submBtnBlock {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
}

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12,
    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message {
        flex: 1;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message .col-xs-6 {
            width: 100%;
            padding: 0;
        }

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 {
        text-align: right;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 .btn {
            color: var(--white-color);
            border-color: var(--blue-color-5);
            background-color: var(--blue-color-5);
        }

#profilePopup .identifications-settings-wrapper .note {
    padding: 4px;
    text-align: left;
}

/* ----------------------------------------------------------------------------- Info pages ----------------------------------------------------------------------*/

.Container--full.container_info {
    padding: 80px 40px 40px;
}
.Container--full.container_info:has(.apps-header) {
    padding: 80px 40px 0px;
}
.wrapper_info.faq-container {
    display: block;
}

    .wrapper_info.faq-container .headtitle h2,
    .wrapper_info.faq-container .headtitle h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .wrapper_info.faq-container .headtitle h2 {
        font-weight: bold;
    }

.wrapper_info {
    display: flex;
    border-radius: 20px;
    line-height: 2;
    background: var(--background-color-21);
}

    .wrapper_info .info_content {
        color: var(--text-color-4);
        padding: 10px;
    }

    .wrapper_info > .Container__Item {
        max-width: 350px;
        min-width: 350px;
        margin: 0;
        width: 100%;
        display: block;
    }

.widget-list-container {
    padding: 35px;
}

    .widget-list-container ul li:not(.Item__Title) {
        background: rgb(20 22 22);
        border-radius: 4px;
        font-size: 14px;
        line-height: 20px;
        margin: 10px;
    }


        .widget-list-container ul li:not(.Item__Title) a {
            color: var(--white-color);
            white-space: nowrap;
            display: inline-block;
            width: 100%;
            height: 100%;
            padding: 15px;
        }

            .widget-list-container ul li:not(.Item__Title) a.active, .widget-list-container ul li:not(.Item__Title):hover a {
                color: var(--black-color);
            }

        .widget-list-container ul li:not(.Item__Title):hover, .widget-list-container ul li:not(.Item__Title):has(a.active) {
            background: var(--gradient-color-le);
        }

.info_content h3 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-gold-2);
}

.info_content h4 {
    font-size: 16px;
    color: var(--color-gold-2);
}

.info_content {
    text-align: justify;
    font-size: 16px;
}

.info_content h1 {
    margin-bottom: 30px;
    text-align: center;
    color: var(--color-gold-2);
	background: var(--text-gradient-1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.info_content h2 {
    font-size: 25px;
}
.info_content h2 strong {
    border-bottom: 1px solid var(--color-gold-2);
}
.container_info .Copyright:before, .container_info .Copyright:after {
    margin-right: 20px;
    flex: none;
}

.container_info .Copyright .Container__Item {
    width: 100%;
}

.info_content a {
    color: var(--color-gold-2);
}

    .info_content a:hover {
        opacity: .5;
    }

.wrapper_info .info_content ul, .wrapper_info .info_content ol {
    list-style: inherit;
    list-style-position: inside;
}

    .wrapper_info .info_content ul li::marker,
    .wrapper_info .info_content ol li::marker {
        color: var(--color-gold-1);
    }

/* ------------------------------------------------------------------------------ Game ------------------------------------------------------------------------------*/

.Wrapper--Single.play-section #one, .Wrapper--Single.play-section #two, .Wrapper--Single.play-section #four {
    font-size: 30px;
    cursor: pointer;
}

.Wrapper--Single.play-section i, .gameLaunchFull .Game--Balance .btn-bonus i {
    color: var(--white-color);
}

.Container--GamePage ~ .Item {
    text-align: center;
}

.Wrapper--Single.play-section .Item i.active {
    color: var(--color-gold-2);
    box-shadow: 0 0 50px 1px var(--black-color) !important;
    font-size: 40px;
}

body:not(.mobile) .Wrapper--Single.game-launch--full {
    margin-top: 104px;
}
body:not(.mobile) .Wrapper--Single.play-section {
    margin-top: 75px;
    padding: 5px;
    position: relative;
}

.Container--GamePage, .Container--GamePage .Container__Item {
    height: 100%;
    background: transparent;
}

    .Container--GamePage .game-page {
        width: 90%;
        height: calc(100vh - 145px);
        display: flex;
        margin-top: 0px !important;
        flex-wrap: wrap;
        align-items: start;
        gap: 50px;
        row-gap: 20px;
        transition: all .3s ease;
    }

        .Container--GamePage .game-page .game-container {
            margin: 0 auto;
            min-width: calc((100% / 2) - 50px);
            min-height: calc((100% / 2) - 50px);
            flex: 1;
            border: 2px solid var(--background-color-8) !important;
        }

        .Container--GamePage .game-page:not(.single) {
            align-items: center;
        }

            .Container--GamePage .game-page:not(.single) .game-container {
                width: unset;
                height: unset;
                max-height: unset;
                max-width: unset;
                min-height: unset;
                aspect-ratio: 7/4;
            }

    .Container--GamePage.twoFrame .game-page {
        width: 94%;
        height: calc(100vh - 155px);
        padding-top: 10px;
        align-items: start;
    }

        .Container--GamePage.twoFrame .game-page .game-container, .Container--GamePage .game-page.single .game-container,
        .Container--GamePage .game-page .game-container .btn-real-game:not(.play-full) ~ .game-holder,
        body:not(.LoggedIn) .Container--GamePage .game-page .game-container .game-holder {
            height: 100% !important;
        }

    .Container--GamePage.threeFrame .game-page .game-container, .Container--GamePage.fourFrame .game-page .game-container {
        max-width: calc((100% - 50px) / 2);
        height: calc((100% - 20px )/ 2);
    }

    .Container--GamePage ~ .Item {
        position: absolute;
        right: 2%;
        bottom: 50%;
    }

    .Container--GamePage.twoFrame ~ .Item {
        right: 11px;
    }

    .Container--GamePage.threeFrame ~ .Item {
        right: 14%;
        bottom: 24%;
    }

    .Container--GamePage .game-page .game-container.empty {
        display: flex;
        align-items: center;
        font-size: 40px;
    }

        .Container--GamePage .game-page .game-container.empty a:hover i,
        .Container--GamePage .game-page .game-container.empty a:focus i {
            color: var(--color-gold-2);
        }

    .Container--GamePage .game-page .game-container .game-holder {
        width: 100% !important;
        height: calc(100% - 50px);
        color: var(--white-color);
        font-size: 15px;
        justify-content: center;
        align-items: center;
    }

[class^=game-container-type-], #sport_div_iframe {
    width: 100%;
    height: 100%;
}

.Container--GamePage .game-page .game-container .game-controls {
    height: 100%;
    top: 0;
    right: -40px;
}

    .Container--GamePage .game-page .game-container .game-controls .game-controls-btn {
        height: 88px;
        position: relative;
        top: -10px;
    }

    .Container--GamePage .game-page .game-container .game-controls .btn-refresh,
    .Container--GamePage .game-page .game-container .game-controls .btn-close,
    .Container--GamePage .game-page .game-container .game-controls .btn-full-screen {
        border: none;
        background-color: unset;
        transition: .3s;
        cursor: pointer;
        float: none;
    }

        .Container--GamePage .game-page .game-container .game-controls .btn-refresh:hover,
        .Container--GamePage .game-page .game-container .game-controls .btn-close:hover,
        .Container--GamePage .game-page .game-container .game-controls .btn-full-screen:hover {
            background-color: unset;
            transform: scale(1.5);
            text-shadow: unset;
        }

            .Container--GamePage .game-page .game-container .game-controls .btn-refresh:hover i,
            .Container--GamePage .game-page .game-container .game-controls .btn-close:hover i,
            .Container--GamePage .game-page .game-container .game-controls .btn-full-screen:hover i {
                color: var(--color-gold-2);
            }

.Container--GamePage .game-page .played-games .game-wrapper {
    display: flex;
    justify-content: center;
}

    .Container--GamePage .game-page .played-games .game-wrapper .game-title {
        width: auto;
        margin: unset;
    }

.Container--GamePage .game-page .played-games span.arrow {
    border-radius: 12px 12px 0 0;
    background: var(--color-gold-2);
    color: var(--color-blue-text);
}

.Container--GamePage .game-page .game-container .played-games {
    border-color: var(--color-gold-2);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: var(--background-color-8);
    z-index: 9;
}

.Container--GamePage .game-page.played-games-open {
    height: calc(100vh - 240px) !important;
}

    .Container--GamePage .game-page.played-games-open .game-container .game-holder {
        height: calc(100% - 50px) !important;
    }

.Container--GamePage.threeFrame .game-page.played-games-open, .Container--GamePage.fourFrame .game-page.played-games-open {
    width: 80%;
}

.game-page.played-games-open .slick-prev {
    left: 12px;
}

.game-page.played-games-open .slick-next {
    right: 12px;
}

.game-page.played-games-open .slick-next, .game-page.played-games-open .slick-prev {
    top: 50px;
    z-index: 1;
}

    .game-page.played-games-open .slick-prev:before {
        content: '\f104';
    }

    .game-page.played-games-open .slick-next:before {
        content: '\f105';
    }

    .game-page.played-games-open .slick-prev:before, .game-page.played-games-open .slick-next:before {
        font-family: 'Line Awesome Free';
        font-weight: bolder;
        color: var(--color-gold-2);
    }

.played-games.closed .slick-next, .played-games.closed .slick-prev {
    display: none !important;
}

#gameModal .modal-dialog .modal-content .modal-body .game-name-fav {
    display: flex;
    align-items: center;
    justify-content: center;
}

#gameModal .modal-dialog .modal-content .modal-body .game-title {
    margin-top: 4px;
    padding: 10px;
    color: var(--white-color);
    font-size: 16px;
}

#gameModal .modal-content {
    touch-action: none;
}

.game-control-button, .game-control-buttonOnlyReal {
    margin-top: 10px;
    text-align: center;
}

#gameModal .game-name-fav .game-fav .fav-game a {
    position: unset;
}

.Tag-Filter {
    max-width: 1568px;
    margin: auto;
}

.game-tag-tab {
    white-space: nowrap;
}

    .game-tag-tab.filtered-by button {
        background-color: var(--color-gold-2) !important;
        color: var(--black-color) !important;
    }

.Tag-Filter.replaced {
    display: flex;
    max-height: 0;
    max-width: 1520px;
    margin-bottom: 5px;
    overflow: hidden;
    transition: max-height .5s;
    background-color: var(--background-color-10);
    border-radius: 0 0 8px 8px;
}

    .Tag-Filter.replaced > .tag {
        display: flex;
        padding: 10px;
        margin-bottom: 0;
        flex-wrap: wrap;
    }

        .Tag-Filter.replaced > .tag::-webkit-scrollbar {
            display: none;
        }

    .Tag-Filter.replaced.open {
        max-height: 200px;
    }

.Container__Item.tag {
    display: flex;
    overflow: auto;
}

    .Container__Item.tag li button {
        width: unset !important;
        height: unset !important;
        margin: 0 8px 10px 0;
        padding: 8px 24px;
        border-radius: 20px;
        border: none;
        cursor: pointer;
        background-color: var(--background-color-8);
        color: var(--white-color);
    }

.sub-game-nav.row:not(.empty) ul {
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.sub-game-nav.row ul li {
    white-space: nowrap;
    cursor: pointer;
}

.arrow-button {
    position: absolute;
    right: 14px;
}

    .arrow-button:after {
        content: '\f107';
        width: 40px;
        text-align: end;
        font-family: 'Line Awesome Free';
        font-weight: bolder;
        font-size: 16px;
        color: var(--white-color);
        position: absolute;
        right: 0;
        top: 6px;
        cursor: pointer;
    }

.sub-game-nav.open ul {
    height: auto !important;
}

.sub-game-nav.open .arrow-button:after {
    content: '\f106';
}

.Container--GamePage .game-page .game-container .btn-real-game {
    background: var(--color-gold-1);
    color: var(--black-color);
    right: -72px;
    z-index: 5;
    cursor: pointer;
}

    .Container--GamePage .game-page .game-container .btn-real-game.play-full {
        right: -60px;
        bottom: 22px;
        color: var(--white-color) !important;
    }

@keyframes blinking {
    0% {
        background-image: linear-gradient(180deg, var(--color-gold-1), var(--color-gold-2));
        border: 1px solid var(--color-gold-2);
        color: var(--black-color);
    }

    33% {
        background-image: linear-gradient(180deg, var(--background-color-1), var(--background-color-1));
        border: 1px solid var(--color-gold-1);
        color: var(--color-gold-1);
    }

    66% {
        background-image: linear-gradient(180deg, var(--color-gold-1), var(--color-gold-2));
        border: 1px solid var(--color-gold-2);
        color: var(--black-color);
    }
}

.Container--GamePage .game-page .game-container .btn-real-game:hover {
    background: var(--gradient-color);
    color: var(--black-color);
    border: 1px solid var(--color-gold-1);
    animation-name: blinking-hover;
    animation-duration: .8s;
    animation-iteration-count: infinite;
}

@keyframes blinking-hover {
    0% {
        background: var(--gradient-color);
        border: 1px solid var(--color-gold-2);
        color: var(--black-color);
    }

    33% {
        background-image: linear-gradient(180deg, var(--background-color-1), var(--background-color-1));
        border: 1px solid var(--color-gold-1);
        color: var(--color-gold-1);
    }

    66% {
        background: var(--gradient-color);
        border: 1px solid var(--color-gold-2);
        color: var(--black-color);
    }
}

.Container__Item.casino-game-list.row.casino-game-list-item .casino-categories,
.game_categories_two .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(2) {
    display: none;
}

    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(1),
    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(2),
    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(3),
    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(4),
    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(5),
    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(6) {
        display: block;
    }
.Container__Item.casino-game-list.row.casino-game-list-item .casino-categories {
    margin-bottom: 12px;
}
.product-card.identifier-menu-new:not(.loading):after {
    height: 21px;
    padding: 4px 10px;
    font-size: 11px;
    left: 8px;
    right: unset;
    background: var(--color-gold-2);
    border: 1px solid var(--color-gold-2);
    animation-name: blinking;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.Game--Balance--Wrapper {
    flex: 1;
}

.Container--GamePage .Balance--items, .gameLaunchFull .Balance--items {
    height: 50px;
    color: var(--color-gold-2);
}

    .Container--GamePage .Balance--items > ul, .gameLaunchFull .Balance--items > ul {
        display: flex;
        height: 100%;
        max-width: 60vw;
        margin: auto;
        padding: 5px;
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

        .Container--GamePage .Balance--items > ul > li, .gameLaunchFull .Balance--items > ul > li {
            padding: 0 10px;
            background-color: var(--background-color-2);
            border-radius: 20px;
            position: relative;
        }

.tooltipShow {
    background-color: var(--text-color-4);
    color: var(--black-color);
    left: 40%;
}

.Container--GamePage .Balance--items > ul > li:hover .tooltipShow,
.gameLaunchFull .Balance--items > ul > li:hover .tooltipShow,
.game-page .player-bonus-table .bonus-body-row-title > .bonus-current-amount:hover ~ .tooltipShow,
.gameLaunchFull .player-bonus-table .bonus-body-row-title > .bonus-current-amount:hover ~ .tooltipShow {
    display: block !important;
    z-index: 999;
}

.header-secondary.gameLaunchFull:hover {
    z-index: 9999 !important;
}

.game-page .player-bonus-table .bonus-body-row-title > .bonus-current-amount ~ .tooltipShow,
.gameLaunchFull .player-bonus-table .bonus-body-row-title > .bonus-current-amount:hover ~ .tooltipShow {
    right: 0;
    left: unset;
}

.gameLaunchFull .Balance--items > ul {
    padding: 4px;
    max-width: unset;
    font-size: 13px;
    justify-content: center;
}

    .gameLaunchFull .Balance--items > ul > li {
        padding: 6px 15px 6px 15px;
    }

.game-page #sortableList {
    margin: 0;
}

.game-page .player-bonus-table .btn-bonus, .gameLaunchFull .Game--Balance .btn-bonus {
    padding: 4px 8px;
    margin-top: 41px;
    position: absolute;
    z-index: 5;
    left: 1px;
    font-size: 15px;
    background: var(--gradient-color);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
}

.game-page .player-bonus-table, .gameLaunchFull .Game--Balance {
    color: var(--white-color);
}

.tp-ic-cash, .tp-ic-bonus, .tp-ic-total, .tp-ic-award {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

    .tp-ic-cash:before, .tp-ic-bonus:before, .tp-ic-total:before, .tp-ic-award:before, .tp-ic-gifts:before {
        font-size: 23px;
    }

.game-page .player-bonus-table .bonus-title-row,
.game-page .player-bonus-table .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-title-row,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row-title {
    display: flex;
    min-width: 280px;
}

.game-page .player-bonus-table .bonus-body-row.item .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item .bonus-body-row-title {
    cursor: pointer;
    position: relative;
}

    .game-page .player-bonus-table .bonus-body-row.item .bonus-body-row-title.open,
    .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item .bonus-body-row-title.open {
        background-color: var(--background-color-9);
        border-radius: 8px;
    }

.game-page .player-bonus-table .bonus-body-row.item.disabled > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item.disabled > .bonus-body-row-title {
    opacity: .5;
}

.game-page .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title, .game-page .player-bonus-table .bonus-body-row.item,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item {
    border: 1px solid var(--text-color-1);
    border-radius: 8px;
}

.game-page .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title {
    border-color: var(--color-gold-2);
    margin-bottom: 10px;
}

.nmbrUpdate {
    color: var(--color-gold-1);
}

.nmbrDown {
    color: red;
}

.nmbrUp {
    color: var(--color-gold-1);
}

.game-page .player-bonus-table .bonus-title-row > div,
.game-page .player-bonus-table .bonus-body-row-title > div,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-title-row > div,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row-title > div {
    padding: 5px;
    flex: 1;
}

.game-page .player-bonus-table .bonus-body-wrapper, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper {
    max-height: 50%;
    margin-top: 40px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 5;
    right: 39px;
    background-color: var(--background-color-10);
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.game-page .player-bonus-table .bonus-body-row.item, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item {
    margin-bottom: 10px;
}

.game-page .player-bonus-table .btn-bonus ~ .bonus-body-wrapper,
body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px);
}

.game-page .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    background-color: var(--background-color-9);
}

.game-page .forfeit-btn, .game-page .disable-btn, .game-page .enable-btn,
.gameLaunchFull .Game--Balance .forfeit-btn, .gameLaunchFull .Game--Balance .disable-btn,
.gameLaunchFull .Game--Balance .enable-btn {
    display: inline-block;
    padding: 4px 14px;
    color: var(--black-color);
    transition: all 0.3s;
    border-radius: 20px;
    background-color: var(--yellow-color);
    border: none;
    position: relative;
}

.game-page .disable-btn, .gameLaunchFull .Game--Balance .disable-btn {
    background: var(--gradient-color-grey);
}

.game-page .enable-btn, .gameLaunchFull .Game--Balance .enable-btn {
    background: var(--gradient-color-2);
}

    .game-page .forfeit-btn:active, .game-page .disable-btn:active, .game-page .enable-btn:active {
        opacity: .5;
    }

.game-controls .bonus-body-row.item .row, .Game--Balance .bonus-body-row.item .row {
    padding: 8px;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.gameLaunchFull .Game--Balance {
    display: flex;
    height: 100%;
    justify-content: center;
    gap: 15px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .btn-bonus {
    margin-top: 8px;
    position: unset;
    display: inline-block;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    position: unset;
    transform: translateY(50px);
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    margin: 0;
}

body:not(.mobile) .gameLaunchFull .Balance--items {
    height: 40px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper {
    max-height: unset;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* -------------------------------------------------------------------------------- Coming Soon ---------------------------------------------------------------------------*/

.coming_soon_wrapper {
    height: 440px;
    margin-top: 104px;
    margin-bottom: 71px;
    box-shadow: 0 0 70px var(--white-color);
    color: var(--white-color);
    padding-bottom: 60px;
}

    .coming_soon_wrapper #contentText {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        position: relative;
    }

.coming, .soon {
    width: 50%;
    display: flex;
    font-size: 60px;
    gap: 10px;
}

.coming {
    justify-content: flex-end;
}

    .coming p {
        animation: coming .5s ease-in;
        position: relative;
        color: var(--color-gold-2);
    }

        .coming p:nth-child(2) {
            animation-delay: .2s;
        }

        .coming p:nth-child(3) {
            animation-delay: .4s;
        }

        .coming p:nth-child(4) {
            animation-delay: .6s;
        }

        .coming p:nth-child(5) {
            animation-delay: .8s;
        }

        .coming p:nth-child(6) {
            animation-delay: 1s;
        }

@keyframes coming {
    0% {
        color: transparent;
        top: 0px;
        color: var(--white-color);
    }

    50% {
        color: transparent;
        top: -50px;
        color: var(--white-color);
    }

    100% {
        color: var(--color-gold-2);
        top: 0px;
    }
}

.soon p {
    animation: soon 1s forwards;
    animation-delay: 1.5s;
    position: relative;
    top: 45%;
    left: 100%;
}

    .soon p:nth-child(2) {
        animation-delay: 2s;
    }

    .soon p:nth-child(3) {
        animation-delay: 2.5s;
    }

    .soon p:nth-child(4) {
        animation-delay: 3s;
    }

@keyframes soon {
    0% {
        left: 100%;
    }

    70% {
        left: 0%;
        transform: scale(2);
    }

    100% {
        left: 0%;
    }
}

/* ----------------------------------------------------------------------------- Promotion Group --------------------------------------------------------------------------*/

    .Widget-Promotions--Header:not(#contentText) {
        padding: 0 24px 24px;
        width: 100%;
        display: flex !important;
        justify-content: center;
        max-width: 1568px;
        margin: 100px auto 0 auto;
        overflow: hidden;
        position: relative;
        flex-direction: column;
    }

    .Widget-Promotions--Header h3 {
        font-size: 30px;
        margin:  0 0 15px 0;
        color: var(--color-gold-2);
    }

    .Widget-Promotions--Header p {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        color: var(--white-color);
        margin-bottom: 0;
    }

.promo-tabs {
    width: 100%;
    display: flex !important;
    justify-content: center;
    max-width: 1568px;
    margin: 0 auto;
    padding: 0 24px;
    overflow: hidden;
    position: relative;
    flex-direction: column;
}

    .promo-tabs .tabs ul {
        display: flex;
        margin: 5px 0 30px 0;
        padding: 0 18px;
        gap: 30px;
        background-color: var(--background-color-1);
        border-radius: 10px;
    }

        .promo-tabs .tabs ul li {
            height: 46px;
            line-height: 46px;
            cursor: pointer;
            font-size: 17px;
            color: var(--white-color);
            position: relative;
        }

            .promo-tabs .tabs ul li.active {
                color: var(--color-gold-2);
                border-bottom: 2px solid var(--color-gold-2);
            }

            .promo-tabs .tabs ul li:hover {
                border-bottom: 2px solid var(--color-gold-2);
            }

    .promo-tabs .tabs .scene {
        height: 100%;
        position: relative;
    }

.tab-body-inner .scene .card .front .card-date, .tab-body-inner .scene .close-info,
.tab-body-inner .scene .card-info, .tab-body-inner .scene .back .card-title {
    display: none;
}

.front .card-title {
    padding: 5px;
    font-size: 18px;
    color: var(--color-gold-2);
}

.promo-tabs .tabs .scene .back .content {
    margin: 5px;
    font-size: 16px;
    color: var(--white-color);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.promo-tabs .tabs .scene .back .read-more {
    display: block;
    text-align: center;
}

.promo-tabs .card.flipper {
    height: 100%;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
}

    .promo-tabs .card.flipper .back {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.promo-tabs .tab-body-inner {
    padding: 10px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 35px;
    border-radius: 12px;
}

    .promo-tabs .tab-body-inner > div {
        padding: 18px;
        border-radius: 8px;
        overflow: hidden;
        background-color: var(--background-color-5);
    }

        .promo-tabs .tab-body-inner > div:hover {
            box-shadow: 0 0 10px var(--text-color-1);
        }

/* ------------------------------------------------------------------------------MultiSport ------------------------------------------------------------------------*/

.Wrapper--Single {
    display: block !important;
}
.virtual_sport_slots .Container__Item.sub-game-nav-block, .video_games_slots .Container__Item.sub-game-nav-block {
    display: none;
}
    .Wrapper--Single.MultiSport > .Container__Item {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        overflow: auto;
    }

    .Wrapper--Single.MultiSport .Container__Item > .Container__Item {
        flex: 1;
    }

        .Wrapper--Single.MultiSport .Container__Item > .Container__Item:nth-child(2) {
            min-width: 420px;
        }

        .Wrapper--Single.MultiSport .Container__Item > .Container__Item .Widget--MultiFrame {
            width: 100%;
            margin: auto;
            display: block;
        }

#bt-inner-page {
    padding: 0 20px;
    background-color: rgb(30 48 58) !important;
    border-radius: 12px;
}

/* ------------------------------------------------------------------------------Favorite ------------------------------------------------------------------------*/

.favorite .Container__Item.sub-game-nav-block,
.casino_first_content.favorite .Container__Item.nav-slidable {
    display: none;
}

.favorite-cat .product-wrapper {
    display: grid !important;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(200px, auto);
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)) !important;
    margin-bottom: 12px;
    grid-gap: 14px;
}

.casino_first_content.favorite .casino-categories:not(:nth-of-type(1)) {
    display: none !important;
}

/*--------------------------------------------------------------------------------- Loading---------------------------------------------------------------------- */

#searchPopup .searchLoading:after, 
.overlay24.loading:after, .loading:after, .Iframe--full.loading:after,
#sport_div_iframe.loading:after, .block-overlay.loading, .btn-close.loading:after,
.btn-full-screen.loading:after, .btn-refresh.loading:after {
    content: '';
    display: block;
    position: absolute !important;
    border: 2px solid var(--text-color-4);
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinAround 0.5s infinite linear;
    animation: spinAround 0.5s infinite linear;
}

@-webkit-keyframes spinAround {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.btn-close.loading:after,
.btn-full-screen.loading:after,
.btn-refresh.loading:after {
    width: 10px !important;
    height: 10px;
    left: calc(50% - (10px / 2));
    top: calc(50% - (10px / 2));
}

.Iframe--full.loading:after,
#sport_div_iframe.loading:after {
    width: 20em;
    height: 20em;
    left: calc(50% - (20em / 2));
    top: calc(50% - (20em / 2));
}

.block-overlay.loading {
    width: 5em;
    height: 5em;
    left: calc(50% - (5em / 2));
    top: calc(50% - (5em / 2));
}

.overlay24.loading:after {
    width: 100px !important;
    height: 100px;
    left: calc(50% - (100px / 2)) !important;
    top: calc(50% - (100px / 2)) !important;
}

.loading:after {
    width: 15px !important;
    height: 15px;
    left: calc(50% - (15px / 2)) !important;
    top: calc(50% - (15px / 2)) !important;
}

.block-overlay.loading:after {
    content: none;
}

.product-wrapper .product-card.loading:after {
    left: calc(50% - (15px / 2)) !important;
    top: calc(50% - (60px / 2)) !important;
}

.loading {
    color: transparent !important;
    pointer-events: none;
}

.overlay24.loading {
    z-index: 10000000 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.Container__Item:after {
    content: " ";
    display: block;
    width: calc(100% + 16px);
    position: absolute;
    left: -16px;
    top: 0;
    z-index: -1;
}

/* ---------------------------------------------------------------------------------- TV GAMES ----------------------------------------------------------------*/

.Iframe--full.game-has-error {
    height: 100vh;
    min-height: 100vh;
}

.Iframe--full {
    width: 100%;
    min-height: calc(100vh - 104px);
    margin: 0 auto;
    position: relative;
    color: var(--white-color);
}

.header-secondary.Full {
    z-index: 999 !important;
}

.Wrapper--Header.Full, .Wrapper--Header.Full .Sections__Item.Menu--sub .Sections {
    z-index: 1000 !important;
}

.Iframe--full iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.Tag-Filter {
    display: none;
}

.view-category-filter-form {
    min-width: 200px;
    display: flex;
    gap: 10px;
    position: relative;
}

#betgames_div_iframe, #betgames_load, #sport_div_iframe #bt-inner-page {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.Iframe--full:not(:has(> :first-child)) {
    display: flex;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    align-items: center;
    justify-content: center;
}

/* -------------------------------------------------------------------------------------Language------------------------------------------------------------------ */

.Language {
    display: flex;
    flex-direction: row-reverse;
    white-space: nowrap;
    position: relative;
    color: var(--white-color);
    cursor: pointer;
}

    .Language .Dropdown--language {
        position: absolute;
        display: none;
        z-index: 10;
        top: 40px;
        left: -4px;
        background-color: var(--background-color-1);
        border-radius: 12px;
    }

    .Language:hover .Dropdown--language {
        display: block;
    }

    .Language .Language-active .flag img, .Dropdown--language li .flag img {
        width: 17px;
        margin-right: 10px;
    }

    .Language .Icon--caret {
        padding: 13px 3px;
    }

.Language-active, .Dropdown--language li a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    color: var(--white-color);
}

.Dropdown--language li {
    width: 114px;
    padding: 2px 4px;
    position: relative;
}

.Dropdown--language li {
    border-radius: 12px;
}

    .Dropdown--language li:hover {
        background-color: var(--background-color-5);
    }

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

#searchPopup {
    overflow-y: hidden;
}

    #searchPopup .modal-title-text {
        min-height: auto;
        border: none;
        font-weight: 600;
        line-height: unset;
    }

    #searchPopup .searchLoading{
        color: transparent !important;
        pointer-events: none;
    }

    #searchPopup .searchLoading:after {
        width: 50px !important;
        height: 50px;
        left: calc(50% - (50px / 2)) !important;
        top: calc(50% - (50px / 2)) !important;
    }

    #searchPopup .modal-header .logo-img {
        width: 88px;
        margin: 0;
    }

    #searchPopup .glyphicon-search {
        left: unset;
        right: 10px;
    }

    #searchPopup .search-wrapper {
        padding: 20px;
        display: flex;
        gap: 8px;
        background-color: var(--background-color-21);
        border-radius: 12px;
        flex-direction: row-reverse;
    }

        #searchPopup .search-wrapper .ss-content:not(.ss-open) {
            display: none;
        }

        #searchPopup .search-wrapper .ss-content {
            width: calc(88vw - 155px);
            max-width: 1355px;
            height: 0;
            position: unset;
        }

    #searchPopup .game-category-selector-container .ss-main .ss-multi-selected {
        height: 42px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    #searchPopup .search-wrapper .view-category-filter-form {
        flex: 1;
    }

.Wrapper--Header #searchSettings ~ a {
    color: var(--white-color);
    font-size: 18px;
}

    .Wrapper--Header #searchSettings ~ a i {
        transition: all 0.3s;
    }

.modal-dialog.search {
    width: 82vw;
    height: 80vh;
    max-width: 1433px;
    overflow: hidden;
}

    .modal-dialog.search.vendorListOpen {
        padding-right: 0px;
    }

    .modal-dialog.search .modal-content {
        height: 100%;
        min-height: 100%;
    }

        .modal-dialog.search .modal-content .modal-body {
            height: calc(100% - 72px);
            padding: 0px 15px 34px;
        }

    .modal-dialog.search.vendorListOpen .modal-content .modal-body, .modal-dialog.search.vendorListOpen .modal-content {
        height: auto;
    }

    .modal-dialog.search.vendorListOpen #popupSearchItems {
        min-height: 350px;
    }

    .modal-dialog.search .modal-content .modal-body > .form-group {
        height: 100%;
    }

#searchPopup .search-wrapper .ss-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    grid-auto-rows: minmax(50px, auto);
    max-height: unset;
    grid-gap: 10px;
    background-color: var(--background-color-21);
}

#searchPopup .search-wrapper .ss-content.ss-open {
    height: auto;
    margin-top: 0px !important;
}

#popupSearchItems {
    max-height: calc(100% - 78px);
    padding: 20px 6px 15px 0px;
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));
    grid-gap: 20px;
    color: var(--white-color);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

    #popupSearchItems.no-games-found-container {
        height: 100%;
    }

    #popupSearchItems .Item {
        position: relative;
        display: flex;
        justify-content: center;
        border-radius: 12px;
        aspect-ratio: 533/337;
    }

        #popupSearchItems .Item .product-image img {
            border-radius: 12px;
        }

        #popupSearchItems .Item .play-now-btn {
            width: 100%;
            height: 40px;
            padding: 0 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            position: absolute;
            bottom: 5%;
            z-index: 5;
        }

    #popupSearchItems .play-now-btn a {
        flex: 1;
        height: 100%;
        padding: 0 !important;
        line-height: 40px;
        text-align: center;
        opacity: 0;
        cursor: pointer;
    }

    #popupSearchItems .Item .product-description {
        position: absolute;
        top: 30%;
        opacity: 0;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
    }

    #popupSearchItems .demo, #popupSearchItems .play-full {
        display: block;
        text-transform: capitalize;
    }

    #popupSearchItems .Item .info-container {
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 5px 15px 5px 5px;
        top: 0;
        opacity: 0;
        text-align: center;
    }

        #popupSearchItems .Item .info-container.open {
            background-color: var(--background-color-10);
        }

        #popupSearchItems .Item .info-container .la.la-warning, #popupSearchItems .Item .info-container .la.la-times {
            font-size: 20px;
            color: var(--red-color);
            position: absolute;
            right: 3px;
            cursor: pointer;
        }

            #popupSearchItems .Item .info-container .la.la-warning:before, #popupSearchItems .Item .info-container .la.la-times:before {
                background-color: var(--white-color);
                border-radius: 3px;
            }

            #popupSearchItems .Item .info-container .la.la-times:before {
                background-color: transparent;
                color: var(--white-color);
            }

        #popupSearchItems .Item .info-container .info-text {
            max-width: calc(100% - 10px);
            max-height: calc(100% - 45px);
            overflow-y: auto;
            overflow-x: hidden;
        }

    #popupSearchItems .Item .game-info .close-info {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        position: absolute;
        bottom: 5%;
    }

body:not(.mobile) #popupSearchItems .Item:hover {
    background-color: var(--black-color);
}

    body:not(.mobile) #popupSearchItems .Item:hover .product-image {
        opacity: .3;
        transition: opacity 0.3s linear;
    }

    body:not(.mobile) #popupSearchItems .Item:hover .play-now-btn a,
    body:not(.mobile) #popupSearchItems .Item:hover .product-description,
    body:not(.mobile) #popupSearchItems .Item:hover .info-container {
        opacity: 1;
    }

.modal-dialog.search .ss-content .ss-list .ss-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
    border-bottom: 2px solid var(--grey-color);
}

    .modal-dialog.search .ss-content .ss-list .ss-option:hover,
    .modal-dialog.search .ss-content .ss-list .ss-option.ss-highlighted,
    .modal-dialog.search .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
        background-color: unset !important;
        color: var(--color-gold-2) !important;
        border-bottom: 2px solid var(--color-gold-2);
    }

    .modal-dialog.search .ss-content .ss-list .ss-option:after {
        content: '';
        width: 22px;
        height: 22px;
        display: flex;
        justify-content: center;
        border: 2px solid var(--grey-color);
        border-radius: 4px;
    }

.modal-dialog.search .ss-content .ss-list .ss-option-selected:after {
    content: '\f00c';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    border-color: var(--color-gold-2);
}

.modal-dialog.search .ss-content .ss-list .ss-option img {
    display: none;
}

#searchPopup #popupSearchItems #load-more-container {
    padding: 5px 15px 8px 15px;
    position: absolute;
    bottom: -55px;
    left: 0;
}

.modal-dialog.search:not(.vendorListOpen)::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.modal-dialog.search.vendorListOpen .modal-content #popupSearchItems #load-more-container {
    bottom: -8px !important;
}

#searchPopup #popupSearchItems #load-more-container #loadMoreBtn {
    padding: 11px 35px !important;
}

    #searchPopup #popupSearchItems #load-more-container #loadMoreBtn:hover {
        opacity: 1 !important;
    }

.Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
    height: 40px;
    width: auto;
    padding: 15px;
    margin: 0 auto 0 20px;
    border-radius: 12px;
    background-color: var(--background-color-3);
}

    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item:hover {
        opacity: .9;
    }

    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item a {
        display: flex;
        height: 100%;
        line-height: 12px;
    }

.Wrapper--Header #searchSettings ~ a i {
    display: flex;
    align-items: center;
}

    .Wrapper--Header #searchSettings ~ a i ~ span {
        font-family: sans-serif;
        font-weight: 100;
        font-size: 12px;
        margin-left: 10px;
    }



.left_open .Wrapper--Header #searchSettings ~ a i ~ span {
    display: block;
}

#searchPopup[aria-modal^='true'] ~ #loginPopup {
    background-color: rgba(0, 0, 0, .5);
}

.modal-dialog.search .modal-header {
    padding: 12px 15px;
    display: flex;
    align-items: end;
}

/* --------------------------------------------------------------------------------------Jackpot------------------------------------------------------------------- */

.Jackpot--Counters {
    max-width: 1568px;
    margin: 24px auto;
    padding: 0 24px;
}

    .Jackpot--Counters .jackpot-counters {
        display: flex;
        text-align: center;
        gap: 28px;
        position: relative;
    }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container {
            display: flex;
            justify-content: space-around;
            flex: 1;
            background-color: var(--background-color-1);
            opacity: .9;
            color: var(--white-color);
            border-radius: 8px;
            position: relative;
            overflow: hidden;
            align-items: center;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots {
            display: flex;
            justify-content: center;
            gap: 6px;
            width: 98%;
            height: 98%;
            padding: 20px 0;
            border-radius: 8px;
            background-color: var(--background-color-1);
            position: relative;
            opacity: 1;
            z-index: 3;
        }

            .Jackpot--Counters .jackpot-counters .top-jackpots img {
                width: 40px;
                height: 23px;
            }

            .Jackpot--Counters .jackpot-counters .top-jackpots div div {
                display: inline-block;
                max-height: 100%;
            }

            .Jackpot--Counters .jackpot-counters .top-jackpots .jackpot-hit {
                color: var(--color-gold-2);
                margin-left: 10px;
                text-transform: uppercase;
                font-style: italic;
            }

        .Jackpot--Counters .jackpot-counters .jackpot-counter, .Jackpot--Counters .jackpot-counters #jackpot-symbol {
            font-size: 20px;
            font-weight: 900;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:not(.hasHit):after {
            content: "";
            width: 500px;
            height: 500px;
            position: absolute;
            animation: light 1.5s linear 1;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(1):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(1):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(1):after {
            animation-delay: 1s;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(2):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(2):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(2):after {
            animation-delay: 2.5s;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(3):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(3):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(3):after {
            animation-delay: 4s;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(4):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(4):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(4):after {
            animation-delay: 5.5s;
        }

@keyframes light {
    0% {
        background-image: conic-gradient(transparent, transparent, transparent, var(--color-gold-2));
        transform: rotate(0deg);
        background-color: transparent;
    }

    100% {
        background-image: conic-gradient(transparent, transparent, transparent, var(--color-gold-2));
        transform: rotate(360deg);
        background-color: transparent;
    }
}

.Jackpot--Counters .jackpot-counters .top-jackpots-container.hasHit {
    animation: HasHit 10s linear 1;
}

@keyframes HasHit {
    0% {
        flex: 1;
    }

    20%,100% {
        flex: 1.1;
    }
}

.Jackpot--Counters .jackpot-counters .top-jackpots-container.hasHit::after {
    content: "";
    width: 500px;
    height: 500px;
    position: absolute;
    animation: LightHasHit 10s ease-in-out 1;
}


@keyframes LightHasHit {
    0% {
        background-image: conic-gradient(var(--color-gold-2), var(--color-gold-2), var(--color-gold-2), var(--color-gold-2));
        transform: rotate(0deg);
    }

    100% {
        background-image: conic-gradient(var(--color-gold-2), var(--color-gold-2), var(--color-gold-2), var(--color-gold-2));
        transform: rotate(360deg);
    }
}

.jackpot-hit {
    font-weight: 900;
    color: var(--color-gold-2);
    margin: 0 !important;
}

.jackpot-hit-wrapper {
    display: flex !important;
    position: absolute;
    right: 5px;
    top: 22%;
    overflow: hidden;
}

.jackpot-hit-container {
    display: block !important;
    height: 40px;
    border-radius: 4px;
    width: 26px;
    overflow: hidden;
    border: 1px solid var(--color-gold-2);
    border-radius: 4px;
}

.jackpot-hit-second-container {
    display: flex !important;
    flex-direction: column;
    white-space: nowrap;
    animation: jackpotHit 2s linear;
    gap: 25px;
    transform: translateY(10px);
}

.jackpot-hit-container:nth-of-type(2) .jackpot-hit-second-container {
    animation-delay: .8s;
}

.jackpot-hit-container:nth-of-type(3) .jackpot-hit-second-container {
    animation-delay: 1.5s;
}

@keyframes jackpotHit {
    0% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-1000px)
    }
}
/* ------------------------------------------------------------------------------------activity-feed----------------------------------------------------------------- */
.activity-feed-container {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background-color: var(--background-color);
}

.activity-feed .tab-body-inner {
    display: block;
    animation: activityFeed .5s linear 1;
}

@keyframes activityFeed {
    0% {
        right: -100%;
    }

    100% {
        right: 0%;
    }
}

.activity-feed .tab-body.recent-winners .item {
    position: relative;
    display: flex;
    height: 80px;
    margin: 0 6px;
    border-radius: 15px;
    color: var(--white-color);
    background-color: var(--background-color-3);
    overflow: hidden;
    vertical-align: top;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    animation: activityFeedItem .6s linear 1;
    animation-delay: .6s;
}

@keyframes activityFeedItem {
    0%,100% {
        transform: rotate(0deg);
        scale: 1;
    }

    20%,60% {
        transform: rotate(10deg);
        scale: 1.03;
    }

    40%,80% {
        transform: rotate(-10deg);
        scale: 1.03;
    }
}

.tab-body.recent-winners .slick-track {
    display: flex;
    padding: 10px 0px;
}

.slot-banner .body .tab-body .item .player-id, .slot-banner .body .tab-body .item .win-amount, .slot-banner .body .tab-body .item .product-name {
    width: 100%;
    padding-left: 64px;
}

.slot-banner .body .tab-body .item .win-amount {
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color);
}

.slot-banner .body .tab-body .item .product-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    border-radius: 5px 0 0 5px;
    transition-duration: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    object-fit: cover;
}

.slot-banner .body .tab-body .item .play-now-btn {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}

    .slot-banner .body .tab-body .item .play-now-btn .play-now {
        height: 100%;
    }

.Games--Top .header, .slot-banner .body .tab-body .item .wager-id, .slot-banner .body .tab-body span.prop, .activity-feed #tabGroupWinner .body .tabs ul {
    display: none;
}
/* -------------------------------------------------------------------------------------Toast ---------------------------------------------------------------------------- */

.toast {
    margin: auto;
    width: 100%;
    max-width: 100%;
    font-size: 1.2rem;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

.toast-container {
    position: absolute !important;
    top: 20px;
    right: 118px;
    padding: 1rem !important;
    z-index: 5;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
    z-index: 9999;
}

.toast-body {
    background-color: var(--background-color-toast-info);
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

    .toast-body.Info {
        background-color: var(--background-color-toast-info);
    }

    .toast-body.Success {
        background-color: var(--background-color-toast-success);
    }

    .toast-body.Yield {
        background-color: var(--background-color-toast-yield);
    }

    .toast-body.Warning {
        background-color: var(--background-color-toast-warning);
    }
/* -------------------------------------------------------------------------------------Game placeholders----------------------------------------------------------------- */
.game-list-slidable.placeholder .casino-game-list.casino-game-list-item .casino-categories .product-wrapper {
    width: 100%;
    padding-right: 0;
    display: flex;
    position: relative;
}

.game-list-slidable.placeholder .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories {
    padding-right: 0;
}

.game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
    max-height: 157px !important;
    margin-right: 8px !important;
    aspect-ratio: 27/17;
}

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:last-child {
        margin-right: 0px !important;
    }

.game-list-slidable.placeholder .casino-categories article {
    display: none;
}

    .game-list-slidable.placeholder .casino-categories article:nth-child(1), .game-list-slidable.placeholder .casino-categories article:nth-child(2),
    .game-list-slidable.placeholder .casino-categories article:nth-child(3), .game-list-slidable.placeholder .casino-categories article:nth-child(4),
    .game-list-slidable.placeholder .casino-categories article:nth-child(5), .game-list-slidable.placeholder .casino-categories article:nth-child(6) {
        display: block;
    }

.game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:nth-child(6) {
    margin-right: 0px !important;
}

img {
    position: relative;
}

    img:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.jackpot-icon:after {
    background-color: var(--background-color-1);
}

.activity-feed .product-image img:after {
    background-color: var(--background-color-3);
}

.Widget--banner--sliding .carousel-cell img:after,
.promotion_banners .Item img::after {
    background-color: var(--background-color);
}

.Language .flag img:after {
    background-color: var(--background-color-1);
}

.Language .Language-active .flag img:after {
    background-color: var(--background-color-5);
}

.Widget--banner--sliding .carousel-cell,
.Widget--banner--sliding .carousel-cell a,
.Widget--banner--sliding .carousel-cell img {
    pointer-events: auto !important;
    display: block;
    height: 100%;
}

/* ----------------------------------------------------------------------------------------Cookie-------------------------------------------------------------------- */

.Wrapper--Single.Wrapper--CookiePolicy {
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
    font-size: 14px;
    overflow-x: hidden;
}

.Wrapper--Single.Wrapper--CookiePolicy .cookies-policy#contentText {
    display: none;
    min-height: 100%;
    padding: 15px;
    margin: 0 auto 86px;
    border-radius: 3px;
    background-color: var(--background-color-3);
    line-height: 21px;
    color: var(--white-color);
}

.Wrapper--Single.Wrapper--CookiePolicy .Container__Item {
    margin: 0;
    min-width: 100%;
    padding: 10px 10px 0;
}

.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    max-height: 110px;
    z-index: 20;
    background-color: var(--background-color-1);
    padding: 8px 40px;
    color: var(--white-color);
    border: 2px solid transparent;
    border-radius: 12px;
    width: 100%;
}

.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .text-content {
    overflow-y: scroll;
    width: 100%;
}

.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group {
    display: flex;
    flex-direction: column;
}

.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept {
    margin: 0 0 5px 0;
}

.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less {
    display: none;
}

.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group {
    margin-left: 5px;
}

.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .text-content a {
    color: var(--color-gold-1);
} 

.button-group button {
    min-width: 107px;
}

.Wrapper--CookiePolicy[style^='overflow-y: scroll'] .Confirm--policy {
    width: calc(100% - 8px);
}

.Widget--banner--sliding .carousel-cell:not(:nth-child(1)) {
    display: none;
}

.Widget--banner--sliding .flickity-slider .carousel-cell {
    display: block !important;
}

.Widget--banner--sliding .flickity-slider .carousel-cell.is-selected {
    z-index: 99;
}

.game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper {
    flex: 1;
    display: flex;
    position: relative;
    width: 100%;
}

.game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
    display: flex;
    flex-wrap: nowrap;
    width: initial;
    padding: 10px 0;
    gap: 0 !important;
}

.game-list-slidable .casino-game-list-item .product-wrapper:not(.hero) .product-card {
    height: unset;
}

.game_categories_two .casino-categories .name-cat-title {
    height: 33px;
}

    .game_categories_two .casino-categories .name-cat-title h4 {
        display: inline-block;
        border: none;
        background-color: var(--background-color-10);
        padding: 8px 12px;
        margin: 0;
        border-radius: 3px;
        color: var(--white-color);
        font-size: 12px;
        min-width: 94px;
        height: 33px;
    }

.game_categories_two .swiper-button-prev, .game_categories_two .swiper-button-next {
    top: -32px;
}

.game_categories_two .casino-game-list.casino-game-list-item .casino-categories .product-wrapper {
    padding-left: 0;
}

#profilePopup .js-custom-scrollbar-wrapper {
    overflow: hidden !important;
}

.communication-types, .thread-list {
    position: relative;
}

.question_wrapper {
    position: relative;
}

    .question_wrapper > h3 {
        display: flex;
        justify-content: space-between;
        margin: 15px 0;
    }

    .question_wrapper > div.las.la-angle-down, .terms_wrapper > span {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 18px;
        transition: .5s all ease;
    }

    .question_wrapper > h4 {
        cursor: pointer;
    }

        .question_wrapper > h4 > strong {
            display: block;
            width: calc(100% - 30px);
        }

    .question_wrapper > p, .cookies-policy .question_wrapper > div {
        padding: 15px;
        border-radius: 4px;
    }

    .question_wrapper h4.open_answer ~ div.las.la-angle-down, .terms_wrapper > h4.open_content ~ span {
        transform: rotate(180deg);
        color: var(--color-gold-2);
    }

    .question_wrapper ~ h3, .content-page.faq .header, .question_wrapper a {
        color: var(--color-gold-2);
    }

    .question_wrapper a {
        display: inline-block;
    }

.open_answer ~ p {
    background-color: var(--hover-color);
}

.question_wrapper .las.la-angle-down, .terms_wrapper > span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    transition: .5s all ease;
    color: var(--color-gold-2);
}

.question_wrapper > .question_block {
    cursor: pointer;
}

    .question_wrapper > .question_block > strong {
        display: block;
        width: calc(100% - 30px);
    }

.question_wrapper .question_block.open_answer .las.la-angle-down, .terms_wrapper > h2.open_content ~ span {
    transform: rotate(180deg);
    color: var(--color-gold-2);
}

.headtitle .question_wrapper > p {
    padding: 0 15px;
}
/* ----------------------------------------------------------------------------------------Leaderboard-------------------------------------------------------------------- */

.Wrapper--Single.leaderboard {
    max-width: 1568px;
    padding: 36px;
    margin: auto;
}

.tournament-info__section--table {
    width: 100%;
    margin-bottom: 20px;
    border-spacing: 2px;
    border-collapse: separate;
    color: var(--white-color);
}

    .tournament-info__section--table th {
        font-size: 14px;
        padding: 8px 8px 8px 16px;
        color: #9698a1;
        text-align: center;
        white-space: nowrap;
        font-weight: 900;
        font-family: Stolzl,Arial,sans-serif;
    }

.tournament-info__section--table-tr td {
    width: 168px;
    padding: 10px 8px 10px 16px;
    white-space: nowrap;
    font-family: Stolzl,Arial,sans-serif;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

    .tournament-info__section--table-tr td:before {
        font-size: 40px;
    }

.tournament-info__section--table-place {
    font-weight: 800;
}

.tournament-info__section--table-tr td:first-child span {
    position: relative;
    left: -23px;
}

.tournament-info__section--table-prize {
    color: #ffffffbd;
    font-weight: 900;
}

.tournament-info__section--table tr:nth-child(odd) td,
.tournament-info__section--table-tr:nth-child(1) td:first-child,
.tournament-info__section--table-tr:nth-child(3) td:first-child {
    background-color: hsla(0,0%,64%,.08) !important;
}

.leadboard-title {
    min-height: 62px;
    font-size: 25px;
    font-weight: 700;
    color: var(--white-color);
}

.tournament-info__section--table-tr td:first-child span {
    top: -13px;
}

.tournament-info__section--table-tr:nth-child(1) td:first-child span,
.tournament-info__section--table-tr:nth-child(2) td:first-child span,
.tournament-info__section--table-tr:nth-child(3) td:first-child span {
    top: -15px;
}

.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper.open,
.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper-2.open {
    display: block;
}

.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper,
.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper-2 {
    display: none;
}

.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText {
    line-height: 21px;
    margin: 0px auto;
    max-width: 1300px;
    position: relative;
}

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul li.active {
        background: -webkit-gradient(radial,50.44% -14.1%,0,50.44% -14.1%,37.85,color-stop(0,var(--color-gold-2)),color-stop(1,#292f40));
    }

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul li {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 5px;
        color: var(--white-color);
        cursor: pointer;
        font-size: 16px;
        position: relative;
        border-radius: 20px;
        text-align: center;
    }

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul {
        position: relative;
        display: flex;
        height: 40px;
        border-bottom: 2px solid transparent;
        background-color: #212633;
        border-radius: 20px;
        width: 60%;
        margin: 0 auto;
    }

.tournament-info__section--table tr td:nth-child(2) .arrow-down {
    border-style: solid;
    border-width: 10px 6.5px 0 6.5px;
    border-color: var(--yellow-color-2) transparent transparent transparent;
    position: absolute;
    top: 43%;
    left: 70%;
}

.tournament-info__section--table tr td:nth-child(2) .arrow-up {
    border-style: solid;
    border-width: 0 6.5px 10px 6.5px;
    border-color: transparent transparent var(--color-gold-2) transparent;
    position: absolute;
    top: 43%;
    left: 70%;
}

td.arrow-down-points {
    color: var(--yellow-color-2);
}

td.arrow-up-points {
    color: var(--color-gold-2);
}

/* -------------------------------------------------------------------------------------------------Offline-------------------------------------------------------------- */

.offline, .online, .slow_internet {
    width: 300px;
    padding: 10px 16px;
    text-align: center;
    left: 50%;
    position: fixed;
    top: 6px;
    background-color: var(--red-color);
    color: var(--white-color);
    border-radius: 22px;
    -webkit-transform: translate(-50%,6px);
    transform: translate(-50%,6px);
    z-index: 9999;
    animation: offlineNote .5s linear 1;
}

    .offline button.close, .online button.close {
        color: var(--white-color);
        font-size: 15px;
        font-weight: 300;
        outline: 0 !important;
        background-color: transparent !important;
        text-shadow: none;
        opacity: 1;
    }

@keyframes offlineNote {
    from {
        display: block;
        top: -100px;
    }

    to {
        top: 6px;
    }
}

.online {
    background: var(--gradient-color-2);
    color: var(--black-color);
}

    .online button.close {
        color: var(--black-color);
    }

/* ---------------------------------------- Responsible Gambling ---------------------------------------------- */
.Menu--user li[data-route='responsible'] {
    text-transform: uppercase;
}

.responsible-gambling {
    color: var(--white-color);
}

    .responsible-gambling .transaction-row-outlined.column-headers {
        padding: 10px 0;
        justify-content: center;
    }

    .responsible-gambling .transaction-row-outlined .trans-proc-time {
        text-align: center;
    }

    .responsible-gambling .transaction-row .trans-proc-time,
    #profilePopup .responsible-gambling .col-xs-3,
    .responsible-gambling .transaction-row span {
        width: calc(100% / 3);
        display: flex;
        justify-content: center;
    }

#profilePopup .responsible-gambling .switch {
    left: unset;
}

.responsible-gambling h4,
.responsible-gambling h3 {
    font-size: 15px;
    padding: 0 10px 10px;
    font-weight: 400;
    grid-column-end: span 3;
}

.responsible-gambling label {
    margin: unset;
}

.responsible-gambling .form-group:not(.mt-10, .history-modal .form-group) {
    margin: 15px;
    position: relative;
}

.responsible-gambling #responsibleSystem > div:first-child > div {
    display: grid;
    grid-template-columns: 1fr 1fr 0fr;
}

.responsible-gambling .custom-radio-button, .responsible-gambling .product-select {
    display: none;
}

.responsible-gambling [id^='transaction-details'] label:not(.control-label) input[type="checkbox"] {
    content: '';
    width: 22px;
    height: 22px;
    display: flex;
    border: 2px solid var(--grey-color);
    border-radius: 4px;
    font-weight: 900;
    border-color: var(--color-gold-2);
    accent-color: var(--color-gold-2);
    appearance: none;
    border-radius: 6px;
}

    .responsible-gambling [id^='transaction-details'] label:not(.control-label) input[type="checkbox"]:checked {
        background: var(--color-gold-2);
        appearance: auto;
        border-radius: 6px;
    }

.responsible-settings-block .form-group .control-fields .form-control ~ .glyphicon-search {
    left: auto;
    right: 5px;
    top: -4px;
}

.responsible-gambling [id^='transaction-details'] label:not(.control-label) {
    width: 100%;
    background-color: unset !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    user-select: none;
}

.responsible-gambling .product-select.open {
    display: block;
    position: absolute;
    width: 100%;
    border: 1px solid var(--grey-color);
    border-radius: 12px;
    background-color: var(--background-color-9);
    z-index: 5;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#limit-product-object-types .select2-results__option span {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
}

.responsible-gambling .select {
    color: var(--grey-color) !important;
    height: 36px;
    border: 1px solid var(--grey-color);
    outline: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    align-content: center;
    justify-content: space-between;
}

    .responsible-gambling .select:after {
        font-family: 'Line Awesome Free';
        font-weight: 900;
        content: '\f107';
    }

.responsible-gambling .responsible-label {
    display: none !important;
}

.responsible-types {
    padding: 10px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

    .responsible-types > div {
        padding: 5px;
        cursor: pointer;
        border-bottom: 2px solid transparent
    }

        .responsible-types > div:hover {
            border-color: var(--white-color)
        }

        .responsible-types > div.active {
            color: var(--color-gold-1);
            border-color: var(--color-gold-1)
        }

.responsible-settings-block:not(:has(.history-modal)) {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px
}

.responsible-settings-block .inner-occurrences:has(.password-form-group) {
    box-shadow: 0 0 10px 2px var(--color-gold-2)42, 0 0 var(--color-gold-2)36;
    padding: 15px;
    margin-top: 15px;
}

.responsible-settings-block .inner-block,
.responsible-settings-block .history-modal {
    padding: 12px;
    border-radius: 12px;
    background: var(--background-color-9);
    flex: 1;
}

    .responsible-settings-block .inner-block .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .responsible-settings-block .inner-block .product-info, .responsible-settings-block .form-group:not(.history-modal .form-group) {
        margin-bottom: 10px;
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .responsible-settings-block .history-modal label {
        margin-bottom: 5px;
    }

    .responsible-settings-block .inner-block .product-info > div {
        padding: 4px;
        border-bottom: 2px solid var(--white-color)
    }

    .responsible-settings-block .inner-block .inner-body:has(.notice-form-group) {
        display: flex;
        flex-direction: column;
        padding: 10px;
        box-shadow: 0 0 10px 2px var(--color-gold-2)42, 0 0 var(--color-gold-2)36;
        margin-top: 25px;
    }

    /*.responsible-settings-block .inner-block .inner-body .form-groups:has(> .prevent-login-form-group:only-child) {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }*/

    .responsible-settings-block .inner-block .inner-body .form-groups {
        display: grid;
        grid-template-columns: repeat(2,minmax(100px,1fr));
        grid-template-rows: auto auto;
        box-shadow: 0 0 10px 2px var(--color-gold-2)42, 0 0 var(--color-gold-2)36;
        margin: 15px 0;
    }

    /* .responsible-settings-block .inner-block .inner-body .form-groups:has(> div:only-child) .form-group:not(.prevent-login-form-group) {
            width: 25%;
        }*/

    .responsible-settings-block .inner-block .inner-occurrences-body #limit-value {
        padding-left: 30px;
    }

    .responsible-settings-block .inner-block .inner-occurrences-body .canceled-limit-reminder {
        padding: 15px;
        color: var(--color-gold-1);
    }

    .responsible-settings-block .inner-block .inner-occurrences-body .notice-info {
        color: var(--color-gold-1);
        margin-right: 10px;
    }

.responsible-settings-block .select2-container--default .select2-results__option span {
    color: var(--white-color) !important;
}

.responsible-settings-block .select2-container--default .select2-results__option span,
.responsible-settings-block .select2-container--default .select2-selection--single span:not(.select2-selection__arrow) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    width: calc(100% - 5px);
    height: auto;
}

.responsible-settings-block .select2-container--default .select2-results__option:has(.has-limit) {
    background: #1dd3b4;
    color: #000;
}

.responsible-settings-block .glyphicon.glyphicon-cancel.form-control-feedback {
    pointer-events: auto;
    cursor: pointer;
}
.has-feedback label~.form-control-feedback {
    right: 0;
}
.responsible-settings-block .select2-container--default .select2-results__option[aria-selected=true] span {
    color: var(--black-color) !important;
}

#profilePopup .modal-dialog .modal-footer .row .col-xs-6 .col-xs-12 {
    text-align: left;
    padding-top: 10px;
}

.responsible-settings-block .next-start-date,
.responsible-settings-block .next-end-date {
    margin: 0 4px;
}

.responsible-settings-block .modal-sub-body .col-xs-12 {
    text-align: left;
}

.responsible-settings-block #parent {
    position: relative;
}

.limit-product-info {
    display: block;
    width: 100%;
}

.responsible-gambling .form-group #currency-symbol:not(#next-limit-value #currency-symbol) {
    position: absolute;
    top: 10px;
    left: 5px;
    color: var(--color-gold-1);
}

.responsible-gambling .form-group #next-limit-value {
    position: relative;
}

    .responsible-gambling .form-group #value-reminder #reminder-currency-symbol,
    .responsible-gambling .form-group #next-limit-value #currency-symbol {
        color: var(--color-gold-1);
    }

.responsible-gambling .form-group .form-control-feedback .las:before {
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
}

.responsible-gambling .form-group .form-control-feedback .la-times:before {
    color: #FF5722 !important;
}

.responsible-gambling .form-group .form-control-feedback .la-refresh:before {
    color: var(--color-gold-1) !important;
}

.responsible-settings-block .inner-block .limit-body {
    padding-bottom: 15px;
}

.form-group.password-form-group .eye-icon {
    top: 34px;
}

.responsible-settings-block .inner-block .modal-footer.form-footer .btn-body .btn {
    padding: 5px 25px !important;
    margin-top: 10px;
}

.limit-product-objects, #limit-product-object-types {
    width: calc(50% - 30px);
    margin: 0 15px;
}

.responsible-settings-block .form-group.password-form-group {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    grid-template-rows: auto auto;
    box-shadow: 0 0 10px 2px var(--color-gold-2)42, 0 0 var(--color-gold-2)36;
    margin: 15px 0 !important;
    gap: unset !important;
}

    .responsible-settings-block .form-group.password-form-group .form-group.mt-10 {
        margin: 15px;
    }

.modal-sub-body.responsible .limit-product-objects h5 {
    padding: 20px 0 10px 0;
}

.control-fields {
    position: relative;
}

.responsible-settings-block .row select {
    height: 36px;
    flex: 1;
    padding: 0;
    margin: 0 4px;
    outline: none;
    cursor: pointer;
    background-color: var(--background-color-10);
    border-radius: 12px;
    text-align: center
}

    .responsible-settings-block .row select#Month {
        flex: 1.2
    }

    .responsible-settings-block .row select#Year {
        flex: 1.5
    }

#limit-product-object-types {
    margin-top: 15px !important;
}

.responsible-settings-block .inner-body > div input {
    padding: 5px 15px;
    color: #000;
    outline: none;
    border-radius: 10px
}

.reason-dropdown {
    width: 156px;
    padding: 5px;
    border-radius: 10px;
    height: 22px;
    position: relative;
    background-color: var(--white-color);
    color: #000;
    text-align: right
}

    .reason-dropdown > span {
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index: 5;
        background-color: var(--white-color);
        text-align: start;
        top: 23px;
        left: 0;
        border-radius: 12px;
        display: none
    }

    .reason-dropdown.open > span, .responsible-settings-block .row:not(.filters--date),
    .responsible-settings-block .inner-block.open .inner-body > div > div.row {
        display: flex
    }

#profilePopup .responsible-settings-block .history-modal #searchform .js-form-search-submit {
    margin-top: 20px;
}

.reason-dropdown > span span {
    padding: 6px
}

    .reason-dropdown > span span:hover {
        background-color: var(--background-color-10);
        color: var(--white-color)
    }

.modal-sub-body.responsible h5 {
    margin: 0;
    padding: 8px 15px 15px
}

.responsible-settings-block.single {
    justify-content: start
}

    .responsible-settings-block.single .inner-block {
        width: calc((100%/5) - 10px);
        flex: unset
    }

        .responsible-settings-block.single .inner-block:nth-child(n+2),
        .responsible-settings-block.single .inner-block .title,
        .responsible-settings-block.single.self .inner-block .amount,
        .responsible-settings-block .inner-block.open .inner-body .not-set,
        .responsible-settings-block .inner-block .inner-body .form-groups:not(:has(:first-child)) {
            display: none
        }

.responsible-settings-block .inner-block .save-btn {
    display: flex;
    justify-content: end
}

.responsible-settings-block .inner-block.open .inner-body > div > div:nth-child(3) {
    display: block
}

#end-date-checkbox {
    align-items: center;
}

    #end-date-checkbox input[type="checkbox"] {
        visibility: hidden;
        display: none;
    }

    #end-date-checkbox *,
    #end-date-checkbox ::after,
    #end-date-checkbox ::before {
        box-sizing: border-box;
    }

    #end-date-checkbox .checkbox {
        width: 60px;
        height: 30px;
        position: relative;
        display: inline-block;
    }

    #end-date-checkbox .checkbox-slider {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 30px;
        box-shadow: 0 0 0 2px #777, 0 0 4px #777;
        cursor: pointer;
        border: 4px solid transparent;
        overflow: hidden;
        transition: 0.2s;
    }

        #end-date-checkbox .checkbox-slider:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background-color: #777;
            border-radius: 30px;
            transform: translateX(-30px);
            transition: 0.2s;
        }

    #end-date-checkbox input:checked + .checkbox-slider:before {
        transform: translateX(30px);
        background-color: var(--color-gold-1);
    }

    #end-date-checkbox input:checked + .checkbox-slider {
        box-shadow: 0 0 0 2px var(--color-gold-1), 0 0 8px var(--color-gold-1);
    }

.responsible-settings-block .limit-set-info span {
    font-size: 15px;
    font-weight: 900;
}

.responsible-settings-block .limit-base-info {
    font-size: 15px;
}

.responsible-settings-block .limit-set-info {
    margin-bottom: 15px;
}

.responsible-settings-block .limit-revoke-info {
    display: flex;
    padding: 15px;
    gap: 15px;
    background: var(--color-gold-1);
    color: #000;
    margin: 15px 0;
    border-radius: 8px;
}

    .responsible-settings-block .limit-revoke-info .limit-revoke-info-text-body {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

        .responsible-settings-block .limit-revoke-info .limit-revoke-info-text-body .attention {
            font-weight: 900;
        }

    .responsible-settings-block .limit-revoke-info .la-warning {
        display: flex;
        align-items: center;
        padding: 15px;
        border-radius: 100%;
        box-shadow: inset 0px 0px 8px 3px #09b3be;
    }

.responsible-settings-block .inner-block .inner-body .form-groups:has(.occurrence-notice-info) .form-group .control-label:not(:has(.occurrence-notice-info)) {
    margin-bottom: 16px;
}

.responsible-settings-block .inner-block .limit-body .inner-body:has( > .label-head) {
    padding-top: 20px;
}

.form-group.notice-form-group .clear-form .form-control-feedback {
    pointer-events: auto;
    cursor: pointer;
}

/* ----------------------------------------------------------------------------------------------Freespin Games-------------------------------------------------------------- */

.freespin-gamescontainer {
    display: flex;
    flex-direction: column;
}

.freespin-games {
    display: flex;
    align-items: center;
    flex: 1;
    border-radius: 4px;
}

.freespin-game .Item {
    display: flex;
    align-items: center;
    min-height: 84px;
}

.no-wrap.table--scrollable__th.games-info-titles {
    padding: 0;
    display: flex;
}

.freespin-games > div:not(.freespin-game), .freespin-game .Item > *, .games-info-titles .table--scrollable__th {
    margin: 10px;
    flex: 1;
    padding: 0;
}

.freespin-game, .no-wrap.table--scrollable__th.games-info-titles {
    flex: 2;
}

    .freespin-game .Item .product-name, .player-bonus-type-1 .games-info-titles .name, .games-info-titles .table--scrollable__th.name {
        max-width: 100px;
        min-width: 50px;
    }

.games-box .play-now.btn {
    padding: 0 !important;
    background-color: unset !important;
    background-image: unset !important;
}

.games-box .btn a {
    display: block;
    color: var(--white-color) !important;
    width: 100%;
    padding: 8px 36px !important;
}

.games-box .dont-pl-btn {
    background-image: var(--gradient-color-grey) !important;
    cursor: not-allowed;
    padding: 8px 0px !important;
    margin: 10px 25px !important;
    color: var(--black-color) !important;
}

.freespin-game .Item .product-vendore-img, .games-info-titles .brand {
    min-width: 40px;
    max-width: 40px;
}

.freespin-games .Item img:not(.product-vendore-img), .games-info-titles .game {
    max-width: 100px;
    min-width: 100px;
}

.freespin-games > div:not(.freespin-game),
.freespin-game .Item > *,
.games-info-titles .table--scrollable__th {
    margin: 10px 25px;
}

.table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px 25px;
}

.player-bonus-type-2 .freespin-game, .player-bonus-type-2 .no-wrap.table--scrollable__th.games-info-titles {
    flex: 4;
}

    .player-bonus-type-2 .freespin-game .Item .product-name, .player-bonus-type-2 .games-info-titles .table--scrollable__th.name {
        max-width: 200px;
        min-width: 100px;
    }

body.mobile .freespin-games.expired {
    position: relative;
}

    body.mobile .freespin-games.expired > div {
        opacity: .5;
        position: relative;
    }

    body.mobile .freespin-games.expired .expired {
        content: 'expired';
        display: block;
        position: absolute;
        z-index: 5;
        background-color: var(--error-color);
        padding: 5px 8px;
        border-radius: 12px;
        border-bottom-left-radius: 0;
        top: 10px;
    }

body.mobile [class*='player-bonus-type']:not(.player-bonus-type-deposit) .bonus-body-row-title .bonus-placeholder {
    display: none;
}

.cookieError .Confirm--policy {
    animation: cookieError .7s forwards 1;
}

@keyframes cookieError {
    20% {
        border-color: var(--red-color);
        box-shadow: 0 2px 12px var(--text-color-3);
    }

    50% {
        border-color: transparent;
    }

    100% {
        border-color: var(--red-color);
        box-shadow: 0 2px 12px var(--text-color-1);
    }
}

.cookieError .cookieErrorText {
    display: block !important;
    min-height: unset !important;
    border: 1px solid var(--color-gold-2);
    color: var(--color-gold-2) !important;
    background-color: var(--background-color-1) !important;
    position: absolute;
    z-index: 99;
    white-space: nowrap;
    top: 40%;
    left: calc(50% - 100px);
    padding: 25px;
}

.Wrapper--Single.Wrapper--CookiePolicy .cookieErrorText {
    display: none;
}

/* ---------------------------------------------------------------------------- Error ---------------------------------------------------------------------------*/

.inner-content.error-page:before {
    content: '';
    height: 37vh;
    margin: auto;
    display: block;
    background: url(../img/banners/error-not-found.webp) 50% no-repeat;
    background-size: contain;
}

#sub-header, #sub-header a {
    margin: auto;
    text-align: center;
    color: var(--color-gold-2);
    text-decoration: none;
}

    #sub-header a {
        width: 141px;
        height: 56px;
        margin-top: 20px;
        display: flex;
        border-radius: 50px;
        background: var(--gradient-color-le);
        color: var(--black-color);
        justify-content: center;
        align-items: center;
    }

        #sub-header a:hover {
            background: var(--gradient-color-rg);
        }

.container.default-wrap {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .container.default-wrap .inner-content.error-page {
        width: 100%;
    }

/* ---------------------------------------------------------------------------- APPS ---------------------------------------------------------------------------*/

.mobile-apps-info .promo-banner {
    display: flex;
    justify-content: center;
}

    .mobile-apps-info .promo-banner .body .tabs {
        width: 1056px;
        max-width: 1056px;
        height: 644px;
        position: relative;
    }

.mobile-apps-info #promo-body-wraper .card {
    min-height: 600px;
    display: flex;
    color: var(--black-color);
    border-radius: 8px;
    background-color: var(--text-color-1);
    overflow: hidden;
}

    .mobile-apps-info #promo-body-wraper .card > div {
        flex: 1;
    }

    .mobile-apps-info #promo-body-wraper .card .front img {
        height: 100%;
        pointer-events: none;
    }

    .mobile-apps-info #promo-body-wraper .card .back {
        margin-top: 68px;
    }

        .mobile-apps-info #promo-body-wraper .card .back .content {
            padding: 32px 40px;
        }

            .mobile-apps-info #promo-body-wraper .card .back .content h1, .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .back .card-title {
                margin: 0;
                padding: 0;
                display: flex;
                font-size: 30px;
                gap: 12px;
                font-weight: bolder;
                align-items: center;
            }

                .mobile-apps-info #promo-body-wraper .card .back .content h1 img {
                    margin: 5px 0;
                }
.mobile-apps-info .front .card-title {
    padding: 0;
}
.app-view__description, .ios-download-instruction__instruction, .apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content {
    margin-top: 12px;
    font-size: 16px;
}

.app-download-instructions {
    margin-top: 32px;
}

    .app-download-instructions ol {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        counter-reset: li;
        list-style: none;
    }

        .app-download-instructions ol li:before {
            margin-right: 20px;
            font-size: 30px;
            color: var(--color-blue-text);
            content: counter(li);
            counter-increment: li;
        }

        .app-download-instructions ol li {
            display: flex;
            align-items: center;
            font-size: 16px;
        }

            .app-download-instructions ol li:nth-child(n+2) {
                margin-top: 20px;
            }

.app-view__qr {
    margin-top: 32px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.app-view__qr-picture-section {
    width: 108px;
    height: 108px;
    border-radius: 8px;
    flex-shrink: 0;
    overflow: hidden;
}

.app-view__qr-description {
    flex-grow: 1;
    font-size: 16px;
    color: #5e6a78;
}

.Container--full .read-more {
    display: none;
}

.mobile-apps-info ul, .apps-install_Wrapper__Mobile ul {
    width: 100%;
    max-width: 450px;
    height: 36px;
    display: flex;
    padding: 4px;
    position: absolute;
    border-radius: 4px;
    right: 50px;
    top: 5%;
    cursor: pointer;
    background: rgba(223,228,235,.64);
}

    .mobile-apps-info ul li, .mobile-apps-os ul li {
        margin: 0;
        padding: 4px 12px;
        display: flex;
        justify-content: center;
        flex: 1 1 0;
        flex-grow: 1;
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        -webkit-tap-highlight-color: transparent;
        align-items: center;
        color: #5e6a78;
        outline: none;
        text-decoration: none;
        user-select: none;
    }

        .mobile-apps-info ul li.active, .mobile-apps-os ul li.active {
            border-radius: 4px;
            background: var(--white-color);
            box-shadow: 0 7px 14px 0 rgba(217,221,227,.4);
        }

.app-view__requirements {
    margin-top: 24px;
    color: #5e6a78;
}

/* ------------------------------------------------------------------------- theme-switcher ----------------------------------------------------------------------*/

.theme-switcher {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    width: 60px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 12px;
    background: var(--gradient-color);
    cursor: pointer;
    margin-left: 15px;
}

    .theme-switcher.light {
        background: var(--background-color-11);
    }

    .theme-switcher:before {
        z-index: 1;
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: var(--white-color);
        transition: transform .3s ease-out;
        box-shadow: 0 2px 6px rgba(0,0,0,.12);
    }

    .theme-switcher .icon {
        display: inline-flex;
        position: relative;
        width: 28px;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

.icn_moon:before, .icn_sun:before {
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: inherit;
    text-transform: none;
    font-size: 22px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    color: var(--background-color-1);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.theme-switcher:before {
    transform: translate(32px);
}

.icn_moon:before {
    content: "\f185";
    color: var(--light-blue-color2);
}

.icn_sun:before {
    content: "\f186";
}

.theme-switcher.light:before {
    transform: translate(0);
}

.footer_group_container .theme-switcher {
    display: none;
}

.modal.detached#loginPopup .modal-dialog, .modal.detached#loginPopup .modal-content,
.app-root.login ~ #forgotPasswordPopup .modal-dialog, .app-root.login ~ #forgotPasswordPopup .modal-content,
.app-root.login ~ #registrationPopup .modal-dialog, .app-root.login ~ #registrationPopup .modal-content {
    height: 100%;
}

.modal.detached#loginPopup .row.main-buttons {
    display: flex;
    flex-direction: column;
}

.modal.detached#loginPopup #loginForm {
    position: relative;
}

body .modal.detached#loginPopup .btn-sign-up {
    position: absolute;
    background-image: unset !important;
    background-color: transparent !important;
    color: var(--color-gold-1) !important;
    font-size: 12px;
    bottom: 62px;
    right: -33px;
}
#loginPopup #loginForm .form-group.password-group {
    margin-bottom: 0;
}
#loginPopup .errors .has-error.field-validation-error {
    margin-bottom: 5px;
}
.modal.detached#loginPopup .col-xs-5 {
    width: 100%;
}

#forgotPasswordPopup {
    display: block !important;
}

.app-root.login ~ #forgotPasswordPopup .modal-dialog, .app-root.login ~ #registrationPopup .modal-dialog {
    width: 100%;
    margin: 0;
}

body .modal.detached#loginPopup #loginForm, .app-root.login ~ #forgotPasswordPopup #forgotpassform {
    max-width: 500px;
    margin: auto;
}

.app-root.login ~ #registrationPopup #registerContainer {
    max-width: 800px;
    margin: auto;
}

.app-root.login ~ #forgotPasswordPopup #forgotpassform .col-sm-6 {
    width: calc(100% - 227px);
}

.app-root.login ~ #forgotPasswordPopup #forgotpassform .col-sm-2 {
    left: 182px;
}

#registerContainer .eye-icon {
    top: 23% !important;
}

#verifyPartial {
    width: 450px !important;
}

#sendEmailCode, #sendMobileCode, .btn.verification-code-email,
.btn.verification-code-email:active, .btn.verification-code-email:focus,
.btn.verification-code-mobile, .btn.verification-code-mobile:focus, .btn.verification-code-mobile:active {
    padding: 8px 10px !important;
    border-radius: 12px !important;
}

/* ------------------------------------------------------------------------- securitypassword ----------------------------------------------------------------------*/


.modal-sub-body.securitypassword .modal-body {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

    .modal-sub-body.securitypassword .modal-body > form {
        flex: 1;
        max-width: calc(100% / 3);
        margin-top: 50px;
    }

        .modal-sub-body.securitypassword .modal-body > form#twofactor {
            max-width: 300px;
        }

.modal-sub-body.securitypassword .modal-title-text {
    padding: 0;
}
#profilePopup #twofactor .tfaConfirm__msg--error {
    font-size: 14px;
    padding-top: 5px;
}
.modal-sub-body.securitypassword #changepassform,
.modal-sub-body.securitypassword .modal-body > form#twofactor {
    height: fit-content;
    padding: 15px 20px;
    box-shadow: var(--box-gold-shadow);
    border-radius: 12px;
}

.modal-sub-body.securitypassword form {
    position: relative;
}
.modal-sub-body.securitypassword form .input-group-btn {
    display: block;
}
.modal-sub-body.securitypassword .form-header {
    position: absolute;
    top: -54px;
    left: 0;
}

.modal-sub-body.securitypassword .modal-footer, .modal-sub-body.securitypassword .modal-footer .col-md-7,
.modal-sub-body.securitypassword .modal-footer .col-xs-6, .modal-sub-body.securitypassword .form-footer .col-xs-6,
.modal-sub-body.securitypassword .form-footer, .modal-sub-body.securitypassword .form-footer .col-md-7 {
    padding: 0 !important;
}

    .modal-sub-body.securitypassword .modal-footer .col-xs-6, .modal-sub-body.securitypassword .modal-footer .col-md-7,
    .modal-sub-body.securitypassword .form-footer .col-xs-6, .modal-sub-body.securitypassword .form-footer .col-md-7 {
        width: 100%;
    }

    .modal-sub-body.securitypassword .modal-footer .col-md-7, .modal-sub-body.securitypassword .form-footer .col-md-7 {
        margin: 0;
    }

        .modal-sub-body.securitypassword .form-footer .col-md-7 .form-group {
            position: relative;
            text-align: left;
        }

    .modal-sub-body.securitypassword .modal-footer .btn {
        width: 100%;
    }

.modal-sub-body.securitypassword #deleteaccount .btn {
    background-image: unset !important;
    background-color: var(--error-color) !important;
    color: var(--white-color) !important;
}

.modal-sub-body.securitypassword #deleteaccount .control-label {
    display: none;
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 {
    position: relative;
    margin-top: 15px;
}

.modal-sub-body.securitypassword #twofactor .btn {
    background-image: unset !important;
    background-color: var(--color-gold-1) !important;
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 .eye-icon {
    top: 6px;
}

.modal-sub-body.securitypassword .form-footer .col-md-7 .form-group .eye-icon {
    top: 29px;
}

#profilePopup .modal-dialog:not(.modal--payments-history,.responsible-gambling) .profile-sub-nav li:nth-child(3) {
    position: unset;
}

.modal-sub-body.securitypassword .modal-text, .manual-entry-code {
    color: var(--white-color);
    font-size: 14px;
    font-weight: bold;
}

.tfa-code-verification .btn-group {
    width: 100%;
}

.tfa-verification-code-block .input-group, #tfaConfirm > .input-group {
    display: block !important;
}

.manual-entry-code {
    padding: 10px;
    width: 100%;
    display: block;
    word-wrap: break-word;
}

.tfa-verification-code-block .input-group .form-control, #tfaConfirm .input-group .form-control {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    width: calc(100% - 88px);
}

.tfa-code-verification-block ~ .row .profile__msg--error {
    padding: 10px;
}

.tfa-verification-code-block .input-group-btn {
    display: inline-block;
}

.recovery-verification-code-block .row.section--captcha {
    position: relative;
}

.recovery-verification-code-block .col-sm-2.btn--reload--captcha {
    width: 8px;
    position: absolute;
    top: 12%;
    left: 115px;
    font-size: 20px;
}

.recovery-verification-code-block .col-sm-6.wrapper_input--captcha {
    width: calc(100% - 155px);
    padding-left: 15px;
}

.recovery-verification-code-block .col-sm-4.captcha-loader {
    width: 140px;
}

.modal-dialog#verifyPartial .recovery-verification-code-block .btn.btn-success {
    width: 100%;
    margin-top: 20px;
}

.modal-dialog#verifyPartial .recovery-verification-code-block .form-control {
    height: 42px;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm {
    pointer-events: initial;
    cursor: pointer;
}

#verifyPartial .verification-code-email {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* ------------------------------ notify-limit -------------------------------------------*/

.notify-limit {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 55555;
    background: #1d211f4a;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notify-message-group {
    width: auto;
    min-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    background-color: var(--background-color-9);
    border-radius: 12px;
    padding: 30px;
    color: var(--white-color)
}

.notify-message, .limit-info h2 {
    max-width: 600px;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
}

.notify_buttons_group {
    display: flex;
    justify-content: space-around;
}

    .notify_buttons_group button {
        margin: 0 10px;
    }

/* realityCheck */
.REALITY_CHECK .popup-content {
    padding: 15px;
    display: flex;
    max-width: 600px;
    min-width: 390px;
    min-height: auto;
    flex-direction: column;
    background-color: var(--background-color-9);
    border-radius: 12px;
    color: var(--white-color);
}

    .REALITY_CHECK .popup-content button {
        order: 5;
    }

html:has(.notify-limit) {
    overflow: hidden;
}

.LoggedIn:has(.notify-limit) .fade.show {
    visibility: hidden;
    opacity: 0
}

.REALITY_CHECK .popup-content #barcode {
    width: 180px;
    height: 180px;
}

.REALITY_CHECK .popup-content .form-group {
    display: flex;
    flex-direction: column;
}

#ttl-countdown {
    position: relative;
    font-family: 'Arial', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #02c6ad;
    background-color: #1a1f24;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    width: fit-content;
    margin: 20px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

body:not(.mobile) [class*='player-bonus-type'] .bonus-body-row-title div.hidden {
    display: block !important;
    visibility: hidden;
}

.bonus-body-row-title #PaymentDepositButton {
    width: 100%;
    font-size: 10px;
    padding: 10px !important;
}

.message_box_wr {
    position: relative;
    margin: 160px auto 20px;
    width: 100%;
    max-width: 1000px;
}

    .message_box_wr > div {
        padding: 30px;
        margin: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 1rem 2rem 2px var(--color-gold-1);
        color: var(--white-color);
        font-size: 17px;
    }

#KYCPopup .modal-body #kyc_div_iframe {
    min-height: 500px;
    max-height: 500px;
    overflow-y: scroll;
}

.body-block {
    display: flex;
    flex-direction: column;
}

.kyc-verification {
    margin-top: 15px;
}

    .kyc-verification .Button--kyc {
        border: 2px solid #1dd3b5;
        padding: 5px;
        color: var(--white-color);
        font-size: 18px;
        font-weight: 700;
        border-radius: 12px;
        text-align: center;
        white-space: nowrap;
        transition: all .3s cubic-bezier(0.15, -0.04, 1, -0.04);
    }

        .kyc-verification .Button--kyc:hover {
            background: var(--gradient-color);
        }

#validateform p {
    color: var(--white-color);
}

#validateform .verification-code-recovery {
    width: 100%;
}

#validateform > .row {
    margin: 15px 0;
}

#timerDisplay {
    position: absolute;
    color: var(--white-color);
    font-size: 20px;
    z-index: 9;
    top: 4px;
    left: 13px;
}

#sendMobileCode.inactive, #sendEmailCode.inactive, #sendEmailCodeLink.inactive {
    color: transparent !important;
}

.Wrapper--Single.game-launch--full .Iframe--full:not(:has(*)) {
    color: var(--white-color);
    font-size: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#telegram-login-DudeBetBot {
    position: fixed;
    bottom: 100px;
    z-index: 99;
    right: 0;
}

div:has( > .tooltip), td:has( > .tooltip) {
    position: relative;
    width: 100% !important;
}

    div:has( > .tooltip):hover .tooltip, td:has( > .tooltip):hover .tooltip {
        display: block !important;
        z-index: 999;
        color: var(--white-color) !important;
        visibility: visible;
    }

.tooltip-for-amount-full.tooltip {
    left: 0;
    width: 100vh !important;
}

.modal-dialog.myProfile .tooltip-for-amount-full.tooltip {
    width: auto !important;
    left: 15px;
}

#menu_balance_wrapper {
    overflow: unset;
}

/* -------------------------------  Registration Popup Css  ----------------------------- */

#registration-popup #register-container .on-page-2 .regsecion_3,
#registration-popup #register-container .on-page-1 .regsecion_3:has(#province-form.hidden) {
    display: block !important;
}

#registration-popup #registration-form .regsecion_1,
#registration-popup #registration-form .regsecion_3,
#registration-popup #register-container .on-page-1 .regsecion_5,
#registration-popup #registration-form .regsecion_2,
#registration-popup #registration-form .regsecion_6,
.regsecion_2:has(#province-form:not(.hidden)) {
    display: flex !important;
    gap: 15px;
}
#registration-popup #registration-form .form-group:not(.checkbox) {
    margin-bottom: 0;
}
#registration-popup .button-container {
    display: flex;
    height: 40px;
    width: calc(100% - 35px);
    flex-direction: row;
    margin-bottom: 15px;
    border-bottom: 1px solid #2c2d3b;
    gap: 10px;
    justify-content: center;
}

#registration-popup .modal-header .logo-img {
    margin: 15px;
    width: 50px;
}

#registration-popup:has(.bonus-body) .logo-img,
#registration-popup #register-container-header .modal-title-text {
    display: none;
}

#registration-popup .button-container .registration-block.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: var(--color-gold-1);
}

#registration-popup .button-container .registration-block {
    color: #f6f6f6;
    position: relative;
}
#registration-popup #registration-form .form-control {
    height: 35px;
}
#registration-form .captcha-loader img {
    height: 35px;
    width: 140px;
}
    #registration-popup .button-container .registration-block.active,
    #registration-popup .button-container .registration-block:hover {
        color: var(--color-gold-1);
    }

    #registration-popup .button-container .registration-block button {
        background: transparent;
        border: unset;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        cursor: pointer;
        transition: color .2s ease-out;
        justify-content: flex-start;
        white-space: nowrap;
    }

/*.social-network {
    display: flex;
    gap: 15px;
    margin: 10px 0;
    justify-content: flex-end;
}

    .social-network button {
        height: 38px;
        width: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .social-network #custom-facebook-btn {
        background: #4267b2;
        border-radius: 12px;
        border: unset;
    }*/

#registration-popup #socialnetwork-form > .row > .col-xs-12.text-right:has(.js-back-button) {
    flex-direction: column;
}

#registration-popup #socialnetwork-form > .row > .col-xs-12.text-right:has(.js-back-button) .col-md-6.mt20 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}

#registration-popup #registration-form:has(.form-group) {
    max-height: 520px;
    min-height: 520px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#loginPopup .social-network {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px ;
}

#registration-popup #socialnetwork-form .col-xs-12.text-right {
    display: flex;
    align-items: center;
    justify-content: center;
}
#registration-popup #socialnetwork-form .col-xs-12.text-right:has(.social-continue) {
    flex-wrap: wrap;
}
#registration-popup #register-bonuses {
    border-left: 1px solid #0009;
    background-color: var(--background-color-blur);
    animation: showBonuses .2s ease-in;
    display: flex;
    flex-direction: column;
    max-height: 754px;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    z-index: 1;
    border-radius: 0 32px 32px 0;
    margin: 24px 0;
    padding: 35px 25px ;
}

#register-bonuses .registration-sub-nav li {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

select[id$="_day"],
select[id$="_month"],
select[id$="_year"] {
    height: 35px;
    margin: 0 2px;
    padding: 0 7px 0 6px;
    border-radius: 12px;
    background-color: var(--white-color);
    border: 1px solid transparent;
    color: var(--grey-color) !important;
    flex: 1;
    outline: none;
    cursor: pointer;
}

.credentials {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
#afterregistration-popup #register-after-container .copy-password {
    position: absolute;
    top: 28px;
    right: 8px;
    font-size: 20px;
}
#afterregistration-popup #email-form{
    height: 90px;
}
#afterregistration-popup .email-block {
    margin-bottom: 20px;
}
    .credentials .credential-item {
        width: 48%;
    }

.login-credential-item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .login-credential-item .copy-password {
        cursor: pointer;
        font-size: 18px;
        color: #1A426B;
    }

.action-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .action-buttons button {
        width: 48%;
    }

.email-block {
    display: flex;
    margin-bottom: 20px;
    gap: 2%;
}

#registration-popup #register-bonuses .bonus-body {
    font-family: Arial, sans-serif;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bonus-body-inner__content-head .bonus-body-inner__content-title {
    font-size: 15px;
}

.bonus-body-row-information {
    display: block;
    position: sticky;
    top: 0;
    text-align: justify;
    text-transform: capitalize;
    border-bottom: 1px solid var(--color-gold-1);
    border-radius: 20px 20px 0 0;
    z-index: 5;
    transition: all .2s ease-out;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    color: var(--color-gold-1);
    margin-right: 5px;
    padding: 10px 0;
    margin-bottom: 15px;
}

.bonus-body-list-item {
    background-color: var(--background-color-10);
    border-radius: 12px;
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin-bottom: 16px;
    border: 2px solid transparent;
    gap: 5px;
}

.bonus-body-list-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.bonus-body-list-item-header-details__title {
    font-size: 18px;
    font-weight: bold;
    color: var(--white-color);
}

.bonus-body-list-item-header-img-wrapper__img {
    max-width: 65px;
    min-width: 65px;
    border-radius: 50%;
}

.bonus-body-list-item-inner-properties {
    display: flex;
    justify-content: space-between;
}

.bonus-body-list-item-inner-properties__item {
    margin: 10px 0;
}

.bonus-body-list-item-inner-properties__item-value,
.bonus-body-list-item-inner-properties__item-value-amount {
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    color: var(--white-color);
}

.bonus-body-list-item-inner-buttons {
    display: flex;
    gap: 10px;
}

.bonus-body-list-item-inner-buttons-info {
    border: none;
    padding: 5px 12px;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    background: #363748;
    color: var(--color-gold-1);
    border-radius: 8px;
    border-color: transparent;
    transition: all .2s ease-out;
}

    .bonus-body-list-item-inner-buttons-info:hover {
        background: var(--color-gold-1);
        color: #363748;
    }

.bonus-body-list-item-inner-buttons-apply {
    width: 100%;
    border-radius: 8px !important;
}

.bonus-body-inner__content .bonus-body-list-item-inner-buttons-apply {
    margin: 10px 0;
}

#register-bonuses .registration-sub-nav {
    margin: 16px 0;
    display: flex;
    gap: 10px;
    margin-right: 2px;
}

#register-bonuses .registration-sub-nav:has(.frb-section):before{
    content: 'OR';
    font-size: 14px;
    margin-top:12px;
    font-weight: 700;
    order: 2;
    color: var(--color-gold-1);
}

#register-bonuses .registration-sub-nav .bon-section {
    order: 1;
}

#register-bonuses .registration-sub-nav .frb-section {
    order: 3;
}
.bonus-body-inner__tabs {
    white-space: nowrap;
    gap: 5px;
    position: relative;
    top: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid var(--color-gold-1);
    transition: border-radius .2s ease-out;
}

.bonus-body-list-item-inner-buttons-back:hover {
    background-color: var(--color-gold-1);
    color: #2c2d3b;
}

.bonus-body-list-item-inner-buttons-back {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: unset;
    background-color: #363748;
    color: var(--color-gold-1);
    border-radius: 8px;
    margin-right: 20px;
    cursor: pointer;
    transition: all .3s ease;
}

.bonus-body-inner__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 700;
    color: var(--white-color);
    position: relative;
    font-size: 18px;
    line-height: 24px;
    margin-right: 16px;
    height: 100%;
    cursor: pointer;
    transition: color .3s ease;
    white-space: nowrap;
    margin-bottom: 10px;
}

.bonus-body-list-item-inner-buttons-back:hover {
    background-color: var(--color-gold-1);
    color: #2c2d3b;
}

.bonus-body-inner__tab.active:before {
    /* content: ""; */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--color-gold-1);
}

.bonus-body-inner__tab.active, .bonus-body-inner__tab:hover {
    color: var(--color-gold-1);
}

#registration-popup #register-bonuses .bonus-body .bonus-body-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#registration-popup #register-bonuses .bonus-body:has(.registration-sub-nav) .bonus-body-list {
    max-height: 380px;
}

    #registration-popup #register-bonuses .bonus-body .bonus-body-list::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

.bonus-body-inner__tabs_nav {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    position: sticky;
}

.bonus-body-inner__content {
    padding: 20px 0;
    color: var(--white-color);
}

.bonus-body-inner__content-head {
    display: flex;
    margin: 0 0 20px;
}

.bonus-body-inner__content-img {
    width: 92px;
    height: 92px;
    margin-right: 24px;
    flex-shrink: 0;
    object-fit: cover;
}

.bonus-body-inner__content-inner {
    margin: auto 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
}

.bonus-body-inner__content-properties {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 5px;
}

.bonus-body-inner__content-properties-row {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.bonus-body-inner__content-properties-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-gold-1);
}

.bonus-body-inner__content-properties-col {
    width: 100%;
}

    .bonus-body-inner__content-properties-col:nth-child(2) {
        text-align: right;
    }

    .bonus-body-inner__content-properties-col:first-child {
        color: var(--color-gold-1);
    }

.bonus-body-inner__content-properties-row:has(.bonus-body-row-bold) {
    display: block;
}

    .bonus-body-inner__content-properties-row:has(.bonus-body-row-bold) .bonus-body-inner__content-properties-col {
        text-align: left;
    }

#register-container {
    background-color: var(--background-color-blur);
    animation: showPanel .2s ease-in;
    border-radius: 32px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    max-height: 802px;
    max-width: 500px;
    width: 100%;
    padding: 25px;
    position: relative;
    z-index: 2;
}

.registration .form-group .row:has(select[name="month"]) {
    display: flex;
    justify-content: center;
    padding: 0 15px;
}

#registrationPopup .modal-dialog .modal-body .register-container {
    height: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    display: flex;
    position: relative;
    width: 100%;
}

#registrationPopup .modal-dialog .modal-content {
    border-radius: 12px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    margin-right: 50px;
    padding: 0;
    box-shadow: unset;
    border: unset;
}

#register-bonuses .registration-sub-nav li {
    margin: 3px;
    flex: 5;
    padding: 10px 20px;
    border: 1px solid var(--color-gold-1);
    color: var(--color-gold-1);
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    transition: background .3s ease;
}

    #register-bonuses .registration-sub-nav li.active,
    #register-bonuses .registration-sub-nav li:hover {
        color: #000 !important;
        border-color: var(--color-gold-1) !important;
        background: var(--color-gold-1) !important;
    }

#registrationPopup #registration-popup .modal-content button.close,
#after-registration-popup #registration-popup .modal-content button.close {
    background-color: #363748;
    border-radius: 50%;
    height: 36px;
    position: absolute;
    right: -48px;
    top: 0;
    font-size: 36px;
    width: 40px;
    z-index: 1;
    align-items: center;
    color: var(--color-gold-1);
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: color, background-color .6s ease-out;
}

#after-registration-popup #registration-popup .modal-content button.close {
    right: 0;
}

    #registrationPopup #registration-popup .modal-content button.close:hover,
    #after-registration-popup #registration-popup .modal-content button.close:hover {
        background-color: var(--color-gold-2) !important;
        box-shadow: 0 4px 7px 0 rgba(0,0,0,.15);
        color: #363748 !important;
    }

    #registrationPopup #registration-popup .modal-content button.close span,
    #after-registration-popup #registration-popup .modal-content button.close span {
        width: 20px;
        height: 35px;
    }

.bonus-body-inner__content .games-box {
    overflow-x: scroll;
    width: 100%;
    overflow-y: hidden;
    margin: 20px 0;
}

body:not(.mobile) .bonus-body-inner__content .games-box .freespin-games,
body:not(.mobile) .bonus-body-inner__content .games-box .table--scrollable__tr {
    width: 100vh;
}

body:not(.mobile) .bonus-body-inner__content:not(#register-bonuses .bonus-body-inner__content) .games-box .product-name {
    max-width: 50px;
}
/* ------Login Popup Footer */ 
.col-xs-7.text-left.forgot-password {
    margin: 15px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.divider {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    margin: 18px 0;
}
.divider.fancy .divider-line {
    height: 2px;
    background: linear-gradient(90deg, rgba(47, 200, 120, 0) 0%, rgba(244, 197, 66, 0.6) 30%, rgba(244, 197, 66, .6) 70%, rgba(47, 200, 120, 0) 100%);
    box-shadow: 0 0 10px rgba(47, 200, 120, 7%);
}
.divider-line {
    flex: auto;
    opacity: .9;
    border-radius: 2px;
    min-width: 30px;
}
.divider-text {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 20px;
    color: var(--color-gold-1);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .06em;
    border: 1px solid var(--color-gold-1);
    box-shadow: 0 2px 8px rgba(47, 200, 120, 4%) inset;
}
.logon-to-registration {
    width: 100%;
    margin-top: 5px;
}
.logon-to-registration .btn-sign-up {
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
}
/* ---- Deposit  ----*/

#register-bonuses .games-box {
    color: var(--white-color);
}

#register-bonuses .bonus-body-fixed-header,
#register-bonuses .fixed-freespin-header
.mobile .bonus-body-fixed-header,
.mobile .fixed-transaction-block-head,
.mobile .bonus-col-title-wrapper.fixed-bonus-header,
.mobile .fixed-freespin-header {
    display: none;
}

#register-bonuses .bonus-body-row-title {
    position: relative;
    border: 1px solid var(--color-gold-1);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    margin-right: 5px;
    height: auto;
}

#register-bonuses [class*=player-bonus-type] .bonus-body-row-title .bonus-body-row-header,
#register-bonuses [class*=player-bonus-type] .bonus-body-row-title .bonus-body-row-main {
    width: 100%;
    display: flex;
    align-items: start;
    row-gap: 5px;
    padding: 0;
    background-color: #2a2a2a;
    color: var(--white-color);
    flex-direction: column;
    border: unset;
    margin: 0;
}

    #register-bonuses [class*=player-bonus-type] .bonus-body-row-title .bonus-body-row-main .bonus-checkbox-wrapper {
        text-align: right !important;
        width: 100%;
    }

.mobile .freespin-games,
#register-bonuses .freespin-games {
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    background-color: var(--background-color-9);
    border-top: 2px solid var(--color-gold-1);
    border-bottom: 2px solid var(--color-gold-1);
}

    .mobile .freespin-games .table--scrollable__tr,
    #register-bonuses .freespin-games .table--scrollable__tr {
        position: relative;
        display: flex;
        width: 100%;
        min-width: unset !important;
        background-color: transparent;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 !important;
    }

        .mobile .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles,
        #register-bonuses .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
            color: #000;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            background: var(--gradient-color);
        }

    .mobile .freespin-games > .freespin-games-main:not(.freespin-game),
    #register-bonuses .freespin-games > .freespin-games-main:not(.freespin-game) {
        position: relative;
        display: flex !important;
        width: 100%;
        min-width: auto !important;
        background-color: transparent;
        align-items: flex-start;
        flex: unset;
        margin: 0 !important;
        justify-content: space-between;
        font-size: 12px;
    }

#register-bonuses .games-box .freespin-gamescontainer {
    min-width: auto !important;
}

#register-bonuses .modal-sub-body {
    overflow-x: hidden !important;
}

.mobile .freespin-games .no-wrap.table--scrollable__th,
#register-bonuses .freespin-games .no-wrap.table--scrollable__th {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mobile .freespin-games > .freespin-games-main:not(.freespin-game) .Item,
#register-bonuses .freespin-games > .freespin-games-main:not(.freespin-game) .Item {
    justify-content: space-between;
    min-height: unset !important;
}

.mobile [class*='player-bonus-type'] .bonus-body-row-title div,
#register-bonuses [class*='player-bonus-type'] .bonus-body-row-title div {
    text-align: left !important
}

.mobile .bonus-body-inner__content .games-box,
#register-bonuses .bonus-body-inner__content .games-box {
    overflow-x: hidden;
    max-width: 100%;
    margin: 15px 0;
}

#register-bonuses .freespin-games .table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px;
}

#register-bonuses .games-info-titles .game,
#register-bonuses .freespin-games .Item img:not(.product-vendore-img) {
    max-width: 60px;
    min-width: 60px;
}

#register-bonuses .freespin-game .Item > *,
#register-bonuses .games-info-titles .table--scrollable__th {
    margin: 10px 10px !important;
}

#registration-popup #registration-form i.eye-icon {
    top: 25%;
}

#after-registration-popup #register-container-header {
    padding: 0;
}

#socialnetwork-form {
    margin-top: 15px;
}

.social-network {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
    margin: 0;
}

    .social-network button {
        flex-shrink: 0;
        height: 40px;
        width: 40px;
        align-items: center;
        background: #ffffff1a;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: center;
        transition: all .3s;
        border: unset;
    }

#socialnetwork-form button img {
    width: 20px;
    height: 20px;
}

.social-network button:hover {
    background: #ffffff26;
    opacity: 1 !important;
}

.social-continue {
    width: auto !important;
    padding: 6px 16px !important;
    border-radius: 28px !important;
    border-bottom: 1px solid #acd41b !important;
    color: var(--color-gold-1) !important;
    text-transform: uppercase;
    position: relative;
}

#registration-popup #register-bonuses:not(:has(.bonus-body)) {
    display: none;
}

#registration-popup .modal-body:not(:has(.bonus-body)) {
    flex-direction: column;
    background-color: var(--background-color-blur);
    max-width: 500px;
    width: 100%;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
    max-height: 700px;
    min-height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    gap: 0;
}

#registration-popup .modal-content:not(:has(.bonus-body)) {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

    #registration-popup .modal-content:not(:has(.bonus-body)) #register-container-header {
        height: 40px;
    }

#registrationPopup:not(#after-registration-popup) #registration-popup .modal-content:not(:has(.bonus-body)) #register-container-header button.close {
    right: 0;
    background-color: transparent;
}

#registration-popup .modal-body:not(:has(.bonus-body)) #register-container {
    width: 100%;
    max-width: 500px;
    border-radius: 0;
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 25px;
    overflow: visible;
    background: transparent;
}

    #registration-popup .modal-body:not(:has(.bonus-body)) #register-container #registration-form {
        max-height: unset;
        min-height: unset;
        overflow: hidden;
    }
#registration-popup .modal-body:not(:has(.bonus-body)) .row.registration-to-logon-row {
    background-color: transparent;
}
#registration-popup  .modal-body:not(:has(.bonus-body)) .register-container {
    max-height: 100% !important;
    min-height: 100%!important;
    background-color: transparent !important;
}
#city_form {
    position: relative;
}

.row.registration-to-logon-row {
    align-items: center;
    border-top: 1px solid #0009;
    background-color: var(--background-color-blur);
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    padding: 15px 0;
    position: relative;
    z-index: 1;
    margin: 0;
    width: 470px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

    .row.registration-to-logon-row .registration-to-logon {
        line-height: 18px;
        text-align: center;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 400;
        color: rgba(228, 228, 228, .8);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 10px;
    }

    .row.registration-to-logon-row .registration-to-logon_text {
        color: rgba(228, 228, 228, .8);
    }

    .row.registration-to-logon-row .registration-to-logon_button {
        font-weight: 700;
        color: var(--color-gold-1);
    }

/* ------------------------------- Partition ---------------------------------- */

.month-dropdown .unsettledButton .unsettled-item {
    pointer-events: none;
}

.month-dropdown {
    position: absolute;
    max-width: 230px;
    top: 40px;
    max-height: 350px;
    height: 100vh;
    width: 100vh;
    margin: 0;
    left: 14px;
    right: 100%;
    flex-direction: column;
    background-color: var(--white-color);
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    z-index: 3001;
}

    .month-dropdown .month-item,
    .month-dropdown .unsettledButton .unsettled-item {
        display: flex;
        font-size: 13px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        color: #2a2a2a;
        padding: 3px 12px;
        margin-bottom: 8px;
        cursor: pointer;
        list-style: none;
        align-items: center;
        transition: all .3s;
    }

        .month-dropdown .month-item.active,
        .month-dropdown .month-item:hover,
        .month-dropdown .unsettledButton .unsettled-item.active,
        .month-dropdown .unsettledButton .unsettled-item:hover {
            background-color: var(--color-gold-1);
            border: 1px solid var(--color-gold-1);
            color: var(--white-color);
        }

    .month-dropdown .month-dropdown-footer {
        position: sticky;
        height: 40px;
        width: 100%;
        gap: 10px;
    }

    .month-dropdown .month-dropdown-list {
        max-height: 300px;
        overflow-x: hidden;
        max-width: none;
        overflow-y: scroll;
        width: 100%;
        position: relative;
        color: inherit;
        margin-top: 1px;
        background-clip: padding-box;
    }

.form-group {
    position: relative;
    width: 100%;
}

.btn.btn-success.apply-months,
.btn.btn-warning.clear-months {
    padding: 5px 15px !important;
    line-height: 15px;
    margin-top: 1px;
}

.form-control.unsettled_Button {
    white-space: nowrap;
    padding: 8px 36px !important;
    color: var(--color-blue-text) !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background-image: var(--gradient-color-2) !important;
    background-color: var(--color-gold-1) !important;
    text-transform: uppercase;
    position: relative;
}


    .form-control.unsettled_Button::after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 8px solid white;
    }

.input-group.unsettled {
    margin-left: 14px;
}

.col-xs-4.checkwagers {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-radius: 10px;
}

    .col-xs-4.checkwagers .form-group {
        margin: 0;
        width: fit-content;
    }

#profilePopup .checkwagers .form-group > label:not(.unsettledRow>label) {
    display: none;
}

#profilePopup .col-xs-3, #profilePopup .responsible-gambling .switch {
    width: 140px;
    height: 28px;
    padding: 0;
}

#profilePopup .modal-dialog.modal--balance-history .modal-sub-body .col-xs-3 {
    width: 25%;
    height: auto;
    padding-right: 15px;
}

#profilePopup .modal-dialog.modal--balance-history .modal-sub-body .unsettledRow.col-xs-4 {
    width: 33.33333333%;
}

.checkbox-wrapper-34 {
    margin-top: 40% !important;
}

    .checkbox-wrapper-34 .tgl {
        display: none;
    }

        .checkbox-wrapper-34 .tgl,
        .checkbox-wrapper-34 .tgl:after,
        .checkbox-wrapper-34 .tgl:before,
        .checkbox-wrapper-34 .tgl *,
        .checkbox-wrapper-34 .tgl *:after,
        .checkbox-wrapper-34 .tgl *:before,
        .checkbox-wrapper-34 .tgl + .tgl-btn {
            box-sizing: border-box;
        }

            .checkbox-wrapper-34 .tgl::selection,
            .checkbox-wrapper-34 .tgl:after::selection,
            .checkbox-wrapper-34 .tgl:before::selection,
            .checkbox-wrapper-34 .tgl *::selection,
            .checkbox-wrapper-34 .tgl *:after::selection,
            .checkbox-wrapper-34 .tgl *:before::selection,
            .checkbox-wrapper-34 .tgl + .tgl-btn::selection {
                background: none;
            }

            .checkbox-wrapper-34 .tgl + .tgl-btn {
                outline: 0;
                display: block;
                width: 65px;
                height: 20px;
                position: relative;
                cursor: pointer;
                user-select: none;
                font-size: 12px;
                font-weight: 400;
                color: var(--white-color);
                margin-top: 5px;
            }

                .checkbox-wrapper-34 .tgl + .tgl-btn:after,
                .checkbox-wrapper-34 .tgl + .tgl-btn:before {
                    position: relative;
                    display: block;
                    content: "";
                    width: 26%;
                    height: 100%;
                }

                .checkbox-wrapper-34 .tgl + .tgl-btn:after {
                    left: 0;
                }

                .checkbox-wrapper-34 .tgl + .tgl-btn:before {
                    display: inline;
                    position: absolute;
                    top: 3px;
                }

            .checkbox-wrapper-34 .tgl:checked + .tgl-btn:after {
                left: 73.5%;
            }

    .checkbox-wrapper-34 .tgl-ios + .tgl-btn {
        background: #E1E5EB;
        border-radius: 20rem;
        padding: 2px;
        transition: all 0.4s ease;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    }

        .checkbox-wrapper-34 .tgl-ios + .tgl-btn:after {
            border-radius: 2em;
            background: var(--white-color);
            transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        }

        .checkbox-wrapper-34 .tgl-ios + .tgl-btn:before {
            content: "Excluded";
            left: 20px;
            font-size: 10px;
            color: #848ea1;
            transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .checkbox-wrapper-34 .tgl-ios + .tgl-btn:active {
            box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
        }

            .checkbox-wrapper-34 .tgl-ios + .tgl-btn:active:after {
                padding-right: 0.4em;
            }

    .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn {
        background: var(--color-gold-1) !important;
    }

        .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active {
            box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
        }

            .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active:after {
                margin-left: -0.4em;
            }

        .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:before {
            content: "Included";
            left: 6px;
            color: #2a2a2a;
            font-size: 10px;
        }

.unsettledRow.disabled {
    opacity: 0.5;
    pointer-events: none;
}

#profilePopup .modal-history .modal-content .modal-sub-body .row > form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 15px;
}

    #profilePopup .modal-history .modal-content .modal-sub-body .row > form .transaction_seeDetails_btn {
        flex-basis: 100%;
    }

    #profilePopup .modal-history .modal-content .modal-sub-body .row > form > div:not(.transaction_seeDetails_btn) {
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        padding: 10px;
        border-radius: 10px;
        flex: 1;
    }

#profilePopup .modal-history .transaction_seeDetails_btn .form-group {
    margin: 15px 0 auto;
    display: flex;
    justify-content: end;
    width: 100%;
}

#profilePopup .modal-history .transaction_seeDetails_btn {
    margin-left: auto;
}

    #profilePopup .modal-history .transaction_seeDetails_btn button {
        height: fit-content;
    }

#profilePopup .modal-history .modal-content .modal-sub-body .row {
    margin-bottom: 50px !important;
}

/* ------------------------ Promotions Single Pages --------------------------- */

.Container__Item.Promotions_Single--Page {
    display: flex;
    justify-content: center;
    max-width: 1568px;
    margin: 100px auto 0px;
    padding: 0 24px;
    overflow: hidden;
}

    .Container__Item.Promotions_Single--Page > .Container__Item {
        max-width: 1160px;
        border-radius: 20px;
        padding: 30px;
        position: relative;
    }

.Promotions_Single--Page_Banner {
    margin-bottom: 32px;
}

.Container__Item.Promotions_Single--Page > .Container__Item img {
    width: 100%;
    border-radius: 8px;
}

.Promotions_Single--Page .Promotions_Single--Page_Content .Promotions_Content_Title {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #dbdbdb;
}
.Promotions_Single--Page .Promotions_Single--Page_Content .Promotions_Content_Main,
.Promotions_Single--Page .Promotions_Single--Page_Content a {
    color: var(--color-gold-1);
}


.Promotions_Content_Main,
.promo_rules_highlight_gold,
.Promotions_Content_Title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    color: var(--color-gold-1);
}
.Promotions_Content-checks_Title a {
    color: var(--color-gold-1);
}
.Promotions_Content-checks_Title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    color: var(--white-color);
}
.promo_small_title {
    font-size: 18px;
}
.promo_small_title > a {
    color: var(--color-gold-1);
}
.Promotions_Content-checks .Content-Item {
    width: fit-content;
    display: flex;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #dbdbdb;
}

    .Promotions_Content-checks .Content-Item .Content-checks {
        margin-right: 8px;
    }

.Promotion_DepositNow__button {
    display: flex;
    justify-content: center;
    padding: 24px 40px 16px;
}



    .Promotion_DepositNow__button .Button--outlined, .Promotion_DepositNow__button .Button--sign-in {
        color: #000 !important;
        background-color: var(--color-gold-2) !important;
        padding: 10px 40px;
        font-style: normal;
        letter-spacing: 0.5px;
        border-radius: 30px;
        text-transform: uppercase;
        border: none;
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        height: auto;

    }

.Promotions_Single--Page .Promo__Rules__Widget {
    padding: 0;
}

.Promo__Rules__Widget {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 18px;
    padding: 9px 0;
    gap: 18px 24px;
    flex-wrap: wrap;
    transition: opacity 150ms;
    opacity: 1;
    pointer-events: auto;
    color: #dbdbdb;
}

.Promotions_Single--Page .Promo__Rules__Widget > div {
    width: 100%;
    background-color: var(--background-color-21);
    border-radius: 8px;
}
.Promotions_Single--Page .Promo__Rules__Widget .promo__rules_title:has(.open) .open::after{
    transform: rotate(225deg);

}
.Promotions_Single--Page .promo__rules_title h3 {
    padding: 15px 24px;
    color: var(--color-gold-2) !important;
    cursor: pointer;
    margin: 0;
    position: relative;
    margin-left: 10px;
}

.Promotions_Single--Page .promo__rules_title div p strong {
    display: contents;
}
    .Promotions_Single--Page .promo__rules_title h3::after {
        content: "";
        border-bottom: 2px solid var(--color-gold-2) !important;
        border-right: 2px solid var(--color-gold-2) !important;
        display: inline-block;
        height: 12px;
        right: 24px;
        position: absolute;
        top: 20px;
        width: 12px;
        transition: .1s;
        transform: rotate(45deg);
    }

.Promotions_Single--Page .promo__rules_title div {
    display: none;
}

.promo__rules_title div:not(.promo_rules_highlight_gold) {
    background-color: var(--background-color-21);
    transition: transform 0.3s;
    height: auto;
    padding: 5px 24px 30px 24px;
    overflow: unset;
    border-radius: 8px;
}

.Promotions_Single--Page .promo__rules_title div h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    color: var(--white-color);
    margin: 15px 0;
}

.Promotions_Single--Page .promo__rules_title div p {
    width: fit-content;
    display: flex;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    user-select: text;
    margin: unset;
    margin-bottom: 10px;
}

.promo__rules_title div * {
    margin-bottom: 25px;
}

.Wrapper--Single.Home--Page_Menu--Banners {
    padding-top: 410px;
}

/* ------------------------------------Contact Us CSS -------------------------- */

.wrapper_info.Contact-us-wrapper #contentText {
    max-width: 1000px;
    margin: 0 auto;
}

.wrapper_info.Contact-us-wrapper h1 {
    text-align: left;
}

.wrapper_info.Contact-us-wrapper .subtitle {
    font-size: 17px;
}

.qualities {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
    gap: 2rem;
    margin: 0 auto;
    margin-top: 10px;
}

.qualities_item {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    min-height: 228px;
    padding: 40px 32px;
    border-radius: 16px;
    box-shadow:var(--box-gold-shadow);
}

.title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-gold-1);
    text-align: center;
    margin: 10px 0;
}

.qualities_item:before {
    content: "";
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
}

.qualities_item.icon-email:before {
    background: url(/content/img/contact-us/email.png) no-repeat;
    background-size: 100%;
}

.qualities_item.icon-live-chat:before {
    background: url(/content/img/contact-us/live-chat.png) no-repeat;
    background-size: 100%;
}

.qualities_item.icon-self-help:before {
    background: url(/content/img/contact-us/self-help.png) no-repeat;
    background-size: 100%;
}

.qualities_item:hover {
    box-shadow: 0 4px 8px rgba(227, 194, 99, 0.2), 0 8px 20px rgba(227, 194, 99, 0.3);

}

.qualities_item.icon-self-help {
    grid-row: span 2 / span 2;
    grid-column: span 2 / span 2;
}

.help-list {
    list-style: none;
}

    .help-list li {
        margin: 8px 0;
        padding-left: 28px;
        position: relative;
    }

        .help-list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            width: 20px;
            height: 20px;
            background-size: contain;
            background-repeat: no-repeat;
        }

/* Icons for each item */
li#icon-account::marker {
    content: counter(list-item) '    🔑 ';
}

li#icon-deposits::marker {
    content: counter(list-item) '    💳 ';
}

li#icon-bonuses::marker {
    content: counter(list-item) '    🎁  ';
}

li#icon-games::marker {
    content: counter(list-item) '    🎲  ';
}

li#icon-security::marker {
    content: counter(list-item) '    🛡  ';
}

.faq-link {
    color: var(--color-gold-1);
    font-weight: bold;
    text-decoration: none;
}

/* ------------------------------------ About Us CSS -------------------------- */

.About-Us-Container h1 {
    font-size: 2.8rem;
    margin-bottom: 30px;
    text-align: center;
    background: var(--gradient-color-rg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    letter-spacing: 1px;
}

.About-Us-Container h2 {
    font-size: 1.8rem;
    margin-bottom: 12px;
    color: var(--color-gold-2);
    font-weight: 600;
}

.About-Us-Container p {
    margin-bottom: 15px;
    color: #d5d5d5;
}

.About-Us-Container ul:not(.widget-list-container ul) {
    margin: 10px 0 20px 20px;
}

.About-Us-Container ul li {
    margin-bottom: 10px;
    font-size: 1.4rem;
    color: #e8e8e8;
    font-family: 'Roboto';
    list-style: none;
}

.About-Us-Container .section {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 25px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--box-gold-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .About-Us-Container .section:hover {
        /*transform: translateY(-5px);*/
        box-shadow:
  0 4px 8px rgba(227, 194, 99, 0.2),
  0 8px 20px rgba(227, 194, 99, 0.3);

    }

.About-Us-Container .highlight {
    color: #ffcb3c;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(255, 203, 60, 0.6);
}

.About-Us-Container .thankyou {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    background: linear-gradient(135deg, rgb(58 255 169 / 38%), rgb(45 236 174 / 27%));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 25px;
    margin-top: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.6);
    color: var(--white-color);
}
.About-Us-Container .thankyou p {
    font-size: 18px;
}
.About-Us-Container .thankyou strong {
    color: #00f9ff;
}

/* ------------------------------------ Blog CSS -------------------------- */

.Wrapper--Single.Blog--Page-Container {
    display: flex !important;
    justify-content: center;
    max-width: 1568px;
    margin: 0 auto;
    padding: 0 24px;
    overflow: hidden;
    position: relative;
    flex-direction: column;
}

.Container--full.Wrapper--Blog-Page-Container {
    padding-top: 100px;
}

.Blog-Page-Container .Content__Item,
.Blog-Page-Container .front .card-title,
.Blog-Page-Container .front .card-info,
.Blog-Page-Container .back .close-info,
.News---Single_Pages-Container .Content__Item,
.Wrapper--Single.Blog--Page-Container .Content__Item,
.Wrapper--Single.Blog--Page-Container .front .card-title,
.Wrapper--Single.Blog--Page-Container .front .card-date,
.Wrapper--Single.Blog--Page-Container .front .card-info,
.Wrapper--Single.Blog--Page-Container .back .close-info {
    display: none;
}

.Widget-Blog--Header:not(.Widget-Blog--Header#contentText) {
    display: grid;
    align-items: flex-start;
    margin-bottom: 10px;
    grid-template-columns: 0.1fr 4fr;
}

    .Widget-Blog--Header:not(.Widget-Blog--Header#contentText):before {
        content: '';
        display: block;
        width: 76px;
        height: 76px;
        background: url(/content/img/latest-news/blog-page-icon-top.svg) 50% no-repeat;
        grid-row: span 3 / span 2;
    }

.Widget-Blog--Header h1, .Widget-Blog--Header h3, .Widget-Blog--Header p {
    margin: 0;
    padding-left: 22px;
}

.Widget-Blog--Header h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: var(--color-gold-1);
    margin-bottom: 15px;
}

.Widget-Blog--Header p {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 25px;
    color: var(--white-color);
    margin-bottom: 0;
}

.Blog-Page-Container ul {
    margin: 25px 16px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    overflow-x: scroll;
}

    .Blog-Page-Container ul li.active,
    .Blog-Page-Container ul li:hover {
        border-color: var(--color-gold-2);
        color: var(--white-color);
    }

    .Blog-Page-Container ul li {
        cursor: pointer;
        padding: 5px 20px;
        border-radius: 8px;
        border: 2px solid transparent;
        color: rgb(156 163 175 / 1);
        font-size: 16px;
        font-weight: 500;
        line-height: inherit;
    }

        .Blog-Page-Container ul li:not(:first-child) {
            margin: 0 0 0 16px;
        }

.Blog-Page-Container #promo-body-wraper {
    margin: 20px 0;
}

    .Blog-Page-Container #promo-body-wraper .tab-body-inner {
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

.Blog-Page-Container .blog-component {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    padding: 16px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    background-color: rgb(43 46 55 / 1);
    cursor: pointer;
    height: auto;
}

            .Blog-Page-Container .blog-component:hover {
                background-color: #353b4d;
            }

            .Blog-Page-Container  .blog-component .card-image {
                height: auto;
                border-radius: 8px;
                object-fit: cover;
            }

            .Blog-Page-Container .blog-component .back {
                position: relative;
                margin-top: 20px;
            }

                .Blog-Page-Container .blog-component .back .card-title {
                    display: flex;
                    font-size: 20px;
                    line-height: 28px;
                    font-weight: 600;
                    margin-top: 75px;
                    margin-bottom: 8px;
                    color: var(--white-color);
                }

                .Blog-Page-Container .blog-component .back .content p {
                    color: rgb(234 236 239 / 1);
                    font-size: 16px;
                    line-height: 25px;
                    font-weight: 500;
                    display: -webkit-box;
                    -webkit-line-clamp: 3; 
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }

                .Blog-Page-Container .blog-component .back .blog-category-type {
                    position: absolute;
                    top: -55px;
                    border: 2px solid var(--color-gold-2);
                    border-radius: 8px;
                    color: var(--white-color);
                    padding: 5px 20px;
                    font-size: 16px;
                    font-weight: 600;
                }

                .Blog-Page-Container .blog-component .back .read-more {
                    position: absolute;
                    top: 0;
                    display: block;
                    opacity: 0;
                    width: 100%;
                    height: 100%;
                }

            .Blog-Page-Container .blog-component .front .card-date {
                position: absolute;
                top: 110%;
                right: 0;
                color: rgb(188 188 188 / 1);
                font-size: 16px;
                display: inline-block !important;
                width: 9ch;
                overflow: hidden;
                white-space: nowrap;
            }

            .Blog-Page-Container .blog-component .front {
                position: relative;
            }

/* --------------------------------- Blog Single Pages Css ------------------------------ */

.Container--full.News---Single_Pages {
    padding-top: 100px;
}

.Widget-Blog--Header h3 {
    font-size: 30px;
    margin: 15px 0;
    color: var(--color-gold-2);
}

.Widget-Blog--Header .blog-content {
    font-size: 18px;
}

.News---Single_Pages-Container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
    max-width: 1568px;
    margin: 0 auto;
    padding: 0 24px;
    overflow: hidden;
    position: relative;
    gap: 160px;
}

.Container__Item.news-single--content {
    grid-column: span 2 / span 2;
}

.news-single--title_container .category-button {
    border: 2px solid var(--color-gold-2);
    border-radius: 8px;
    color: var(--white-color);
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
    width: max-content;
}

.news-single--title_container h1 {
    color: var(--white-color);
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.news-single--title_container .date-text {
    color: rgb(188 188 188 / 1);
    font-size: 16px;
    font-weight: 600;
}

.news-single--title_container p:not(.date-text, .category-button) {
    font-size: 16px;
    padding: 0;
    margin: 10px 0;
    color: var(--white-color);
}

.news-single--banner_container img {
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%;
    height: 550px;
    object-fit: cover;
}
.news-single--content_container a  {
    color: var(--color-gold-2);
}

.news-single--content_container h2 {
    color: var(--color-gold-2);
    font-size: 25px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.news-single--content_container h3 {
    color: #ffffff;
    font-size: 22px;
    margin-top: 18px;
    margin-bottom: 8px;
    font-weight: bold; 
}

.news-single--content_container h4 {
    color: #dddddd; 
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 6px;
    font-weight: bold;
}

.news-single--content_container p {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
}

.news-single--content_container .disclaimer-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    color: #fff;
    line-height: 1.6;
}

.news-single--content_container .disclaimer-text {
    font-size: 12px;
    margin-top: 0;
    color: #fff;
    line-height: 1.6;
}


.Latest_News--Latest--Posts,
.Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-track {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    gap: 24px;
}

.News---Single_Pages .Container__Item:has(.Latest_News--Latest--Posts):before {
    content: "Latest Posts";
    margin-bottom: 16px;
    align-self: flex-start;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: rgb(255 255 255 / 1);
}

.News---Single_Pages .Container__Item:has(.Latest_News--Latest--Posts) {
    display: flex;
    margin-top: 40px;
    padding: 20px;
    background-color: rgb(41 44 53);
    border-radius: 8px;
    flex-direction: column;
    max-height: fit-content;
    overflow: hidden;
}

.News---Single_Pages .Latest_News--Latest--Posts .blog-component {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
    .News---Single_Pages .Latest_News--Latest--Posts:before,
    .News---Single_Pages .Latest_News--Latest--Posts:after,
    .News---Single_Pages .Latest_News--Latest--Posts .blog-component .back,
    .News---Single_Pages .Latest_News--Latest--Posts .blog-component:nth-child(n+11),
    .News---Single_Pages .Latest_News--Latest--Posts .blog-component .front .card-date,
    .News---Single_Pages .Latest_News--Latest--Posts .blog-component .front .card-info {
        display: none;
    }

    .News---Single_Pages .Latest_News--Latest--Posts .blog-component .front {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
        .News---Single_Pages .Latest_News--Latest--Posts .blog-component .front a {
            width: 60%;
            height: 100%;
        }

        .News---Single_Pages .Latest_News--Latest--Posts .blog-component .front .card-image {
            height: auto;
            max-width: 100%;
            object-fit: cover;
            border-radius: 6px;
        }

        .News---Single_Pages .Latest_News--Latest--Posts .blog-component .front .card-title {
            display: flex;
            flex-direction: column;
            margin-left: 12px;
            font-size: 14px;
            line-height: 20px;
            color: rgb(255 255 255 / 1);
            width: 100%;
        }

/* -------------------CSS for Blog Sliding Objects ------------------------*/

.Container--full.Latest_News--Sliding {
    margin: 90px 0 50px;
}

    .Container--full.Latest_News--Sliding .Latest_News--Sliding__container.Blog-Page-Container {
        max-width: 1568px;
        margin: 0 auto;
        position: relative;
    }

.Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-track {
    flex-direction: row;
}

.Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-prev,
.Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-next {
    top: -40px;
    display: flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 2px solid var(--color-gold-2);
    border-radius: 8px;
    color: var(--white-color);
    padding: 10px;
    align-items: center;
    justify-content: center;
}

    .Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-prev:before,
    .Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-next:before {
        font-size: 25px;
        background: transparent;
    }

.Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-prev {
    right: 60px;
}

.Latest_News--Latest--Posts.slick-initialized.slick-slider .slick-next {
    right: 10px;
}

.Container--full.Latest_News--Sliding .Content__Item {
    display: flex;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: var(--white-color);
    padding: 25px;
}

/* ------------------- Old CSS Version for Blog Page ------------------------*/

.Wrapper--Single.Blog--Page-Container .article-cards .blog-component {
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--background-color-5);
}

    .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .scene {
        position: relative;
        height: 100%;
    }

    .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back {
        padding: 25px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .content,
        .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .card-title {
            font-style: normal;
            line-height: 150%;
            color: var(--black-color);
        }

        .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .card-title {
            color: var(--color-gold-1);
            font-weight: 700;
            font-size: 18px;
            margin-bottom: 15px;
        }

        .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .content {
            margin-bottom: 20px;
            font-weight: 400;
            font-size: 14px;
            margin-bottom: 15px;
            color: var(--white-color);
        }

            .Wrapper--Single-Latest-News .component-container .back .content p,
            .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .content p {
                opacity: .7;
            }

            .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .content .casino-link {
                max-width: 110px;
                position: absolute;
                top: 23px;
                right: 35px;
            }

            .News---Single_Pages-Container .page-article__top .casino-link,
            .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .content .casino-link {
                display: block;
                padding: 5px 26px;
                border: 2px solid var(--brand-yellow-color);
                font-style: normal;
                font-weight: 400;
                font-size: 18px;
                line-height: 150%;
                color: var(--black-color);
                transition: all .3s ease;
                border-radius: 3px;
            }

        .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .read-more {
            display: block;
            padding: 5px 11px;
            width: max-content;
            border: 2px solid var(--color-gold-1);
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 150%;
            color: var(--white-color);
            transition: all .3s ease;
            border-radius: 3px;
        }

            .Wrapper--Single.Blog--Page-Container .article-cards .blog-component .back .read-more:hover {
                color: var(--black-color);
                background-color: var(--color-gold-1);
            }

.Wrapper--Single.Blog--Page-Container .Container__Item.row.article-cards {
    display: grid;
    padding: 0;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    border-radius: 12px;
    margin: 0;
}

    .Wrapper--Single.Blog--Page-Container .Container__Item.row.article-cards:before,
    .Wrapper--Single.Blog--Page-Container .Container__Item.row.article-cards:after {
        display: none;
    }

.Wrapper--Single.Blog--Page-Container .article-cards .blog-component .card.flipper {
    height: 100%;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
}

/* ------------------------------ General Disclaimer CSS --------------------------------*/

.General_Disclaimer_Content {
    padding: 0 0 20px 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: var(--white-color);
}

    .General_Disclaimer_Content a {
        color: var(--color-gold-1);
        opacity: 1;
        transition: opacity 0.2s;
    }

        .General_Disclaimer_Content a:hover {
            opacity: .5;
        }

.wrapper_info.faq-container .Copyright {
    display: block;
    padding: 0 20px;
}

/* ---- Deposit  ----*/
.mobile #profilePopup .modal-sub-body-inner .transaction-block .col-md-12 {
    width: 100%;
}

.mobile .modal-dialog .transaction-row {
    display: flex;
    background: transparent;
    border: unset;
    width: 100%;
    padding-left: 35%;
}

.mobile #profilePopup .modal-sub-body-inner .transaction-block,
.mobile #paymentsystem .bonus-body-row-title {
    display: flex;
    min-height: 44px;
    margin: 10px 0 0;
    padding: 15px;
    align-items: center;
    font-size: 12px;
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
    background-color: var(--background-color-10);
    color: var(--white-color);
    transition: background-color .2s;
    position: relative;
}

    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-head > div,
    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main > div:not(.trans-logo, .trans-title) {
        width: 100%;
    }

    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-head,
    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main,
    .mobile #paymentsystem .bonus-body-row-title .bonus-content-header,
    .mobile #paymentsystem .bonus-body-row-title .bonus-content-main {
        width: 100%;
        display: flex;
        align-items: start;
        row-gap: 5px;
        padding: 0;
        color: #ffffff;
        flex-direction: column;
        border: unset;
    }

        .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main > div:not(.trans-title),
        .mobile #paymentsystem .bonus-body-row-title .bonus-content-main > div:not(.trans-title) {
            font-weight: bold;
            color: var(--color-gold-1);
        }
.mobile #paymentsystem .bonus-body-row-title .bonus-content-main > div:not(.bonus-placeholder):not(.bonus-button-wrapper) {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mobile #profilePopup .transaction-block .transaction-block-main .trans-title {
    right: 50%;
    width: 100%;
    position: absolute;
    left: 15px;
    top: 90%;
    transform: translate(0%, -50%);
}

.mobile #profilePopup .transaction-block .transaction-block-main .trans-logo {
    position: absolute;
    left: 15px;
    top: 40%;
    transform: translate(0%, -50%);
    width: 90px;
    height: 60px;
    margin-right: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--color-gold-1);
}

.mobile .player-bonus-type-deposit {
    min-width: auto;
}

.grid-info-section {
    margin-bottom: 20px;
}

    .grid-info-section .trans-title {
        width: 100%;
        text-align: left;
        font-size: 1.8em;
        margin-bottom: 5px;
        color: var(--color-gold-1);
        padding: 0 10px;
    }

    .grid-info-section .info-row {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #444444;
        font-size: 15px;
    }

        .grid-info-section .info-row .label {
            color: rgba(255, 255, 255, 0.7);
        }

        .grid-info-section .info-row > div {
            color: var(--color-gold-1);
            font-weight: bold;
        }

.mobile [id^=transaction-details].shown {
    border-top: 2px solid var(--color-gold-1);
    border-bottom: 2px solid var(--color-gold-1);
    border-right: unset;
    border-left: unset;
    margin: 15px 0;
    padding: 10px 0;
}

.mobile #paymentsystem .bonus-body-row-title {
    justify-content: space-between;
    padding: 15px;
    position: relative;
    border-top: 2px solid var(--color-gold-1);
    border-bottom: 2px solid var(--color-gold-1);
    border-right: unset;
    border-left: unset;
    margin: 5px 0;
}

    .mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div {
        flex: unset;
        padding: 0;
        width: auto;
    }

        .mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div:last-child {
            font-size: 8px;
            line-height: 1rem;
            padding: 10px !important;
            position: relative;
            height: auto;
        }

.mobile #profilePopup [id^=bonus-content-] .os-content:has(.games-box) {
    color: #fff;
}

.mobile .bonus-button-wrapper,
.mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div:last-child {
    margin: 10px 0;
}

.mobile #paymentsystem > div:nth-child(2) > div:nth-child(1) {
    overflow: hidden;
}

.mobile .bonus-body-fixed-header,
.mobile .fixed-transaction-block-head,
.mobile .bonus-col-title-wrapper.fixed-bonus-header,
.mobile .fixed-freespin-header {
    display: none;
}

.mobile .freespin-games {
    position: relative;
    margin: 10px 0;
    border-radius: 3px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    background-color: var(--background-color-9);
    border-top: 2px solid var(--color-gold-1);
    border-bottom: 2px solid var(--color-gold-1);
}

    .mobile .freespin-games .table--scrollable__tr {
        position: relative;
        display: flex;
        width: 100%;
        min-width: unset !important;
        background-color: transparent;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 !important;
    }

        .mobile .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
            color: #000;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            background: var(--gradient-color);
        }

body.mobile .freespin-games > .freespin-games-main:not(.freespin-game) {
    position: relative;
    display: flex !important;
    width: 100%;
    min-width: auto !important;
    background-color: transparent;
    align-items: flex-start;
    flex: unset;
    margin: 0 !important;
    justify-content: space-between;
    font-size: 12px;
}

body.mobile .modal-dialog.promotions:not(.modal--promotions-freespins) .modal-body.player-bonus-type-2 .bonus-table {
    min-width: 750px;
}

body.mobile .freespin-games > .freespin-games-main:not(.freespin-game) .expired {
    position: absolute;
    top: -5px;
    right: 55px;
}

body.mobile .freespin-gamescontainer,
body.mobile .registration.page-3 .games-box .freespin-gamescontainer {
    min-width: auto !important;
}

body.mobile .modal-dialog.deposit .modal-content,
body.mobile .modal-dialog.withdrawal .modal-content {
    overflow-x: hidden;
}

body.mobile #profilePopup .modal-dialog.withdrawal .modal-sub-body,
body.mobile #profilePopup .modal-dialog.deposit .modal-sub-body {
    overflow-x: hidden !important;
}

.mobile .freespin-games .no-wrap.table--scrollable__th {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mobile .freespin-games > .freespin-games-main:not(.freespin-game) .Item {
    justify-content: space-between;
    min-height: unset !important;
}

.mobile [class*='player-bonus-type'] .bonus-body-row-title div {
    justify-content: center;
}

#popup-blocked-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    background: var(--background-color-9);
    color: #fff;
    padding: 25px 35px;
    border-radius: 12px;
    text-align: center;
    font-family: sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    max-width: 400px;
    max-height: 400px;
    margin: auto;
}

#popup-blocked-modal p {
    line-height: 25px;
}

#popup-blocked-modal h3 {
    font-size: 18px;
}

.Banner {
    position: relative;
}

.Banner a {
    display: block;
}

.Banner-img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0; 
    transition: opacity .3s;
}

.Banner-img.loaded {
    opacity: 1;
}

.Banner-loader::after {
    content: "";
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.Banner:has(.Banner-loader) a {
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.Banner-loader {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_text_container .Item ul li.active a {
    opacity: 1;
    color: var(--color-gold-2);
}


/* Telegram redirection */
* {
    box-sizing: border-box;
}

body#telegram-auth-body, html:has(#telegram-auth-body) {
    width: 100%;
    height: 100%;
    margin: 0;
}

#telegram-auth::before {
    content: "";
    display: block;
    position: absolute;
    width: 320px;
    height: 320px;
    top: 0;
    left: 50%;
    opacity: 40%;
    border-radius: 100%;
    transform: translateX(-50%);
    background: var(--blue-violete);
    background-position: 50% 50%;
    filter: blur(75px);
    z-index: 0;
}

#telegram-auth {
    padding: 48px;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--background-color);
}

.telegram-auth__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-position: center bottom;
    background-size: cover;
    min-height: 340px;
    border-radius: 20px;
    padding: 20px 0;
    background-image: url("../img/banners/tg-redirection-banner.png");
}

.telegram-auth__title {
    margin-block: 0 12px;
    padding: 30px 50px;
    font-size: 56px;
    line-height: 68px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
    background-color: rgb(0 0 0 / 0%);
    backdrop-filter: blur(9px);
    border-radius: 70px;
    overflow: hidden;
    box-shadow: var(--box-gold-shadow);
}

.telegram-auth__subtitle {
    margin: 0 auto;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: var(--color-gold-2) !important;
    text-align: center;
    background-color: rgb(0 0 0 / 0%);
    backdrop-filter: blur(9px);
    padding: 20px 40px;
    box-shadow: var(--box-gold-shadow);
    border-radius: 40px;
    overflow: hidden;
}

#telegram-auth__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 48px 16px;
}

.telegram-auth__text {
    margin-block: 0 12px;
    font-size: 50px;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 12px;
    color: #fff;
    text-align: center;
}

.telegram-auth__description {
    font-size: 20px;
    line-height: 30px;
    max-width: 460px;
    margin-bottom: 35px;
    color: #828686;
    text-align: center;
}

.promotion_banners .Item.blurred {
    filter: blur(2px);
    transition: 0.3s;
}