@font-face {
    font-family: 'Inter';
    src: url("../css/fonts/Inter.ttf");
}

* {
    box-sizing: border-box;
}

.skiptranslate {
    display: none !important;
}

.goog-text-highlight {
    background-color: inherit;
    box-shadow: none;
    box-sizing: inherit;
}

body {
    font-family: "Inter",
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -.2px;
    color: #161421;
    background-color: #1a2c38;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 0 !important;
    --header-bg: #1a2c38;
    --main-bg: #1a2c38;
    --input-background: #0f212e;

    background: var(--main-bg);
}

a {
    /* text-decoration: none; */
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1,
h2,
h3,
h5,
h6 {
    margin: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'Inter';
    margin: 0;
}

img,
svg {
    max-width: 100%;
}

img {
    height: auto;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
}

svg {
    max-height: 100%;
}

b,
strong {
    font-weight: 700;
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dashboard-list-item-animation {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes dashboard-line-animation {
    0% {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes active-list-arrow-animation {
    0% {
        transform: translateY(-50%)
    }

    50% {
        transform: translate(10px, -50%);
        opacity: .6
    }

    to {
        transform: translateY(-50%)
    }
}

.c-button {
    --color: #fff;
    --bg-color: #1475E1;
    --color-hover: var(--color);
    --bg-color-hover: #105EB4;
    --color-click: var(--color-hover);
    --bg-color-click: #0c4d92;
    --color-disabled: #9ea4ae;
    --bg-color-disabled: rgba(223, 228, 232, 0.30196);
    --border-color: var(--bg-color);
    --border-width: 0px;
    --padding-block: 13px;
    --padding-inline: 16px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: calc(var(--padding-block) - var(--border-width)) calc(var(--padding-inline) - var(--border-width));
    border: var(--border-width) solid var(--border-color);
    border-radius: 6px;
    width: auto;
    box-shadow: none;
    overflow: hidden;
    cursor: pointer;
    color: var(--color);
    background-color: var(--bg-color);
}

.c-button.color-light-purple {
    --bg-color: rgba(203, 215, 255, 0.03);
    --bg-color-hover: #2f4553;
    --bg-color-click: #253742;
    --color-disabled: #838199;
    --bg-color-disabled: var(--bg-color);
}

.c-button.is-secondary {
    --color: #585d6d;
    --bg-color: #f2f6f9;
    --color-hover: #161421;
    --bg-color-hover: #dfe4e8;
    --color-click: var(--color-hover);
    --bg-color-click: #d3d7db;
    --bg-color-disabled: #dfe4e8;
    --border-color: #dfe4e8;
    --border-width: 1px;
}

.c-button .c-button__checkmark,
.c-button .c-spinner,
.c-button span {
    transition: opacity .3s;
}

#basis {
    position: relative;
    z-index: 1;
    padding-top: 56px;
}

.bs-site-wrap {
    display: flex;
}

.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 103;
}

.navbar {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
    /* width: 100%; */
    height: 56px;
    padding: 0 20px 0 10px;
    background-color: var(--header-bg);
    /* font-family: 'Iter'; */
    box-shadow: 0 4px 12px rgb(22 20 33 / 20%);
}

.navbar__menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 38px;
    height: 36px;
    padding: 10px;
    flex-shrink: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: none;
}

.navbar__menu:after,
.navbar__menu:before,
.navbar__menu span:after,
.navbar__menu span:before {
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    border-radius: 4px;
    background: #fff;
    transition: opacity .2s ease-in-out, transform .25s ease-in-out
}

.navbar__menu span {
    width: 100%;
    height: 2px;
    position: relative;
    background: transparent
}

.navbar__menu span:after,
.navbar__menu span:before {
    position: absolute;
    width: 100%
}

.navbar__menu.is-open:after,
.navbar__menu.is-open:before {
    opacity: 0
}

.navbar__menu.is-open span:before {
    transform: rotate(45deg)
}

.navbar__menu.is-open span:after {
    transform: rotate(-45deg)
}


.navbar__logo {
    display: inline-block;
    margin-right: 10px;
    flex-shrink: 0;
    text-decoration: none;
}

.c-button.color-dark-purple {
    --bg-color: #2f4553;
    --bg-color-hover: #3d5564;
    --bg-color-click: #2a3a45;
    --color-disabled: #57546e;
    --bg-color-disabled: var(--bg-color);
}

.c-button.size-m {
    font-size: 14px;
    line-height: 16px;
    --padding-block: 10px;
    --padding-inline: 14px;
}

.c-button.has-icon {
    --padding-inline: var(--padding-block);
}

.navbar__login,
.navbar__signup {
    white-space: nowrap;
    flex-shrink: 0;
}

.navbar__login {
    background-color: transparent;
}

.navbar__login:hover {
    background-color: transparent !important;
}

.navbar__group {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

@media (min-width: 1025px) {
    .navbar.navbar-v2>.c-button {
        --padding-inline: 25px;
    }
}

@media (min-width: 1025px) {

    .navbar>.c-button.navbar__login,
    .navbar>.c-button.navbar__signup {
        --padding-inline: 30px;
    }
}

.c-button.search--icon-mobile {
    display: none;
}

.bs-c-button-yellow {
    /* font-family: "Montserrat", sans-serif; */
    font-size: 18px;
    line-height: 1.2;
    color: #161421;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 25px;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid rgba(45, 11, 3, .6);
    background: linear-gradient(120deg, #ffe141, #ffe927, #f2b61b);
    box-shadow: 0 0 6px rgb(255 220 129 / 60%), inset 0 -6px 10px rgb(242 156 27 / 80%), inset 0 6px 10px hsl(0deg 0% 100% / 45%), inset 0 0 11px rgb(255 92 0 / 25%);
}

.bs-c-button-yellow:hover {
    color: #161421;
    background: linear-gradient(120deg, #ffe454, #fff597, #ffd25e);
    box-shadow: 0 0 10px rgba(255, 220, 129, .6), inset 0 -6px 10px rgba(242, 156, 27, .8), inset 0 6px 10px hsla(0, 0%, 100%, .45), inset 0 0 11px rgba(255, 92, 0, .1)
}

.navbar__signup {
    text-transform: uppercase;
}

.navbar__signup.bs-c-button-yellow {
    /* font-family: "Inter", Helvetica, Arial, sans-serif; */
    font-size: 14px;
    line-height: 1;
}

.navbar__search-icon {
    width: 17px;
    height: 17px;
    fill: #d3d7db;
}

.c-games-search {
    position: relative;
    flex: 0 1 500px;
    margin-right: auto;
    cursor: pointer;
    z-index: 3;
}

.c-search-content {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    background-color: var(--input-background);
    border-radius: 6px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    z-index: 10;
    padding: 10px;
}

.c-search-input {
    flex: 1 1 auto;
    padding: 0 10px;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 22px;
    color: #d3d7db;
    background-color: transparent;
    cursor: pointer;
}

.c-search-input::placeholder {
    font-size: 14px;
    color: #d3d7db
}

.c-button:not(:disabled):hover {
    color: var(--color-hover);
    background-color: var(--bg-color-hover)
}

.c-button:not(:disabled):active {
    color: var(--color-click);
    background-color: var(--bg-color-click)
}

.c-button:disabled {
    cursor: default
}

.c-button:disabled:not(.is-loaded) {
    color: var(--color-disabled);
    background-color: var(--bg-color-disabled)
}

.c-button:disabled:not(.is-loaded) .c-button__icon {
    fill: var(--color-disabled)
}

.bs-c-site-sidebar {
    position: fixed;
    left: -240px;
    top: 56px;
    bottom: 0;
    width: 240px;
    overflow: hidden;
    z-index: 103;
    transition: .3s ease;
}

.bs-c-site-sidebar.visible {
    left: 0;
}

/* .mobile-menu-header {
    display: none;
    width: 100%;
    height: 56px;
    padding: 0 15px;
    background: #071824;
    border-bottom: 1px solid #2b2740;
    align-items: center;
    grid-gap: 5px;
    z-index: 1;
} */

.mobile-menu-header.has-title {
    grid-template-columns: 36px 1fr 36px;
}

.mobile-menu-header__title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.bs-c-site-sidebar__wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 10px 10px 100px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: var(--input-background);
}

.bs-c-site-sidebar__wrap.is-tesla-widget-visible {
    padding: 10px 10px 180px;
}

.bs-c-site-sidebar__list-item {
    min-height: 50px;
}

.bs-c-site-sidebar__social-icons {
    display: none;
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
}

.bs-c-site-sidebar__list-link {
    position: relative;
    display: flex;
    align-items: center;
    /* width: 100%; */
    min-height: 44px;
    height: 100%;
    padding: 0 5px 0 13px;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bs-c-site-sidebar__list-link.is-active {
    background: #071824 !important;
}

.bs-c-site-sidebar__list-item-ul .bs-c-site-sidebar__list-link.is-active {
    background: none !important;
}


.bs-c-site-sidebar__list-icon.is-classic-slots-games {
    width: 24px;
    height: 26px;
    margin-right: 14px;
}

.bs-c-site-sidebar__list-icon.is-golden {
    fill: #ffd22f;
}

.bs-c-site-sidebar__list-link.is-active .bs-c-site-sidebar__list-icon {
    fill: #fff;
}

.bs-c-site-sidebar__list-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #9ea4ae;
    text-transform: capitalize;
}

.bs-c-site-sidebar__list-link.is-active .bs-c-site-sidebar__list-text {
    font-weight: 600;
    color: #fff;
}

.bs-c-site-sidebar__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    /* background-color: #071824; */
    margin-left: auto;
    border-radius: 50%;
}

.bs-c-site-sidebar__arrow svg {
    width: 5px;
    height: 8px;
    fill: #fff;
    transition: .25s ease;
    transform: rotate(90deg);
}


.is-active .bs-c-site-sidebar__arrow {
    /* background-color: #071824; */
}

.is-active .bs-c-site-sidebar__arrow svg {
    transform: rotate(-90deg)
}

.bs-c-site-sidebar__sublist {
    display: none;
}

.bs-c-site-sidebar__list-item.open .bs-c-site-sidebar__sublist {
    display: block;
}

.bs-c-site-sidebar__sublist-item,
.bs-c-site-sidebar__sublist-link {
    display: flex;
    align-items: center;
    min-height: 50px;
}

.bs-c-site-sidebar__sublist-link {
    width: 100%;
    height: 100%;
    padding: 0 13px;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bs-c-site-sidebar__sublist-link.active {
    background: #071824 !important;
}

.bs-c-site-sidebar__sublist-link.active span {
    color: #fff !important;
    font-weight: 600 !important;
}

.bs-c-lang-selector .bs-c-site-sidebar__sublist-link,
.bs-c-site-sidebar__sublist .bs-c-site-sidebar__sublist-link {
    min-height: 40px;
}

.bs-c-site-sidebar__sublist:not(.is-lang-selector) .bs-c-site-sidebar__sublist-link.is-active {
    background: #2b2740
}

.bs-c-site-sidebar__sublist-link.is-active .bs-c-site-sidebar__list-text {
    color: #fff;
    font-weight: 600 !important;
}

.bs-c-site-sidebar__sublist-link.is-active .bs-c-site-sidebar__list-icon.is-arrow {
    fill: #fff
}

.bs-c-site-sidebar__list-icon.is-arrow {
    width: 8px;
    margin-right: 24px;
    margin-left: 6px;
}

.bs-c-site-sidebar__wrap::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.bs-site-container {
    position: relative;
    width: 100%;
    margin-left: auto;
    transition: .3s ease;

    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 56px);
}

.bs-site-container main {
    flex-grow: 1;
}

.mob-sidenav-header__logo {
    padding-left: 40px;
    margin: 0 auto;
}

.mobile-menu-header {
    display: none;
    width: 100%;
    height: 56px;
    padding: 0 15px;
    background: #0f212e;
    border-bottom: 1px solid #2b2740;
    z-index: 1;
}

.c-button .c-button__icon {
    width: 16px;
    height: 16px;
}

.c-button .c-button__icon {
    fill: var(--color);
}

.bs-c-sidebar__overlay {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(22, 20, 33, .6);
    z-index: 4;
    cursor: pointer;
}

.filter-wrapper {
    position: relative;
    background-color: var(--input-background);
}

.games-filter {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 0 0 45px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.games-filter:after {
    content: "";
    display: block;
    width: 45px;
    flex-shrink: 0;
}

.games-filter::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.c-games-filter-content {
    display: flex;
    flex: 1 1 100%;
    justify-content: space-between;
    align-items: center;
}

.c-game-menu-options {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.c-providers-toggle-button {
    white-space: nowrap;
}

.c-game-categories-menu {
    display: flex;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.c-game-categories-menu__link {
    display: flex;
    align-items: center;
    height: 64px;
    line-height: 64px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #d3d7db;
    border-bottom: 3px solid transparent;
    margin: 0 35px 0 0;
    transition: all .25s ease;
}

.c-game-categories-menu__link-icon {
    width: 24px;
    height: 24px;
    fill: #d3d7db;
    margin-right: 8px;
    transition: all .25s ease;
    flex-shrink: 0;
}

.c-game-categories-menu__link.is-active {
    font-weight: 600;
    color: #ffd22f;
    border-color: #ffd22f;
}

.c-game-categories-menu__link.is-active .c-game-categories-menu__link-icon {
    fill: #ffd22f
}

.c-game-categories-menu__link.is-active .c-game-categories-menu__link-icon {
    fill: #ffd22f
}

@media screen and (max-width: 1024px) {
    .c-game-categories-menu__link-icon {
        display: none;
    }

    .games-filter {
        padding: 0 15px;
    }

    .c-game-menu-options {
        margin-left: 0;
    }

    .games-filter:after {
        display: none;
    }
}

/* GAMES SWIPER */

.c-home-page-games-sections {
    padding-top: 40px;
    overflow: hidden;
}

.c-games-customize-wrapper {
    display: flex;
    flex-direction: column;
}

.c-swiper-wrapper {
    position: relative;
    width: 100%;
    max-width: 1420px;
    padding: 0 45px;
    margin: 0 auto 30px;
    overflow: hidden;
}

.c-swiper-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 8px;
    z-index: 2;

}

.promotions-section {
    padding: 0 10px 0 15px;
}

.c-swiper-container {
    /* overflow: hidden; */
    position: relative;
}

.c-swiper-container {
    width: 95%;
    /* padding-top: 40px;
    margin-top: -40px; */
}

.c-swiper-header__box,
.c-swiper-navigation {
    display: flex;
    align-items: center;
}

.games-sections__title.is-clickable {
    cursor: pointer;
}

.games-sections__title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0 15px 0 0;
    text-decoration: none;
}

.c-button:disabled:not(.is-loaded) {
    color: var(--color-disabled);
    background-color: var(--bg-color-disabled);
}

.c-swiper-navigation__arrow {
    position: static !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    height: auto !important;
    width: auto !important;
}

.c-swiper-navigation__arrow:after {
    display: none;
}

.c-swiper-side-gradient {
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    z-index: 4;
}

.c-swiper-side-placeholder {
    width: .5%;
    left: 0;
    background: linear-gradient(90deg, #1b1928, rgba(27, 25, 40, 0));
    opacity: 0;
    transition: opacity .25s ease-in;
    pointer-events: none;
}

.is-desktop .c-swiper-side-navigation,
.is-desktop .c-swiper-side-placeholder {
    height: calc(100% - 60px);
    top: auto;
    bottom: 10px;
}

.c-swiper {
    display: flex;
    width: calc(100% + 20px);
    margin-left: -10px;
    height: inherit;
    /* overflow: hidden; */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.is-desktop .c-swiper {
    /* padding-top: 40px; */
    /* margin-top: -40px; */
}

.games-sections__title-icon {
    width: 22px;
    height: 20px;
    vertical-align: baseline;
}

/*  */
.game {
    display: inline-block;
    /* width: 24%; */
    /* flex: 0 1 25%; */
    /* max-width: 333px;
    max-height: 250px; */
    padding: 10px;
    box-sizing: border-box;
    line-height: 0;
    position: relative;
    transition: transform .3s;
}


/* .game-group {
    display: flex !important;
    flex-direction: column;
    row-gap: 20px;
} */

.swiper-lazy-preloader {
    /* position: absolute;
    top: 0 !important;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 10px !important;
    animation: skeleton-loading 1s linear infinite alternate !important */
}

@keyframes skeleton-loading {
    0% {
        background-color: #57546d
    }

    to {
        background-color: #3c3956
    }
}

/* .c-game-container {
    display: block;
    text-decoration: none;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #071824;
    z-index: 1
} */

.c-games-swiper__inner {
    overflow: hidden;
    position: relative;
    /* padding: 0 45px 0 0; */
}

.c-game-badges {
    display: flex;
    width: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 101;
    white-space: nowrap
}

.c-game-badges span {
    flex: 0 0 auto;
    margin-right: 3px
}

.c-game-badges span:last-child {
    margin-right: 0
}

.c-game-badges .c-game-badge__text {
    margin: 0
}

.c-game-badges .win-amount-original {
    width: 0;
    overflow: hidden;
    display: inline-flex;
    transition: width .2s ease
}

@media(max-width:768px) {
    .c-game-badges {
        width: calc(100% - 10px);
        top: 5px;
        left: 5px
    }
}

.c-game-badges-collection {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto
}

.c-game-badge {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    fill: #fff;
    padding: 0 6px;
    border-radius: 4px;
    position: relative;
    cursor: default
}

@media(max-width:478px) {
    .c-game-badge {
        font-size: 11px;
        padding: 0 4px
    }
}

.c-game-badge.is-highest {
    display: flex;
    font-weight: 700;
    background-color: #00bd71
}

.c-game-badge.is-highest.is-multiplier {
    background-color: #854dff
}

.c-game-badge.is-highest.is-hot-rtp {
    background-color: #e31351
}

.c-game-badge.is-highest.is-cold-rtp {
    background-color: #3861fb
}

@media(max-width:1024px) {
    .c-game-badge.is-highest .c-game-badge__text span {
        display: none
    }


}

.c-game-badge.is-new {
    background-color: #e31351
}

.c-game-badge.is-featured {
    background-color: #e67e22
}

.c-game-badge.is-featured.b-icon-hot .c-game-badge__icon {
    width: 14px;
    height: 14px;
    margin: 0
}

.c-game-badge.is-exclusive {
    background-color: #00bd71
}

.c-game-badge.is-jackpot {
    background: #854dff;
    color: #fff
}

@media(max-width:478px) {
    .c-game-badge.is-jackpot {
        white-space: nowrap
    }
}

.c-game-badge.is-vip-limit {
    background-color: #ffd22f;
    color: #161421
}

.c-game-badge.is-long-label {
    font-size: 10px
}

.c-game-badge.is-bs-original {
    background-color: #e31351;
    margin-right: 5px
}

.c-game-badge.is-players-count {
    background-color: rgba(27, 25, 40, .4);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.c-game-badge.is-bs-original,
.c-game-badge.is-players-count {
    margin-bottom: 4px
}

.c-game-badge.is-live {
    background-color: #e31351
}

.c-game-badge.is-later {
    background-color: rgba(27, 25, 40, .4)
}

.c-game-badge__icon {
    width: 12px;
    height: 12px;
    margin-right: 6px
}

.is-bs-original .c-game-badge__icon {
    fill: #fff
}

.game-badge-favorite {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .3);
    position: relative;
    cursor: pointer
}

.game-badge-favorite.is-favorite,
.game-badge-favorite:hover {
    background-color: #e31351
}

.game-badge-favorite.is-favorite:hover {
    background-color: #fc4777
}

.game-badge-favorite__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    fill: #fff
}

.game-badge-provider {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    overflow: hidden
}

.game-badge-provider .game-badge-provider__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    background-color: hsla(0, 0%, 100%, .2);
    transition: .15s ease
}

.game-badge-provider:hover .game-badge-provider__overlay {
    opacity: 1
}

.game-badge-provider__icon {
    width: 100%;
    height: 100%
}

.is-bagde-hover {
    opacity: 0;
    transition: all .2s ease-out
}

.game-provider__tooltip-wrap {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 24px;
    height: 24px
}

.game-provider__tooltip {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -36px;
    left: 50%;
    height: 24px;
    transform: translateX(-50%);
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize;
    white-space: nowrap;
    color: #fff;
    background-color: #57546e;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 4px;
    z-index: 101
}

.game-provider__tooltip:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background-color: #57546e
}

.game-badge-separator {
    display: block;
    width: 1px;
    height: 24px;
    margin-left: auto
}

.c-game-box {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background-color: transparent;
    padding-top: 53.71%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-game-box.is-portrait-box {
    padding-top: 134.26%
}

.c-game-box__image {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%;
    height: 100%; */
    z-index: 100;
    transform: translateZ(0);
    border: 0;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.c-game-box__image[lazy=loading] {
    opacity: 0
}

.c-game-box__image-lazy[lazy=loaded],
.c-game-box__image[lazy=error] {
    opacity: 1
}

.c-game-title {
    /* background-color: rgba(203, 215, 255, 0.075); */
    border-radius: 0 0 10px 10px;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
    position: relative;
    z-index: 1
}

.c-game-title__text {
    display: block;
    width: 100%;
    padding: 16px 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
    color: #dfe4e8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width:768px) {
    .c-game-title__text {
        font-size: 14px;
        line-height: 16px;
        padding: 17px 6px
    }
}

.c-game-box__latest-win {
    display: flex;
    align-items: center;
    position: absolute;
    right: 8px;
    bottom: 11px;
    height: 24px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #161421;
    background: linear-gradient(to bottom right, #ffe27a, #ffd22f, #e5b400);
    box-shadow: 0 0 6px rgba(255, 239, 181, .5), inset 0 0 11px rgba(176, 32, 75, .25);
    border-radius: 4px;
    z-index: 100;
    padding: 0 5px
}

.is-portrait-box .c-game-box__latest-win {
    right: 5px;
    bottom: 5px
}

.slide-fade-enter-active {
    animation: latest-win-enter .35s;
    animation-fill-mode: forwards
}

.slide-fade-leave-active {
    animation: latest-win-leave .35s;
    animation-fill-mode: forwards
}

.is-mobile .c-game-badge.is-bs-original,
.is-tablet .c-game-badge.is-bs-original {
    margin-right: 4px
}

.is-mobile .c-game-badge.is-bs-original,
.is-mobile .c-game-badge.is-players-count,
.is-tablet .c-game-badge.is-bs-original,
.is-tablet .c-game-badge.is-players-count {
    height: 20px
}

.is-mobile .c-game-badge.is-bs-original .c-game-badge__icon,
.is-mobile .c-game-badge.is-players-count .c-game-badge__icon,
.is-tablet .c-game-badge.is-bs-original .c-game-badge__icon,
.is-tablet .c-game-badge.is-players-count .c-game-badge__icon {
    width: 10px;
    height: 10px
}

.is-mobile .c-game-badge.is-bs-original .c-game-badge__text,
.is-mobile .c-game-badge.is-players-count .c-game-badge__text,
.is-tablet .c-game-badge.is-bs-original .c-game-badge__text,
.is-tablet .c-game-badge.is-players-count .c-game-badge__text {
    font-size: 10px
}

@keyframes latest-win-enter {
    0% {
        transform: translate3d(-40px, 0, 0);
        opacity: 0
    }

    50% {
        transform: translate3d(3px, 0, 0);
        opacity: 1
    }

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

}

@keyframes latest-win-leave {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    50% {
        transform: translate3d(0, -40px, 0) scale(.8)
    }

    80% {
        transform: translate3d(0, -40px, 0) scale(.8);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

/*  */

.is-desktop .c-swiper-side-navigation,
.is-desktop .c-swiper-side-placeholder {
    height: calc(100% - 60px);
    top: auto;
    bottom: 10px;
}

.c-swiper-side-navigation {
    width: 5%;
    right: 45px;
    background: linear-gradient(90deg, rgba(27, 25, 40, 0) 40%, #1a2c38);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .25s ease;
}

.c-swiper-side-gradient {
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    z-index: 4;
}

.c-swiper-side-navigation .c-swiper-navigation {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-end;
}

.c-button.color-transparent {
    --white: 255, 255, 255;
    --bg-color: rgba(var(--white), 0.15);
    --bg-color-hover: rgba(var(--white), 0.25);
    --bg-color-click: rgba(var(--white), 0.35);
    --color-disabled: rgba(var(--white), 0.5);
    --bg-color-disabled: rgba(var(--white), 0.1);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.c-button:disabled:not(.is-loaded) {
    color: var(--color-disabled);
    background-color: var(--bg-color-disabled);
}

.c-swiper-side-navigation .c-swiper-navigation .c-swiper-navigation__arrow {
    margin-right: 0 !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    pointer-events: all;
    margin-right: 0;
    opacity: 0;
    transition: opacity .25s ease-in;
}

.c-swiper-side-navigation .c-swiper-navigation .c-swiper-navigation__arrow:first-child {
    margin-top: 10px !important;
}

.c-swiper-wrapper:hover .c-swiper-side-navigation .c-swiper-navigation .c-swiper-navigation__arrow {
    opacity: 1
}

.c-game-badge.is-jackpot {
    background: #854dff;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .c-swiper-container {
        width: 100%;
    }

    .c-swiper-wrapper {
        padding: 0 10px 0 15px;
    }

    .c-swiper-header {
        padding: 0 5px 0 0;
    }

    .c-games-swiper__inner {
        overflow: visible;
    }

    .c-swiper-side-navigation {
        display: none;
    }

    .c-swiper-navigation {
        display: none;
    }

    .c-swiper {
        padding-top: 0px !important;
    }

    .social-icons {
        display: none !important;
    }

    .c-home-page-games-sections {
        padding-top: 20px;
    }

    .game.swiper-slide {
        width: 134px !important;
        min-width: 134px;
    }

    .c-game-badge.is-bs-original {
        margin-right: 4px;
    }

    .c-game-badge.is-bs-original,
    .c-game-badge.is-players-count {
        height: 20px;
    }

    .c-game-badge.is-bs-original .c-game-badge__icon,
    .c-game-badge.is-players-count .c-game-badge__icon {
        width: 10px;
        height: 10px;
    }

    .c-game-badge.is-bs-original .c-game-badge__text,
    .c-game-badge.is-players-count .c-game-badge__text {
        font-size: 10px;
    }

    .game-badge-provider {
        display: none;
    }
}

@media (max-width: 478px) {
    /* .game.swiper-slide {
        min-width: 34% !important;
        width: 34% !important;
    } */
}

/* END GAMES SWIPER */

/* START SHORT BUY CRYPTO ROW */
.c-buy-bitcoin {
    width: 100%;
    max-width: 1420px;
    padding: 0 45px;
    margin: 0 auto 40px;
}

.c-buy-bitcoin__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 15px 20px;
    border-radius: 10px;
    background: var(--input-background);
}

.c-buy-bitcoin__text {
    font-size: 18px;
    font-weight: 700;
    color: #dfe4e8;
}

.c-buy-bitcoin__payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 22px;
    gap: 22px;
}

.c-buy-bitcoin__payment-icon svg {
    display: block;
}

.c-buy-bitcoin__payment-icon svg.is-master_card {
    width: 29px;
    height: 18px;
}

.c-buy-bitcoin__payment-icon svg.is-visa_card_light {
    width: 56px;
    height: 18px;
}

.c-buy-bitcoin__payment-icon svg.is-apple_pay_white {
    width: 65px;
    height: 24px;
}

.c-buy-bitcoin__payment-icon svg.is-google_pay_white {
    width: 66px;
    height: 22px;
}

.c-buy-bitcoin__payment-icon svg.is-revolut {
    width: 91px;
    height: 21px;
}

/* END SHORT BUY CRYPTO ROW */

/* START PAGE ABOUT US */
.about-us {
    background: #fff;
}

.about-us .promo-banner.is-about-us {
    background: url("../images/img/banner-about-us.jpg") 50%/cover no-repeat;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.about-us-badges {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px;
    display: flex;
    align-content: stretch;
    align-items: center;
}

.about-us-badges__item {
    width: 25%;
    position: relative;
}

.about-us-badges__item img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.about-us-badges__item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.about-us-badges__item:nth-child(1):before {
    content: url("../images/img/badge-char-about-us-1.png");
    left: -72px;
}

.about-us-badges__item:nth-child(2):before {
    content: url("../images/img/badge-char-about-us-2.png");
    left: -23px;
    top: -55px;
}

.about-us-badges__item:nth-of-type(3):before {
    content: url("../images/img/badge-char-about-us-3.png");
    right: -108px;
    top: 83px;
}

.about-us-badges__item:nth-child(4):before {
    content: url("../images/img/badge-char-about-us-4.png");
    right: -160px;
    top: -16px;
}

.about-us__content {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    padding: 30px 45px 230px;
    background: #fff url("../images/img/diamonds-abous-us.png") 0 100% no-repeat;
}

.about-us__column {
    width: 31%;
}

.about-us__content h2 {
    color: #e31351;
    font-size: 33px;
    line-height: 1.2;
    font-weight: 400;
    margin: 10px 0 20px;
    text-transform: uppercase;
}

.about-us__content p {
    font-size: 18px;
    text-align: justify;
    margin: 0 0 1.2em;
}

@media (max-width: 1280px) {
    .about-us-badges__item:nth-child(1):before {
        left: -40px;
    }

    .about-us-badges__item:nth-child(2):before {
        right: -24px;
    }

    .about-us-badges__item:nth-child(4):before {
        right: -40px;
    }
}

@media (max-width: 1150px) {
    .about-us-badges__item:nth-of-type(3):before {
        right: -20px;
        top: 58px;
    }
}

@media (max-width: 1024px) {
    .about-us .promo-banner.is-about-us {
        height: 400px;
        align-items: flex-start;
        padding-top: 70px;
    }

    .about-us-badges {
        padding: 0 15px;
    }

    .about-us__content {
        padding: 0 15px;
        padding-bottom: 160px;
    }

    .about-us__column:first-child {
        width: 100%;
    }

    .about-us__column {
        width: 48%;
    }
}

@media (max-width: 860px) {
    .about-us-badges__item:nth-of-type(3):before {
        right: 0;
        top: 28px;
    }
}

@media (max-width: 768px) {
    .about-us .promo-banner.is-about-us {
        height: 250px;
        padding-top: 40px;
    }

    .about-us-badges__item:before {
        display: none;
    }

    .about-us__content {
        padding-top: 20px;
        padding-bottom: 240px;
    }

    .about-us__column {
        width: 100%;
    }

    .about-us__content h2 {
        font-size: 18px;
        margin-top: 0;
    }

    .about-us__content p {
        font-size: 15px;
    }
}

@media (max-width: 640px) {
    .about-us .promo-banner.is-about-us {
        padding-top: 60px;
    }

}

/* END PAGE ABOUT US */

/* START PAGE PRIVACY POLICY */

.basic-page__content a {
    color: #00bd71;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
}

/* END PAGE PRIVACY POLICY */

/* START PAGE TERMS */
.basic-page {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px;
}

.basic-page__content {
    width: 100%;
    min-height: 95vh;
    background-color: #fff;
    padding: 55px 55px 85px;
    color: #161421;
    margin-bottom: 60px;
}

.basic-page h1 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 40px;
}

.basic-page li,
.basic-page p {
    font-size: 18px;
    color: #161421;
}

.basic-page h3 {
    margin: 1em 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
}

.basic-page ol {
    padding-left: 25px;
    counter-reset: list;
}

.basic-page.is-terms-page ol {
    padding-left: 55px;
}

.basic-page ol li {
    list-style: none;
    line-height: 1.7;
}

.basic-page ol li>h3 {
    position: relative;
    color: #00bd71;
}

.basic-page.is-terms-page ol li {
    position: relative;
}

.basic-page__decimal-list li {
    list-style-type: decimal;
}

.btc-exchanger-page img {
    height: auto !important;
}

.basic-page pre {
    background: #f2f6f9;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

.basic-page.is-terms-page ol span {
    position: absolute;
    top: 0;
    right: calc(100% + 27px);
    transform: translateX(50%);
}

.basic-page h3 {
    margin: 1em 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
}

@media (max-width: 1136px) {
    .basic-page__content {
        width: 100%;
        min-height: auto;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .basic-page__content {
        padding: 15px;
        margin-bottom: 20px;
    }

    .basic-page h3 {
        font-size: 15px;
    }

    .basic-page li,
    .basic-page p {
        font-size: 15px;
    }

    .basic-page h1 {
        font-size: 30px;
        margin-bottom: 0.6em;
    }
}

@media (max-width: 640px) {
    .basic-page.is-terms-page ol {
        padding-left: 40px;
    }

}

/* END PAGE TERMS */

/* START PAGE VIP */
.c-vip-page {
    padding: 59vw 0 0;
    background-color: #1a2c38;
    position: relative;
}

.c-vip-page-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1650px;
    max-width: 100%;
    height: auto;
}

.c-vip-page-container {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px;
    position: relative;
    z-index: 1;
}

.c-vip-page-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 0 14.5vw;
}

.c-vip-page-content {
    display: grid;
    grid-gap: 15px;
    padding: 0 0 40px;
}

.c-vip-page-header__title {
    font-size: 36px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 10px;
    background: linear-gradient(#e5b400, #ffd22f);
    background-origin: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.c-vip-page-header__text {
    font-size: 16px;
    line-height: 42px;
    font-weight: 600;
    color: #fff;
}

.c-vip-page-content__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: #213743;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.c-vip-page-content__card-bg {
    position: absolute;
    width: 100%;
    height: 65%;
    top: -10%;
    left: 0;
    border-radius: 50%;
    filter: blur(80px);
}

.c-vip-page-content__card:first-child .c-vip-page-content__card-bg {
    /* background-color: rgba(255, 0, 92, .1); */
    background-color: rgba(255, 214, 0, .1);
}

.c-vip-page-content__card:nth-child(2) .c-vip-page-content__card-bg {
    background: rgba(255, 214, 0, .1);
}

.c-vip-page-content__card:nth-child(3) .c-vip-page-content__card-bg {
    background: rgba(255, 230, 0, .1);
}

.c-vip-page-content__card:nth-child(4) .c-vip-page-content__card-bg {
    background: rgba(0, 255, 87, .1);
}

.c-vip-page-content__card:nth-child(5) .c-vip-page-content__card-bg {
    background: rgba(0, 255, 209, .1);
}

.c-vip-page-content__img {
    width: auto;
    height: 128px;
}

.c-vip-page-content__card-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.c-vip-page-content__card-text {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    text-align: center;
}


@media (min-width: 521px) {
    .c-vip-page {
        padding: 25vw 0 0;
    }

    .c-vip-page-header {
        padding: 0 0 4.6vw;
    }
}

@media (min-width: 769px) {
    .c-vip-page-content {
        grid-template-columns: repeat(12, 1fr);
    }

    .c-vip-page-header__title {
        font-size: 52px;
    }

    .c-vip-page-header__text {
        font-size: 20px;
    }

    .c-vip-page-content__card:first-child {
        grid-column: 1/5;
    }

    .c-vip-page-content__card:nth-child(2) {
        grid-column: 5/9;
    }

    .c-vip-page-content__card:nth-child(3) {
        grid-column: 9/13;
    }

    .c-vip-page-content__card:nth-child(4) {
        grid-column: 1/7;
    }

    .c-vip-page-content__card:nth-child(5) {
        grid-column: 7/13;
    }
}

@media (max-width: 1024px) {
    .c-vip-page-container {
        padding: 0 15px;
    }
}

@media (min-width: 1025px) {
    .c-vip-page-content {
        grid-gap: 50px;
        padding: 0 0 100px;
    }

    .c-vip-page-header__title {
        font-size: 64px;
    }

    .c-vip-page-header__text {
        font-size: 24px;
    }

    .c-vip-page-content__card {
        padding: 30px;
    }

    .c-vip-page-content__card-title {
        line-height: 1.75;
    }

    .c-vip-page-content__card-text {
        font-size: 16px;
        font-weight: 600;
    }
}

@media (min-width: 1650px) {
    .c-vip-page {
        padding: 354px 0 0;
    }

    .c-vip-page-img {
        top: -56px;
    }

    .c-vip-page-header {
        padding: 0 0 75px;
    }
}

/* END PAGE VIP */

/* START PAGE FAQ */
.faq .faq__accordion-header {
    margin: 0;
    padding: 0.6em 0;
    color: #e31351;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #e31351;
}

.faq .faq__accordion-body h3:before,
.faq .faq__accordion-header:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-mask-size: 18px 18px;
    mask-size: 18px 18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("../images/arrow-right.svg");
    mask-image: url("../images/arrow-right.svg");
    transition: all .3s;
}

.faq .faq__accordion-header:before {
    right: 4px;
    top: 18px;
    background-color: #e31351;
}

.faq .section-faq.open .faq__accordion-header:before {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}


.faq .faq__accordion-header [class^=b-icon] {
    width: 30px;
    display: inline-block;
}

.faq .faq__accordion-header [class^=b-icon]:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #e31351;
    -webkit-mask-size: 24px 24px;
    mask-size: 24px 24px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.faq .faq__accordion-header .b-iconm_menuabout:before {
    -webkit-mask-image: url("../images/star.svg");
    mask-image: url("../images/star.svg");
}

.faq .faq__accordion-body {
    display: none;
    padding: 10px 0;
}

.section-faq.open .faq__accordion-body {
    display: block;
}

.faq .faq__accordion-body h3 {
    margin: 0;
    padding: 5px 0 5px 37px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    text-transform: none;
    transition: all .3s;
}

.faq .faq__accordion-body>div {
    padding-left: 38px;
}

.faq .faq__accordion-body h3:before {
    top: 10px;
    left: 8px;
    background-color: #e31351;
}

.faq .faq__accordion-body h3.bs-is-opened {
    color: #00bd71;
}

.faq .faq__accordion-body h3.bs-is-opened:before {
    background-color: #00bd71;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}

.faq__accordion-body-content {
    display: none;
}

.faq__accordion-body-content.open {
    display: block;
}

.faq .faq__accordion-body>div>p {
    margin: 0;
    padding: 10px 0;
    color: #161421;
    font-size: 18px;
}

.faq .faq__accordion-header .b-iconmyaccountrobot-1:before {
    -webkit-mask-image: url("../images/robot.svg");
    mask-image: url("../images/robot.svg");
}

.faq .faq__accordion-header .b-icon-help_payments:before {
    -webkit-mask-image: url("../images/faq-help-payments.svg");
    mask-image: url("../images/faq-help-payments.svg");
}

.faq .faq__accordion-header .b-icon_zrofees:before {
    -webkit-mask-image: url("../images/faq-signup-bonus.svg");
    mask-image: url("../images/faq-signup-bonus.svg");
}

.faq .faq__accordion-header .b-icon-slots-off:before {
    -webkit-mask-image: url("../images/faq-slots-off.svg");
    mask-image: url("../images/faq-slots-off.svg");
}

.faq .faq__accordion-header .b-iconpromotion_password:before {
    -webkit-mask-image: url("../images/faq-lock.svg");
    mask-image: url("../images/faq-lock.svg");
}

.faq .faq__accordion-header .b-icon_responsible:before {
    -webkit-mask-image: url("../images/faq-attention.svg");
    mask-image: url("../images/faq-attention.svg");
}

.faq .faq__accordion-header .b-icon_gettingstarted:before {
    -webkit-mask-image: url("../images/faq-getting-started.svg");
    mask-image: url("../images/faq-getting-started.svg");
}

@media (max-width: 768px) {
    .faq .faq__accordion-header {
        font-size: 16px;
    }

    .faq .faq__accordion-body h3 {
        font-size: 16px;
    }

    .faq .faq__accordion-body h3:before {
        top: 9px;
        left: 17px;
        width: 12px;
        height: 12px;
        -webkit-mask-size: 12px 12px;
        mask-size: 12px 12px;
    }

    .faq .faq__accordion-body>div>p {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .faq .faq__accordion-header:before {
        top: 14px;
        width: 16px;
        height: 16px;
        -webkit-mask-size: 16px 16px;
        mask-size: 16px 16px;
    }
}

@media (max-width: 768px) {
    .faq .faq__accordion-header [class^=b-icon]:before {
        top: 10px;
        left: 6px;
        width: 18px;
        height: 18px;
        -webkit-mask-size: 18px 18px;
        mask-size: 18px 18px;
    }
}

/* END PAGE FAQ */

/* START PAGE ABOUT BITCOIN */
.about-bitcoin .promo-banner.is-about-btc {
    width: 100%;
    height: 500px;
    background: #f6e7d1;
    text-align: center;
}

.about-bitcoin .promo-banner__video {
    height: 100%;
    width: 738px;
    border: 0;
}

.about-bitcoin-why {
    background: #38aba0;
    padding: 45px 0 10px;
}

.about-bitcoin__wrapper {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px;
}

.about-bitcoin h1,
.about-bitcoin h2 {
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 25px;
    text-transform: none;
}

.about-bitcoin-why h1,
.about-bitcoin-why h2 {
    color: #fff;
}

.about-bitcoin p {
    color: #161421;
    font-size: 18px;
}

.about-bitcoin-why p {
    margin: 0;
    color: #fff;
}

.about-bitcoin__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    margin: 25px 0;
}

.popup-plus-icon-card {
    background: #fff;
    padding: 40px;
    width: calc(100% - 155px);
    margin-bottom: 40px;
    position: relative;
}

.popup-plus-icon-card.is-left {
    margin-left: 155px;
}

.popup-plus-icon-card:before {
    content: "";
    position: absolute;
    top: 35px;
    width: 0;
    height: 0;
    border-style: solid;
}

.popup-plus-icon-card.is-left:before {
    left: -14px;
    border-width: 15px 15px 15px 0;
    border-color: transparent #fff transparent transparent;
}

.popup-plus-icon-card h4,
.popup-plus-icon-card p {
    font-size: 18px;
}

.popup-plus-icon-card h4 {
    color: #e31351;
    text-transform: uppercase;
    margin-top: 0;
}

.popup-plus-icon-card p {
    color: #161421;
}

.popup-plus-icon-card.is-sequre:after {
    -webkit-mask-image: url("../images/security.svg");
    mask-image: url("../images/security.svg");
}

.popup-plus-icon-card.is-left:after {
    right: calc(100% + 77.5px);
    transform: translateX(50%);
}

.popup-plus-icon-card.is-sequre:after,
.popup-plus-icon-card.is-speed:after {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 90px;
    height: 90px;
    -webkit-mask-size: 90px 90px;
    mask-size: 90px 90px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
}

.popup-plus-icon-card.is-comissions:after {
    -webkit-mask-image: url("../images/faq-signup-bonus.svg");
    mask-image: url("../images/faq-signup-bonus.svg");
}

.popup-plus-icon-card.is-comissions:after,
.popup-plus-icon-card.is-dec:after {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 90px;
    height: 90px;
    -webkit-mask-size: 90px 90px;
    mask-size: 90px 90px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
}

.popup-plus-icon-card.is-protection:after {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 90px;
    height: 90px;
    -webkit-mask-size: 90px 90px;
    mask-size: 90px 90px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("../images/identity.svg");
    mask-image: url("../images/identity.svg");
    background-color: #fff;
}

.popup-plus-icon-card.is-right:before {
    right: -14px;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #fff;
}

.popup-plus-icon-card.is-right {
    margin-right: 155px;
}

.popup-plus-icon-card.is-speed:after {
    -webkit-mask-image: url("../images/international.svg");
    mask-image: url("../images/international.svg");
}

.popup-plus-icon-card.is-dec:after {
    -webkit-mask-image: url("../images/bitcoin.svg");
    mask-image: url("../images/bitcoin.svg");
}

.popup-plus-icon-card.is-right:after {
    left: calc(100% + 77.5px);
    transform: translateX(-50%);
}

.os-win .popup-plus-icon-card.is-left:after {
    transform: translateX(50%) translateY(20%);
}

.os-win .popup-plus-icon-card.is-right:after {
    transform: translateX(-50%) translateY(20%);
}

.about-bitcoin-start {
    background: #fff;
    padding: 45px 0 10px;
    position: relative;
}

.about-bitcoin-start:before {
    content: "";
    position: absolute;
    top: -8.5px;
    width: 100%;
    height: 9px;
    background: transparent url("../images/img/about-line.png") 0 0 repeat-x;
}

.about-bitcoin__wrapper {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px;
}

.about-bitcoin__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    margin: 25px 0;
}

.about-bitcoin__col {
    width: 48.5%;
}

.popup-plus-icon-card {
    background: #fff;
    padding: 40px;
    width: calc(100% - 155px);
    margin-bottom: 40px;
    position: relative;
}

.popup-plus-icon-card.is-left {
    margin-left: 155px;
}

.popup-plus-icon-card.is-outlined {
    border: 1px solid #161421;
}

.popup-plus-icon-card.is-outlined:before {
    width: 24px;
    height: 24px;
    border-width: 1px 0 0 1px;
    border-color: #161421 transparent transparent #161421;
    transform: rotate(-45deg);
    background: #fff;
}

.popup-plus-icon-card a {
    color: #00bd71;
    cursor: pointer;
    text-decoration: none;
}

.popup-plus-icon-card.is-basket:after,
.popup-plus-icon-card.is-wallet:after {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 90px;
    height: 90px;
    -webkit-mask-size: 90px 90px;
    mask-size: 90px 90px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #e31351;
}

.popup-plus-icon-card.is-wallet:after {
    -webkit-mask-image: url("../images/faq-help-payments.svg");
    mask-image: url("../images/faq-help-payments.svg");
}

.popup-plus-icon-card.is-coins:after {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 90px;
    height: 90px;
    -webkit-mask-size: 90px 90px;
    mask-size: 90px 90px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("../images/faq-getting-started.svg");
    mask-image: url("../images/faq-getting-started.svg");
    background-color: #e31351;
}

.popup-plus-icon-card.is-basket:after {
    -webkit-mask-image: url("../images/spending.svg");
    mask-image: url("../images/spending.svg");
}

.popup-plus-icon-card.is-outlined.is-right:before {
    transform: rotate(135deg);
}

.popup-plus-icon-card__logo {
    display: inline-block;
    margin-bottom: 20px;
}

.popup-plus-icon-card__logo.is-short {
    width: 30%;
    vertical-align: middle;
}

@media (max-width: 1024px) {
    .about-bitcoin .promo-banner.is-about-btc {
        height: 400px;
    }

    .about-bitcoin__wrapper {
        padding: 0 15px;
    }

    .popup-plus-icon-card {
        width: calc(100% - 135px);
    }

    .popup-plus-icon-card.is-left {
        margin-left: 135px;
    }

    .popup-plus-icon-card.is-left {
        margin-left: 135px;
    }

    .os-win .popup-plus-icon-card.is-left:after {
        transform: translateX(50%) translateY(0%);
    }

    .os-win .popup-plus-icon-card.is-right:after {
        transform: translateX(-50%) translateY(0%);
    }
}

@media (max-width: 768px) {
    .about-bitcoin-why {
        padding: 25px 0 10px;
    }

    .about-bitcoin h1,
    .about-bitcoin h2 {
        font-size: 38px;
    }

    .about-bitcoin p {
        font-size: 15px;
    }

    .about-bitcoin__row {
        margin-bottom: 0;
    }

    .popup-plus-icon-card.is-left {
        margin-left: 0;
    }

    .popup-plus-icon-card h4 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .popup-plus-icon-card p {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .popup-plus-icon-card:before {
        display: none;
    }

    .popup-plus-icon-card.is-sequre:after,
    .popup-plus-icon-card.is-speed:after {
        display: none;
    }

    .popup-plus-icon-card {
        width: 100%;
        padding: 15px 20px;
        margin-bottom: 15px;
    }

    .popup-plus-icon-card h4 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .popup-plus-icon-card h4,
    .popup-plus-icon-card p {
        font-size: 15px;
    }

    .about-bitcoin-start {
        padding-top: 1px;
    }
}


@media (max-width: 738px) {
    .about-bitcoin .promo-banner__video {
        width: 100%;
        display: block;
    }
}

@media (max-width: 478px) {
    .about-bitcoin .promo-banner.is-about-btc {
        height: auto;
    }

    .about-bitcoin h1,
    .about-bitcoin h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .about-bitcoin__col {
        width: 100%;
    }
}

/* END PAGE ABOUT BITCOIN */

/* START PROVABILITY PAGE */
.provability__code {
    background: #f2f6f9;
    padding: 1px 20px;
    word-wrap: break-word;
}

/* END PROVABILITY PAGE */

/* START PLAY SAFE PAGE */
.play-safe-list li a,
.play-safe-list li span {
    display: block;
    width: 100%;
    max-width: 162px;
    border-bottom: 1px solid #9ea4ae;
    color: #161421;
    font-size: 16px;
    padding: 8px 16px 10px;
    margin-right: 5px;
}

.play-safe-list li a {
    max-width: 235px;
    color: #00bd71;
}

.play-safe-list li {
    display: flex;
    margin-bottom: 2px;
}

@media (max-width: 768px) {
    .play-safe-list li {
        flex-direction: column;
    }

    .play-safe-list li a,
    .play-safe-list li span {
        max-width: 100%;
    }
}

/* END PLAY SAFE PAGE */
.complaints-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 5px;
    gap: 5px;
    margin-bottom: 15px;
}

/* START PAGE HOW TO BUY CRYPTO */
.how-to-buy-crypto-at-bitstarz img {
    display: block;
    max-width: 40%;
    margin: 0 auto;
}

.how-to-buy-crypto-at-bitstarz img.wider-image {
    max-width: 50%;
}

.basic-page__content iframe {
    border: 0;
}

@media (max-width: 768px) {
    .how-to-buy-crypto-at-bitstarz img {
        max-width: 80%;
    }

    .how-to-buy-crypto-at-bitstarz img.wider-image {
        max-width: 80%;
    }
}

/* END PLAY HOW TO BUY CRYPTO */

/* START PAGE PROMOTIONS */
.promotions-page {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 21px 45px 60px;
}

.promotions-page__heading {
    position: sticky;
    top: 56px;
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #213743;
    margin: 0;
    z-index: 2;
}


.promotions-section__title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0 15px 0 15px;
}

.promotions-section__title-wrapper {
    margin: 20px 0;
}

.promo-card-wrapper {
    display: grid;
    --baseline: 0.9;
    width: 100%;
    min-height: 416px;
    min-width: 295px;
    margin-right: 20px;
    flex-shrink: 0;
    transition-property: transform;
}

.promotions-section:not(.is-account) .promotions-section__skeleton-wrapper,
.promotions-section:not(.is-account) .promotions-section__swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 20px;
}

.promo-card {
    position: relative;
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 10px
}


.is-hover-disabled .promo-card {
    pointer-events: none
}

.is-account .promo-card {
    box-shadow: 0 12px 14px rgba(22, 20, 33, .05)
}

.promo-card.is-front {
    z-index: 1
}

.promo-card.is-front:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 10px;
    background-position: 50%
}

.promo-card.is-front>div {
    position: relative
}

.promo-card.is-front.promo-card__click-area {
    position: absolute
}


.promo-card.is-back {
    z-index: 2
}

.promo-card.is-first-deposit .promo-card__back-inner {
    background: #3861fb
}

.promo-card.is-second-deposit .promo-card__back-inner {
    background: #106f87
}

.promo-card.is-third-deposit .promo-card__back-inner {
    background: #3101b7
}

.promo-card.is-fourth-deposit .promo-card__back-inner {
    background: #5501d2
}

.promo-card.is-monday-reload .promo-card__back-inner {
    background: #f36314
}

.promo-card.is-thursday-reload .promo-card__back-inner {
    background: #02a0cf
}

.promo-card__main {
    display: flex;
    flex-direction: column;
    height: 100%
}

.promo-card__header {
    justify-content: space-between;
    z-index: 4
}

.promo-card__header,
.promo-card__label {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.promo-card__label {
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 10px;
    position: relative
}

@media(max-width:1024px) {
    .promo-card__label {
        width: 52px;
        height: 52px
    }
}

.promo-card__label:before {
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    z-index: -1;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 50%
}

.promo-card__label svg {
    width: 14px;
    height: 14px;
    fill: #fff
}

.promo-card__label svg.is-bonus,
.promo-card__label svg.is-free-spins {
    width: 12px;
    height: 12px
}

.promo-card__label.is-close,
.promo-card__label.is-info {
    cursor: pointer;
    z-index: 4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.promo-card__label.is-close:hover:before,
.promo-card__label.is-info:hover:before {
    opacity: .7
}

.promo-card__label.is-invisible {
    visibility: hidden
}

.promo-card__title {
    color: #fff;
    line-height: 1.5;
    display: block;
    max-width: calc(100% - 68px);
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    z-index: 5
}

@media(max-width:1024px) {
    .promo-card__title {
        font-size: 14px
    }
}

.promo-card__body {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px
}

@media(max-width:1024px) {
    .promo-card__body {
        padding: 0 10px
    }
}

.promo-card__image {
    align-self: center;
    margin: 0 -20px
}

@media(max-width:1024px) {
    .promo-card__image {
        margin: 0 -10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 350px
    }
}

.promo-card__footer {
    margin-top: auto;
    padding: 15px;
    z-index: 1
}

.is-account .promo-card__footer {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px
}

.promo-card__timer {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus {
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-top: -35px;
}

.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus em,
.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus span,
.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus strong {
    display: block;
    font-style: normal;
    font-weight: 900;
}

.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus strong {
    font-size: calc(95px*var(--baseline));
    padding: 3px 0 0;
}

.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus em {
    font-size: calc(19px*var(--baseline));
    margin-top: -3px;
}

.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus strong.is-btc {
    font-size: calc(95px*var(--baseline));
}

.promo-card.is-welcome-package.is-front .promo-card__welcome-bonus span {
    font-size: calc(28px*var(--baseline));
}

.bs-c-tournament-card.is-slot-wars .is-front:before {
    background-image: url('../images/img/bg.40063a4.jpg');
}

.bs-c-tournament-card.is-table-wars .is-front:before {
    background-image: url('../images/img/bg.af5f3be.jpg');
}

.bs-c-tournament-card.is-welcome-freeroll .is-front:before {
    background-image: url('../images/img/bg.f2c428f.jpg');
}

.bs-c-tournament-card.is-back.is-slot-wars .promo-card__header {
    background: #3e0658;
}

.bs-c-tournament-card.is-back.is-table-wars .promo-card__header {
    background: #102c04;
}

.bs-c-tournament-card.is-back.is-welcome-freeroll .promo-card__header {
    background: #8e1b58;
}

/* .promo-card.is-upcoming-bonus.is-back .promo-card__back-inner,
.promo-card.is-upcoming-bonus.is-front:before {
    background: #1A2C3E;
} */

.promo-card.is-upcoming-bonus .restrictions-text {
    color: #ffd22f;
}

.promo-card.is-upcoming-bonus .restrictions-text .countdown-timer__icon {
    width: 16px;
    height: 16px;
    fill: #ffd22f;
}

.promo-card__label-lock {
    width: 96px;
    height: 96px;
    padding: 28px;
    margin: 0 auto;
    border-radius: 50%;
    background: #2f4553;
}

.promo-card__label-lock svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}

.bs-c-tournament-card .promo-card__leaderboard {
    margin-top: auto;
}

.bs-c-leaderboard {
    color: #fff;
}

.bs-c-leaderboard ul .bs-c-leaderboard__row {
    display: grid;
    grid-template-columns: .8fr repeat(3, 1fr);
    align-items: center;
    min-height: 42px;
}

.is-small.bs-c-leaderboard ul .bs-c-leaderboard__row {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    grid-template-columns: 2ch calc(33.33333% - 2ch) 33.33333% 33.33333%;
    min-height: 40px;
}

.is-small.bs-c-leaderboard ul .bs-c-leaderboard__row .bs-c-leaderboard__column:first-child {
    margin-right: 1ch;
}

.is-small.bs-c-leaderboard ul .bs-c-leaderboard__row .bs-c-leaderboard__column.is-prize {
    color: #ffd22f;
    text-align: right;
    font-weight: 600;
    order: 1;
}

.bs-c-leaderboard ul .bs-c-leaderboard__row .bs-c-leaderboard__column.is-points {
    font-weight: 600;
}

.is-small.bs-c-leaderboard ul .bs-c-leaderboard__row .bs-c-leaderboard__column.is-points {
    text-align: center;
}

.promo-card__footer {
    margin-top: auto;
    padding: 15px;
    z-index: 1;
}

.promo-card__timer {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.countdown-timer {
    display: flex;
    align-items: center;
}

.countdown-timer__icon {
    width: 16px;
    height: 16px;
    fill: #fff;
    margin-right: 8px;
}

.is-inline .countdown-timer__label,
.is-inline .countdown-timer__value-block.is-day {
    margin-right: 0.25em;
}

.countdown-timer__value,
.countdown-timer__value-block {
    display: flex;
}

.promo-card__timer .countdown-timer__value {
    font-weight: 700;
}

@media(max-width:1024px) {
    .promo-card__timer {
        font-size: 12px
    }
}

.promo-card__timer .countdown-timer__value {
    font-weight: 700
}

.promo-card__bonus-terms {
    padding: 10px;
    margin: -10px;
    z-index: 4
}

.promo-card__click-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0;
    cursor: pointer
}

.promo-card__back-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #b2126b;
    border-radius: 10px;
    position: relative;
    top: -100%;
    transform: translateY(100%)
}

.promo-card__backyard {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1 1 100%
}

.promo-card__explanation {
    display: block
}

.promo-card__explanation li {
    font-size: 14px;
    line-height: 1.5;
    background: #fff;
    display: flex;
    padding: 10px 20px 9px
}

@media(max-width:1024px) {
    .is-desktop .promo-card__explanation li {
        font-size: 12px
    }
}

.promo-card__explanation li.is-flex-wrap {
    flex-wrap: wrap
}

.promo-card__explanation li:nth-of-type(2n) {
    background: #f2f6f9
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .no-flex {
    display: block;
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .no-flex>p {
    margin: 0;
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .no-flex>p:first-of-type {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-1st-deposit span,
.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-1st-deposit strong {
    color: #2925d4;
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .no-flex>p:last-of-type {
    font-size: 12px;
}

.promo-card__explanation li>span {
    color: #585d6d;
    margin-right: 10px
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-2nd-deposit span,
.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-2nd-deposit strong {
    color: #106f87;
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-3rd-deposit span,
.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-3rd-deposit strong {
    color: #3101b7;
}

.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-4th-deposit span,
.promo-card.is-welcome-package.is-back .promo-card__explanation .promo-card__expo-4th-deposit strong {
    color: #5501d2;
}

.promo-card.is-welcome-package.is-back .promo-card__back-inner {
    background: #ba2b90;
}

.promo-card__explanation li>strong {
    font-weight: 600;
    text-align: right;
    margin-left: auto
}

.promo-card__explanation-intro,
strong.promo-card__explanation-intro {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    margin: 0;
    padding: 4px 0;
}

.promo-card__explanation em {
    font-style: normal;
    font-size: 12px
}

.promo-card__explanation a {
    color: #161421;
    white-space: nowrap
}

.promo-card__explanation .bs-c-bonus-info-list__item-text-right {
    text-align: right;
    flex-grow: 1
}

.promo-card__explanation-intro,
strong.promo-card__explanation-intro {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    margin: 0;
    padding: 4px 0
}

.promo-card.is-welcome-package.is-front:before {
    background-image: url('../images/img/welcome-package-promo-bg.jpg');
}

.promo-card.is-upcoming-bonus.is-back .promo-card__back-inner,
.promo-card.is-upcoming-bonus.is-front:before {
    background: #213743;
}

.promo-card.is-upcoming-bonus .promo-card__backyard,
.promo-card.is-upcoming-bonus .promo-card__explanation li:nth-of-type(2n) {
    background: transparent;
}

.promo-card.is-upcoming-bonus .promo-card__explanation li:nth-of-type(odd) {
    background: #213743;
}

.promo-card.is-upcoming-bonus .promo-card__explanation li>a,
.promo-card.is-upcoming-bonus .promo-card__explanation li>strong {
    color: #fff;
}

.promo-card.is-upcoming-bonus .promo-card__explanation li>span {
    color: #dfe4e8;
}

.promo-card.is-upcoming-bonus .promo-card__explanation .bs-c-bonus-info-list__item-text em {
    color: #dfe4e8;
}

.promo-card.is-upcoming-bonus .promo-card__explanation .bs-c-bonus-info-list__item-text strong {
    color: #ffd22f;
}

@media(max-width:1024px) {
    .promo-card.is-back {
        align-items: center;
        justify-content: flex-end;
        position: fixed;
        top: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        z-index: 122;
        transform: none;
        transform-style: flat;
        transition: transform .01s;
        transition-delay: .45s
    }

    .is-modal-over-card .promo-card.is-back {
        z-index: 111
    }

    .promo-card.is-back .promo-card__backyard {
        padding-bottom: 50px
    }

    .promo-card.is-back .promo-card__back-inner {
        top: 0;
        max-width: 640px;
        height: auto;
        display: block;
        z-index: 2;
        transition: transform .4s
    }

    .promo-card.is-back .promo-card__bonus-mobile-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(22, 20, 33, .6);
        opacity: 0;
        transition: opacity .4s
    }

    .promo-card.is-back.is-bonus-info-shown {
        transition-delay: 0s;
        transform: translateY(-100%)
    }

    .promo-card.is-back.is-bonus-info-shown .promo-card__back-inner {
        transform: translateY(0);
        border-radius: 10px 10px 0 0
    }

    .promo-card.is-back.is-bonus-info-shown .promo-card__bonus-mobile-overlay {
        opacity: 1
    }
}


.c-site-description p {
    margin: 15px 0;
}

.c-site-description {
    color: #9ea4ae;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px 5px;
}

.promotions-page .c-site-description {
    padding: 35px 0 0;
}

.c-site-description h1,
.c-site-description h2 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 15px;
}

.c-site-description a {
    color: #00bd71;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .c-site-description {
        padding: 0 15px;
    }
}

@media (min-width: 478px) {
    .c-site-description {
        font-size: 16px;
    }

    .c-site-description p {
        margin-bottom: 25px;
    }
}

/* @media(orientation:landscape) {
    .is-mobile .promo-card.is-back .promo-card__back-inner {
        display: flex;
        top: 0;
        overflow-y: scroll
    }

    .is-mobile .promo-card__backyard,
    .is-mobile .promo-card__explanation,
    .is-mobile .promo-card__explanation li:last-child {
        height: 100%
    }

    .is-mobile .promo-card__explanation {
        display: flex;
        flex-direction: column
    }
} */

.promo-card__bonus {
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.promo-card__bonus em,
.promo-card__bonus span,
.promo-card__bonus strong {
    display: block;
    font-style: normal;
    font-weight: 900
}


@media(hover:hover)and (min-width:1025px) {

    .promo-card.is-front .promo-card__bonus,
    .promo-card.is-front .promo-card__image,
    .promo-card.is-front .promo-card__welcome-bonus,
    .promo-card.is-front:before {
        transition: transform .15s cubic-bezier(.4, 0, .2, 1);
        transform: translateZ(0)
    }

    .promo-card-wrapper .promo-card.is-front:hover .promo-card__bonus,
    .promo-card-wrapper .promo-card.is-front:hover .promo-card__image,
    .promo-card-wrapper .promo-card.is-front:hover .promo-card__welcome-bonus,
    .promo-card-wrapper .promo-card.is-front:hover:before {
        transform: scale(1.05)
    }
}

.swiper-slide .promo-card-wrapper {
    height: 456px;
    padding: 10px;
    margin-right: 0;
}

.swiper-slide .promo-card-wrapper .promo-card__bonus-mobile-overlay {
    margin: 10px;
    border-radius: 10px;
}

.swiper-slide .promo-card-wrapper .promo-card__backyard,
.swiper-slide .promo-card-wrapper .promo-card__back-inner {
    height: 100%;
}

.swiper-slide .promo-card-wrapper .promo-card__back-inner {
    flex-shrink: 0;
}

/* .swiper-slide .promo-card-wrapper .promo-card.is-back {
    padding: 10px 10px 0 10px;
} */

#promotions .swiper-slide {
    width: 341px;
}

#swiperPromotions {
    width: calc(100% + 20px);
}

.swiper-wrapper {
    margin-left: -10px !important;
}

@media screen and (max-width: 1024px) {
    .swiper-slide .promo-card-wrapper .promo-card.is-back {
        padding: 10px 10px 0 10px;
    }
}

@media(min-width:1025px) {

    .promotions-section .promo-card-wrapper,
    .promo-card-wrapper {
        transition: transform .55s;
        transform-style: preserve-3d
    }

    .promotions-section .promo-card,
    .promo-card {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .promotions-section .promo-card.is-back,
    .promo-card.is-back {
        transform: rotateY(180deg)
    }

    .promotions-section .promo-card-wrapper.is-back-fliped,
    .promo-card-wrapper.is-back-fliped {
        transform: rotateY(180deg)
    }
}

@media (max-width: 1650px) {

    .bs-site-container.is-sidebar-visible .promotions-section:not(.is-account) .promotions-section__skeleton-wrapper,
    .bs-site-container.is-sidebar-visible .promotions-section:not(.is-account) .promotions-section__swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 15px;
    }
}

@media (max-width: 1420px) {

    .promotions-section:not(.is-account) .promotions-section__skeleton-wrapper,
    .promotions-section:not(.is-account) .promotions-section__swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 15px;
    }
}

@media (max-width: 1024px) {
    .promotions-page {
        padding: 0 15px;
    }
}

@media (max-width: 1024px) {

    .promotions-section:not(.is-account) .promotions-section__skeleton-wrapper,
    .promotions-section:not(.is-account) .promotions-section__swiper-wrapper {
        display: flex;
        grid-gap: 0;
        overflow-x: scroll;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }

    .promotions-section__skeleton-wrapper::-webkit-scrollbar,
    .promotions-section__swiper-wrapper::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .promotions-section:not(.is-account) .promotions-section__skeleton-wrapper .promo-card-wrapper,
    .promotions-section:not(.is-account) .promotions-section__swiper-wrapper .promo-card-wrapper,
    .promotions-section:not(.is-account) .promotions-section__skeleton-wrapper .promo-card-wrapper,
    .promotions-section:not(.is-account) .promotions-section__swiper-wrapper .promo-card-wrapper {
        width: 250px;
        margin-right: 15px;
        flex-shrink: 0;
    }

    .promotions-section:not(.is-account) .promotions-section__skeleton-wrapper .promo-card-wrapper:last-child,
    .promotions-section:not(.is-account) .promotions-section__swiper-wrapper .promo-card-wrapper:last-child,
    .promotions-section:not(.is-account) .promotions-section__skeleton-wrapper .promo-card-wrapper:last-child,
    .promotions-section:not(.is-account) .promotions-section__swiper-wrapper .promo-card-wrapper:last-child {
        margin-right: 0;
    }
}

/* END PAGE PROMOTIONS */

/* END PAGE COMPLAINTS */


/* START PAGE GAMES */
.c-games-category {
    position: relative;
    padding: 21px 0 15px;
}

.games-sections-wrapper {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 35px;
}

.games-sections__heading {
    position: sticky;
    top: 55px;
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #213743;
    padding: 0 10px;
    margin: 0;
    z-index: 100;
}

.games-sections__heading-box {
    width: 100%;
    display: flex;
    align-items: center;
}

.games-sections__title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0 15px 0 0;
    text-decoration: none;
}

.games-sections__heading-back {
    margin-right: 15px;
    display: none;
}

.games-block {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.game {
    display: inline-block;
    width: 25%;
    flex: 0 1 auto;
    padding: 10px;
    box-sizing: border-box;
    line-height: 0;
    position: relative;
    transition: transform .3s;
}

.games-block__footer {
    display: flex;
    justify-content: center;
}

.games-block__button {
    margin-top: 15px;
}

@media (max-width: 1024px) {
    .c-games-category {
        padding: 10px 0 15px;
    }

    .games-sections-wrapper {
        padding: 0 10px;
    }

    .games-sections__heading {
        padding: 0 5px;
    }

    .game {
        padding: 5px;
        justify-content: flex-start;
    }

    .game:first-child {
        /* margin-left: -5px; */
        /* padding-right: 0; */
        /* min-width: 31.375% !important;
        width: 31.375% !important; */
    }

    .c-game-box {
        padding-top: 134.26%;
    }

    .c-game-box__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        transform: translateZ(0);
        border: 0;
        transition: transform .15s cubic-bezier(.4, 0, .2, 1);
        object-fit: cover;
    }
}

@media screen and (max-width: 768px) {
    .game {
        width: 33.33%;
    }

    .games-sections__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 390px) {
    .game {
        width: 50%;
    }
}

/* END PAGE GAME */

/* START PAGE TOURNAMENT */
.bs-c-page.is-tournament-page {
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #0c0817;
}

.bs-c-page.is-tournament-page.is-slot-wars {
    background-image: url('../images/img/bg-page.225e4d7.jpg');
}

.bs-tournament {
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 15px 40px;
    color: #fff;
    overflow: hidden !important;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
}

.bs-tournament {
    display: grid;
    grid-template-columns: 1fr .7fr;
    grid-column-gap: 20px;
    height: 100%;
    padding: 5px 20px 20px;
}

.bs-tournament.is-slot-wars {
    background-color: #1b062f;
    background-image: url('../images/img/bg-mobile.cb9fd5d.jpg');
}

.bs-c-page .bs-tournament.is-slot-wars {
    background: transparent;
}

.bs-tournament .bs-tournament__header {
    display: none;
    align-items: center;
    justify-content: space-between;
    grid-column: 1/-1;
    height: 50px;
    margin: 0 -10px 5px;
    position: relative;
    z-index: 1;
}

.bs-tournament .bs-tournament__header .promo-card__label svg {
    fill: #ffd22f;
}

.bs-tournament .bs-tournament__logo-and-time {
    position: relative;
    order: -2;
}

.bs-tournament .bs-tournament__logo-and-time {
    grid-column: 1/-1;
}

.bs-tournament .bs-tournament__logo {
    width: 160%;
    max-width: none;
    margin: -10% 0 0 -30%;
}

.bs-tournament .bs-tournament__logo {
    width: 90%;
    margin: 0 5%;
}

.bs-tournament .bs-tournament__timeline {
    font-size: 11px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px 0 25px;
    opacity: .8;
}

.bs-tournament .bs-tournament__timeline {
    margin: -15px 0 20px;
}

.countdown-timer {
    display: flex;
    align-items: center;
}

.bs-tournament .bs-tournament__timeline .countdown-timer {
    font-size: 12px;
    margin-left: 15px;
}

.bs-tournament .bs-tournament__text,
.bs-tournament ul {
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .1);
}

.bs-tournament .bs-tournament__text {
    line-height: 1.5;
    padding: 6px 15px;
}

.bs-tournament .bs-tournament__details {
    margin-top: auto;
    margin-bottom: 10px;
    overflow: hidden;
}

.bs-tournament .bs-tournament__details {
    grid-column: 1;
    grid-row: 3/5;
    margin-bottom: 0;
}

.bs-tournament .bs-tournament__details {
    grid-row: 4/5;
    margin-top: 10px;
    margin-top: 20px;
}

.bs-tournament li {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    min-height: 40px;
    padding: 10px 0;
    line-height: 1.5;
}

.bs-tournament li:not(.bs-c-leaderboard__row):first-child {
    grid-template-columns: 1fr;
}

.bs-tournament .bs-tournament__details li {
    grid-gap: 0;
}

.bs-tournament h2 {
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 15px;
    margin: 0;
}

.bs-tournament li span {
    padding-right: 15px;
}

.bs-tournament li strong {
    font-weight: 600;
}

.bs-tournament li a {
    color: #fff;
}

.bs-tournament li :last-child {
    text-align: right;
    padding-right: 15px;
}

.bs-c-leaderboard {
    color: #fff;
}

.bs-tournament .bs-tournament__leaderboard {
    grid-column: 2;
    grid-row: 2/4;
}

.bs-c-leaderboard.is-fullsize {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.bs-c-page .bs-tournament .bs-tournament__leaderboard {
    grid-row: 3/5;
}

.bs-c-page .bs-c-leaderboard {
    max-height: 609px;
}

.is-fullsize.bs-c-leaderboard ul {
    height: 100%;
    overflow-y: auto;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
}

.is-fullsize.bs-c-leaderboard ul .bs-c-leaderboard__row .bs-c-leaderboard__column:first-child {
    padding-left: 15px;
}

.bs-c-leaderboard ul .bs-c-leaderboard__row .bs-c-leaderboard__column.is-points {
    font-weight: 600;
}

.bs-tournament li :first-child {
    text-align: left;
    padding-left: 15px;
}

.bs-c-leaderboard ul .bs-c-leaderboard__title {
    line-height: 27px;
}

.bs-tournament .bs-tournament__btn {
    margin-bottom: 10px;
    order: -1;
    grid-column: 1/-1;
    max-height: 44px;
}

.bs-tournament .bs-tournament__btn {
    width: 200px;
    margin: 15px auto 40px;
}

.bs-tournament li:nth-child(2n) {
    background: hsla(0, 0%, 100%, .05);
}

@media screen and (max-width: 1024px) {
    .bs-tournament {
        display: flex;
        flex-direction: column;
        padding: 20px 15px 40px;
    }

    .bs-tournament .bs-tournament__logo {
        width: 160%;
        max-width: none;
        margin: -10% 0 0 -30%;
    }

    .bs-tournament .bs-tournament__btn {
        width: 100%;
        margin-bottom: 10px;
        max-height: 44px;
    }

    .bs-tournament .bs-tournament__details {
        margin: 10px 0 10px 0;
    }

    .bs-c-leaderboard.is-fullsize {
        height: 100%;
        max-height: 100%;
        overflow: auto;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
    }
}

/* END PAGE TOURNAMENT */

/* START PAGE INDEX */
.bs-c-index-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 500px;
    padding: 20px 15px 50px;
    position: relative;
    overflow: hidden;
}

.bs-c-index-banner__bgd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -2;
}

.bs-c-index-banner-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bs-c-index-banner-title.is-banner-title-in-homepage {
    padding: 15px 0 30px;
}

.bs-c-index-banner-title__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bs-c-index-banner-title__text {
    font-family: "Montserrat", sans-serif;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    cursor: default;
}

.bs-c-index-banner-title__text.is-active {
    animation: fade-in .1s ease-in;
    animation-fill-mode: forwards;
}

.bs-c-index-banner-title__subtext.is-active {
    animation: fade-in .1s ease-in;
    animation-fill-mode: forwards;
}

.bs-c-index-banner-title.is-banner-title-in-homepage .bs-c-index-banner-title__text {
    color: #ffd22f;
}

.bs-c-index-banner-title__subtext {
    font-family: "Montserrat", sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #ffd22f;
    opacity: 0;
    cursor: default;
}

@media (min-width: 478px) {
    .bs-c-index-banner-title.is-banner-title-in-homepage .bs-c-index-banner-title__text {
        background: linear-gradient(#e5b400, #ffd22f);
        background-origin: content-box;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }
}

.bs-c-index-banner__deposit-container {
    width: 390px;
    height: 380px;
    z-index: 3;
}

.bs-c-deposit-wrapper {
    width: 390px;
    min-height: 224px;
    height: auto;
    padding: 20px 30px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 42px hsla(0, 0%, 100%, .05), 0 30px 50px rgba(22, 20, 33, .3);
    position: relative;
}

.bs-c-index-banner__deposit-container .bs-c-deposit-wrapper {
    width: 100%;
}

.bs-c-enter-deposit-form-wrapper {
    height: 100%;
    font-weight: 400;
    color: #161421;
}

.bs-c-enter-deposit-amount {
    position: relative;
    margin-bottom: 20px;
}

.bs-c-enter-deposit-amount-header {
    background-color: #fff !important;
}

.bs-c-modal-header {
    flex: 0 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
}

.bs-c-enter-deposit-amount .bs-c-modal-header {
    justify-content: space-between;
}

.bs-c-enter-deposit-amount__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bs-c-enter-deposit-amount__label {
    font-weight: 400;
    font-size: 16px;
    color: #161421;
    text-transform: uppercase;
}

.bs-c-flag-icon-deposit {
    margin-right: 4px;
    position: relative;
}

.bs-c-flag-icon-deposit:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px rgba(22, 20, 33, .15);
}


.bs-c-flag-icon-deposit__checked {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    padding: 3px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #00bd71;
    fill: #fff;
}

.bs-c-enter-deposit-amount__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #d3d7db;
    position: relative;
}

.bs-c-deposit-amount-number {
    width: calc(100% - 75px);
    height: 100%;
    flex: 0 1 100%;
    display: flex;
    align-items: center;
}

.bs-c-deposit-amount-number__symbol {
    display: flex;
    align-items: center;
    font-size: 46px;
    height: 100%;
    letter-spacing: -3px;
    font-weight: 300;
}

.bs-c-deposit-amount-number__input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 40px;
    margin: 0 5px;
}

.bs-c-deposit-amount-number__input {
    height: 2em;
    width: 100%;
    display: flex;
    align-items: center;
    border: none;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: -3px;
    color: #161421;
    caret-color: #161421;
    padding: 0 !important;
    outline: none;
}

.c-currency-selector {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 71px;
    width: 71px;
    height: 28px;
    padding: 0;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    background: #f2f6f9;
    transition: .25s;
    cursor: pointer;
}

.c-currency-selector:disabled .c-currency-selector__text,
.c-currency-selector[disabled] .c-currency-selector__text {
    color: #585d6d
}

.c-currency-selector:disabled .c-currency-selector__arrow,
.c-currency-selector[disabled] .c-currency-selector__arrow {
    fill: #9ea4ae
}

.c-currency-selector__text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #161421;
    transition: color .25s;
}

.c-currency-selector:hover:not([disabled]) {
    border-color: #d3d7db;
    background: #dfe4e8
}

.c-currency-selector:hover:not([disabled]) .c-currency-selector__text {
    color: #161421
}

.c-currency-selector:hover:not([disabled]) .c-currency-selector__arrow {
    fill: #585d6d
}

.c-currency-selector__arrow {
    margin-left: 10px;
    width: 12px;
    height: 8px;
    fill: #9ea4ae;
    transition: fill .25s;
}

.bs-c-bonus-wrapper {
    width: 100%;
    height: 50px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 0 15px;
    color: #161421;
    background: #fff9e3;
    border: 1px solid #ffd22f;
}

.bs-c-bonus-wrapper.has-switch {
    grid-template-columns: 24px 1fr auto;
}

.bs-c-bonus-wrapper.is-disabled {
    border: 1px solid #dfe4e8;
    background: #f2f6f9;
}

.bs-c-bonus-wrapper>* {
    grid-row: 1;
}

.bs-c-bonus-content__icon {
    width: 24px;
    height: 24px;
    grid-column: 1;
}

.bs-c-bonus-content {
    min-width: 0;
    grid-column: 2;
}

.bs-c-bonus-content__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #161421;
    text-align: left;
    display: block;
    cursor: pointer;
}

.bs-c-bonus-content__label {
    width: auto;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.bs-c-bonus-content__label-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #585d6d;
    margin-right: 6px;
    cursor: pointer;
}

.bs-c-bonus-ticket-info {
    width: 14px;
    height: 14px;
    display: flex;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    border: 0;
    background-color: transparent;
    z-index: 3;
}

.bs-c-bonus-ticket-info__icon {
    width: 100%;
    height: 100%;
    fill: #9ea4ae;
    transition: all .2s ease;
    z-index: 3;
}

.bs-c-bonus-ticket-info__button {
    grid-column: 1/span 2;
    height: 100%;
    width: calc(100% + 20px);
    margin: 0 0 0 -15px;
    padding: 0;
    border: 0;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    z-index: 2;
}

.bs-c-toggle-button {
    --toggle-width: 42px;
    --toggle-height: 24px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: var(--toggle-width);
    height: var(--toggle-height);
    padding: 0 2px 0 calc(var(--toggle-height) - 4px);
    border-radius: 16px;
    background: #9ea4ae;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.bs-c-toggle-button input {
    display: none
}

.bs-c-toggle-button:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(var(--toggle-height) - 8px);
    height: calc(var(--toggle-height) - 8px);
    border-radius: 50%;
    background: #fff;
    transition: transform .2s;
    z-index: 2
}

.bs-c-toggle-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .45s, opacity .45s;
    background-color: #00bd71;
    pointer-events: none;
    z-index: 1
}

.bs-c-toggle-button .bs-c-toggle-button__text {
    font-size: 11px;
    line-height: 0;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.bs-c-toggle-button.is-checked {
    background-color: #00bd71;
    padding: 0 calc(var(--toggle-height) - 4px) 0 2px
}

.bs-c-toggle-button.is-checked:after {
    transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));
    z-index: 2
}

.bs-c-toggle-button.is-checked:before {
    transform: translate(10px, -50%) scale(12);
    opacity: 0
}

.bs-c-toggle-button.has-label {
    --toggle-width: 48px
}

.bs-c-toggle-button.is-large {
    --toggle-width: 58px;
    --toggle-height: 32px
}

.bs-c-deposit__result {
    display: flex;
    flex-direction: column;
}

.bs-c-deposit-cta-button {
    border-radius: 6px;
    min-height: 44px;
    padding: 5px 10px;
    background-color: #00bd71;
    border: none;
    box-shadow: none;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: background-color .3s ease;
}

.bs-c-deposit-cta-button:not(:disabled):hover {
    background-color: #0dd182
}

.bs-c-deposit-cta-button:disabled {
    background-color: #dfe4e8;
    color: #9ea4ae;
    cursor: default;
    pointer-events: none
}

.bs-c-deposit-cta-button.is-bouncing {
    animation-name: bounce;
    animation-duration: 3s;
    animation-iteration-count: 3;
    animation-timing-function: ease
}

@keyframes bounce {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(0, -2.5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.bs-c-deposit-btn__text {
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.bs-c-deposit-btn__text-small {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: lowercase;
    color: #f2f6f9;
    font-weight: 400;
}

.bs-c-deposit-icons {
    text-align: center;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.bs-c-deposit-icons__placeholder {
    width: 100%;
    max-height: 14px;
}

.bs-c-deposit-icons__img {
    width: auto;
    max-height: 14px;
}

.bs-c-deposit-icons__img.is-fiat {
    max-width: calc(25% - 12px);
    margin: 0 6px;
}

.bs-c-deposit-icons__img.is-fiat:first-child {
    margin-left: 0;
}

.bs-c-deposit-icons__img.is-fiat:last-child {
    margin-right: 0;
}

.bs-c-deposit-code-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0;
    font-style: normal;
    color: #d3d7db;
}

.bs-c-deposit-code-wrapper__bonus {
    font-size: 12px;
    color: #9ea4ae;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
}

.bs-c-swiper {
    display: flex;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bs-c-index-banner-stats {
    position: relative;
    width: 100%;
    max-width: 1125px;
    padding: 0 0 9px;
    margin-top: 59px;
    z-index: 1;
}

.bs-c-swiper.is-general-info {
    justify-content: flex-start;
    padding-top: 300px;
    margin-top: -300px;
    pointer-events: none;
}


.c-general-info-card {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: all;
}

.bs-c-index-banner-stats .c-general-info-card {
    width: calc(25% - 11.25px);
    margin-right: 15px;
    flex-shrink: 0;
    height: 100%;
    transition-property: transform;
}

.c-general-info-card__content {
    position: relative;
    height: 80px;
    border-radius: 16px;
    background-color: hsla(0, 0%, 100%, .15);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    padding: 18px 0 16px 20px;
}

.c-general-info-card__value {
    font-size: 21px;
    line-height: 29px;
    font-weight: 700;
    color: #fff;
}

.c-general-info-card__value-skeleton {
    position: relative;
    width: 53%;
    height: 24px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 7px;
    animation: skeleton-loading-transparent 1s linear infinite alternate;
}

.c-general-info-card__text-wrap {
    display: flex;
    align-items: center;
}

.c-general-info-card__label {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 11px;
    line-height: 13px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 3px 5px 2px;
}

.c-general-info-card__label.is-green {
    background: linear-gradient(to bottom right, #0dd182, #00bd71);
}

.c-general-info-card__label.is-red {
    background: linear-gradient(to bottom right, #fc4777, #e31351);
}

.c-general-info-card__label.is-blue {
    background: linear-gradient(to bottom right, #598bff, #3861fb);
}

.c-general-info-card__label.is-orange {
    background: linear-gradient(to bottom right, #f90, #ff4d00);
}

.c-general-info-card__text {
    max-width: 88%;
    font-size: 14px;
    line-height: 16px;
    color: #dfe4e8;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c-general-info-card__info {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    fill: hsla(0, 0%, 100%, .5);
    transition: fill .25s ease;
    margin-left: 5px;
}

@media(hover: hover) {
    .c-general-info-card__info:hover {
        fill: #fff
    }
}

.c-star-empty {
    height: 17px;
    width: 105px;
    overflow: hidden;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDAyOTIgMC41NTk1MjdDOC43OTAzNiAtMC4xODY1MDkgOS45MDk2NCAtMC4xODY1MDkgMTAuMjk3MSAwLjU1OTUyN0wxMi4zNjgxIDQuNTQ3MzJDMTIuNTIxOCA0Ljg0MzMgMTIuODE4OCA1LjA0ODU1IDEzLjE2MjQgNS4wOTYyOUwxNy43OTU0IDUuNzM5OTNDMTguNjYxNCA1Ljg2MDI0IDE5LjAwNjUgNi44NzE5NyAxOC4zNzk2IDcuNDUyMzZMMTUuMDI4OCAxMC41NTQzQzE0Ljc3OTcgMTAuNzg1IDE0LjY2NiAxMS4xMTc0IDE0LjcyNDggMTEuNDQzMUwxNS41MTU0IDE1LjgyNDJDMTUuNjYzNCAxNi42NDQzIDE0Ljc1NzYgMTcuMjY5NyAxMy45ODI4IDE2Ljg4MjRMOS44NDE2IDE0LjgxMjVDOS41MzM4NSAxNC42NTg2IDkuMTY2MTUgMTQuNjU4NiA4Ljg1ODQgMTQuODEyNUw0LjcxNzIyIDE2Ljg4MjRDMy45NDIzNyAxNy4yNjk3IDMuMDM2NjUgMTYuNjQ0MyAzLjE4NDY0IDE1LjgyNDJMMy45NzUyIDExLjQ0MzJDNC4wMzM5OSAxMS4xMTc0IDMuOTIwMjggMTAuNzg1IDMuNjcxMTYgMTAuNTU0M0wwLjMyMDM5NyA3LjQ1MjM2Qy0wLjMwNjU0MyA2Ljg3MTk3IDAuMDM4NTk5MSA1Ljg2MDI0IDAuOTA0NTc1IDUuNzM5OTNMNS41Mzc1OSA1LjA5NjI5QzUuODgxMjIgNS4wNDg1NSA2LjE3ODIgNC44NDMzIDYuMzMxOTIgNC41NDczMkw4LjQwMjkyIDAuNTU5NTI3WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4yIi8+Cjwvc3ZnPgo=);
    margin-bottom: 11px;
}

.c-star-full {
    float: left;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDAyOTIgMC41NTk1MjdDOC43OTAzNiAtMC4xODY1MDkgOS45MDk2NCAtMC4xODY1MDkgMTAuMjk3MSAwLjU1OTUyN0wxMi4zNjgxIDQuNTQ3MzJDMTIuNTIxOCA0Ljg0MzMgMTIuODE4OCA1LjA0ODU1IDEzLjE2MjQgNS4wOTYyOUwxNy43OTU0IDUuNzM5OTNDMTguNjYxNCA1Ljg2MDI0IDE5LjAwNjUgNi44NzE5NyAxOC4zNzk2IDcuNDUyMzZMMTUuMDI4OCAxMC41NTQzQzE0Ljc3OTcgMTAuNzg1IDE0LjY2NiAxMS4xMTc0IDE0LjcyNDggMTEuNDQzMUwxNS41MTU0IDE1LjgyNDJDMTUuNjYzNCAxNi42NDQzIDE0Ljc1NzYgMTcuMjY5NyAxMy45ODI4IDE2Ljg4MjRMOS44NDE2IDE0LjgxMjVDOS41MzM4NSAxNC42NTg2IDkuMTY2MTUgMTQuNjU4NiA4Ljg1ODQgMTQuODEyNUw0LjcxNzIyIDE2Ljg4MjRDMy45NDIzNyAxNy4yNjk3IDMuMDM2NjUgMTYuNjQ0MyAzLjE4NDY0IDE1LjgyNDJMMy45NzUyIDExLjQ0MzJDNC4wMzM5OSAxMS4xMTc0IDMuOTIwMjggMTAuNzg1IDMuNjcxMTYgMTAuNTU0M0wwLjMyMDM5NyA3LjQ1MjM2Qy0wLjMwNjU0MyA2Ljg3MTk3IDAuMDM4NTk5MSA1Ljg2MDI0IDAuOTA0NTc1IDUuNzM5OTNMNS41Mzc1OSA1LjA5NjI5QzUuODgxMjIgNS4wNDg1NSA2LjE3ODIgNC44NDMzIDYuMzMxOTIgNC41NDczMkw4LjQwMjkyIDAuNTU5NTI3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) repeat-x;
    background-position: 0 100%;
}

.bs-c-index-banner .c-index-banner-awords {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    background-color: hsla(0, 0%, 100%, .15);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    padding: 15px 10px;
    border-radius: 0 16px 16px 0;
}

.bs-c-index-banner .c-index-banner-awords__img {
    margin-bottom: 10px;
}

.bs-c-index-banner .c-index-banner-awords__img:last-child {
    margin-bottom: 0;
}

.c-general-info-card__tooltip {
    position: absolute;
    bottom: 115%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #161421;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(22, 20, 33, .2);
    z-index: 2;
}

.c-general-info-card.is-time-value .c-general-info-card__tooltip {
    text-align: center;
    padding: 13px 18px 9px;
    transition: all 0.3s ease;
}

.c-general-info-card__content.active .c-general-info-card__tooltip {
    visibility: visible;
    opacity: 1;
}

.c-general-info-card__tooltip {
    visibility: hidden;
    opacity: 0;
}

.c-general-info-card__tooltip:before {
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.c-general-info-card__tooltip:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.c-live-chat__tooltip-header {
    background-color: #f2f6f9;
    border-radius: 6px 6px 0 0;
    padding: 10px 15px 8px;
}

.c-live-chat__tooltip-header-item {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #585d6d;
    margin-bottom: 7px;
}

.c-live-chat__tooltip-header-item:first-child {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.c-live-chat__tooltip-header-item .is-dark {
    color: #161421;
}

.c-live-chat__tooltip-header-item .is-green {
    color: #00bd71;
}

.c-live-chat__tooltip-testimonial {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #161421;
    padding: 15px;
    margin: 0;
}

.c-live-chat__tooltip-user__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #585d6d;
    padding: 0 15px 20px;
}

.c-live-chat__tooltip-user {
    display: flex;
    align-items: center;
}

.c-flag-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
}

.c-live-chat__tooltip-testimonial__flag {
    margin-right: 10px;
}

.c-live-chat__tooltip-star {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    fill: #ffd22f;
}

.c-bonus-code-wrapper {
    position: relative;
    margin: 20px 0;
}

.c-bonus-code.is-in-deposit-form,
.c-bonus-code.is-outside-deposit-form .bs-c-deposit__input {
    position: relative;
    display: flex;
    border-radius: 6px;
    background: #f2f6f9;
    border: 1px solid #dfe4e8;
    align-items: center;
    padding-right: 6px;
    transition: .2s ease;
}

.bs-c-deposit__input-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.c-bonus-code.is-in-deposit-form .bs-c-deposit__input-wrapper {
    flex: 1;
    margin-bottom: 0;
}

.bs-c-deposit__input-wrapper>label {
    position: relative;
    height: 44px;
    display: flex;
}

.c-bonus-code.is-in-deposit-form .bs-c-deposit__input {
    user-select: none;
    outline: none;
    border: none;
    background-color: transparent;
}

.bs-c-deposit__input {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 16px;
    color: #161421;
    background-color: #f2f6f9;
    border: 1px solid #dfe4e8;
    border-radius: 6px !important;
    padding: 13px 15px 0;
    text-align: left;
    outline: none;
}

.is-focus .bs-c-deposit__input,
.is-focus .is-in-deposit-form {
    border: 1px solid #3861fb
}

.is-focus .bs-c-deposit__input-name {
    color: #3861fb
}

.is-focus .form-input__error {
    display: none;
}

.is-verified .bs-c-deposit__input-name {
    color: #00bd71
}

.has-error .bs-c-deposit__input-name {
    color: #e31351
}

.bs-c-deposit__input-name {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: calc(50% - 10px);
    left: 15px;
    text-transform: none;
    color: #585d6d;
    transition: transform .25s cubic-bezier(.25, .8, .25, 1);
    transform-origin: left top;
    pointer-events: none;
    font-size: 14px;
}



.c-button.size-s {
    font-size: 14px;
    line-height: 16px;
    --padding-block: 8px;
    --padding-inline: 10px;
}

.c-feeling-lucky {
    background-color: rgba(203, 215, 255, 0.03);
    padding-top: 35px;
    padding-bottom: 40px;
}

.c-feeling-lucky__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px;
}

.c-feeling-lucky__text {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #dfe4e8;
    margin: 0 0 25px;
}

.c-feeling-lucky__wrap {
    position: relative;
    width: 100%;
    max-width: 1420px;
    overflow: hidden;
    padding: 60px 35px 70px;
    margin: -30px auto 0;
}

.c-feeling-lucky__container {
    margin: 0 auto;
    width: 307px;
    height: 164px;
    position: relative;
    perspective: 2000px;
}

.c-feeling-lucky__carousel {
    height: 100%;
    width: 100%;
    position: absolute;
    transition: transform 3s;
}

.c-feeling-lucky__carousel,
.c-feeling-lucky__carousel-perspective {
    transform-style: preserve-3d;
}

.c-feeling-lucky__item {
    display: block;
    position: absolute;
    width: 307px;
    height: 164px;
    min-height: 164px;
    line-height: 16px;
    font-size: 12px;
    transition: transform 3s;
}

.c-feeling-lucky__item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(22, 20, 33, .15);
}

.c-feeling-lucky__item-title-wrap {
    max-width: 400px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.c-feeling__lucky-provider-wrap {
    position: absolute;
    top: 45px;
    left: calc(50% + 180px);
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.game-provider__tooltip-wrap {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 24px;
    height: 24px;
}

.game-provider__tooltip-wrap.is-feeling-lucky {
    right: auto;
    top: 0;
}

.game-provider__tooltip {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -36px;
    left: 50%;
    height: 24px;
    transform: translateX(-50%);
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize;
    white-space: nowrap;
    color: #fff;
    background-color: #57546e;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 4px;
    z-index: 101;
}

.game-provider__tooltip-wrap.is-feeling-lucky .game-provider__tooltip {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    top: -33px;
    transform: translateZ(0) translateX(-50%);
}

.c-feeling-lucky__item-provider {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    z-index: 3;
    overflow: hidden;
}

.c-feeling-lucky__item-provider .game-badge-provider__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    background-color: hsla(0, 0%, 100%, .2);
    transition: .15s ease;
}

.game-badge-provider__icon {
    width: 100%;
    height: 100%;
}

.c-feeling-lucky__btn {
    margin: 25px auto 0;
}

.c-feeling-lucky__item-title {
    display: block;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    text-align: center;
    color: #dfe4e8;
    text-decoration: none;
    text-transform: capitalize;
}

.c-feeling-lucky__item.is-not-active .c-feeling-lucky__item-image {
    box-shadow: 0 0 12px rgba(22, 20, 33, .15);
    filter: brightness(.6);
    transform: scale(.88);
}

.winners-jackpot-section {
    position: relative;
    background: linear-gradient(180deg, #6f00ff, #854dff 50%);
}

.total-jackpot {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 65px 45px 0;
    position: relative;
}

.total-jackpot__number-img {
    width: 471px;
    height: 426px;
    position: absolute;
    top: -30px;
    left: 0;
    transform: translateX(-25%);
}

.total-jackpot__star-img {
    width: 463px;
    height: 417px;
    position: absolute;
    top: -10px;
    right: 0;
    transform: translateX(28%);
}

.total-jackpot__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 25px;
}

.total-jackpot__amount-box {
    margin: 0 0 20px;
}

.total-jackpot__amount {
    font-family: "Montserrat", sans-serif;
    font-size: 78px;
    line-height: 100px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(#e5b400, #ffd22f);
    background-origin: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.c-button.total-jackpot__button {
    width: 200px;
    margin: 0 auto;
}

.c-button em {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;
    font-style: normal;
    text-transform: none;
}

.c-jackpot-swiper-section {
    padding: 40px 0;
}

.jackpot-swiper .c-game-container {
    background: hsla(0, 0%, 100%, .2);
}

.jackpot-swiper .c-swiper-side-navigation {
    background: linear-gradient(90deg, rgba(133, 77, 255, 0) 40%, #854dff);
}

.c-button.color-transparent {
    --white: 255, 255, 255;
    --bg-color: rgba(var(--white), 0.15);
    --bg-color-hover: rgba(var(--white), 0.25);
    --bg-color-click: rgba(var(--white), 0.35);
    --color-disabled: rgba(var(--white), 0.5);
    --bg-color-disabled: rgba(var(--white), 0.1);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.c-winner-swiper-section {
    padding-top: 40px;
}

.c-player-testimonials {
    background-color: #071d2a;
    padding: 40px 0 40px;
    /* margin-top: 30px; */
    position: relative;
    overflow: hidden;
}

.c-casino-awards {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    margin-top: 40px;
}

.c-casino-awards__item {
    display: block;
    max-width: none;
    width: auto;
}

.c-casino-awards__item:not(:first-child) {
    margin-left: 15px;
}

.c-casino-awards__item .c-casino-awards__logo {
    max-width: 109px;
    display: block;
}

.c-casino-awards__item:first-child .c-casino-awards__logo {
    width: 102px;
}

.c-player-testimonial-card {
    display: flex;
    flex-direction: column;
    padding: 30px 20px 20px;
    background-color: rgba(203, 215, 255, 0.075);
    border-radius: 10px;
    height: 100%;
}

.c-player-testimonial-card__star-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 5px;
    gap: 5px;
}

.c-player-testimonial-card__star-icons svg {
    width: 20px;
    height: 20px;
    fill: #ffd22f;
}

.c-player-testimonial-card__text {
    font-size: 17px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    margin: 20px 0;
}

.c-player-testimonial-card__info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
}


.c-player-testimonial-card__info-icon {
    background: #dfe4e8;
}

.c-player-testimonial-card__info-text {
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin: 0 0 0 15px;
}


.rating-slide {
    display: inline-block;
    width: 25%;
    flex: 0 1 auto;
    padding: 10px;
    min-height: 350px;
    max-height: 350px;
    align-self: stretch;
}

.c-providers-swiper-section {
    background-color: #1A2C3E;
    padding: 40px 0 30px;
}

#game-studios .c-swiper-wrapper {
    margin: 0 auto;
}

.c-providers-swiper__item {
    display: inline-block;
    width: 20%;
    flex: 0 1 auto;
    padding: 10px;
    box-sizing: border-box;
    line-height: 0;
    position: relative;
}

.c-providers-swiper__link {
    display: block;
    text-decoration: none;
    position: relative;
    border-radius: 10px;
    background: rgba(203, 215, 255, 0.075);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}


.c-providers-swiper__body {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background-color: hsla(0, 0%, 100%, .05);
    padding-top: 53.71%;
    transition: .2s ease-out;
    -webkit-backface-visibility: hidden;
}

.c-providers-swiper__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    transition: .2s ease-out;
}

.c-providers-swiper__footer {
    position: relative;
    border-radius: 0 0 10px 10px;
    transition: .2s ease-out;
    padding: 15px 0;
    z-index: 1;
}

.c-providers-swiper__title {
    display: block;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #dfe4e8;
    margin-bottom: 7px;
}

.c-providers-swiper__subtitle {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #9ea4ae;
}

#game-studios .c-swiper-side-gradient {
    /* background-color: #cbd7ff08; */
    background: linear-gradient(90deg, rgba(27, 25, 40, 0) 40%, #1A2C3E);
}

@media(hover:hover) {
    .c-providers-swiper__link:hover {
        background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), rgba(203, 215, 255, 0.075)
    }

    .c-providers-swiper__link:hover .c-providers-swiper__image {
        transform: translate(-50%, -50%) scale(1.1)
    }
}

@media screen and (max-width: 1024px) {

    .bs-c-index-banner {
        padding: 20px 0;
    }

    .bs-c-index-banner-stats {
        width: 100%;
        padding: 0;
        margin-top: 30px;
        order: 1;
        z-index: 10;
    }

    .bs-c-swiper.is-general-info {
        overflow: scroll;
        pointer-events: all;
        padding: 300px 20px 0 !important;
        justify-content: flex-start;
        overflow: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
    }

    .bs-c-swiper.is-general-info::-webkit-scrollbar {
        width: 0;
    }

    /* .c-general-info-card__content {
        backdrop-filter: none;
    } */

    .c-general-info-card {
        width: calc(33.33333% - 30px) !important;
    }

    .bs-c-index-banner .c-index-banner-awords {
        display: none;
    }

    .bs-c-deposit-amount-number__input {
        height: 2em;
    }

    .c-casino-awards {
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-x: scroll;
        justify-content: flex-start;
        padding: 0 0 0 20px;
    }

    .c-casino-awards {
        margin-top: 30px;
    }

    .c-casino-awards::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .c-casino-awards__item {
        height: 48px;
    }

    .c-casino-awards__item .c-casino-awards__logo {
        max-height: 100%;
    }

    .c-casino-awards__item:last-child {
        padding-right: 20px;
    }

    .total-jackpot {
        padding: 0 15px;
        padding: 40px 15px 0;
        margin-top: 0;
    }

    .total-jackpot__title {
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 19px;
    }

    .total-jackpot__amount {
        font-size: 42px;
        line-height: 50px;
    }

    .total-jackpot__number-img,
    .total-jackpot__star-img {
        display: none;
    }

    .c-feeling-lucky {
        padding: 30px 0;
    }

    .c-feeling-lucky__title {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 25px;
    }

    .c-feeling-lucky__text {
        margin: 0 0 25px;
        padding: 0 20px;
    }

    .c-feeling-lucky__wrap {
        padding: 0 10px;
        padding-top: 40px;
        padding-bottom: 55px;
    }

    .c-feeling-lucky__container {
        width: 169px;
        height: 227px;
        perspective: 4000px;
    }

    .c-feeling-lucky__item-title-wrap {
        max-width: 300px;
    }

    .c-feeling-lucky__item {
        width: 169px;
        height: 227px;
        min-height: 227px;
    }

    .c-feeling__lucky-provider-wrap {
        top: 40px;
        left: calc(50% + 70px);
    }

    .c-feeling-lucky__carousel-perspective:nth-child(2) {
        transform: rotateY(120deg) translateZ(290px) rotateY(-120deg) !important;
    }

    .c-feeling-lucky__carousel-perspective:nth-child(3) {
        transform: rotateY(240deg) translateZ(290px) rotateY(-240deg) !important;
    }

    .rating-slide {
        width: 295px !important;
    }

    .c-providers-swiper__item {
        padding: 5px 10px 5px 0;
        min-width: 134px !important;
        width: 134px !important;
        justify-content: flex-start;
    }

    .c-providers-swiper__image {
        max-height: 80%;
    }

    .c-providers-swiper__title {
        font-size: 14px;
        line-height: 16px;
    }

    .c-providers-swiper__subtitle {
        font-size: 12px;
        line-height: 14px;
    }

    #game-studios .swiper-wrapper {
        margin-left: 0px !important;
    }

    #game-studios .c-swiper-container {
        width: calc(100% + 5px);
    }
}

@media (max-width: 991px) {

    .c-general-info-card__content {
        padding: 18px 0 16px 15px;
    }
}

@media (max-width: 768px) {
    .bs-c-index-banner-title__text {
        font-size: 24px;
    }

    .bs-c-index-banner-title__subtext {
        font-size: 24px;
    }

    .c-general-info-card {
        width: calc(40% - 9.2px);
    }

    .c-general-info-card__value {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .c-general-info-card__text {
        font-size: 12px;
        line-height: 14px;
    }

    .rating-slide {
        width: 250px !important;
        min-height: 330px;
    }

    .c-player-testimonial-card__text {
        font-size: 14px;
    }
}

@media (max-width: 660px) {
    .c-general-info-card {
        width: calc(66.66667% - 2px) !important;
        padding-right: 6px !important;
        margin-right: 0 !important;
    }


}

@media (max-width: 478px) {
    .bs-c-index-banner-title__text span {
        display: block;
    }
}

/* END PAGE INDEX */

/* START MODAL */
.v--modal-overlay {
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .2);
    z-index: 999;
    opacity: 1;
}

.v--modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 111;
    background: rgba(22, 20, 33, .9);
}

@supports ((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))) {
    .v--modal-overlay {
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px);
        background: rgba(22, 20, 33, .6);
    }
}

.v--modal-overlay .v--modal-background-click {
    width: 100%;
    min-height: 100%;
    height: auto;
}

.c-modal-overlay .v--modal-background-click {
    pointer-events: none;
}

.v--modal-top-right {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.c-modal-overlay-box {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    background: #fff;
    pointer-events: all;
}

.v--modal-overlay .v--modal-box {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.v--modal-overlay .v--modal-box {
    overflow: visible;
}

.c-modal-overlay-box {
    position: absolute !important;
    width: 972px !important;
    height: auto !important;
    top: 85px !important;
    left: 50% !important;
    transform: translateX(-50%);
    max-width: 85vw;
    max-height: calc(100vh - 128px);
    background: transparent;
    overflow: visible;
}

.popup-modal {
    display: none;
}

.c-v-signup-modal-box.v--modal-box {
    overflow: visible;
}

.c-v-signup-modal-box {
    width: 720px !important;
    height: 450px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    border-radius: 16px;
}

.c-v-signup-modal-logo {
    width: 165px;
    height: 30px;
    top: -90px;
    left: 50%;
    transform: translate(-50%);
}

.c-v-signup-coin,
.c-v-signup-modal-logo {
    position: absolute;
    z-index: 3;
}

.c-v-signup-coin.is-top-left {
    width: 42px;
    height: 46px;
    top: 65px;
    left: 0;
}

.c-v-signup-coin.is-top-right {
    width: 102px;
    height: 102px;
    top: 90px;
    left: 256px;
}

.c-v-signup-coin.is-bottom-left {
    width: 64px;
    height: 63px;
    bottom: -25px;
    left: 0;
}

.c-v-signup-coin.is-bottom-right {
    width: 48px;
    height: 35px;
    bottom: -15px;
    left: 260px;

}

.c-welcome-info-dashboard {
    width: 330px;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/img/welcome-offer-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 16px 0 0 16px;
}

.c-v-signup-step-wrapper {
    width: 390px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    background-color: #fff;
    border-radius: 0 16px 16px 0;
    overflow: hidden;
    transition: none;
    transition-delay: 0ms;
}

.c-v-signup-modal-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: -42px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

.c-welcome-info-title {
    position: absolute;
    top: 30px;
    left: 30px;
}

.c-welcome-info-title__text {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
}

.is-animation-initialized .c-welcome-info-title__text {
    opacity: 0;
    animation: fade-in 233ms cubic-bezier(1, -.22, .71, .53) .1s forwards;
}

.c-welcome-info-dashboard__content {
    position: absolute;
    top: 132px;
    left: 30px;
}

.c-welcome-info-dashboard-list {
    position: relative;
}

.c-welcome-info-dashboard-list {
    width: 270px;
}

.c-welcome-info-dashboard-list__item {
    display: flex;
    flex-direction: column;
    padding-bottom: 28px;
    overflow: hidden;
    position: relative;
}

.is-animation-initialized .c-welcome-info-dashboard-list__item {
    opacity: 0;
    transform: translateY(20px);
    animation: dashboard-list-item-animation 167ms ease-in-out forwards;
}

.is-animation-initialized .c-welcome-info-dashboard-list__item:first-child {
    animation-delay: .5s;
}

.is-animation-initialized .c-welcome-info-dashboard-list__item:nth-child(2) {
    animation-delay: .8s;
}

.is-animation-initialized .c-welcome-info-dashboard-list__item:nth-child(3) {
    animation-delay: 1.1s;
}

.c-welcome-info-dashboard-list__item-content {
    display: flex;
}

.c-welcome-info-dashboard-list__item-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border: 2px solid #d3d7db;
    border-radius: 50%;
    position: relative;
    padding: 2px;
    z-index: 1;
}

.c-welcome-info-dashboard-list__item-text {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #d3d7db;
    margin-left: 17px;
    position: relative;
    transition: transform .3s, color .3s;
}

.c-welcome-info-dashboard-list__item.is-active .c-welcome-info-dashboard-list__item-text {
    transform: scale(1.04);
    color: #fff;
}

.is-animation-initialized .c-welcome-info-dashboard-list__item-content:after {
    transform-origin: top center;
    transform: scaleY(0);
    animation: dashboard-line-animation 333ms ease-in-out forwards;
}

.c-welcome-info-dashboard-list__item:not(:last-of-type) .c-welcome-info-dashboard-list__item-content:after {
    content: "";
    display: block;
    width: 2px;
    height: 28px;
    background: #d3d7db;
    position: absolute;
    top: 18px;
    left: 8px;
    z-index: 0;
}

.is-animation-initialized .c-welcome-info-dashboard-list__item:first-child .c-welcome-info-dashboard-list__item-content:after {
    animation-delay: .7s;
}

.is-animation-initialized .c-welcome-info-dashboard-list__item:nth-child(2) .c-welcome-info-dashboard-list__item-content:after {
    animation-delay: 1s;
}

.c-welcome-info__bonus-code {
    position: absolute;
    bottom: 30px;
    left: 65px;
    border: none;
    padding: 0;
    background-color: transparent;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    opacity: 0;
    cursor: pointer;
    animation: fade-in 167ms ease 1.6s forwards;
}

.c-welcome-info-dashboard-list__item-circle svg {
    width: 100%;
    height: 100%;
    fill: transparent;
}

.c-welcome-info-dashboard-list__item-circle:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    /* left: -2px; */
    top: -2px;
    border-radius: 50%;
    background: #fff;
    transform: scale(0);
    transition: transform .3s;
}

.c-welcome-info-dashboard-list__item.is-active .c-welcome-info-dashboard-list__item-circle:after {
    transform: scale(1);
}

.c-welcome-info-dashboard-list__item:last-of-type .c-welcome-info-dashboard-list__item-circle {
    border-color: #ffd22f;
}

.c-welcome-info-dashboard-list__item:last-of-type .c-welcome-info-dashboard-list__item-text,
.c-welcome-info-dashboard-list__item:last-of-type.is-active {
    color: #ffd22f;
}

.c-welcome-package-bonus {
    max-width: 240px;
    margin: 6px 0 0 34px;
}

.c-welcome-package-bonus__item {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.c-v-auth-step {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.c-v-auth-step-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50px;
    border-bottom: 1px solid #dfe4e8;
    background: #f2f6f9;
    position: relative;
}

.c-v-auth-step-header__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #161421;
    text-transform: uppercase;
}

.c-v-auth-step-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    position: relative;
}

.c-v-auth-step-container.is-animated {
    opacity: 0;
    animation: fade-in .75s cubic-bezier(.4, 0, .2, 1) .25s forwards;
}

.c-v-auth-step-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    position: relative;
}

.c-v-auth-step-form__inner .c-v-auth-step-content {
    padding: 0 !important;
}

.c-v-auth-step-content__text.is-text-heavy {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: #161421;
}

.c-v-auth-step-content__terms-and-privacy {
    border: none;
    border-bottom: 2px solid #585d6d;
    padding: 0;
    background-color: transparent;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #161421;
    text-decoration: none;
    cursor: pointer;
}

.c-v-auth-step-content.is-dynamic-content {
    margin-top: 110px;
}

.c-v-auth-step-content.has-cta-section {
    padding-bottom: 95px;
}

.c-v-auth-step-content.is-content-center {
    justify-content: center;
}

.c-v-auth-step-form {
    display: flex;
    flex-direction: column;
    /* position: relative; */
}

.c-v-auth-step-form__inner {
    display: flex;
    flex-direction: column;
    /* position: relative; */
}

.c-v-auth-step-button-back {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 6px;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    cursor: pointer;
}

.c-v-auth-step-button-back__icon {
    width: 14px;
    height: 14px;
    fill: #161421;
}

.c-welcome-info-dashboard-list__item.is-finished .c-welcome-info-dashboard-list__item-text {
    text-decoration: line-through;
}

.c-welcome-info-dashboard-list__item.is-finished .c-welcome-info-dashboard-list__item-circle svg {
    fill: #d3d7db;
}

.c-input-hint-text,
.c-v-sign-up-validation-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #9ea4ae;
    margin: 0 0 4px;
}

.c-password-visibility-toggle {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    fill: #9ea4ae;
    cursor: pointer;
}

.c-v-input-label[data-v-df2841a0] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translateY(0);
    opacity: 0;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1);
}

.c-v-input-label-text[data-v-df2841a0] {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #9ea4ae;
}

.c-v-auth-step-form-input-row {
    width: 100%;
    display: flex;
}

.c-v-auth-step-input-box {
    flex: 1 1 100%;
}

.c-v-auth-step-input {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #161421;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    background: transparent;
}

.c-v-auth-step-input::placeholder {
    color: #1614216b;
}

.c-v-auth-step-input-hidden {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    z-index: -1;
    visibility: hidden;
}

.c-input-separator-line {
    width: 100%;
    height: 2px;
    background: #dfe4e8;
    border-radius: 6px;
    margin: 10px 0;
}

.c-input-hint-text[data-v-98742e1e] {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #9ea4ae;
    margin: 0 0 4px;
}

.c-v-email-validation-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #9ea4ae;
}

.c-v-auth-step-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 30px 30px;
}

.c-v-auth-step-footer {
    position: absolute;
    left: 0;
    bottom: 0;
}

.c-v-signup-modal-close__icon {
    width: 16px;
    height: 16px;
    fill: #161421;
}

.c-v-signup-modal-box-banner {
    position: relative;
    height: 100%;
}

.c-active-step-list {
    display: none;
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    z-index: 1000;
}

.c-active-step-list__item-text {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
}

.c-active-step-list__item {
    width: calc(100% + 20px);
    height: 70px;
    padding: 0 20px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 16px;
    background: #00bd71;
    cursor: pointer;
}

.c-active-step-list {
    top: 0px;
}

.c-active-step-list__item-text.is-small {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin-top: 4px;
    color: #fff;
}

.c-active-step-list__item-icon {
    width: 10px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    fill: #fff;
    animation: active-list-arrow-animation 2s ease-in infinite;
}

.c-active-step-list__item:nth-child(2) {
    top: 60px;
}

@media screen and (max-width: 1024px) {
    .v--modal-overlay {
        z-index: 122;
    }

    .v--modal-overlay .v--modal-background-click {
        height: 100%;
    }

}

@media screen and (max-width: 900px) {
    .c-v-signup-modal .c-v-signup-modal-close {
        top: -45px;
        right: 0px;
    }
}

@media screen and (max-width: 768px) {
    .c-v-signup-modal-box {
        height: 100% !important;
        width: 100% !important;
    }

    .c-v-signup-modal.email-sign-up .c-v-signup-step-wrapper,
    .c-v-signup-modal.user-sign-up .c-v-signup-step-wrapper {
        left: 0;
    }

    .c-v-signup-modal-logo {
        width: 123px;
        top: 13px;
        left: 50%;
    }

    .c-v-signup-modal-box-banner {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw - 50px);
        max-width: 325px;
        min-height: 460px;
        height: auto;
        padding: 30px 20px;
        border-radius: 16px;
        background: url('../images/img/welcome-offer-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .c-welcome-info-dashboard {
        position: absolute;
        top: 50%;
        left: 50%;
        min-height: 460px;
        transform: translate(-50%, -50%);
        background: none;
    }

    .c-v-signup-step-wrapper {
        height: 100%;
        width: 100%;
        left: 100%;
        border-radius: 0;
    }

    .c-v-auth-step-header {
        flex: 0 0 60px;
    }

    .c-v-signup-modal-box .c-v-signup-modal-close {
        width: 36px;
        height: 36px;
        top: 12px;
        right: 15px;
        z-index: 10;
        background-color: #fff;
    }

    .c-v-auth-step-content.is-dynamic-content {
        margin-top: 12vh;
    }

    .c-v-auth-step-footer {
        position: static;
        margin-top: 20px;
    }

    .c-welcome-mobile-coin.is-top-left {
        width: 17px;
        height: 46px;
        top: 65px;
        left: 0;
    }

    .c-v-signup-coin.is-top-right {
        width: 102px;
        height: 102px;
        top: 82px;
        left: 220px;
    }

    .c-welcome-info-dashboard-list {
        top: 5px;
    }

    .c-welcome-info-dashboard-list__item {
        display: flex;
        flex-direction: column;
        padding-bottom: 65px;
        overflow: hidden;
        position: relative;
    }

    .c-welcome-info-dashboard-list__item:not(:last-of-type) .c-welcome-info-dashboard-list__item-content:after {
        height: 65px;
    }

    .c-active-step-list {
        display: block;
    }

}

/* END MODAL */
.bs-c-site-sidebar__list-icon {
    width: 18px;
    height: 18px;
    fill: #9ea4ae;
    margin-right: 20px;
}

/* START MODAL BONUS CODE */
.c-bonus-code-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 123;
}

.c-bonus-code-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#1b1928 15%, rgba(27, 25, 40, .87));
}

.c-bonus-code-dialog__wrapper {
    position: relative;
    background-color: #fff;
}

.c-bonus-code-dialog__wrapper {
    width: 386px;
    height: 239px;
    box-shadow: 0 12px 14px rgba(22, 20, 33, .05);
    border-radius: 16px;
}

.c-bonus-code-dialog__title {
    margin: 20px 30px 18px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #161421;
}

.c-bonus-code-dialog__close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: none;
    padding: 0;
    background-color: #fff;
}

.c-bonus-code-dialog__close {
    position: absolute;
    top: 0;
    right: -46px;
    cursor: pointer;
}

.c-bonus-code-dialog__info {
    margin: 0 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #585d6d;
}

.c-bonus-code-dialog__form {
    margin: 0 30px;
}

.c-v-bonus-code__wrapper {
    position: relative;
    margin: 20px 0;
}

.c-v-bonus-code__wrapper {
    position: relative;
    margin: 20px 0;
}

.bs-c-deposit__input-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.bs-c-deposit__input-wrapper>label {
    position: relative;
    height: 44px;
    display: flex;
}

.c-v-bonus-code.is-in-deposit-form,
.c-v-bonus-code.is-outside-deposit-form .bs-c-deposit__input {
    position: relative;
    display: flex;
    border-radius: 6px;
    background: #f2f6f9;
    border: 1px solid #dfe4e8;
    align-items: center;
    padding-right: 6px;
    transition: .2s ease;
}

@media screen and (max-width: 768px) {
    .c-bonus-code-dialog__wrapper {
        border-radius: 0px;
    }

    .c-bonus-code-dialog {
        background-color: #fff;
    }

    .c-bonus-code-dialog__wrapper {
        width: 100%;
        height: 100%;
    }

    .c-bonus-code-dialog__header {
        display: flex;
        align-items: center;
        height: 56px;
        background-color: #f2f6f9;
        box-shadow: inset 0 -1px 0 #dfe4e8;
    }

    .c-bonus-code-dialog__title {
        flex: 1;
        margin-left: 51px;
        font-size: 18px;
        line-height: 56px;
        text-transform: uppercase;
        color: #161421;
        text-align: center;
    }

    .c-bonus-code-dialog__header .c-bonus-code-dialog__close {
        background-color: #fff;
        /* margin-right: 15px; */
    }

    .c-bonus-code-dialog__info {
        max-width: 600px;
        padding: 0 20px;
    }

    .c-bonus-code-dialog__info {
        margin: 20px auto 0;
        font-size: 16px;
        line-height: 24px;
        color: #161421;
    }

    .c-bonus-code-dialog__info {
        max-width: 600px;
        padding: 0 20px;
    }

    .c-bonus-code-dialog__form {
        margin: 0 15px;
    }
}

/*END MODAL BONUS CODE */

/* START MODAL DEPOSIT */
.bs-c-index-banner-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bs-c-index-banner-title.is-banner-title-in-modal {
    margin: 0 0 20px;
}

.bs-c-index-banner-title__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bs-c-index-banner-title__text {
    font-family: "Montserrat", sans-serif;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    cursor: default;
}

.bs-c-index-banner-title__text.is-active {
    animation: fade-in .1s ease-in;
    animation-fill-mode: forwards;
}

.bs-c-index-banner-title__subtext.is-active {
    animation: fade-in .1s ease-in;
    animation-fill-mode: forwards;
}

.bs-c-index-banner-title.is-banner-title-in-modal .bs-c-index-banner-title__text {
    font-size: 36px;
    line-height: 54px;
    background: linear-gradient(#e5b400, #ffd22f);
    background-origin: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.bs-c-index-banner-title__subtext {
    font-family: "Montserrat", sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #ffd22f;
    opacity: 0;
    cursor: default;
}

.bs-c-index-banner-title.is-banner-title-in-modal .bs-c-index-banner-title__subtext {
    font-size: 24px;
    line-height: 28px;
}

.c-modal-overlay-popup-wrapper {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
    position: relative;
}

.c-modal-overlay-back,
.c-modal-overlay-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: -42px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.c-modal-overlay-back {
    right: auto;
    left: -42px;
}

.c-modal-overlay-close__icon {
    width: 16px;
    height: 16px;
    fill: #161421;
}

.c-modal-overlay-popup-container {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 42px hsla(0, 0%, 100%, .05), 0 30px 50px rgba(22, 20, 33, .3);
    position: relative;
    overflow: hidden;
}

.c-modal-overlay-popup {
    height: auto;
    max-height: calc(100vh - 198px);
    padding-right: 30px;
    overflow: auto;
}

.c-modal-overlay-box.is-free-spins-text-showing .c-modal-overlay-popup,
.c-modal-overlay-box.is-free-spins-text-showing .c-modal-overlay-popup {
    max-height: calc(100vh - 225px);
}

.bs-c-deposit-wrapper {
    width: 390px;
    min-height: 224px;
    height: auto;
    padding: 20px 30px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 42px hsla(0, 0%, 100%, .05), 0 30px 50px rgba(22, 20, 33, .3);
    position: relative;
}

.bs-c-deposit-wrapper.is-in-modal {
    width: 100% !important;
    height: 100% !important;
    padding: 20px 0 20px 30px;
    background: transparent;
    box-shadow: none;
}

.c-currency-select {
    width: 100%;
}

.c-currency-select-header {
    position: relative;
    margin-bottom: 21px;
}

.c-currency-select-header__title {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #161421;
    padding: 0 30px;
    margin: 0;
}

.c-currency-select-content {
    margin-bottom: 15px;
}

.c-currency-select-content:last-of-type {
    margin-bottom: 0;
}

.c-currency-select-content__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #161421;
    margin: 0 0 14px;
}

.c-currency-select-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.c-currency-select-list__item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 13px 5px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    color: #585d6d;
    transition: .25s;
    cursor: pointer;
}

.c-currency-select-list__item-selected {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: #00bd71;
    pointer-events: none;
    transition: opacity 125ms;
    opacity: 0;
}

.c-currency-select-list__item.is-suggested {
    border-color: #00bd71;
    background-color: rgba(217, 255, 235, .5);
    color: #161421;
}

.c-currency-select-sign-up {
    margin-top: -110px;
}

.c-currency-select-list__item {
    padding: 10px 5px;
}


.c-currency-select-list__item:hover {
    border: 1px solid #d3d7db;
    background-color: #f2f6f9;
    color: #585d6d;
}

.c-currency-select-list__item.active {
    background-color: #50b075 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.c-currency-select-list__item.is-suggested:hover {
    background-color: #d9ffeb;
    border-color: #1e9464
}

@media screen and (max-width: 768px) {

    .c-modal-overlay-close__icon {
        fill: #fff;
    }

    .c-currency-select-header {
        width: 100%;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #1b1928;
    }

    .bs-c-index-banner-title {
        display: none;
    }

    .v--modal-overlay .v--modal-box {
        max-height: 100%;
        height: 100% !important;
        width: 100%;
        max-width: 100%;
        top: 0 !important;
    }

    .c-modal-overlay-popup-wrapper {
        max-width: 100%;
        height: 100%;
    }

    .c-modal-overlay-popup-container {
        border-radius: 0;
        height: 100%;
        box-shadow: none;
    }

    .c-modal-overlay-popup {
        padding-right: 0;
    }

    .bs-c-deposit-wrapper.is-in-modal {
        padding: 0;
    }

    .c-currency-select-header__title {
        color: #fff;
    }

    .c-currency-select-content {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .c-currency-select-list__item {
        padding: 13px 5px;
    }

    .c-modal-overlay-back,
    .c-modal-overlay-close {
        position: absolute;
        top: 10px;
        right: 15px;
        width: 36px;
        height: 36px;
        z-index: 10;
        background-color: #2f4553;
        --bg-color: #2f4553;
        --bg-color-hover: #3d5564;
        --bg-color-click: #2a3a45;
        --color-disabled: #57546e;
        --bg-color-disabled: var(--bg-color);
    }

    .c-modal-overlay-back {
        left: 15px;
    }

}

/* END MODAL DEPOSIT */

/* START MODAL AUTH */
.c-modal-overlay-box.is-title-missing {
    top: 140px !important;
}

.bs-c-auth-outer,
.bs-c-auth-wrapper {
    height: 100%;
}

.bs-c-auth-outer {
    width: 100%;
    /* max-width: 390px; */
    margin: 0 auto;
    position: relative;
}

.bs-c-auth-wrapper {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 42px hsla(0, 0%, 100%, .05), 0 30px 50px rgba(22, 20, 33, .3);
    /* overflow: hidden; */
}

.bs-c-auth-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bs-c-auth-container {
    height: auto;
    max-height: calc(100vh - 170px);
    overflow: auto;
}

.is-free-spins-text-showing .bs-c-auth-container {
    max-height: calc(100vh - 225px);
}

.bs-c-modal-header__title {
    max-width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #161421;
    margin: 0;
}

.bs-c-auth-content {
    padding: 0 30px 20px;
}

.bs-c-deposit__input-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.bs-c-deposit__input-wrapper>label {
    position: relative;
    height: 44px;
    display: flex;
}


.form-input__error {
    color: #e31351;
    font-size: 11px;
    line-height: 13px;
    font-weight: 600;
    display: block;
    flex: 1;
    text-align: right;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 2;
    margin-top: 2px;
}

.has-error .bs-c-deposit__input {
    background-color: #ffe0e9;
    border: 1px solid #e31351 !important;
}

.bs-c-deposit__input-wrapper input:focus {
    background-color: #f2f6f9;
    border: 1px solid #3861fb;
}

.bs-c-deposit__input-wrapper input:focus~.bs-c-deposit__input-name {
    color: #3861fb;
}

.c-modal-overlay input[type=email],
.c-modal-overlay input[type=number],
.c-modal-overlay input[type=password],
.c-modal-overlay input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.bs-c-auth-login-password {
    text-align: center;
}

.bs-c-auth-login-button {
    position: relative;
}

.c-button.is-full-width {
    width: 100%;
}

.c-button .c-button__checkmark,
.c-button .c-spinner,
.c-button span {
    transition: opacity .3s;
}

.form-top-error-holder {
    padding: 9px 0 11px;
}

.bs-c-auth-login-forgot-password {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 10px;
}

.bs-c-auth-login-forgot-password__text {
    text-decoration: none;
    color: #00bd71;
}

.bs-c-auth-footer {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #161421;
}

.bs-c-auth-footer__link {
    text-decoration: none;
    color: #00bd71;
}

.is-focus .bs-c-deposit__input {
    border: 1px solid #3861fb
}

.auth-login,
.pswd-reset,
.resend-unlock,
.resend-email {
    display: none;
}

.auth-login.show,
.pswd-reset.show,
.resend-unlock.show,
.resend-email.show {
    display: flex;
}

.bs-c-forgot-password-link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bs-c-forgot-password-text a {
    color: #00bd71;
}

.bs-c-forgot-password-link__text {
    padding: 0;
    border: none;
    font-size: 14px;
    line-height: 21px;
    background: transparent;
    color: #00bd71;
    cursor: pointer;
}

/* .bs-c-deposit__input-name.has-items, */
.bs-c-deposit__input-wrapper input:focus~.bs-c-deposit__input-name,
.bs-c-deposit__input-wrapper input:not(:focus):valid~.bs-c-deposit__input-name,
.c-cashout-details-content input:not(:focus):disabled~.bs-c-deposit__input-name,
.is-verified .bs-c-deposit__input-name {
    transform: translate3d(0, -7px, 0) scale(.8);
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .c-modal-overlay-box.is-title-missing {
        top: 0px !important;
    }

    .bs-c-auth-outer {
        max-width: 100%;
        height: 100%;
    }

    .bs-c-auth-wrapper {
        border-radius: 0;
    }

    .bs-c-modal-header {
        flex: 0 0 56px;
        background: #0f212e;
    }

    .bs-c-modal-header__title {
        max-width: calc(100% - 80px);
        color: #fff;
    }

    .bs-c-auth-content {
        height: calc(100% - 50px);
        padding: 20px;
        overflow: auto;
    }
}

@media screen and(max-width: 768px) {
    /* .c-modal-overlay-box.is-title-missing {
        top: 0px !important;
    } */
}

/* END MODAL AUTH */

/* START HEADER USER */
.currencies-dropdown {
    position: relative;
    flex-shrink: 0;
}

.currencies-dropdown__current {
    display: flex;
    align-items: center;
    grid-gap: 5px;
    gap: 5px;
    padding: 10px;
    border-radius: 6px;
    line-height: 16px;
    font-weight: 700;
    background: rgba(203, 215, 255, 0.03);
    color: #fff;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 2;
}

.currencies-dropdown__arrow,
.currencies-dropdown__currency-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0;
}

.header-user-dropdown {
    position: relative;
    flex-shrink: 0;
}

.header-user-dropdown.is-open {
    padding-left: 10px;
    margin-left: -10px;
}

.header-user-dropdown__hover {
    display: block;
    width: 36px;
    height: 36px;
    padding: 9px;
    border-radius: 6px;
    background: rgba(203, 215, 255, 0.03);
    fill: #dfe4e8;
}

.header-user-dropdown__content {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0 4px 12px rgba(203, 215, 255, 0.03);
    background-color: #1f2330;
}

.header-user-dropdown__content::before {
    content: "";
    width: 36px;
    height: 10px;
    background: rgba(203, 215, 255, 0.03);
    opacity: 0;
}

.is-open>.header-user-dropdown__content::before {
    opacity: 1;
}

.header-user-dropdown__content-inner {
    min-width: 450px;
    padding: 10px;
    border-radius: 10px 0 10px 10px;
    background: rgba(203, 215, 255, 0.03);
}

.header-user-dropdown__account {
    padding: 10px;
    margin: -10px -10px 10px;
    border-bottom: 1px solid #57546e;
}

.header-user-dropdown__item {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-column-gap: 20px;
    align-items: center;
    border-radius: 6px;
    padding: 10px 20px;
    cursor: pointer;
}

.header-user-dropdown__item:hover,
.header-user-dropdown__account-link:hover {
    background-color: #2c303f;
}

.header-user-dropdown__item-icon {
    width: 24px;
    height: 24px;
    margin: 13px 0;
    grid-row: 1/span 2;
    fill: #fff;
}

.header-user-dropdown__item-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
}

.header-user-dropdown__item-description {
    color: #9ea4ae;
}

.header-user-dropdown__account-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 13px 0 57px;
}

.header-user-dropdown__account-link {
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 12px 7px;
    border-radius: 6px;
    cursor: pointer;
}

.header-user-dropdown__item {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-column-gap: 20px;
    align-items: center;
    border-radius: 6px;
    padding: 10px 20px;
    cursor: pointer;
}

.header-user-dropdown__item-icon {
    width: 24px;
    height: 24px;
    margin: 13px 0;
    grid-row: 1/span 2;
    fill: #fff;
}

.header-user-dropdown__item-title.is-logout {
    grid-row: 1/span 2;
}

.notifications {
    color: #fff;
    position: relative;
}

.notifications.is-open {
    padding-left: 10px;
    margin-left: -10px;
}

.notifications__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: rgba(203, 215, 255, 0.03);
    border: none;
    border-radius: 6px;
    position: relative;
}

.is-open>.notifications__menu {
    background: rgba(203, 215, 255, 0.03);
    border-radius: 6px 6px 0 0;
}

.notifications__menu-icon {
    width: 14px;
    height: 18px;
    fill: #dfe4e8;
}

.notification-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 320px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0 4px 12px rgba(22, 20, 33, .2);
    background-color: #1f2330;
    border-radius: 10px;
}

.notification-dropdown::before {
    content: "";
    width: 36px;
    height: 10px;
    background: rgba(203, 215, 255, 0.03);
    opacity: 0;
}

.notifications.is-open .notification-dropdown::before {
    opacity: 1;
}

.notification-dropdown__content {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 400px;
    border-radius: 10px 0 10px 10px;
    background: rgba(203, 215, 255, 0.03);
    overflow: hidden;
}

.notifications-list__wrapper {
    height: 100%;
    overflow-y: auto;
    padding: 10px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.notifications-list__wrapper.is-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 50px;
}

.notifications-list-empty__icon {
    width: 56px;
    height: 72px;
    fill: #dfe4e8;
    margin-bottom: 30px;
}

.notifications-list-empty__title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.notifications-list-empty__text {
    line-height: 1.6;
    color: #9ea4ae;
    margin: 10px 0 0;
}

.navbar__level-up {
    max-width: 230px;
}

.level-up-progress-bar__wrapper {
    width: 100%;
    position: relative;
}

.level-up-progress-bar {
    display: grid;
    align-items: center;
    grid-template-columns: 36px 1fr;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(203, 215, 255, 0.03);
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.level-up-progress-bar.is-clickable {
    cursor: pointer;
}

.level-up-progress-bar>* {
    grid-row: 1;
}

.level-up-progress-bar__level,
.level-up-progress-bar__star {
    grid-column: 1;
}

.level-up-progress-bar__star {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 36px;
    background: #598bff;
    transition: background-color .4s;
}

.level-up-progress-bar__star-img {
    display: block;
    width: 30px;
    height: 30px;
}

.level-up-progress-bar__star-level {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 1px;
    color: #161421;
}

.level-up-progress-bar__progress {
    --progress: 0;
    width: 100%;
    height: 100%;
    grid-column: 2;
    position: relative;
    transform: scaleX(var(--progress));
    transform-origin: left center;
    transition: transform 1s ease;
    background: linear-gradient(to bottom right, #3861fb, #598bff);
}

.level-up-progress-bar__progress::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, #9e23ff, #ff008a);
    transition: opacity .4s;
    opacity: 0;

}

.level-up-progress-bar__text {
    text-align: right;
    padding-right: 10px;
    grid-column: 2;
    z-index: 1;
}

.search-results::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 12px;
    width: 8px;
    height: 8px;
    background-color: #f2f6f9;
    transform: rotate(45deg);
    transition: left .3s;
}

.search-results-container {
    position: absolute;
    top: 46px;
    left: 0;
    width: 700px;
    padding: 0 6px;
    overflow: hidden;
    background-color: #f2f6f9;
    border-radius: 6px;
    z-index: 104;
    transition: left .3s;
}

.search-results-inner {
    max-height: 565px;
    overflow: auto;
}

@media (min-width: 1025px) {
    .search-results-inner {
        padding: 5px 4px 10px;
    }
}

.search-results__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-results__games-found {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: #161421;
    padding: 10px 5px;
    cursor: default;
}

.search-categories {
    display: flex;
    padding-right: 5px;
}

.search-categories__item {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #161421;
    margin-left: 15px;
    cursor: pointer;
}

.search-categories__item.is-active {
    display: block;
    color: #3861fb;
}

.search-categories__item.is-active::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #3861fb;
}

.games-block {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.game {
    display: inline-block;
    width: 25%;
    flex: 0 1 auto;
    padding: 10px;
    box-sizing: border-box;
    line-height: 0;
    position: relative;
    transition: transform .3s;
}

.search-results-game {
    width: 20%;
    padding: 5px;
}

.c-game-container {
    display: block;
    text-decoration: none;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(203, 215, 255, 0.075);
    z-index: 1;
}

.search-results-game .c-game-container {
    background: #d3d7db;
}

@media(hover:hover) {
    .c-game-container:hover {
        background: #2f4553;
    }

    .c-game-container:hover .is-bagde-hover {
        opacity: 1
    }

    .c-game-container:hover .c-game-box__image {
        transform: scale3d(1.05, 1.05, 1)
    }

    .c-game-container:hover .c-game-title {
        /* background-color: rgba(203, 215, 255, 0.075); */
    }

    .c-game-container:hover .win-amount-original {
        width: 100%
    }
}

.c-game-badges-collection {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.game-badge-separator {
    display: block;
    width: 1px;
    height: 24px;
    margin-left: auto;
}

.search-results {
    display: none;
}

.is-search-opened .search-results {
    display: block;
}

.is-search-opened .c-search-content {
    background-color: #fff;
}

.is-search-opened .navbar__search-icon {
    fill: #161421;
}

.is-search-opened .c-search-input::placeholder,
.is-search-opened .c-search-input {
    color: #161421;
}

.c-search-results__close {
    display: none;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 4px;
    border-radius: 4px;
}

.is-search-opened .c-search-results__close {
    display: flex;
}

.search-result-none__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #161421;
    text-align: center;
    margin: 40px 0 10px;
    padding: 0 5px;
}

@media (max-width: 1024px) {
    .c-games-search {
        flex: 0 0 36px;
        margin-right: 0;
        order: 2;
    }

    .is-search-opened .c-search-content {
        display: flex;
        background-color: #fff;
        position: absolute;
        top: 0;
    }

    .c-games-search.is-search-opened {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        z-index: 111;
    }

    .search-results-container {
        width: 100%;
        top: 50px;
        height: calc(100% - 50px);
        max-height: none;
        border-radius: 0;
    }

    .search-results-inner {
        max-height: 100%;
    }

    .c-search-results__close {
        width: 32px;
        height: 32px;
        padding: 8px;
        border-radius: 8px;
    }

    .c-search-input,
    .c-search-input::placeholder {
        font-size: 16px;
    }

}

@media screen and (max-width: 900px) {

    .header-user-dropdown,
    .notifications {
        display: none;
    }

}

@media screen and (max-width: 768px) {

    .search-results-game-block {
        padding: 0 10px 0 5px;
    }

    .level-up-progress-bar__wrapper {
        display: none;
    }

    .search-results-game {
        width: 33.33%;
    }

    .search-results__heading {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .search-results__games-found {
        padding: 10px;
    }

    .search-categories {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 0 10px;
        overflow-x: scroll;
    }

    .search-categories::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .search-categories__item {
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        color: #585d6d;
        border: 1px solid #dfe4e8;
        border-radius: 6px;
        white-space: nowrap;
        padding: 10px 14px;
        margin-left: 10px;
    }

    .search-categories__item:first-child {
        margin-left: 0;
    }

    .search-categories__item.is-active {
        color: #fff;
        border: 1px solid #3861fb;
        background-color: #3861fb;
    }
}

/* END HEADER USER */

/* PAGE GAME START */
.page-game-content {
    padding: var(--game-page-top) 0 50px;
    min-height: calc(100vh - 56px);
    position: relative;
}

.c-games-on-game-page {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}

.bs-c-game-modal,
.page-game-content {
    --aspect-ratio: 1.77778;
    --header-height: 56px;
    --game-modal-header-height: 72px;
    --offset-from-header: 15px;
    --offset-bottom: 15px;
    --offset-side: 50px;
    --game-max-height: calc(100vh - var(--header-height) - var(--offset-from-header) - var(--offset-bottom));
    --game-max-width: calc(100vw - var(--offset-side)*2);
    --game-height: min(var(--game-max-height), calc(var(--game-max-width)/var(--aspect-ratio) + var(--game-modal-header-height)));
    --game-width: min(var(--game-max-width), calc((var(--game-max-height) - var(--game-modal-header-height))*var(--aspect-ratio)));
    --game-page-top: min(100vh, calc(var(--game-height) + var(--offset-from-header)*2));
}

.bs-c-game-modal {
    position: absolute;
    top: var(--offset-from-header);
    left: 50%;
    bottom: auto;
    transform: translateX(-50%);
    z-index: 100;
    padding-bottom: 52px;
    width: var(--game-width);
    height: var(--game-height);
    background-color: transparent !important;
    transition: .3s ease;
}

.bs-c-game-modal.modal--maximized {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 104;
    transform: none;
    padding-top: 0;
    width: 100% !important;
    max-width: unset;
    height: 100% !important;
    max-height: unset;
    display: flex;
    flex-direction: column;
}

.bs-c-game-modal.modal--maximized .modal__body {
    border-radius: 0;
}

.bs-c-game-modal.modal--maximized .bs-c-game-modal__navbar {
    border-radius: 0;
}

.bs-c-game-modal__close-game-btn {
    position: absolute;
    right: 20px;
    top: 0;
}

.bs-c-game-modal__navbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
    background: #2b2740;
    display: flex;
    align-items: center;
    padding: 0 13px;
    border-radius: 0 0 16px 16px;
    justify-content: space-between;
}

.bs-c-game-modal__navbar-left {
    display: flex;
    align-items: center;
    max-width: 45%;
}

.bs-c-game-modal__minimize-back-btn {
    margin-right: 15px;
}

.bs-c-game-modal__navbar-text-wrap {
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.bs-c-game-modal__navbar-text {
    font-size: 16px;
    color: #fff;
}

.bs-c-game-modal__navbar-right {
    display: flex;
    align-items: center;
    color: #fff;
    grid-gap: 10px;
    gap: 10px;
}

.bs-c-game-modal__navbar-right-text {
    display: flex;
    font-size: 15px;
    margin-left: 10px;
    text-align: right;
    color: #9ea4ae;
}

.btn-full-game {
    min-width: 32px;
}

.bs-c-game-modal__close-maximized-game-btn {
    min-width: 32px;
}

.bs-c-game-modal__real-play-switch {
    margin-right: 5px;
}

.bs-c-toggle-button {
    --toggle-width: 42px;
    --toggle-height: 24px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: var(--toggle-width);
    height: var(--toggle-height);
    padding: 0 2px 0 calc(var(--toggle-height) - 4px);
    border-radius: 16px;
    background: #9ea4ae;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.bs-c-toggle-button input {
    display: none
}

.bs-c-toggle-button:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(var(--toggle-height) - 8px);
    height: calc(var(--toggle-height) - 8px);
    border-radius: 50%;
    background: #fff;
    transition: transform .2s;
    z-index: 2
}

.bs-c-toggle-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .45s, opacity .45s;
    background-color: #00bd71;
    pointer-events: none;
    z-index: 1
}

.bs-c-toggle-button .bs-c-toggle-button__text {
    font-size: 11px;
    line-height: 0;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.bs-c-toggle-button.is-checked {
    background-color: #00bd71;
    padding: 0 calc(var(--toggle-height) - 4px) 0 2px
}

.bs-c-toggle-button.is-checked:after {
    transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));
    z-index: 2
}

.bs-c-toggle-button.is-checked:before {
    transform: translate(10px, -50%) scale(12);
    opacity: 0
}

.bs-c-toggle-button.has-label {
    --toggle-width: 48px
}

.bs-c-toggle-button.is-large {
    --toggle-width: 58px;
    --toggle-height: 32px
}

.bs-c-game-modal .v--modal-box {
    position: relative !important;
    top: 0 !important;
    transform: translateY(0);
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.bs-c-game-modal .modal__header {
    --scaling-factor: 0.25;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: calc(10px/var(--scaling-factor));
    gap: calc(10px/var(--scaling-factor));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: calc(10px/var(--scaling-factor));
    padding-left: calc(20px/var(--scaling-factor));
    border-radius: calc(16px/var(--scaling-factor)) calc(16px/var(--scaling-factor)) 0 0;
    border: calc(1px/var(--scaling-factor)) solid #57546e;
    border-bottom: none;
    transform: translateY(0);
    transition: all .05s;
    opacity: 0;
    pointer-events: none;
    background: #3c3955;
}

.bs-c-game-modal .modal__header h2 {
    font-size: calc(16px/var(--scaling-factor));
    line-height: 2;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
    padding: 0;
}

.bs-c-game-modal .modal__body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

.game-modal__frame-wrapper {
    width: 100%;
    height: 100%;
}

.game-empty-balance {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    background: #0d0d0d;
    background-image: url(https://d3oqh5ecy4r3n8.cloudfront.net/img/game-page-desktop-bg.f79cccb.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.game-modal .bs-c-index-banner__deposit-container {
    height: auto !important;
}

.game-empty-balance__text {
    font-size: 15px;
    color: #dfe4e8;
    margin: 20px 0 0;
}

.game-empty-balance__text-link {
    color: #00bd71;
    cursor: pointer;
}

@media (max-width: 1024px) {

    .bs-c-game-modal,
    .page-game-content {
        --offset-side: 15px;
    }

    .modal__body .bs-c-index-banner-title__content {
        display: none;
    }
}

@media (max-width: 768px) {
    .modal__body .bs-c-index-banner {
        min-height: auto;
    }

    .bs-c-game-modal,
    .page-game-content {
        --game-modal-header-height: 200px;
    }

    .game-empty-balance__text {
        text-align: center;
    }

}

@media (max-width: 660px) {
    .bs-c-index-banner__deposit-container {
        width: 100%;
        padding: 0 20px;
    }


}

@media (max-width: 478px) {
    .bs-c-game-modal__navbar-text {
        font-size: 11px;
    }

    .bs-c-game-modal__navbar-right-text {
        flex: 1;
        font-size: 11px;
        text-align: center;
    }

    .bs-c-toggle-button.is-large {
        --toggle-width: 48px;
        --toggle-height: 25px;
    }

    .bs-c-game-modal__real-play-switch {
        margin-right: 0;
    }

    .bs-c-game-modal,
    .page-game-content {
        --game-modal-header-height: 300px;
    }
}

@media (max-width: 380px) {

    .bs-c-game-modal,
    .page-game-content {
        --game-modal-header-height: 320px;
    }
}

/* PAGE GAME END */

/* START PAYMENTS PAGE */
.payments-page {
    background: #dfe4e8;
    padding: 50px 0;
}

.payments-page .payments-page__content {
    display: block;
}

.payments-page h1 {
    font-size: 38px;
    line-height: 1.184;
    color: #161421;
    margin: 0 0 20px;
}

.payments-page h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #161421;
    margin: 0;
}

.payments-page h3 {
    font-size: 32px;
    line-height: 37px;
    color: #161421;
    margin: 50px 0 30px;
}

.payments-page__cards,
.payments-page__cards-skeleton {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 30px;
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.bs-payment-method__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.bs-payment-method-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    padding: 0;
}


.bs-payment-method {
    --item-no: 0;
    background: #fff;
    box-shadow: 0 12px 14px rgba(22, 20, 33, .05);
    border-radius: 10px;
    overflow: hidden;
    opacity: 0;
    animation: fade-up .3s ease-out .2s;
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s*(var(--item-no) + 1));
}

.bs-payment-method__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}


.basic-page li,
.basic-page p {
    font-size: 18px;
    color: #161421;
}

.bs-payment-method__item:nth-child(odd) {
    background: #f2f6f9;
}


.bs-payment-method-header img {
    height: 24px;
    max-height: 30px;
    margin: 28px 0;
}



.bs-payment-method__item-label,
.bs-payment-method__item-value {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 12px 10px 12px 20px;
    color: #585d6d;
}

.bs-payment-method-type-name {
    text-transform: capitalize;
}

.bs-payment-method__item:nth-child(odd) {
    background: #f2f6f9;
}

.bs-payment-method__item-value {
    font-weight: 600;
    text-align: right;
    color: #161421;
    padding: 12px 20px 12px 0;
}

.bs-payment-method__item-value strong {
    display: block;
}

.bs-payment-method__cta {
    padding: 10px;
}

/* END PAYMENTS PAGE */
/* START PROVIDERS PAGE */
.c-providers-list.c-providers-list-grid-view {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 20px;
}

.c-providers-list {
    width: 100%;
    padding: 10px;
    flex-wrap: wrap;
}

.c-providers-list__item {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* padding-top: 75%; */
    min-height: 153px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    color: #dfe4e8;
    background: rgba(203, 215, 255, 0.075);
    transition: background .2s ease;
    cursor: pointer;
    position: relative;
}

.c-providers-list__link {
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.c-providers-list__footer {
    padding: 16px;
    line-height: 1.17;
    transition: background .2s ease;
}

.c-providers-list__footer.is-tall {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.c-provider-title {
    font-size: 16px;
    color: #dfe4e8;
    display: block;
    margin-bottom: 7px;
}

.c-providers-list__body {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 73px);
    padding: 8% 18%;
    background: hsla(0, 0%, 100%, .05);
    transition: background .2s ease;
}

.c-providers-list__logo {
    transition: transform .2s ease;
}

.c-providers-list__item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    transition: .2s ease-out;
}

.c-providers-list__footer {
    padding: 16px;
    line-height: 1.17;
    transition: background .2s ease;
}

.c-providers-list__footer .c-provider-amount {
    font-size: 14px;
    color: #9ea4ae;
    display: block;
}

.c-providers-list__link {
    background-color: #3d4251;
}

.c-providers-list__link:hover {
    background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), rgba(203, 215, 255, 0.075)
}

@media (max-width: 1024px) {
    .c-providers-list.c-providers-list-grid-view {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }

    .c-providers-list {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-content: stretch;
        align-items: stretch;
        height: 100%;
        padding: 5px;
    }

    .c-providers-list__footer {
        padding: 13px;
    }

    .c-providers-list__footer .c-provider-title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .c-provider-amount {
        font-size: 13px;
    }

    .c-providers-list__body {
        height: calc(100% - 62px);
    }

}

@media (max-width: 768px) {
    .c-providers-list.c-providers-list-grid-view {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 478px) {
    .c-providers-list.c-providers-list-grid-view {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* END PROVIDERS PAGE */

/* START ACCOUNT PAGE */
.account-block {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 21px 45px 60px;
}

.account-block__heading {
    position: sticky;
    top: 55px;
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #213743;
    padding: 0 10px;
    margin: 0 0 20px 0;
    z-index: 100;
}

.account-block__heading-title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0 15px 0 0;
    text-decoration: none;
}

.account-block__box {
    /* max-width: 1330px; */
    width: 100% !important;
    height: calc(100vh - 40px) !important;
    max-height: 796px;
    /* position: absolute !important;
    top: 50% !important;
    left: 50% !important; */
    /* transform: translate(-50%, -50%); */
    overflow: visible !important;
}

.account-block__body {
    display: flex;
    text-align: left;
    text-align: initial;
    height: 100%;
    padding: 0;
}

.account-block__menu {
    display: flex;
    flex-direction: column;
    min-width: 262px;
    background-color: var(--input-background);
    border-radius: 16px 0 0 16px;
    overflow-x: hidden;
    overflow-y: auto;
}

.account-block__content-wrap {
    position: relative;
    width: 100%;
    background-color: #f2f6f9;
    border-radius: 0 16px 16px 0;
    overflow: hidden;
}

.bs-c-account-info {
    background-color: var(--input-background);
    padding: 15px;
}

.bs-c-account-info__username {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.bs-c-account-info__level-up-status {
    margin-bottom: 15px;
}

.account-block .currencies-dropdown__current {
    width: 100%;
    padding: 14px 10px;
    margin-bottom: 15px;
    background: rgba(203, 215, 255, 0.03);
}

.bs-c-account-info__buttons {
    display: flex;
}

.bs-c-account-info__buttons button:first-child {
    margin-right: 10px;
}

.bs-c-account-menu-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px;

}

.bs-c-account-menu-list__item {
    margin-bottom: 10px;
    border-radius: 6px;
}

.bs-c-account-menu-list__link {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    cursor: pointer;
    text-decoration: none;
}

.bs-c-account-menu-list__item.is-active,
.bs-c-account-menu-list__item:hover {
    background-color: #071824;
}

/* .bs-c-account-menu-list__icon.icon-dashboard {
    width: 26px;
    height: 22px;
    margin: 0 19px 0 -1px;
} */

.bs-c-account-menu-list__item.is-active .bs-c-account-menu-list__icon,
.bs-c-account-menu-list__item:hover .bs-c-account-menu-list__icon {
    fill: #fff;
}

.bs-c-account-menu-list__title {
    font-size: 16px;
    line-height: 19px;
    color: #d3d7db;
}

.bs-c-account-menu-list__item.is-active .bs-c-account-menu-list__title,
.bs-c-account-menu-list__item:hover .bs-c-account-menu-list__title {
    color: #fff;
}

.bs-c-account-menu-list__icon.icon-history,
.bs-c-account-menu-list__icon.icon-profile {
    height: 24px;
}

.bs-c-account-menu-list__icon {
    fill: #d3d7db;
    width: 24px;
    margin-right: 20px;
}

.account-block__content-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 60px;
}

.account-block__content-header {
    position: sticky;
    top: 0;
    padding: 10px 20px;
    box-shadow: 0 4px 6px rgba(22, 20, 33, .05);
    background-color: #fff;
    z-index: 5;
    height: 52px;
}

.account-block__content-title {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 0;
}

.account-block__content-title>span {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #161421;
}

.account-block__content {
    padding: 20px 0 0;
}

.account-block__dashboard {
    /* padding-bottom: 40px; */
}

.account-block__content-main {
    padding: 0 20px 20px;
}

.bs-c-widgets-wrapper {
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px; */
    /* padding: 0 20px 20px; */
    margin-left: -13px;
    margin-top: -20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.account-block .bs-c-widgets-wrapper {
    justify-content: start;
}

.bs-c-widget-box {
    max-width: 366px;
    width: calc(33% - 13px);
    background: #fff;
    box-shadow: 0 12px 14px rgba(22, 20, 33, .05);
    border-radius: 16px;
    /* overflow: hidden; */
    margin-left: 13px;
    margin-top: 20px;
}


.bs-c-widget-box.bs-c-account-start {
    display: flex;
    flex-direction: column;
    height: 306px;
}

.bs-c-widget-box__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 20px;
}

.bs-c-widget-box__title {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #585d6d;
}

.bs-c-account-start .bs-c-widget-box__title {
    padding-right: 20px;
    white-space: nowrap;
}

.bs-c-account-start__progressbar-container {
    max-width: 156px;
    width: 100%;
    height: 4px;
    background-color: #dfe4e8;
    border-radius: 4px;
    overflow: hidden;
}

.bs-c-account-start__progressbar {
    width: 100%;
    height: 100%;
    background: #00bd71;
    border-radius: 4px;
}

.bs-c-account-list__item {
    display: flex;
    /* grid-gap: 10px; */
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bs-c-account-list__item:nth-child(odd) {
    background-color: #f2f6f9;
}

.bs-c-account-start .bs-c-account-list__item {
    /* grid-template-columns: 28px auto 10%; */
    padding: 11px 20px 11px 22px;
}

.bs-c-account-list__item.disabled,
.bs-c-account-list__item.email-resent {
    cursor: default;
}

.bs-c-account-list__item-left {
    display: flex;
    align-items: center;
}

.bs-c-account-list__item-icon--left,
.bs-c-account-my-promotions .bs-c-account-list__item-img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.bs-c-account-list__item-icon--left {
    flex-shrink: 0;
}

.bs-c-account-list__item-amount,
.bs-c-account-list__item-title {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #161421;
}

.bs-c-account-start .bs-c-account-list__item.disabled .bs-c-account-list__item-title {
    text-decoration: line-through;
    color: #9ea4ae;
}

.bs-c-account-list__item-title-container {
    margin: 0 10px;
}

.bs-c-account-list__item-right {
    /* justify-self: end; */
    margin-left: auto;
}

.bs-c-account-list__item-icon--right {
    display: flex;
    width: 8px;
    height: 12px;
}

.bs-c-widget-box.is-balance {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 306px;
    padding: 17px 20px 20px;
    overflow: visible;
}

.bs-c-widget-balance__amount {
    display: block;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    text-align: center;
    color: #161421;
    margin-top: auto;
}

.bs-c-widget-balance__buttons {
    display: flex;
    margin-top: auto;
}

.bs-c-widget-box.bs-c-account-my-promotions {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 306px;
}

.bs-c-widget-box__link {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #161421;
    text-transform: capitalize;
    text-decoration: underline;
    cursor: pointer;
}

.bs-c-widget-box.bs-c-account-my-promotions .bs-c-account-list__item {
    padding: 0 20px;
    height: 86px;
}

.bs-c-widget-box.bs-c-account-my-promotions .bs-c-account-list__item-icon--left.icon-tournament {
    width: 27px;
    height: 23px;
    /* margin: 0 23px 0 -2px; */
    fill: #3861fb;
}

.bs-c-account-list__item-amount,
.bs-c-account-list__item-title {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #161421;
}

.bs-c-account-games .bs-c-account-list__item-title-main,
.bs-c-account-latest-transactions .bs-c-account-list__item-title-main,
.bs-c-account-my-promotions .bs-c-account-list__item-title-main {
    font-weight: 600;
}

.bs-c-account-my-promotions__subtitle {
    font-size: 12px;
    line-height: 14px;
    color: #585d6d;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.bs-c-account-my-promotions__subtitle-status {
    font-weight: 600;
    color: #161421;
}

.bs-c-account-my-promotions__subtitle-status:after {
    content: "·";
    margin: 0 3px;
}

.bs-c-widget-box.bs-c-account-my-promotions .bs-c-account-list__item-right-btn {
    text-transform: none;
}

.bs-c-widget-box.is-duplicated {
    color: #161421;
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 306px;
    padding: 20px;
}

.bs-c-account-duplicated__header {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.bs-c-account-duplicated__img {
    width: 48px;
    height: 48px;
    display: block;
    margin-bottom: 20px;
}

.bs-c-account-duplicated__title {
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.bs-c-account-duplicated__desc {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #585d6d;
    margin: 0;
}

.bs-c-account-duplicated__btn {
    margin-top: auto;
}

.bs-c-widget-box.bs-c-account-games {
    display: flex;
    flex-direction: column;
    height: 306px;
}

.bs-c-account-games__list {
    margin-top: -7px;
}

.bs-c-account-games .bs-c-account-list__item {
    padding: 8px;
    margin: -1px 12px 0;
    background-color: transparent;
}

.bs-c-account-list__item-img {
    min-width: 90px;
    height: 48px;
    /* margin-right: 15px; */
    border-radius: 6px;
}

.bs-c-account-games .bs-c-account-list__item-right {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    background: #dfe4e8;
    border-radius: 50%;
}

.bs-c-account-games .bs-c-account-list__item:hover {
    background-color: #f2f6f9
}

.bs-c-account-games .bs-c-account-list__item:hover .bs-c-account-list__item-right {
    background: #585d6d
}

.bs-c-account-games .bs-c-account-list__item:hover .bs-c-account-list__item-right svg {
    fill: #dfe4e8
}

.bs-c-widget-box.is-secure-account {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 306px;
    padding: 20px;
}

.bs-c-widget-secure-account__header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bs-c-widget-secure-account__icon {
    width: 48px;
    height: 48px;
    align-items: center;
    margin: 18px 0 24px;
}

.bs-c-widget-secure-account__title {
    font-size: 20px;
    line-height: 23px;
    color: #161421;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.bs-c-widget-secure-account__text {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #585d6d;
}

.bs-c-widget-secure-account__btn {
    margin-top: auto;
}

.bs-c-tabs-swiper {
    display: flex;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-y: hidden;
    /* overflow-x: scroll; */
    white-space: nowrap;
}

.bs-c-tabs-swiper__item {
    font-size: 14px;
    line-height: 33px;
    font-weight: 400;
    border-radius: 6px;
    padding: 0 14px;
    transition: background .15s, color .15s;
    background-color: #dfe4e8;
    color: #161421;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: 0 10px 0 0;
}

@media (hover: hover) {
    .bs-c-tabs-swiper__item:hover {
        color: #fff;
        background-color: #3861fb;
    }
}

.bs-c-tabs-swiper__item.is-active {
    color: #fff;
    background-color: #3861fb;
}

.bs-c-empty-transactions {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
}

.bs-c-empty-transactions__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    text-align: center;
}

.bs-c-empty-transactions__content__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    color: #161421;
    margin: 0 0 15px;
}

.bs-c-empty-transactions__content__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #161421;
}

.bs-c-account-promotions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 20px 0;
    margin: 0;
}

.promotions-section__title.bs-c-account-promotions__title {
    margin: 0;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    color: #161421;
    text-transform: uppercase;
}

.account-block__content-promotions {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}

.account-block__content-promotions .promo-card-wrapper {
    width: calc(33% - 17px);
    margin-right: 0;
    min-width: 290px;
    margin-left: 20px;
    margin-top: 20px;
}

.account-block__profile .bs-c-widget-box {
    /* width: calc(33% - 20px); */
    width: calc(33% - 20px);
    /* flex: 0 1 33%; */
    min-width: 300px;
    margin-left: 20px;
    margin-top: 20px;
}

.account-block__profile .bs-c-widgets-wrapper {
    margin-left: -20px;
}

/* .account-block__profile .bs-c-widget-box:nth-child(1) {
    margin-left: 0;
} */

.bs-c-account-profile-info__form {
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    padding: 20px;
}

.is-focus .bs-c-deposit__input-name {
    transform: translate3d(0, -7px, 0) scale(.8);
    font-weight: 600;
}

.bs-c-account-profile-info__form .bs-c-deposit__input-wrapper {
    width: 100%;
}

.bs-c-deposit__input-wrapper-city {
    width: 59% !important;
}

.bs-c-deposit__input-wrapper-postal-code {
    /* max-width: 40% !important; */
    width: 105px !important;
    margin-left: auto;
}

.has-items.bs-c-deposit__input-name {
    transform: translate3d(0, -7px, 0) scale(.8);
    font-weight: 600;
}

.is-disabled .bs-c-deposit__input {
    color: #9ea4ae;
}

.is-disabled .bs-c-deposit__input-name {
    color: #9ea4ae !important;
}

.is-disabled.bs-c-deposit__input-wrapper input:focus {
    border: 1px solid #dfe4e8 !important;
}

.bs-c-gender-dropdown-select {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 15px;
    line-height: 16px;
    background-color: #f2f6f9;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    cursor: pointer;
}

.bs-c-gender-dropdown-select__label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #585d6d;
    transition: transform .25s;
    transform-origin: left top;
}

.bs-c-gender-dropdown-select__icon {
    width: 12px;
    height: 8px;
    fill: #9ea4ae;
    transition: transform .2s;
    margin-left: auto;
}

.bs-c-gender-dropdown-list {
    width: 100%;
    position: absolute;
    top: calc(100% - 1px);
    background-color: #f2f6f9;
    border: 1px solid #dfe4e8;
    border-radius: 0 0 6px 6px;
    z-index: 6;
}

.bs-c-gender-dropdown-list__item {
    padding: 10px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.bs-c-gender-dropdown-list__item:not(:first-child) {
    margin-top: -5px;
}

.is-dropdown-open .bs-c-gender-dropdown-select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.is-dropdown-open .bs-c-gender-dropdown-list {
    display: block !important;
}

.is-dropdown-open .bs-c-gender-dropdown-select__icon {
    transform: rotate(180deg);
}

.bs-c-gender-dropdown-list__item:hover {
    background: #dfe4e8
}

.bs-country-dropdown-select {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 15px;
    line-height: 16px;
    background-color: #f2f6f9;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    cursor: pointer;
}

.is-country-code .bs-country-dropdown-select {
    border-radius: 6px 0 0 6px;
    border-right: none;
}

.bs-c-country-dropdown+.is-phone .bs-c-deposit__input {
    border-radius: 0 6px 6px 0 !important;
}

.bs-c-deposit__input-wrapper.is-phone-wrapper {
    display: flex;
}

.bs-country-dropdown-select__icon-arrow {
    width: 12px;
    height: 8px;
    fill: #9ea4ae;
    transition: transform .2s;
}

.is-country-code .bs-country-dropdown-select__text {
    padding-top: 0;
}

.is-phone-field {
    position: relative;
    flex: 1;
}

.bs-c-country-dropdown-select__icon-flag {
    margin-right: 10px;
}

.bs-country-dropdown-select__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    padding-top: 13px;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bs-c-country-dropdown-list {
    position: absolute;
    top: calc(100% - 1px);
    width: 100%;
    max-height: 264px;
    background-color: #f2f6f9;
    border: 1px solid #dfe4e8;
    border-radius: 0 0 6px 6px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 6;
}

.bs-c-country-dropdown-list__search {
    padding: 15px 15px 10px;
}

.bs-c-country-dropdown-list__search-input {
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
}

.bs-c-country-dropdown-list__item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.bs-c-country-dropdown-list__item-flag {
    margin-right: 10px;
}

.bs-c-country-dropdown-list__item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bs-c-country-dropdown-list__item:hover {
    background: #dfe4e8
}

.bs-c-country-dropdown-list__item:not(:first-child) {
    margin-top: -5px;
}

.is-dropdown-open .bs-c-account-dropdown-list {
    display: block !important;
}

.datepicker-input {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    padding: 15px 15px 0 15px;
    background-color: transparent;
    border: none !important;
    border-radius: 6px;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.bs-c-datepicker-box__icon {
    position: relative;
    display: block;
    width: 18px;
    height: 20px;
    margin-left: auto;
    z-index: 10;
}

.bs-country-dropdown-select.is-disabled {
    pointer-events: none;
    cursor: default;
}

.bs-country-dropdown-select__label.has-items {
    left: 50px;
    transform: translate3d(0, -7px, 0) scale(.8);
    font-weight: 600;
}

.is-disabled .bs-country-dropdown-select__label {
    color: #9ea4ae;
}

.bs-c-country-dropdown-select__icon-flag {
    margin-right: 10px;
}

.is-disabled .bs-country-dropdown-select__text {
    color: #9ea4ae;
}

.bs-country-dropdown-select__label {
    position: absolute;
    top: calc(50% - 10px);
    left: 15px;
    color: #585d6d;
    transition: transform .25s;
    transform-origin: left top;
}

.account-block__profile-content-main-inner {
    padding-top: 20px;
    /* padding-left: 13px; */
}

.bs-my-profile-card {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    padding: 20px;
    min-height: 311px;
}

.bs-my-profile-card__notification {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}

.bs-my-profile-card__text {
    line-height: 1.5;
    color: #585d6d;
    margin: 0;
    white-space: normal;
}

.bs-my-profile-card__cta.c-button {
    margin-top: auto;
    flex: unset;
}

.bs-my-profile-card__icon {
    width: 48px;
    height: 48px;
    margin: 18px 0 17px;
}

.bs-my-profile-card__title {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #161421;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.bs-my-profile-card__notification.bs-my-profile-card__alert,
.bs-my-profile-card__notification.bs-my-profile-card__check {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #00bd71;
}

.bs-my-profile-card__notification.bs-my-profile-card__alert {
    background: #e31351;
}

.bs-my-profile-card__notification.bs-my-profile-card__alert svg,
.bs-my-profile-card__notification.bs-my-profile-card__check svg {
    width: 10px;
    height: 10px;
    fill: #fff;
}

.modal--my-profile .v--modal-box {
    height: auto !important;
    top: 50vh !important;
    left: 50% !important;
    max-width: 450px;
    transform: translate(-50%, -50%);
    border-radius: 16px;
}


.bs-c-profile-modal {
    display: flex;
    flex-direction: column;
    padding: 20px 30px 30px;
}

.bs-c-profile-modal__head {
    position: relative;
    text-align: center;
}

.bs-c-profile-modal__head-title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 18px;
    color: #161421;
}

.bs-password-strength .bs-password-strength__title {
    color: #161421;
}

.bs-password-strength .bs-password-strength__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 600;
}

.bs-password-strength .bs-password-strength__meter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3px;
    height: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    background: #dfe4e8;

}

.bs-password-strength .bs-password-strength__meter:before {
    content: "";
    width: 100%;
    height: 5px;
    margin-left: -100%;
    grid-column: 1/-1;
    background: #e31351;
    transform: translateX(calc(33.33333%*var(--conditions-fulfilled)));
    transition: transform .3s, background .2s;
}

.bs-password-strength .bs-password-strength__meter li {
    position: relative;
    width: calc(100% + 6px);
    height: 11px;
    margin: -11px 0 0 -3px;
    border: 3px solid #fff;
    border-radius: 6px;
}

.bs-password-strength .bs-password-strength__conditions {
    margin-bottom: 17px;
}

.bs-password-strength .bs-password-strength__conditions li {
    font-size: 12px;
    line-height: 18px;
    color: #161421;
    display: flex;
    margin-bottom: 8px;
}

.bs-password-strength .bs-password-strength__conditions svg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #9ea4ae;
    fill: #fff;
    padding: 5px;
    margin-right: 10px;
}

.bs-password-strength.is-conditions-fulfilled-1 .bs-password-strength__name {
    color: #e31351;
}

.bs-password-strength.is-conditions-fulfilled-2 .bs-password-strength__name {
    color: #ffd22f;
}

.bs-password-strength.is-conditions-fulfilled-2 .bs-password-strength__meter:before {
    background: #ffd22f;
}

.bs-password-strength.is-conditions-fulfilled-3 .bs-password-strength__meter:before {
    background: #00bd71;
}

.bs-password-strength.is-conditions-fulfilled-3 .bs-password-strength__name {
    color: #00bd71;
}

.bs-password-strength .bs-password-strength__conditions svg.is-fulfilled {
    background: #00bd71;
}

.bs-c-profile-modal .bs-c-profile-modal__explanation {
    line-height: 1.5;
    text-align: center;
    color: #585d6d;
    margin: 0 0 20px;
}

.bs-c-profile-modal .bs-c-profile-modal__explanation a {
    color: #161421;
}

.bs-c-security-2fa__body .bs-c-security-2fa__qrcode {
    display: block;
    margin: 25px auto;
    max-width: 144px;
    max-height: 144px;
}

.bs-c-security-2fa__body .bs-c-security-2fa__qrcode canvas {
    display: block;
    margin: 6px auto;
}

.bs-c-security-2fa__body p {
    color: #585d6d;
    line-height: 1.5;
    margin: 0;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.bs-c-security-2fa__copy {
    margin: 10px 0 20px;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.is-flex-layout {
    display: flex;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.is-flex-layout label {
    flex: 1 1 66%;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.is-flex-layout input {
    border-radius: 6px 0 0 6px !important;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.bs-c-security-2fa__copy .bs-c-deposit__input {
    padding: 13px 15px;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.bs-c-security-2fa__copy .btn--copy {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #dfe4e8;
    border-left: none;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.is-flex-layout button.btn--copy {
    flex: 0 0 44px;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.bs-c-security-2fa__copy .btn--copy svg {
    width: 20px;
    height: 20px;
    fill: #9ea4ae;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.bs-c-security-2fa__activate {
    margin-bottom: 0;
}


.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.is-flex-layout label {
    flex: 1 1 66%;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.is-flex-layout input {
    border-radius: 6px 0 0 6px !important;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.is-flex-layout button {
    flex: 0 0 35%;
    border-radius: 0 6px 6px 0 !important;
}

.modal--width.is-400 {
    --modal-width: 400px;
}

.modal--width.is-350 {
    --modal-width: 350px;
}

.modal--width .v--modal-box {
    width: var(--modal-width) !important;
}

.bs-c-security-2fa__body .bs-c-deposit__input-wrapper.bs-c-security-2fa__copy .btn--copy:hover {
    background-color: #f2f6f9
}

.bs-c-security-2fa__body .bs-c-security-2fa__error {
    margin: 5px 30px 0 0;
}

.bs-c-security-phone .form-top-error-holder {
    padding: 0;
}

.bs-c-auth-wrapper-phone {
    overflow: visible !important;
}

.bs-c-security-phone__links {
    text-align: center;
    margin-top: 20px;
}

.bs-c-security-phone__links a {
    color: #9ea4ae;
    text-decoration: none;
    display: block;
}

.form-top-errors {
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    color: #e31351;
    background-color: transparent;
    padding: 0;
    text-align: center;
    width: 100%;
}

.bs-c-security-phone .form-top-error-holder .form-top-errors {
    padding-top: 10px;
}

.form-top-errors span {
    display: block;
}

.bs-c-dropdown__arrow {
    width: 12px;
    height: 8px;
    fill: #9ea4ae;
    transition: transform .25s;
}

.bs-c-dropdown {
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 5px 15px;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    background: #f2f6f9;
    cursor: pointer;
}

.bs-c-security-question__dropdown {
    margin-bottom: 10px;
}

.bs-c-dropdown-content {
    flex: 1 1 0%;
    height: 100%;
    line-height: 16px;
    position: relative;
}

.bs-c-dropdown-content__label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    text-transform: capitalize;
    color: #585d6d;
    transition: transform .25s cubic-bezier(.25, .8, .25, 1);
    transform-origin: left top;
}

.bs-c-security-question__btn {
    margin-top: 20px;
}

.bs-c-dropdown__list {
    display: none;
    position: absolute;
    left: -1px;
    top: 100%;
    width: calc(100% + 2px);
    border: 1px solid #dfe4e8;
    border-radius: 0 0 6px 6px;
    background-color: #f2f6f9;
    z-index: 10;
    max-height: 185px;
    overflow: auto;
}

.is-open .bs-c-dropdown__list {
    display: block;
}

.bs-c-dropdown__list-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    font-size: 14px;
    color: #161421;
    cursor: pointer;
}

.bs-c-dropdown__list-item:not(:last-child) {
    border-bottom: 1px solid #dfe4e8;
}

.bs-c-dropdown__list-item-text {
    flex: 1;
}

.bs-c-dropdown__list-item:hover {
    background-color: #fff
}

.secret-answer-wrap {
    display: none;
}

.toasted-container {
    position: fixed;
    z-index: 10000;
}

.toasted-container,
.toasted-container.full-width {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.toasted-container.top-right {
    top: 10%;
    right: 7%;
}

.toasted-container.default-notification-container.top-right {
    z-index: 2;
    min-width: 0;
    width: 450px;
    max-width: 100%;
    --header-height: 56px;
    --email-confirmation-height: 0px;
    --padding-below-header: 10px;
    --alowance-for-animation: 35px;
    top: calc(var(--header-height) + var(--email-confirmation-height) + var(--padding-below-header) + var(--alowance-for-animation));
    right: 30px;
    padding: 0;
}

.toasted-container.default-notification-container.top-right.is-email-confirmation-bar-active {
    --email-confirmation-height: 40px;
}

.toasted {
    padding: 0 20px;
}

.toasted.bubble {
    border-radius: 30px;
    min-height: 38px;
    line-height: 1.1em;
    background-color: #ff7043;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.toasted-container .toasted {
    top: 35px;
    width: auto;
    clear: both;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    height: auto;
    word-break: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: inherit;
}

.toasted.toasted-default.bubble {
    justify-content: flex-start;
    align-items: flex-start;
    position: static;
    box-shadow: 0 4px 8px rgba(22, 20, 33, .1);
    border-radius: 6px;
    padding: 10px 20px 10px 12px;
    margin: 0 0 10px;
}

.toasted.bubble.success {
    background: #4caf50;
}

.toasted-container.bottom-right .toasted,
.toasted-container.top-right .toasted {
    float: right;
}

.toasted.toasted-default.bubble.success {
    background: #00bd71;
}

.toasted.toasted-default.bubble .toast-notification-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin: 3px 10px 0 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.toasted.toasted-default.bubble.success .toast-notification-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im04IDE2YzQuNDE4MyAwIDgtMy41ODE3IDgtOCAwLTQuNDE4MjgtMy41ODE3LTgtOC04LTQuNDE4MjggMC04IDMuNTgxNzItOCA4IDAgNC40MTgzIDMuNTgxNzIgOCA4IDh6bTMuNDg1My0xMS44Nzg2OCAxLjQxNDIgMS40MTQyMS00Ljk0OTcgNC45NDk3Ny0xLjQxNDIxIDEuNDE0Mi0zLjUzNTU0LTMuNTM1NTQgMS40MTQyMi0xLjQxNDIxIDIuMTIxMzIgMi4xMjEzMnoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}

.toasted.toasted-default.bubble .toast-message {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.toasted.bubble .action {
    color: #8e2b0c;
}

.toasted-container .toasted .action {
    text-decoration: none;
    font-size: .8rem;
    padding: 8px;
    margin: 5px -7px 5px 7px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 600;
    cursor: pointer;
}

.toasted.toasted-default.bubble .toast-notification-close-button {
    position: relative;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    margin: -10px -13px -10px auto;
    padding: 0;
}

.toasted.toasted-default.bubble .toast-notification-close-button:after,
.toasted.toasted-default.bubble .toast-notification-close-button:before {
    content: "";
    position: absolute;
    left: 13px;
    top: 20px;
    width: 16px;
    height: 2px;
    background-color: #fff;
}

.toasted.toasted-default.bubble .toast-notification-close-button:before {
    transform: rotate(45deg);
}

.toasted.toasted-default.bubble.success .toast-notification-close-button:after,
.toasted.toasted-default.bubble.success .toast-notification-close-button:before {
    background-color: #1e9464;
}

.toasted.toasted-default.bubble .toast-notification-close-button:after {
    transform: rotate(-45deg);
}

.modal--width.is-850 {
    --modal-width: 850px;
}

.modal--width.is-450 {
    --modal-width: 450px;
}

.active-sessions-modal {
    max-width: 850px !important;
}

.bs-c-security-sessions__list {
    display: flex;
    flex-direction: column;
    border: 1px solid #dfe4e8;
    border-radius: 10px;
    overflow: hidden;
}

.bs-c-security-sessions__list {
    max-height: 44vh;
    overflow: auto;
}

.bs-c-security-sessions__item {
    display: grid;
    grid-template-columns: 3fr 1.5fr 1.5fr 3fr 1.1fr;
    align-items: center;
    padding: 13px 20px;
    line-height: 34px;
}

.bs-c-security-sessions__item:nth-child(odd) {
    background-color: #f2f6f9;
}

.bs-c-security-sessions__item.is-list-header {
    font-size: 13px;
    line-height: 23px;
    font-weight: 600;
    text-transform: uppercase;
    color: #585d6d;
    border-bottom: 1px solid #dfe4e8;
}

.bs-c-security-sessions__item-row {
    display: flex;
    align-items: center;
}

.bs-c-security-sessions__item-icon {
    width: 24px;
    height: 24px;
    margin-right: 18px;
}

.bs-docs-list-trigger {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 20px;
    display: flex;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-bottom: 10px;
}

.bs-c-status-list {
    margin: 0 10px 20px 20px;
    display: flex;
    flex-direction: column;
}

.bs-c-status-list.is-collapsed {
    max-height: 0;
    overflow: hidden;
}

.c-docs-list-toggle.is-rotated {
    transform: rotate(-90deg);
}

.c-password-visibility-toggle {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    fill: #9ea4ae;
    cursor: pointer;
}

.bs-c-security-password__visibility {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.bs-c-status-item {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}

#loginIn-modal .bs-c-auth-outer {
    max-width: 450px;
}

.bs-c-status-wrapper {
    font-size: 13px;
    color: #fff;
    background: #3861fb;
    display: grid;
    align-items: center;
    grid-template-columns: fit-content(20%) 1fr auto;
    grid-gap: 20px;
    padding: 0 20px;
    height: 40px;
}

.bs-c-status__description {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bs-c-status__file-info {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    overflow: hidden;
}

.bs-c-status__file-name {
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bs-c-status__file-info em {
    font-style: normal;
    opacity: .8;
}

.bs-c-status-right {
    display: flex;
    align-items: center;
}

.bs-c-status__status {
    font-weight: 600;
    text-transform: uppercase;
}

.bs-c-status__remove {
    padding: 10px;
    height: 38px;
    width: 38px;
    margin-right: -20px;
    cursor: pointer;
    transition: opacity .2s;
}

.bs-c-status__remove svg {
    width: 100%;
    height: 100%;
    padding: 4px;
    border-radius: 50%;
    background: #fff;
    fill: #3861fb;
}

.c-docs-list-toggle {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #071824;
    margin-right: 5px;
}

.c-docs-list-toggle__icon {
    width: 12px;
    height: 100%;
    fill: #fff;
}

.c-docs-list-toggle__title {
    margin-top: 2px;
}

.verification-content {
    width: 100%;
    margin-top: 20px;
}

.verification-cards {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin-top: -20px;
}

.verification-cards .bs-c-widget-box {
    /* width: calc(33% - 20px); */
    width: calc(33% - 20px);
    /* flex: 0 1 33%; */
    min-width: 250px;
    margin-left: 20px;
    margin-top: 20px;
}

.bs-c-verification-modal .is-missing-selection {
    margin-top: 20px;
}

.bs-c-verification__requirements .bs-c-verification__requirements-list-item svg {
    width: 9px;
    height: 18px;
    flex-shrink: 0;
    fill: #00bd71;
}

.bs-c-verification__requirements .bs-c-verification__requirements-document {
    width: 56px;
    height: 82px;
}

.bs-c-verification__requirements {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
    grid-gap: 20px;
    gap: 20px;
}

.bs-c-verification-identity__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.bs-c-dragndrop-uploader {
    flex-direction: column;
    /* margin-bottom: 20px; */
}

.bs-c-verification-identity__inputs .is-expiry-date,
.bs-c-verification-identity__inputs .is-passport {
    grid-column: 1/-1;
}

.bs-c-dragndrop-uploader__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 5px;
    background: #f2f6f9;
    border: 2px dashed #dfe4e8;
    border-radius: 6px;
}

.bs-c-dragndrop-uploader__dropzone {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    color: #585d6d;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    max-width: 160px;
}

.bs-c-dragndrop-uploader__dropzone input {
    display: none;
}

.bs-c-dragndrop-uploader__dropzone strong {
    font-weight: 600;
    color: #161421;
}

.bs-c-dragndrop-uploader__title {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #585d6d;
    padding-bottom: 10px;
}

.bs-c-deposit__input-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.bs-c-profile-modal .bs-c-verification-identity__textarea,
.bs-c-profile-modal .bs-c-verification-other-doc__textarea {
    display: block;
    width: 100%;
    height: 100px;
    padding: 14px;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    outline: none;
    background: #f2f6f9;
    font-size: 14px;
    line-height: 16px;
    color: #585d6d;
    resize: none;
    margin: 0 0 3px;
    white-space: break-spaces;
    -webkit-appearance: none;
}

.bs-c-profile-modal .bs-c-deposit__input-wrapper .form-input__error {
    text-transform: lowercase;
}

.bs-c-dragndrop-uploader__preview {
    max-width: 150px;
    max-height: 150px;
    margin-bottom: 15px;
}

.bs-c-dragndrop-uploader__preview-close {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    color: #00bd71;
}

.bs-c-deposit__input-identity-wrapper {
    margin-top: 20px;
}


.bs-c-verification__requirements .bs-c-verification__requirements-list-item {
    font-size: 12px;
    line-height: 1.5;
    color: #585d6d;
    display: flex;
    margin-left: 2px;
    grid-gap: 10px;
    gap: 10px;
}

.bs-c-verification__requirements-list-item-governmentID,
.bs-c-verification__requirements-list-item-drivingLicense,
.passport .bs-c-verification__requirements-list-item-drivingLicense,
.passport .bs-c-verification__requirements-list-item-governmentID {
    display: none !important;
}

.governmentID .bs-c-verification__requirements-list-item-governmentID {
    display: flex !important;
}

.drivingLicense .bs-c-verification__requirements-list-item-drivingLicense {
    display: flex !important;
}

.passport .icon-passport,
.governmentID .icon-governmentID,
.drivingLicense .icon-governmentID {
    display: block !important;
}

.bs-c-remove-document__header {
    padding: 19px;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.bs-c-remove-document__content {
    padding: 20px;
    background-color: #fff;
}

.bs-c-remove-document__text {
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 1.5;
    color: #161421;
}

.bs-c-remove-document__btn-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.bs-c-remove-document__body {
    max-width: 420px;
    overflow: hidden;
    background-color: #2b2740;
    border-radius: 16px;
}

.bs-c-preference-list__item {
    display: flex;
    align-items: center;
    padding: 10px 15px 10px 20px;
    color: #161421;
}

.bs-c-preference-list__item:nth-child(odd) {
    background-color: #f2f6f9;
}

.bs-c-preference-list__item .bs-c-preference-list__item-left {
    text-align: left;
    width: 100%;
}

.preferences .bs-c-widget-box {
    padding: 0;
}

.preferences .bs-my-profile-card__content {
    padding: 0 20px 10px;
}

.bs-c-limits-card {
    width: calc(33% - 20px);
    min-width: 250px;
    margin-left: 20px;
    margin-top: 20px;
}

.bs-c-limits-card-box {
    background-color: #fff;
    box-shadow: 0 12px 14px rgba(22, 20, 33, .05);
    border-radius: 16px;
}

.bs-c-limits-card__title {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #161421;
    margin: 0 0 15px;
}

.bs-my-profile-card__text a {
    font-weight: 600;
    color: #585d6d;
    text-decoration: underline;
}

.bs-my-profile-card__cta.c-button {
    margin-top: auto;
    flex: unset;
}

.bs-c-limits-card__text p:first-child {
    display: block;
    margin: 0;
}

.bs-c-limits-modal {
    max-height: 500px;
    padding: 20px 0 0 0;
}

.bs-c-limits-modal .bs-c-profile-modal__body {
    overflow-y: auto;
    padding: 0 30px 30px 30px;
}

.limits-modal .bs-c-profile-modal__head-title {
    padding: 0 30px;
}

.limits-modal .bs-c-limits__explanation {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.bs-c-limits-form__disclaimer {
    font-size: 12px;
    line-height: 1.5;
    color: #585d6d;
    margin: -10px 0 20px;
}

.bs-c-limits-form__dropdown {
    margin-bottom: 20px;
}

.bs-c-dropdown-content__label.is-up {
    transform: translate3d(0, -7px, 0) scale(.8);
    font-weight: 600;
}

.bs-c-dropdown-content__text {
    display: block;
    width: calc(100% - 5px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    top: 50%;
    padding-top: 13px;
    transform: translateY(-50%);
}

.is-open .bs-c-dropdown__list {
    display: block !important;
}

.bs-my-profile-card__wrapper {
    position: relative;
    display: flex;
    grid-gap: 10px;
    column-gap: 10px;
    padding-bottom: 20px;
}

.bs-my-profile-card__wrapper .bs-my-profile-card__input {
    margin-bottom: 0;
}

.bs-my-profile-card__wrapper .bs-my-profile-card__btn {
    flex-shrink: 0;
}

.bs-c-limits-input-wrapper.is-label-left .bs-c-deposit__input {
    padding-top: 0;
}

.bs-c-limits-input-wrapper.is-label-left .bs-c-deposit__input-name {
    left: auto;
    right: 15px;
    color: #9ea4ae;
}

.bs-c-limits-input-wrapper.is-label-left input:not(:focus):valid~.bs-c-deposit__input-name {
    transform: none;
    font-weight: 400;
}

.bs-my-profile-card.is-time-limits:not(.is-limits-component) {
    min-height: 188px;
}

.limits-modal .bs-c-auth-wrapper {
    border-radius: 16px;
}

.bs-c-site-sidebar__list .bs-c-account-info {
    display: none;
    padding: 0;
    margin-bottom: 10px;
}

@media screen and (max-width: 1340px) {
    .account-block__content-promotions .promo-card-wrapper {
        width: calc(50% - 20px);
    }

    .bs-c-widget-box,
    .bs-c-limits-card {
        width: calc(50% - 20px);
        max-width: 100%;
    }

    .bs-my-profile-card__wrapper {
        justify-content: center;
    }
}

@media screen and (max-width: 1024px) {
    .account-block__content-promotions {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-top: -20px;
    }

    .account-block__content-promotions .promo-card-wrapper {
        width: 100% !important;
        margin-left: 0px;
    }

    .bs-c-widget-box,
    .bs-c-limits-card {
        width: 100% !important;
        max-width: 100%;
    }

    .bs-c-status-list {
        margin: 0 0 20px 20px;
    }

    .account-block .bs-c-tabs-swiper {
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
    }

    .account-block .bs-c-tabs-swiper::-webkit-scrollbar {
        width: 0;
    }
}

@media screen and (max-width: 768px) {
    .bs-c-site-sidebar__list .bs-c-account-info {
        display: block;
    }

    .bs-c-account-info__level-up-status {
        margin-bottom: 10px;
    }

    .bs-c-site-sidebar__list .level-up-progress-bar__wrapper {
        display: block;
    }

    .is-sidebar>.currencies-dropdown__current {
        margin-bottom: 10px;
    }

    .account-block {
        padding: 21px 15px 60px;
    }

    .account-block__menu {
        display: none;
    }

    .account-block__content-wrap {
        border-radius: 16px;
    }

    .bs-c-widget-box.bs-c-account-games {
        height: auto;
    }

    .toasted-container.default-notification-container.top-right {
        right: 0%;
        left: 50%;
        width: 100%;
        max-width: 80% !important;
        height: auto !important;
        transform: translateX(-50%);
    }

    .bs-c-profile-modal {
        padding: 0;
        height: 100vh;
    }

    .bs-c-remove-document__content {
        height: 100vh;
    }

    .c-modal-overlay-box,
    .modal--my-profile .v--modal-box {
        width: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        transform: translateY(0%);
    }

    #loginIn-modal .bs-c-auth-outer {
        max-width: 100%;
    }

    .bs-c-profile-modal__head {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 56px;
        background: #0f212e;
    }

    .bs-c-profile-modal__head-title {
        color: #fff;
        margin-bottom: 0;
    }

    .bs-c-profile-modal__body {
        padding: 20px;
    }

    .bs-c-limits-modal {
        max-height: 100%;
    }

    .account-block__box {
        height: 100% !important;
        margin-bottom: 100px;
    }

    .account-block {
        padding: 25px;
    }
}

/* END ACCOUNT PAGE */

/* START FOOTER */
.footer {
    position: relative;
    background-color: #071d2a;
    padding: 40px 0 35px;
    z-index: 1;
}

.footer__inner {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px;
    display: flex;
    flex-direction: column;
}

.footer-images__wrap {
    background-color: var(--input-background);
}

.footer-social-icons-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    pointer-events: none;
}

.social-icons:hover .social-icons__item {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.social-icons__item {
    width: 50px;
    height: 50px;
    pointer-events: all;
}

.social-icons:hover .social-icons__item:hover {
    opacity: 1;
}

.social-icons__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    text-decoration: none;
    background-color: #2f4553;
}

.social-icons__icon:before {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.social-icons__icon.is-telegram:before {
    background-image: url("../images/img/telegram-img.png");
}

.social-icons__icon.is-facebook:before {
    background-image: url("../images/img/facebook-img.svg");
}

.social-icons__icon.is-twitter:before {
    background-image: url("../images/img/twitter-img.svg");
}

.social-icons__icon.is-instagram:before {
    background-image: url("../images/img/instagram-img.svg");
}

.social-icons__icon.is-vimeo:before {
    background-image: url("../images/img/vimeo-img.svg");
}


.footer-images {
    position: relative;
    width: 100%;
    max-width: 1420px;
    max-width: 1330px;
    padding: 32px 80px;
    margin: 40px auto 0;
    text-align: center;
}

.footer-providers-slider {
    overflow: hidden;
}

.bs-c-footer-swiper__wrapper {
    /* width: 95%;
    margin: auto; */
    overflow: hidden;
    align-items: center;
    display: flex;
    /* overflow: hidden; */
}

.bs-c-swiper {
    display: flex;
    /* overflow: hidden; */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bs-c-footer-swiper-button-prev[data-v-8364276a] {
    left: 0;
}

.bs-c-footer-swiper-button[data-v-8364276a] {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    margin: 0;
    transition: .25s ease;
}

.footer-images:hover .bs-c-footer-swiper-button[data-v-8364276a] {
    opacity: 1
}

.bs-c-footer-swiper__item {
    min-width: 140px;
    max-width: 140px;
    width: 100%;
    margin-right: 41px;
}

.footer-images span {
    opacity: .3;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-images span:hover {
    opacity: .65
}

.footer-images a,
.footer-images span {
    /* width: 12%; */
    display: inline-block;
    text-decoration: none;
    height: 24px;
}

.footer-images a img,
.footer-images span img {
    max-width: 100%;
    max-height: 24px;
    height: 24px;
}

.bs-c-footer-swiper-button-next {
    right: 0;
}

.footer-images span {
    flex-shrink: 1 !important;
}

.footer-copyright {
    line-height: 1.5;
    color: #9ea4ae;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 15px 45px 50px;
}

.footer-copyright__top {
    display: flex;
    align-items: center;
    grid-gap: 30px;
    gap: 30px;
}

.footer-copyright__text {
    margin: 0 auto 0 0;
}

.footer-copyright__nav {
    display: flex;
    grid-gap: 30px;
    gap: 30px;
}

.footer-copyright__nav a {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}

.footer-copyright__icons {
    display: flex;
    align-items: center;
    grid-gap: 18px;
    gap: 18px;
}

.footer-copyright__icons li>img {
    height: 32px;
}

.apg-seal-container {
    width: 48px;
    height: auto;
}

.footer-copyright__disclaimer {
    margin: 15px 0;
}

.footer-copyright__disclaimer a {
    color: #00bd71;
    cursor: pointer;
    text-decoration: none;
}

.footer-copyright__show-more {
    display: none;
    align-self: center;
    color: inherit;
    cursor: pointer;
    user-select: none;
}

.bs-c-footer-swiper__wrapper .bs-c-swiper {
    overflow: visible;
}


/* END FOOTER */

@media (min-width: 1367px) {
    .bs-site-container.is-sidebar-visible {
        width: calc(100% - 240px);
    }
}

@media(hover:hover) {
    .bs-c-site-sidebar__list-link:hover {
        background: #071824;
    }

    .bs-c-site-sidebar__list-link:hover .bs-c-site-sidebar__arrow {
        background: #071824;
    }

    .bs-c-site-sidebar__list-link:hover .bs-c-site-sidebar__list-icon {
        fill: #fff
    }

    .bs-c-site-sidebar__list-link:hover .bs-c-site-sidebar__list-text {
        color: #fff
    }

    .bs-c-site-sidebar__sublist-link:hover {
        background: #071824
    }

    .bs-c-site-sidebar__sublist-link:hover .bs-c-site-sidebar__list-text {
        color: #fff;
        font-weight: 400
    }

    .bs-c-site-sidebar__sublist-link:hover .bs-c-site-sidebar__list-icon.is-arrow {
        fill: #fff
    }

    .c-game-categories-menu__link:hover {
        color: #ffd22f;
        border-color: #ffd22f
    }

    .c-game-categories-menu__link:hover .c-game-categories-menu__link-icon {
        fill: #ffd22f
    }
}

.bs-c-site-sidebar__sublist-header {
    display: none;
}


@media (max-width: 1366px) {
    .bs-c-site-sidebar {
        overflow: visible;
        width: 300px;
        top: 0;
        left: -300px;
    }

    .bs-c-site-sidebar.mobile-table-hide .bs-c-site-sidebar__list {
        display: none;
    }

    /* .bs-c-site-sidebar.mobile-table-hide .bs-c-site-sidebar__sublist {
        display: block;
    } */

    .bs-c-site-sidebar__sublist-header.active {
        display: block;
    }

    .bs-c-site-sidebar__wrap.sublist-show .bs-c-site-sidebar__sublist {
        display: block;
    }

    .mobile-menu-header--list {
        display: grid;
        grid-template-columns: 1fr 36px;
        align-items: center;
        grid-gap: 5px;
    }

    .bs-c-site-sidebar.mobile-table-hide .mobile-menu-header--list {
        display: none;
    }

    .bs-c-site-sidebar.mobile-table-hide .mobile-menu-header--sublist {
        display: grid;
    }

    .bs-c-sidebar__overlay.visible {
        display: block;
    }

    .footer-copyright__nav {
        display: none;
    }
}

@media screen and (max-width: 1025px) {

    .navbar>.c-button.login-btn,
    .navbar>.c-button.navbar__signup {
        --padding-inline: 30px;
    }
}

@media (max-width: 1024px) {
    .basic-page {
        padding: 0 15px;
    }

    .header-navbar {
        padding: 0 15px 0 5px;
    }

    .navbar__logo {
        margin-right: auto;
        display: flex;
        align-items: center;
    }

    .c-games-search {
        flex: 0 0 36px;
        margin-right: 0;
        order: 2;
    }

    .c-search-content {
        display: none;
        height: 50px;
        border-radius: 0;
    }

    .navbar__signup.bs-c-button-yellow {
        padding: 10px 14px;
    }

    .c-button.search--icon-mobile {
        display: flex;
        background-color: #2f4553;
    }

    .c-button.search--icon-mobile:hover {
        background-color: #3d5564;
    }

    .c-buy-bitcoin {
        padding: 0 15px;
        margin: 0 0 30px;
        padding: 0;
    }

    .c-buy-bitcoin__wrapper {
        display: grid;
        grid-template-columns: auto auto;
        padding: 20px 15px;
        border-radius: 0;
    }

    .c-buy-bitcoin__text {
        align-self: flex-start;
        line-height: 21px;
    }

    .c-buy-bitcoin__payment-icons {
        order: 1;
        grid-gap: 18px;
        gap: 18px;
        align-self: flex-end;
    }

    .c-buy-bitcoin__btn {
        grid-row: span 2;
        margin-left: 10px;
    }

    .c-buy-bitcoin__payment-icon svg.is-master_card {
        width: 24px;
        height: 15px;
    }

    .c-buy-bitcoin__payment-icon svg.is-visa_card_light {
        width: 46px;
        height: 15px;
    }

    .c-buy-bitcoin__payment-icon svg.is-apple_pay_white {
        width: 53px;
        height: 20px;
    }

    .c-buy-bitcoin__payment-icon svg.is-google_pay_white {
        width: 55px;
        height: 19px;
    }

    .c-buy-bitcoin__payment-icon svg.is-revolut {
        width: 76px;
        height: 18px;
    }

    .footer-copyright__show-more {
        display: block;
    }

    .footer-copyright__disclaimer {
        display: none;
    }

    .footer-copyright__disclaimer.show {
        display: block;
    }

    .footer-copyright {
        padding: 0 15px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-copyright__icons li>img {
        height: 24px;
    }
}

@media screen and (max-width: 768px) {

    .navbar>.c-button.login-btn,
    .navbar>.c-button.navbar__signup {
        --padding-inline: 14px;
    }

    .bs-c-site-sidebar {
        left: -100%;
    }

    .footer-copyright__top {
        flex-direction: column-reverse;
        text-align: center;
        margin-bottom: 15px;
    }

    .footer-copyright__text {
        margin: 0;
    }

    .footer-copyright__icons {
        grid-gap: 8px;
        gap: 8px;
    }
}

@media (max-width: 478px) {
    .header-navbar {
        justify-content: space-between;
        padding: 0 15px 0 5px;
    }

    .bs-c-site-sidebar {
        width: 100%;
        border: none;
    }

    .bs-c-site-sidebar__social-icons {
        display: block;
    }

    .c-games-search.navbar__search {
        order: 3;
    }

    .c-games-search.navbar__search .search--icon-mobile {
        background: hsla(0, 0%, 100%, .1);
    }

    .navbar__signup.bs-c-button-yellow {
        padding: 10px 2px;
        font-size: 12px;
    }

    .navbar__signup {
        order: 2;
    }

    .c-buy-bitcoin__wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .c-buy-bitcoin__text {
        align-self: center;
        font-size: 16px;
        line-height: 24px;
        width: 130px;
    }

    .c-buy-bitcoin__payment-icons {
        width: 100%;
        justify-content: space-between;
        margin-top: 20px;
        align-self: center;
        grid-gap: 0;
        gap: 0;
    }

    .c-buy-bitcoin__payment-icon svg.is-master_card {
        width: 26px;
        height: 16px;
    }

    .c-buy-bitcoin__payment-icon svg.is-visa_card_light {
        width: 50px;
        height: 16px;
    }

    .c-buy-bitcoin__payment-icon svg.is-apple_pay_white {
        width: 58px;
        height: 22px;
    }

    .c-buy-bitcoin__payment-icon svg.is-google_pay_white {
        width: 60px;
        height: 20px;
    }

    .c-buy-bitcoin__payment-icon svg.is-revolut {
        width: 82px;
        height: 19px;
    }
}

/* 
@media (max-width: 374px) {
    .is-logged-out-user .c-games-search {
        display: none;
    }
} */


/* TABLET AND MOBILE MEDIA */

@media (max-width: 1024px) {
    .footer {
        padding: 20px 0 40px;
    }

    .footer-social-icons-wrapper {
        margin-bottom: 20px;
    }

    .footer-images {
        width: 100%;
        padding: 18px 0;
        margin-top: 0;
    }

    .bs-c-footer-swiper__wrapper {
        padding: 0;
        /* cursor: pointer; */
    }

    .bs-c-footer-swiper {
        padding-left: 15px;
        scroll-behavior: smooth;
    }

    .bs-c-footer-swiper__item {
        padding-right: 23px;
        margin-right: 0;
    }

    .bs-c-footer-swiper {
        overflow: visible !important;
    }

    .bs-c-footer-swiper__item:nth-child(1) {
        min-width: 68px !important;
    }

    .bs-c-footer-swiper__item:nth-child(2),
    .bs-c-footer-swiper__item:nth-child(4) {
        min-width: 46px !important;
    }

    .bs-c-footer-swiper__item:nth-child(3) {
        min-width: 69px !important;
    }

    .bs-c-footer-swiper__item:nth-child(5) {
        min-width: 63px !important;
    }

    .bs-c-footer-swiper__item:nth-child(6),
    .bs-c-footer-swiper__item:nth-child(7) {
        min-width: 106px !important;
    }

    .bs-c-footer-swiper__item:nth-child(8) {
        min-width: 76px !important;
    }

    .bs-c-footer-swiper__item:nth-child(9) {
        min-width: 53px !important;
    }

    .bs-c-footer-swiper__item:nth-child(10) {
        min-width: 143px !important;
    }

    .bs-c-footer-swiper__item:nth-child(11) {
        min-width: 78px !important;
    }

    .bs-c-footer-swiper__item:nth-child(12) {
        min-width: 61px !important;
    }

    .bs-c-footer-swiper__item:nth-child(13) {
        min-width: 60px !important;
    }

    .bs-c-footer-swiper__item:nth-child(14) {
        min-width: 70px !important;
    }

    .bs-c-footer-swiper__item:nth-child(15) {
        min-width: 97px !important;
    }

    .bs-c-footer-swiper__item:nth-child(16) {
        min-width: 97px !important;
    }

    .bs-c-footer-swiper__item:nth-child(17) {
        min-width: 129px !important;
    }

    .bs-c-footer-swiper__item:nth-child(18) {
        min-width: 133px !important;
    }

    .bs-c-footer-swiper__item:nth-child(19) {
        min-width: 43px !important;
    }

    .bs-c-footer-swiper__item:nth-child(20) {
        min-width: 58px !important;
    }

    .bs-c-footer-swiper__item:nth-child(21) {
        min-width: 83px !important;
    }

    .bs-c-footer-swiper__item:nth-child(22) {
        min-width: 95px !important;
    }

    .bs-c-footer-swiper__item:nth-child(23) {
        min-width: 98px !important;
    }

    .bs-c-footer-swiper__item:nth-child(24) {
        min-width: 46px !important;
    }

    .bs-c-footer-swiper__item:nth-child(25) {
        min-width: 45px !important;
    }

    .bs-c-footer-swiper__item:nth-child(26) {
        min-width: 37px !important;
    }

    .bs-c-footer-swiper__item:nth-child(27) {
        min-width: 36px !important;
    }

    .bs-c-footer-swiper__item:nth-child(28) {
        min-width: 59px !important;
    }

    .bs-c-footer-swiper__item:nth-child(29) {
        min-width: 50px !important;
    }

    .bs-c-footer-swiper__item:nth-child(30) {
        min-width: 66px !important;
    }

    .bs-c-footer-swiper__item:nth-child(31) {
        min-width: 65px !important;
    }

    .bs-c-footer-swiper__item:nth-child(32) {
        min-width: 133px !important;
    }

    /* .bs-c-swiper {
        overflow: scroll;
        scroll-behavior: smooth;
    }

    .bs-c-swiper {
        display: flex;
        overflow: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    } */

    .bs-c-footer-swiper-button {
        display: none;
    }
}

.is-verified .bs-c-deposit__input {
    background-color: #d9ffeb !important;
    border: 1px solid #00bd71 !important;
    color: #161421 !important;
}

.is-verified .bs-c-deposit__input-name {
    color: #00bd71 !important;
}

.has-error .bs-c-deposit__input {
    background-color: #ffe0e9 !important;
    border: 1px solid #e31351 !important;
}

.has-error .bs-c-deposit__input-name {
    color: #e31351 !important;
}

.bonuses-page__banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url("../images/img/bonuses-bg.jpg") 50%/cover no-repeat;
    padding: 100px 0 120px;
    margin-bottom: 60px;
}

.bonuses-page-banner-title {
    font-family: "Montserrat", sans-serif;
    font-size: 42px;
    line-height: 1.5;
    font-weight: 800;
    margin: 0 0 40px;
    color: #fff;
}

.bonuses-page__banner-counter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px 0 40px;
}

.bonuses-page__banner-num {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-width: 65px;
    background: rgba(40, 1, 80, .73);
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px);
    border-radius: 6px;
    margin: 0 2px;
}

.bonuses-page__banner-num:not(.is-divider):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: hsla(0, 0%, 86.3%, .15);
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px);
}

.bonuses-page__banner-num span {
    font-family: "Montserrat", sans-serif;
    font-size: 64px;
    line-height: 90px;
    font-weight: 800;
    background: linear-gradient(180deg, #ffbc11 35%, #ffe353 67%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 9px 18px rgba(0, 0, 0, .1), 0 0 12px rgba(255, 214, 0, .4);
    position: relative;
    z-index: 1;
}

.bonuses-page__banner-num.is-divider {
    background: none;
    min-width: 0;
}

.bonuses-page__banner-subtitle {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
}

.bonuses-page__banner-cta {
    font-size: 16px;
    min-height: 44px;
}

.bs-c-button-yellow strong {
    text-transform: uppercase;
}

.bonuses-page__content {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 45px 25px;
}

.bonuses-page__level-up {
    display: grid;
    grid-template-columns: .47fr .53fr;
    grid-gap: 50px;
    align-items: center;
    background: #0f212e;
    border-radius: 10px;
    overflow: hidden;
}

.bonuses-page__content section {
    margin-bottom: 70px;
}

.bonuses-page__level-up>h3 {
    display: none;
}

.bonuses-page__content img {
    border-radius: 10px;
}

.bonuses-page__level-up img {
    border-radius: 0;
}

.bonuses-page__content ul {
    font-size: 16px;
    line-height: 1.5;
    list-style: none;
    margin: 30px 0 0;
}

.bonuses-page__content ul li {
    display: flex;
    align-items: baseline;
    color: #fff;
}

.bonuses-page__content ul li:not(:last-of-type) {
    margin-bottom: 1.5em;
}

.bonuses-page__content ul li:before {
    box-sizing: border-box;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #9ea4ae;
    margin-right: 15px;
    flex-shrink: 0;
}

.bonuses-page__content section {
    margin-bottom: 70px;
}

.bonuses-page__tournaments-swiper {

    display: flex;
    justify-content: space-between;
}

.bonuses-page__tournaments-swiper .bonuses-page__tournament {
    width: calc(33% - 15px);
}

.bonuses-page__tournaments-swiper img {
    min-width: 190px;
}

.bonuses-page__tournaments-swiper p {
    margin: 30px 0 0;
    font-size: 16px;
    color: #fff;
}

.bonuses-page__welcome {
    display: flex;
    justify-content: space-between;
}

.bonuses-page__welcome article {
    width: calc(50% - 15px);
}


.lets-start {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: url("../images/img/lets-start-bg.jpg") 50%/cover no-repeat;
    padding: 60px 0;
}

.lets-start__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.lets-start__slogan {
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
}

.lets-start__cta {
    padding: 15px 100px;
    margin-bottom: 15px;
}

@media (max-width: 1024px) {
    .bonuses-page__content {
        padding: 0 15px;
    }

    .bonuses-page__tournaments-swiper p {
        margin-top: 20px;
    }

    .bonuses-page-banner-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .bonuses-page__tournaments-swiper {
        font-size: 14px;
        margin: 0 -15px;
        padding-left: 15px;
        padding-right: 15px;
        grid-gap: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .bonuses-page__tournaments-swiper .bonuses-page__tournament {
        width: calc(33% - 5px);
    }
}

@media (max-width: 768px) {

    .bonuses-page__banner-counter {
        margin: 0 0 20px;
    }

    .bonuses-page__banner {
        padding: 55px 0 50px;
        margin-bottom: 30px;
    }

    .bonuses-page__banner-num {
        min-width: min(35px, 9.3vw);
    }

    .bonuses-page__banner-num span {
        font-size: min(36px, 9.6vw);
        line-height: min(50px, 13.3vw);
    }

    .bonuses-page__level-up>h3 {
        display: block;
    }

    .bonuses-page__content section {
        margin-bottom: 40px;
    }

    .bonuses-page__level-up img {
        /* aspect-ratio: 2/1.1; */
        /* -o-object-fit: cover; */
        /* object-fit: cover; */
        border-radius: 6px;
    }

    .bonuses-page__level-up {
        display: block;
        background: transparent;
    }

    .bonuses-page__level-up .bonuses-page__level-up-content h3 {
        display: none;
    }

    .bonuses-page__welcome img {
        min-height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .bonuses-page__welcome {
        flex-direction: column;
    }

    .bonuses-page__welcome article {
        width: 100%;
    }

    .bonuses-page__welcome article:nth-child(1) {
        margin-bottom: 30px;
    }

    .bonuses-page__tournaments-swiper .bonuses-page__tournament {
        width: auto;
    }

    .bonuses-page__tournaments-swiper::-webkit-scrollbar {
        width: 0;
    }
}

.sign_item-title {
    /* margin-bottom: 25px; */
    /* display: flex; */
    /* vertical-align: middle; */
    /* height: 50px; */
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #161421;
    margin: 0 0 25px 0;
    /* align-items: center; */
    /* justify-content: center; */
}

.sign_input p {
    color: #161421;
    font-size: 14px !important;
}

.sign_button button,
.btn_primary.nClose {
    --color: #fff;
    --bg-color: #1475E1;
    --color-hover: var(--color);
    --bg-color-hover: #105EB4;
    --color-click: var(--color-hover);
    --bg-color-click: #0c4d92;
    --color-disabled: #9ea4ae;
    --bg-color-disabled: rgba(223, 228, 232, 0.30196);
    --border-color: var(--bg-color);
    --border-width: 0px;
    --padding-block: 13px;
    --padding-inline: 16px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: calc(var(--padding-block) - var(--border-width)) calc(var(--padding-inline) - var(--border-width));
    border: var(--border-width) solid var(--border-color);
    border-radius: 6px;
    width: auto;
    box-shadow: none;
    overflow: hidden;
    cursor: pointer;
    color: var(--color);
    background-color: var(--bg-color);
    font-family: 'Inter';
    margin: auto;
}

.nPopup {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 200;
}

.nPopup__container {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 245px;
    transform: translate(-50%, -50%);
    max-width: 400px;
}

@supports ((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))) {
    .nPopup {
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px);
        background: rgba(22, 20, 33, .6);
    }
}

.sign_wrapper {
    max-width: 400px;
    margin: auto;
    background: #fff;
    padding: 20px 30px;
    border-radius: 16px;
    box-shadow: 0 0 42px hsla(0, 0%, 100%, .05), 0 30px 50px rgba(22, 20, 33, .3);
    margin: 15vh 0 15vh 0;
}

.hero_center .login {
    display: block !important;
    margin: auto;
    text-align: center;

}

.sign_input-input input {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 16px;
    color: #161421;
    background-color: #f2f6f9;
    border: 1px solid #dfe4e8;
    border-radius: 6px !important;
    padding: 0px 15px 0;
    text-align: left;
    outline: none;
}

.sign_input-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.sign_button button:not(:disabled):hover,
.btn_primary.nClose:not(:disabled):hover {
    color: var(--color-hover);
    background-color: var(--bg-color-hover)
}

.sign_button button:not(:disabled):active,
.btn_primary.nClose:not(:disabled):active {
    color: var(--color-click);
    background-color: var(--bg-color-click)
}

.sign_button button:disabled,
.btn_primary.nClose:disabled {
    cursor: default
}

.sign_button button:disabled:not(.is-loaded) {
    color: var(--color-disabled);
    background-color: var(--bg-color-disabled)
}

.sign_button button:disabled:not(.is-loaded) .c-button__icon {
    fill: var(--color-disabled)
}

.nPopup__content {
    /* max-width: 400px; */
    /* margin: auto; */
    background: #fff;
    padding: 20px 30px;
    border-radius: 16px;
    box-shadow: 0 0 42px hsla(0, 0%, 100%, .05), 0 30px 50px rgba(22, 20, 33, .3);
}

.nPopup__content {
    text-align: center;
    color: #161421;
    font-size: 16px !important;
}

.nPopup__content svg path {
    fill: #1475E1;
}


.nPopup__content svg circle {
    stroke: #1475E1;
}

.btn_primary.nClose {
    width: 100px;
}

.c-cashout-form-limit__text {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #585d6d;
}

.c-cashout-form-progress {
    height: 4px;
    background: #dfe4e8;
    border-radius: 4px;
    width: 100%;
    margin: 0 0 5px;
}

.c-cashout-form-progress__bar {
    height: 4px;
    background: #9ea4ae;
    border-radius: 4px;
}

.c-cashout-form-content {
    margin-bottom: 14px;
}

.c-cashout-form-difference {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.c-cashout-form-difference__amount {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 2px;
}

.c-cashout-form-difference__text {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #585d6d;
}

.c-cashout-form-difference__box.is-text-right {
    text-align: right;
}

.bs-c-index-banner__cashout-container {
    width: 100%;
    height: 380px;
    z-index: 3;
}

.bs-c-index-banner__cashout-container .bs-c-deposit-wrapper {
    width: 100%;
}

#cashout-modal .bs-c-auth-outer {
    max-width: 450px;
}

.bs-c-modal-header-cashout {
    display: none;
}

#cashIn-modal .bs-c-index-banner__deposit-container {
    margin: auto;
}

#cashIn-modal .bs-c-auth-outer {
    max-width: 550px;
}

#cashIn-modal .bs-c-index-banner__deposit-container {
    width: 100%;
}

#deposit-modal .v--modal-overlay {
    z-index: 200;
}

@media screen and (max-width: 768px) {

    #cashout-modal .bs-c-auth-outer,
    #cashIn-modal .bs-c-auth-outer {
        max-width: 100%;
    }

    .bs-c-index-banner__cashout-container,
    #cashIn-modal .bs-c-index-banner__deposit-container {
        height: 100% !important;
    }

    .bs-c-index-banner__cashout-container .bs-c-deposit-wrapper,
    #cashIn-modal .bs-c-deposit-wrapper {
        height: 100% !important;
    }

    .bs-c-modal-header-cashout {
        display: flex;
        height: 56px;
    }

    .bs-c-index-banner__deposit-container .bs-c-deposit-wrapper {
        border-radius: 8px;
    }

    .bs-c-deposit-wrapper,
    #cashIn-modal .bs-c-deposit-wrapper {
        border-radius: 0;
    }
}

@media screen and (max-width: 520px) {
    .bs-c-index-banner__cashout-container .bs-c-deposit-wrapper {
        padding: 20px 15px;
    }
}