/*@import url("https://jsonstorage.b-cdn.net/betpuan/custom-new.css");*/
@import "https://talep-paneli.netlify.app/sites/betpuan/custom.css?pf=1";
@import url('https://fonts.cdnfonts.com/css/gilroy-bold');

/* =====================================================
   WEB COLOR TOKENS
   ===================================================== */

:root {
    --bp-green: #8fcb4d;
    --bp-green-bright: #92dd4d;
    --bp-green-hover: #9cc860;
    --bp-green-light: #cbf690;
    --bp-green-success: #00bf19;
    --bp-green-rgb: 143, 203, 77;
    --bp-green-bright-rgb: 146, 221, 77;

    --bp-blue-deep: #031778;
    --bp-blue-mid: #026c90;
    --bp-blue-dark: #09175c;
    --bp-cyan: #2ecbff;
    --bp-pink: #ff426c;
    --bp-casino-red: #ff426c;
    --bp-casino-red-rgb: 255, 66, 108;
    --bp-purple: #583de3;
    --bp-purple-soft: #8d17c7;
    --bp-violet: #b366ff;
    --bp-gold: #b6862e;
    --bp-yellow: #ffd236;

    --bp-bg-950: #0c1422;
    --bp-bg-900: #0e151b;
    --bp-bg-850: #171c2c;
    --bp-surface-800: #1c2a40;
    --bp-surface-750: #212531;
    --bp-surface-700: #282c39;
    --bp-surface-650: #293043;
    --bp-surface-640: #293044;
    --bp-surface-620: #2a3042;
    --bp-surface-600: #2d314f;
    --bp-surface-580: #2e323e;
    --bp-surface-560: #363945;
    --bp-surface-520: #3e4968;
    --bp-surface-500: #404966;
    --bp-surface-480: #41434f;

    --bp-border: #6c779b;
    --bp-muted: #7c8292;
    --bp-muted-light: #8e93a4;
    --bp-white: #fff;
    --bp-white-rgb: 255, 255, 255;
    --bp-gray: #ddd;
    --bp-black: #000;
    --bp-black-rgb: 0, 0, 0;

    --bp-accent: var(--bp-green-bright);
    --bp-accent-rgb: var(--bp-green-bright-rgb);
    --bp-accent-current: var(--bp-green);
    --bp-accent-hover: var(--bp-green-hover);
    --bp-accent-border: rgba(190, 255, 125, .65);
    --bp-ink: var(--bp-black);
    --bp-page: var(--bp-bg-900);
    --bp-header: var(--bp-surface-650);
    --bp-card: var(--bp-surface-600);
    --bp-surface: var(--bp-surface-500);
    --bp-surface-hover: var(--bp-surface-520);
    --bp-soft-border: rgba(var(--bp-white-rgb), .10);

    --bp-nav-accent: var(--bp-green-bright);
    --bp-nav-accent-rgb: var(--bp-green-bright-rgb);
    --bp-main-menu-icon-size: 20px;
    --bp-main-menu-icon-shadow:
        drop-shadow(0 0 1px rgba(var(--bp-green-bright-rgb), .75))
        drop-shadow(0 0 4px rgba(var(--bp-green-bright-rgb), .35));
    --bp-font-heavy: "Gilroy ExtraBold", "Gilroy-ExtraBold", "Gilroy-Bold", Arial, sans-serif;
    --bp-action-ease: cubic-bezier(.22, 1, .36, 1);

    --hero: var(--bp-green-rgb);
    --hero-hover: 156, 200, 96;
    --hero-sc: var(--bp-black-rgb);
    --header: 41, 48, 67;
    --b: 14, 21, 27;
    --b-sc: var(--bp-white-rgb);
}

.nav-menu-container .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper, .nav-menu-container .nav-menu-other>.nav-menu-item>.CMSIconSVGWrapper {
    display: none !important
}

.anj-container > div > a{
	height: 100px
}

.casinoGameItem {
	filter: drop-shadow(0px -5px 5px rgba(var(--hero), .9));
}

.bc-i-tv:before {
    content: "" !important;
  display:none
}

.bc-i-tv:after {
    content: "";
    background: url("https://i.ibb.co/4wGnzsVZ/kick.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 32px;
    width: 18px;
    display: inline-block;
	filter: grayscale(.9)
}




#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div:nth-child(1) > div > div > p:nth-child(3) > a,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div:nth-child(1) > div > div > p:nth-child(2) > a,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div:nth-child(1) > div > div > p:nth-child(1) > a:nth-child(1){
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;        
}

/* =====================================================
   HEADER ACTION BUTTONS
   ===================================================== */

.hdr-main-content-bc,
.hdr-main-content-bc a,
.hdr-main-content-bc button,
.hdr-main-content-bc span,
.hdr-main-content-bc time {
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.hdr-main-content-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    column-gap: 0 !important;
}

.hdr-main-content-bc .logo-container {
    align-items: center !important;
    gap: 14px !important;
    flex: 0 0 auto !important;
}

.hdr-main-content-bc .logo-container .header-icon {
    --hdr-action-rgb: var(--bp-green-bright-rgb);
    --hdr-action-color: rgb(var(--hdr-action-rgb));

    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    min-height: 34px !important;
    min-width: 162px !important;
    padding: 0 13px 0 41px !important;
    border: 2px solid rgba(var(--hdr-action-rgb), .92) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    color: var(--hdr-action-color) !important;
    background:
        radial-gradient(circle at 22% 0, rgba(var(--bp-white-rgb), .24), transparent 34%),
        linear-gradient(180deg, rgba(var(--hdr-action-rgb), .18), rgba(var(--hdr-action-rgb), .08)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--bp-white-rgb), .06),
        inset 0 1px 9px rgba(var(--hdr-action-rgb), .12),
        0 6px 16px rgba(var(--hdr-action-rgb), .12) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition:
        transform .22s var(--bp-action-ease),
        border-color .22s var(--bp-action-ease),
        background .22s var(--bp-action-ease),
        box-shadow .22s var(--bp-action-ease),
        color .22s var(--bp-action-ease) !important;
}

.hdr-main-content-bc .logo-container .header-icon img {
    display: none !important;
}

.hdr-main-content-bc .logo-container .header-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    width: 23px !important;
    height: 23px !important;
    background: currentColor !important;
    -webkit-mask: url("https://api.iconify.design/lucide/users-round.svg") center / contain no-repeat !important;
    mask: url("https://api.iconify.design/lucide/users-round.svg") center / contain no-repeat !important;
    opacity: .96 !important;
    filter: drop-shadow(0 0 4px rgba(var(--hdr-action-rgb), .32)) !important;
    transform: translateY(-50%) !important;
    transition: transform .22s var(--bp-action-ease), filter .22s var(--bp-action-ease) !important;
}

.hdr-main-content-bc .logo-container .header-icon::after {
    content: "BETPUAN ORTAKLIK" !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 0 7px rgba(var(--hdr-action-rgb), .26) !important;
}

.hdr-main-content-bc .logo-container .header-icon:hover {
    color: #eaffd9 !important;
    border-color: rgba(var(--hdr-action-rgb), 1) !important;
    background:
        radial-gradient(circle at 22% 0, rgba(var(--bp-white-rgb), .34), transparent 36%),
        linear-gradient(180deg, rgba(var(--hdr-action-rgb), .26), rgba(var(--hdr-action-rgb), .12)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--bp-white-rgb), .10),
        inset 0 1px 10px rgba(var(--hdr-action-rgb), .18),
        0 8px 22px rgba(var(--hdr-action-rgb), .24),
        0 0 0 3px rgba(var(--hdr-action-rgb), .10) !important;
    transform: translateY(-1px) !important;
}

.hdr-main-content-bc .logo-container .header-icon:hover::before {
    filter: drop-shadow(0 0 7px rgba(var(--hdr-action-rgb), .48)) !important;
    transform: translateY(-50%) scale(1.06) !important;
}

.hdr-main-content-bc .hdr-user-bc {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    flex: 0 1 auto !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a + a {
    margin-left: 0 !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons:not(:empty) + .header-custom-buttons::before {
    content: none !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons:not(:empty) + .header-buttons-wallet,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons:not(:empty) + .header-buttons-wallet + .nav-menu-container.header-user-nav {
    margin-left: 8px !important;
}

.hdr-main-content-bc .hdr-user-bc .header-buttons-wallet:empty {
    display: none !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons:not(:empty) ~ .nav-menu-container.header-user-nav {
    margin-left: 8px !important;
}

.hdr-main-content-bc .hdr-user-bc .nav-menu-container.header-user-nav {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
}

.hdr-main-content-bc .hdr-user-bc .nav-menu-container.header-user-nav > .nav-menu-other {
    margin: 0 !important;
}

.hdr-main-content-bc .hdr-user-bc .nav-menu-container.header-user-nav > .nav-menu-other + .nav-menu-other {
    margin-left: 0 !important;
}

.hdr-main-content-bc > .form-control-bc.select,
.hdr-main-content-bc > .infoTime,
.hdr-main-content-bc > .smartPanel-bc {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin-left: 8px !important;
}

/* =====================================================
   SMART PANEL - MOBILE COLOR MAP
   ===================================================== */

.hdr-smart-panel-holder-bc .sp-button-bc {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.hdr-smart-panel-holder-bc .sp-button-icon-bc,
.hdr-smart-panel-holder-bc .sp-button-icon-bc::before {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc[data-component="Notifications"] {
    color: #9cff36 !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc[data-component="FavoriteGames"] {
    color: #ffd43b !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc[data-component="Messages"] {
    color: #35caff !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc[data-component="Bonuses"] {
    color: #ff4f7b !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc[data-component="Settings"] {
    color: #a96cff !important;
}

.hdr-smart-panel-holder-bc .sp-button-icon-bc.bc-i-live-chat,
.hdr-smart-panel-holder-bc .sp-button-icon-bc.bc-i-live-chat::before {
    color: #26e0c5 !important;
    -webkit-text-fill-color: #26e0c5 !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc[data-component="Betslip"] {
    color: #ff9f32 !important;
}

.hdr-main-content-bc > .form-control-bc.select,
.hdr-main-content-bc > .form-control-bc.select .form-control-label-bc,
.hdr-main-content-bc > .infoTime {
    height: 34px !important;
    min-height: 34px !important;
}

.hdr-main-content-bc > .form-control-bc.select .form-control-label-bc {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 10px !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text {
    --hdr-action-rgb: var(--bp-green-bright-rgb);
    --hdr-action-ink: rgb(var(--hdr-action-rgb));

    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    height: 34px !important;
    min-height: 34px !important;
    width: auto !important;
    min-width: 34px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 2px solid rgba(var(--hdr-action-rgb), .92) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    color: var(--hdr-action-ink) !important;
    background:
        radial-gradient(circle at 28% 0, rgba(var(--bp-white-rgb), .20), transparent 34%),
        linear-gradient(180deg, rgba(var(--hdr-action-rgb), .18), rgba(var(--hdr-action-rgb), .08)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--bp-white-rgb), .06),
        inset 0 1px 8px rgba(var(--hdr-action-rgb), .12),
        0 6px 16px rgba(var(--hdr-action-rgb), .10) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    transform: none !important;
    isolation: isolate !important;
    transition:
        transform .22s var(--bp-action-ease),
        border-color .22s var(--bp-action-ease),
        background .22s var(--bp-action-ease),
        box-shadow .22s var(--bp-action-ease),
        color .22s var(--bp-action-ease) !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text::before {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    color: currentColor !important;
    font-size: 16px !important;
    line-height: 1 !important;
    opacity: .96 !important;
    filter: drop-shadow(0 0 4px rgba(var(--hdr-action-rgb), .28)) !important;
    transform: none !important;
    transition:
        transform .22s var(--bp-action-ease),
        filter .22s var(--bp-action-ease) !important;
    z-index: 2 !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text::after {
    content: "" !important;
    position: absolute !important;
    inset: 2px !important;
    border-radius: 5px !important;
    background:
        linear-gradient(120deg, transparent 0, rgba(var(--bp-white-rgb), .16) 42%, transparent 62%) !important;
    opacity: 0 !important;
    transform: translateX(-22%) !important;
    transition:
        opacity .22s var(--bp-action-ease),
        transform .22s var(--bp-action-ease) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text > span {
    color: currentColor !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text:hover {
    color: #f4fff0 !important;
    border-color: rgba(var(--hdr-action-rgb), 1) !important;
    background:
        radial-gradient(circle at 28% 0, rgba(var(--bp-white-rgb), .30), transparent 36%),
        linear-gradient(180deg, rgba(var(--hdr-action-rgb), .28), rgba(var(--hdr-action-rgb), .12)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--bp-white-rgb), .10),
        inset 0 1px 10px rgba(var(--hdr-action-rgb), .18),
        0 8px 22px rgba(var(--hdr-action-rgb), .22),
        0 0 0 3px rgba(var(--hdr-action-rgb), .10) !important;
    transform: translateY(-1px) !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text:hover::before {
    filter: drop-shadow(0 0 7px rgba(var(--hdr-action-rgb), .46)) !important;
    transform: scale(1.07) !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text:hover::after {
    opacity: 1 !important;
    transform: translateX(18%) !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.header-icon-text:active {
    transform: translateY(0) scale(.98) !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="page=deposit"],
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-circle-dollar {
    --hdr-action-rgb: var(--bp-green-bright-rgb);
    --hdr-action-ink: #dfffca;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.promo-btn,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="bonuspuan.com"] {
    --hdr-action-rgb: var(--bp-casino-red-rgb);
    --hdr-action-ink: #ffd6df;
    --hdr-action-icon: url("https://api.iconify.design/lucide/gift.svg");
    width: auto !important;
    max-width: none !important;
    padding: 0 13px !important;
    font-size: 11px !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.promo-btn::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="bonuspuan.com"]::before {
    content: "" !important;
    width: 17px !important;
    height: 17px !important;
    background: currentColor !important;
    -webkit-mask: var(--hdr-action-icon) center / contain no-repeat !important;
    mask: var(--hdr-action-icon) center / contain no-repeat !important;
    transform: none !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.promo-btn:hover::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="bonuspuan.com"]:hover::before {
    transform: scale(1.08) !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.promo-btn > span,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="bonuspuan.com"] > span {
    display: inline !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-telegram,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="t.me"] {
    --hdr-action-rgb: 46, 203, 255;
    --hdr-action-ink: #9aeaff;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    font-size: 0 !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-twitter,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="x.com"],
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="twitter.com"] {
    --hdr-action-rgb: 146, 221, 77;
    --hdr-action-ink: #d9ffc8;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    font-size: 0 !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-telegram::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-twitter::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="t.me"]::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="x.com"]::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="twitter.com"]::before {
    margin: 0 !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    line-height: 20px !important;
    transform: none !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-telegram:hover::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-twitter:hover::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="t.me"]:hover::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="x.com"]:hover::before,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="twitter.com"]:hover::before {
    transform: scale(1.08) !important;
}

.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-telegram > span,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a.bc-i-twitter > span,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="t.me"] > span,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="x.com"] > span,
.hdr-main-content-bc .hdr-user-bc .header-custom-buttons > a[href*="twitter.com"] > span {
    display: none !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    transition:
        transform .22s var(--bp-action-ease),
        color .22s var(--bp-action-ease),
        border-color .22s var(--bp-action-ease),
        background .22s var(--bp-action-ease),
        box-shadow .22s var(--bp-action-ease) !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small.sign-in {
    position: relative !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    color: var(--bp-white) !important;
    background: transparent !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small.sign-in::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 7px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: rgba(var(--bp-green-bright-rgb), .82) !important;
    box-shadow: 0 0 7px rgba(var(--bp-green-bright-rgb), .28) !important;
    opacity: .55 !important;
    transform: scaleX(.42) !important;
    transform-origin: center !important;
    transition:
        opacity .22s var(--bp-action-ease),
        transform .22s var(--bp-action-ease),
        box-shadow .22s var(--bp-action-ease) !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small.sign-in:hover {
    color: #eaffd9 !important;
    transform: translateY(-1px) !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small.sign-in:hover::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
    box-shadow: 0 0 10px rgba(var(--bp-green-bright-rgb), .48) !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small.register {
    --hdr-action-rgb: var(--bp-green-bright-rgb);

    padding: 0 12px !important;
    border: 2px solid rgba(var(--hdr-action-rgb), .92) !important;
    color: #dfffca !important;
    background:
        radial-gradient(circle at 28% 0, rgba(var(--bp-white-rgb), .20), transparent 34%),
        linear-gradient(180deg, rgba(var(--hdr-action-rgb), .18), rgba(var(--hdr-action-rgb), .08)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--bp-white-rgb), .06),
        inset 0 1px 8px rgba(var(--hdr-action-rgb), .12),
        0 6px 16px rgba(var(--hdr-action-rgb), .10) !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small.register::before {
    content: none !important;
}

.hdr-main-content-bc .hdr-user-bc > button.btn.s-small.register:hover {
    color: #f4fff0 !important;
    border-color: rgba(var(--hdr-action-rgb), 1) !important;
    background:
        radial-gradient(circle at 28% 0, rgba(var(--bp-white-rgb), .30), transparent 36%),
        linear-gradient(180deg, rgba(var(--hdr-action-rgb), .28), rgba(var(--hdr-action-rgb), .12)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--bp-white-rgb), .10),
        inset 0 1px 10px rgba(var(--hdr-action-rgb), .18),
        0 8px 22px rgba(var(--hdr-action-rgb), .22),
        0 0 0 3px rgba(var(--hdr-action-rgb), .10) !important;
    transform: translateY(-1px) !important;
}

.layout-footer-holder-bc .FooterLicenceCuracaoContainer,
.layout-footer-holder-bc .anj-container {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.layout-footer-holder-bc .FooterLicenceCuracaoContainer > div,
.layout-footer-holder-bc .anj-container > div {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    overflow: visible !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.anj-container > div > a,
.layout-footer-holder-bc .FooterLicenceCuracaoContainer a[aria-label="View license details"] {
    display: block !important;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    aspect-ratio: 1 / 1 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.layout-footer-holder-bc .sliderSingleEl:has(.sliderImage) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.layout-footer-holder-bc .sliderSingleEl .sliderImage {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 48px !important;
    margin: 0 !important;
}

.layout-footer-holder-bc .sliderSingleEl .sliderImage::before {
    content: none !important;
    display: none !important;
}

.layout-footer-holder-bc .sliderSingleEl .sliderImage img {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: 44px !important;
    max-width: 190px !important;
    object-fit: contain !important;
}

.layout-footer-holder-bc .sliderSingleEl .sliderImage img[src*="/logo.gif"] {
    width: 205px !important;
    height: 44px !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(2) > h4 {
	display: none !important;
}


#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(2):before {
	content: "ÖDEME YÖNTEMLERİ" !important;
	position: relative !important;
	display: block !important;
	text-align: center !important;
	width: 100% !important;
	top: -20px !important;
	color: #ddd !important;
}

.footerContainer > .sliderGroup:nth-child(3) > .sliderContent:last-child > .horizontalSliderWrapper > .horizontalSliderRow > .horizontalSliderElem {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 124px !important;
    width: 124px !important;
    height: 44px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.footerContainer > .sliderGroup:nth-child(3) > .sliderContent:last-child > .horizontalSliderWrapper > .horizontalSliderRow > .horizontalSliderElem::before {
    content: none !important;
    display: none !important;
}

.footerContainer > .sliderGroup:nth-child(3) > .sliderContent:last-child > .horizontalSliderWrapper .horizontalSliderImg {
    display: block !important;
    width: 120px !important;
    height: 36px !important;
    max-width: 120px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: grayscale(1) saturate(.15) brightness(1.08) !important;
    opacity: .74 !important;
}

.footerContainer > .sliderGroup:nth-child(3) > .sliderContent:last-child > .horizontalSliderWrapper .horizontalSliderElem:hover .horizontalSliderImg {
    filter: none !important;
    opacity: 1 !important;
}

.horizontalSliderWrapper {
  overflow: hidden !important;
  position: relative !important;
}



.footerContainer > .sliderGroup:nth-child(3) > .sliderContent:last-child > .horizontalSliderWrapper > .horizontalSliderRow {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  animation: scroll 16s linear infinite !important;
  width: max-content !important;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-25%);
  }
}
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a {
	padding: 0 25px !important
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a > i{
	display: none !important
}

.informative-widget-container > span > p > span{
	font-size: 14px !important
}
.loyaltyBonusHeader{
	display: none !important
}

 .is-home-page > div.popup-holder-bc.windowed.info > div > #base_popup_id > div {
 	background: transparent !important;
 }

.horCatItemTitle {
	font-family: 'Gilroy-Medium', sans-serif !important;
	margin: 0 10px !important;
	left: 15px !important;
	font-weight: bold !important;
}

[class*=is-web] .searchInputWrp {
	background: #404966 !important;
	border: 1px solid #6C779B !important;
}

.searchInputWrp:after{
    background-color: transparent !important;
}

#root > div.layout-content-holder-bc > div.casinoCategoryChooserContainer > div > div > div.horizontalCategoryItemWrp > .all-games > div > p{
	left: 0px !important;
}

.casinoGameListBlockHeader{
	padding-bottom: 0 !important;
}

.providerItemsInner{
	background: #404966 !important;
	border: 1px solid #6C779B !important;
}

[class*=is-web] .horizontalCategoryItem {
	background: #404966 !important;
}

.providerItemsInner:hover, .providerItemsInner.active,
[class*=is-web] .horizontalCategoryItemWrp.active .horizontalCategoryItem:before,
[class*=is-web] .horizontalCategoryItemWrp:hover .horizontalCategoryItem:before {
	background: #9CC860 !important;
	border: 1px solid #CBF690 !important;
}

#root > div.layout-content-holder-bc > div.casinoCategoryChooserContainer > div > div > div.horizontalCategoryItemWrp:hover > div > i:before,
#root > div.layout-content-holder-bc > div.casinoCategoryChooserContainer > div > div > div.horizontalCategoryItemWrp.active > div > i:before{
    filter: invert(1) brightness(0) !important;
}


#root > div.layout-content-holder-bc > div.casinoCategoryChooserContainer > div > div > div > div > i:before {
	color: #404966 !important;
}

[class*=is-web] .horizontalCategoryItemWrp.active .horCatItemTitle,
[class*=is-web] .horizontalCategoryItemWrp:hover .horCatItemTitle {
	color: #2A3042 !important;
}

.horizontalCategoryItemWrp,
.horizontalCategoryItem:before {
	background: none !important;
}

[class*=is-web] .horizontalCategoryItem i {
	margin-inline-start: 0 !important;
}


#root > div.layout-content-holder-bc > div.casinoCategoryChooserContainer > div > div > div > div > i:before {
	position: absolute !important;
	content: "" !important;
	background-size: contain !important;
	width: 25px !important;
	height: 25px !important;
	top: -12px !important;
	margin: 0 12px !important;
}

#root > div.popup-holder-bc.windowed.confirm > div > div > div > div.casino-popup-button-block {
    top: 0px !important;
}

.casino-category-chooser-container .horizontal-sl-item-bc:not(:empty){
    background: #293043 !important;
}

.accordion-items .accordion-button {
    background: #293043 !important;
    text-shadow: 0 0 10px #293043 !important;
    border: none !important;
}



#root > div.layout-content-holder-bc > div > div.sportsbook-center-section > div > div > div > div.sgm-market-search > div.horizontal-sl-tab > div > div {
	line-height: 76px !important;
}


.sdr-image-bc {
     object-fit: contain !important;
}

/* =====================================================
   ANA SAYFA ICONIFY IKONLARI
   ===================================================== */

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label],
nav.hdr-navigation-scrollable-content > a[aria-label] {
    --nav-accent: var(--bp-nav-accent);
    --nav-rgb: var(--bp-nav-accent-rgb);
    position: relative !important;
    padding-inline-start: 30px !important;
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] .nav-menu-title,
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] > span,
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] .nav-menu-title,
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] > span,
nav.hdr-navigation-scrollable-content > a[aria-label] .nav-menu-title,
nav.hdr-navigation-scrollable-content > a[aria-label] > span {
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] > .CMSIconSVGWrapper,
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] > .CMSIconSVGWrapper,
nav.hdr-navigation-scrollable-content > a[aria-label] > .CMSIconSVGWrapper,
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] > i,
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label] > i,
nav.hdr-navigation-scrollable-content > a[aria-label] > i {
    display: none !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label]::before,
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label]::before,
nav.hdr-navigation-scrollable-content > a[aria-label]::before {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 50% !important;
    display: block !important;
    width: var(--bp-main-menu-icon-size) !important;
    min-width: var(--bp-main-menu-icon-size) !important;
    max-width: var(--bp-main-menu-icon-size) !important;
    height: var(--bp-main-menu-icon-size) !important;
    min-height: var(--bp-main-menu-icon-size) !important;
    max-height: var(--bp-main-menu-icon-size) !important;
    background-color: transparent !important;
    background-image: var(--main-menu-icon) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: var(--bp-main-menu-icon-shadow) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label]:is(:hover, :focus, .active, [aria-current="page"])::before,
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label]:is(:hover, :focus, .active, [aria-current="page"])::before,
nav.hdr-navigation-scrollable-content > a[aria-label]:is(:hover, :focus, .active, [aria-current="page"])::before {
    filter:
        drop-shadow(0 0 2px rgba(var(--bp-green-bright-rgb), .9))
        drop-shadow(0 0 5px rgba(var(--bp-green-bright-rgb), .45)) !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Spor"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Spor"],
nav.hdr-navigation-scrollable-content > a[aria-label="Spor"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/sports/pre-match/event-view"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/sports/pre-match/event-view"],
nav.hdr-navigation-scrollable-content > a[href="/tr/sports/pre-match/event-view"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/soccer.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Bonus X Crash"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Bonus X Crash"],
nav.hdr-navigation-scrollable-content > a[aria-label="Bonus X Crash"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="crash"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="crash"],
nav.hdr-navigation-scrollable-content > a[href*="crash"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/lightning-bolt.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Canlı"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Canlı"],
nav.hdr-navigation-scrollable-content > a[aria-label="Canlı"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Canlı Maçlar"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Canlı Maçlar"],
nav.hdr-navigation-scrollable-content > a[aria-label="Canlı Maçlar"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="/tr/sports/live/"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="/tr/sports/live/"],
nav.hdr-navigation-scrollable-content > a[href*="/tr/sports/live/"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/broadcast.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Slot"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Slot"],
nav.hdr-navigation-scrollable-content > a[aria-label="Slot"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/casino/slots"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/casino/slots"],
nav.hdr-navigation-scrollable-content > a[href="/tr/casino/slots"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/slot-machine.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Canlı Casino"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Canlı Casino"],
nav.hdr-navigation-scrollable-content > a[aria-label="Canlı Casino"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/live-casino/home"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/live-casino/home"],
nav.hdr-navigation-scrollable-content > a[href="/tr/live-casino/home"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/cards-variant.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Oyunlar"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Oyunlar"],
nav.hdr-navigation-scrollable-content > a[aria-label="Oyunlar"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/games/home"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/games/home"],
nav.hdr-navigation-scrollable-content > a[href="/tr/games/home"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/gamepad-variant.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Sanal Sporlar"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Sanal Sporlar"],
nav.hdr-navigation-scrollable-content > a[aria-label="Sanal Sporlar"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/virtual-sports/home"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/virtual-sports/home"],
nav.hdr-navigation-scrollable-content > a[href="/tr/virtual-sports/home"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/trophy.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="E-sporlar"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="E-sporlar"],
nav.hdr-navigation-scrollable-content > a[aria-label="E-sporlar"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/esports"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/esports"],
nav.hdr-navigation-scrollable-content > a[href="/tr/esports"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/controller-classic.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="TV Oyunları"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="TV Oyunları"],
nav.hdr-navigation-scrollable-content > a[aria-label="TV Oyunları"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/tv-games/home"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/tv-games/home"],
nav.hdr-navigation-scrollable-content > a[href="/tr/tv-games/home"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/television-play.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Tombala"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Tombala"],
nav.hdr-navigation-scrollable-content > a[aria-label="Tombala"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="19999"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="19999"],
nav.hdr-navigation-scrollable-content > a[href*="19999"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/view-grid.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Avi"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Avi"],
nav.hdr-navigation-scrollable-content > a[aria-label="Avi"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="500000397"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="500000397"],
nav.hdr-navigation-scrollable-content > a[href*="500000397"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/airplane.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Sizi Arayalım"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Sizi Arayalım"],
nav.hdr-navigation-scrollable-content > a[aria-label="Sizi Arayalım"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="puanconnect.com"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="puanconnect.com"],
nav.hdr-navigation-scrollable-content > a[href*="puanconnect.com"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/phone-in-talk.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="BetPuan TV"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="BetPuan TV"],
nav.hdr-navigation-scrollable-content > a[aria-label="BetPuan TV"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/television.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Promosyonlar"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Promosyonlar"],
nav.hdr-navigation-scrollable-content > a[aria-label="Promosyonlar"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/promotions"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href="/tr/promotions"],
nav.hdr-navigation-scrollable-content > a[href="/tr/promotions"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/gift.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Deneme Bonusu"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Deneme Bonusu"],
nav.hdr-navigation-scrollable-content > a[aria-label="Deneme Bonusu"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="bonus-request"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="bonus-request"],
nav.hdr-navigation-scrollable-content > a[href*="bonus-request"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/star-four-points.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="İstatistik"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="İstatistik"],
nav.hdr-navigation-scrollable-content > a[aria-label="İstatistik"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="statistics.25btcoservice.com"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="statistics.25btcoservice.com"],
nav.hdr-navigation-scrollable-content > a[href*="statistics.25btcoservice.com"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/chart-bar.svg?color=%2392dd4d");
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Özel Oran"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[aria-label="Özel Oran"],
nav.hdr-navigation-scrollable-content > a[aria-label="Özel Oran"],
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="10412182"],
.nav-menu-container.header-navigation:first-child .nav-menu.nav-menu-hide-items > li > a.nav-menu-item[href*="10412182"],
nav.hdr-navigation-scrollable-content > a[href*="10412182"] {
    --main-menu-icon: url("https://api.iconify.design/mdi/rocket-launch.svg?color=%2392dd4d");
}

#casino_games_container > div > div > div > div > img{
	height: auto !important
}

#casino_games_container > div > div > div > div{
	min-height: auto !important
}

.c-info-icon-bc.bc-i-bet-builder {
	color: red  !important;
	position: relative;
	font-size: 17px;
	top: 2px !important
}



#root > div.layout-content-holder-bc > div > div.sportsbook-center-section > div > div.prematch-page-bc > div > div.multi-column-container > div > ul > li > div.multi-column-time-icon > div > p > i {
	font-size: 17px;
	position: relative;
	right: 20px
}

#root > div.layout-content-holder-bc > div > div.sportsbook-center-section > div > div.prematch-page-bc > div > div.multi-column-container > div > ul > li > div.multi-column-time-icon > div > i {
	position: relative;
	right: -17px
}


#root > div.popup-holder-bc.windowed.info > div > div{
	background: transparent  !important;
}


#root > div.layout-content-holder-bc > div > div.sportsbook-center-section > div > div.game-details-section > div > div.sgm-market-search > div.horizontal-sl-tab.scroll-start > div > div{
	line-height: 76px !important;
}

#root > div:nth-child(7) > div > div{
	    background: rgba(var(--b), 1)  !important;
}



#root > div.layout-footer-holder-bc > div > div.horizontal-sl-list.casino-horizontal-sl-list-bc.horizontal-items-expanded.horizontal-center > div{
	    margin-left: 0 !important;
}


#root > div.popup-holder-bc.windowed.user-profile-container > div > div{
   width: 1340px !important;
}

.casino-tournament-all::after{
	content: "Hepsini Görüntüle";
	width:100px;
	color: #fff !important;
}

.casino-tournament-all{
	color: transparent  !important;
}


.live-casino-providers button.active {
	font-weight: 700 !important;
	letter-spacing: .5px !important;
	border: 3px solid #8fcb4d !important;
}

.live-casino-providers button:hover {
	color: #fff !important;
	font-weight: 700 !important;
	border: 2px solid #8fcb4d !important;
}

	.popup-inner-bc,
.status-popup-content-w-bc {
	background: transparent !important;
	max-width: 1000px;
}
.popup-holder-bc.windowed:not(:has(.entrance-popup-bc.sign-in)):not(:has(.entrance-popup-bc.login)):not(:has(.entrance-popup-bc.register)) .popup-inner-bc {
	width: 700px  !important;
}
.casino-popup-content {
	max-height: 50vh !important;
	overflow: visible !important;
}
.status-popup-content-w-bc {
	width: 100%  !important;
	max-width: 1000px  !important;
}

.popup-checkbox {
	margin-top: 160px  !important;
}

	#root > div.popup-holder-bc.full-screen.content-manager > div > div {
		background: rgba(var(--b), 1) !important;
	}
	#root > div.layout-content-holder-bc > section > div > div > div {
		width: 100% !important;
	}

		#root > div.layout-content-holder-bc > div.horizontal-sl-list.casino-horizontal-sl-list-bc.horizontal-items-expanded.scroll-start > div > div.horizontal-sl-item-bc {
			height: auto !important;
			width: auto !important;
		}
/*
.casino-popup-button-block {
	position: relative;
	top: 150px  !important;
	margin-top: 0  !important;
}*/
.e-p-close-icon-bc {
	top: 14px !important;
	right: 14px !important;
	color: rgba(var(--bp-white-rgb), .72) !important;
	font-size: 18px !important;
	z-index: 20 !important;
}
.casino-popup-content > p img {
	margin-top: -30px  !important;
}

	#root > div.layout-content-holder-bc > div.hm-row-bc.has-slider{
	  grid-template-columns: 12fr !important;
	}

	.promotion-page .layout-content-holder-bc > div {
		--promo-banner-height: clamp(86px, calc((100vw - 20px) / 12.01835), 109px);
		--promo-tabs-height: calc(var(--promo-banner-height) * .70);
		align-items: flex-end;
		background-color: transparent !important;
		background-image: url("https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_afe93cb71585152446ccffffd198528a.png");
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: auto 100%;
		display: flex;
		height: var(--promo-banner-height) !important;
		border-bottom: 2px solid #8fcb4d;
		overflow: hidden;
	}

	.promotion-horizontal-sl-list-bc {
		height: var(--promo-banner-height) !important;
		align-self: stretch !important;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-wheel {
		align-items: stretch !important;
		background: transparent;
		display: flex !important;
		float: none;
		height: var(--promo-tabs-height) !important;
		min-height: var(--promo-tabs-height) !important;
		max-height: var(--promo-tabs-height) !important;
		margin-left: auto;
		align-self: flex-end !important;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
		--promo-tab-icon: url("https://api.iconify.design/mdi/view-grid.svg");
		--promo-tab-accent: #aaff2d;
		--promo-tab-rgb: 170, 255, 45;
		align-items: center;
		background: #3C486C !important;
		border-right: solid 1px rgba(var(--bp-white-rgb), .04);
		align-self: stretch !important;
		color: var(--promo-tab-accent) !important;
		display: flex !important;
		flex-direction: row !important;
		gap: 5px !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100% !important;
		justify-content: center;
		padding: 0 8px !important;
		position: relative;
		overflow: hidden;
		isolation: isolate;
		box-shadow: inset 0 -3px 0 var(--promo-tab-accent) !important;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc::before {
		content: "" !important;
		position: static !important;
		flex: 0 0 16px !important;
		width: 16px !important;
		height: 16px !important;
		background: currentColor !important;
		-webkit-mask: var(--promo-tab-icon) center / contain no-repeat !important;
		mask: var(--promo-tab-icon) center / contain no-repeat !important;
		opacity: 1 !important;
		transform: none !important;
		z-index: 1 !important;
		pointer-events: none !important;
		transition: none !important;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.all {
		--promo-tab-icon: url("https://api.iconify.design/mdi/view-grid.svg");
		--promo-tab-accent: #aaff2d;
		--promo-tab-rgb: 170, 255, 45;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.backgammon {
		--promo-tab-icon: url("https://api.iconify.design/mdi/calendar-star.svg");
		--promo-tab-accent: #ffc23a;
		--promo-tab-rgb: 255, 194, 58;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.sport {
		--promo-tab-icon: url("https://api.iconify.design/mdi/soccer.svg");
		--promo-tab-accent: #3ed2ff;
		--promo-tab-rgb: 62, 210, 255;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.live-casino {
		--promo-tab-icon: url("https://api.iconify.design/mdi/cards-variant.svg");
		--promo-tab-accent: #ff4a58;
		--promo-tab-rgb: 255, 54, 70;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.slots {
		--promo-tab-icon: url("https://api.iconify.design/mdi/slot-machine.svg");
		--promo-tab-accent: #8b7fff;
		--promo-tab-rgb: 139, 127, 255;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.others {
		--promo-tab-icon: url("https://api.iconify.design/mdi/dots-horizontal.svg");
		--promo-tab-accent: #aaff2d;
		--promo-tab-rgb: 170, 255, 45;
	}

.promotion-horizontal-sl-list-bc .horizontal-sl-title-bc {
	color: var(--promo-tab-accent) !important;
	-webkit-text-fill-color: var(--promo-tab-accent) !important;
	font-family: var(--bp-font-heavy) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	margin-inline-start: 0 !important;
	margin-inline-end: 0 !important;
	position: relative !important;
	text-align: center !important;
	text-shadow: none !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	z-index: 1 !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc {
	display: none !important;
}
   
.promotion-horizontal-sl-list-bc .bc-i-sport:before,
.promotion-horizontal-sl-list-bc .bc-i-live-casino:before,
.promotion-horizontal-sl-list-bc .bc-i-livecasino:before,
.promotion-horizontal-sl-list-bc .bc-i-slots:before,
.promotion-horizontal-sl-list-bc .bc-i-all-games:before,
.promotion-horizontal-sl-list-bc .bc-i-all:before {
		display: none
	}

	.promotion-horizontal-sl-list-bc.horizontal-items-expanded .horizontal-sl-item-bc:hover {
		color: var(--promo-tab-accent) !important;
		background: #3C486C !important;
		box-shadow: inset 0 -3px 0 var(--promo-tab-accent) !important;
	}

	.promotion-horizontal-sl-list-bc.horizontal-items-expanded .horizontal-sl-item-bc.active {
		color: var(--bp-white) !important;
		background:
			linear-gradient(rgba(var(--promo-tab-rgb), .30), rgba(var(--promo-tab-rgb), .30)),
			#3C486C !important;
		box-shadow:
			inset 0 0 0 1px var(--promo-tab-accent),
			inset 0 -3px 0 var(--promo-tab-accent) !important;
	}

	.promotion-horizontal-sl-list-bc.horizontal-items-expanded .horizontal-sl-item-bc:hover::before,
	.promotion-horizontal-sl-list-bc.horizontal-items-expanded .horizontal-sl-item-bc.active::before {
		opacity: 1 !important;
		transform: none !important;
	}

	.promotion-horizontal-sl-list-bc.horizontal-items-expanded .horizontal-sl-item-bc:hover .horizontal-sl-title-bc {
		color: var(--promo-tab-accent) !important;
		-webkit-text-fill-color: var(--promo-tab-accent) !important;
		text-shadow: none !important;
	}

	.promotion-horizontal-sl-list-bc.horizontal-items-expanded .horizontal-sl-item-bc.active .horizontal-sl-title-bc {
		color: var(--bp-white) !important;
		-webkit-text-fill-color: var(--bp-white) !important;
	}

	.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
		margin: 0 !important;
		border-radius: 0px !important;
		font-family: var(--bp-font-heavy) !important;
		font-weight: 900 !important;
		letter-spacing: 0 !important;
		transition: none !important;
	}

	/*.horizontal-items-expanded .horizontal-sl-item-bc {
		background: transparent !important;
	}

	.horizontal-items-expanded .horizontal-sl-item-bc:not(.active) {
		background: transparent !important;
	}*/

	#root > div.layout-content-holder-bc > div.casino-category-chooser-container > div.horizontal-sl-list.casino-horizontal-sl-list-bc.horizontal-items-expanded.scroll-start > div {
		height: auto;
	}
	.casino-category-chooser-container .horizontal-sl-item-bc:not(:empty) {
		border-radius: 20px !important;
		margin: 3px !important;
	}
#root > div.layout-content-holder-bc > div.horizontal-sl-list.casino-horizontal-sl-list-bc.horizontal-items-expanded.scroll-start > div > div.horizontal-sl-item-bc. {
		height: auto  !important;
	}

/*	.hm-row-bc .casinoJackpotWrapper-bc:before {
		background-image: radial-gradient(circle at 56% 100%, rgba(62, 73, 106, .9), rgba(45, 45, 79) 100%) !important;
	}


	.jackpot-pool-wrapper {
		background: rgba(var(--b-sc), .15)  !important;
	}
	.casino-info-block .main-tabs-bc .tab-bc span {
		display: none
	}
	#root > div.layout-content-holder-bc > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(1):before {
		content: "SON KAZANANLAR";
		font-size: 13px;
		height: 30px;
		width: 100%;
		background: transparent;
		left: 0;
	}
	#root > div.layout-content-holder-bc > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2):before {
		content: "EN ÇOK KAZANANLAR";
		font-size: 13px;
		height: 30px;
		width: 100%;
		background: transparent;
		left: 0;
	}*/
	.casino-info-block {
		background: #3E4968 !important;
	}

	#root > div.layout-content-holder-bc > div.casino-select-provider-button-block-bc > div.accordion-items-container.collapsed > div > div > span > button,
	.accordion-items .accordion-button,
	.casino-category-chooser-container .horizontal-sl-item-bc:not(:empty),
	.multi-select-label-bc .checkbox-control-content-bc + .checkbox-control-content-bc,
	.form-control-bc.filled .form-control-title-bc,
	.user-profile-nav-item,
	.description-c-r-c-t-column-bc .description-title,
	.WithdrawAmount-Row-Title {
		font-weight: 600 !important;
		letter-spacing: .3px !important;
	}

	.form-control-title-bc,
	.sg-n-text-row-1-bc {
		color: rgba(var(--b-sc), .8)   !important;
	}

.message-info-bc,
.message-time-bc,
.message-title-block{
	color: #fff   !important;
}

/* =====================================================
   GIRIS / KAYIT POPUP - MOBILE.CSS TASARIMI
   ===================================================== */

.entrance-popup-bc.sign-in,
.entrance-popup-bc.login,
.entrance-popup-bc.register {
    --auth-accent: var(--bp-green-bright);
    --auth-accent-rgb: var(--bp-green-bright-rgb);
    --auth-surface: #303a57;
    --auth-surface-focus: #35415f;
    --auth-panel-a: rgba(39, 49, 76, .98);
    --auth-panel-b: rgba(24, 32, 55, .98);

    color: var(--bp-white) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: var(--bp-font-heavy) !important;
}

.entrance-popup-bc.sign-in :is(input, select, textarea, button, label, p, a, span),
.entrance-popup-bc.login :is(input, select, textarea, button, label, p, a, span),
.entrance-popup-bc.register :is(input, select, textarea, button, label, p, a, span) {
    font-family: var(--bp-font-heavy) !important;
    letter-spacing: 0 !important;
}

.entrance-popup-bc.sign-in .e-p-content-holder-bc,
.entrance-popup-bc.login .e-p-content-holder-bc,
.entrance-popup-bc.register .e-p-content-holder-bc {
    background: transparent !important;
}

#root > div.popup-holder-bc.full-screen.content-manager:has(.entrance-popup-bc.sign-in) > div > div,
#root > div.popup-holder-bc.full-screen.content-manager:has(.entrance-popup-bc.login) > div > div,
#root > div.popup-holder-bc.full-screen.content-manager:has(.entrance-popup-bc.register) > div > div {
    background: transparent !important;
}

.popup-holder-bc:has(.entrance-popup-bc.sign-in) .popup-inner-bc,
.popup-holder-bc:has(.entrance-popup-bc.login) .popup-inner-bc,
.popup-holder-bc:has(.entrance-popup-bc.register) .popup-inner-bc {
    --auth-accent: var(--bp-green-bright);
    --auth-accent-rgb: var(--bp-green-bright-rgb);

    position: relative !important;
    background: transparent !important;
}

.popup-holder-bc:has(.entrance-popup-bc.sign-in) .e-p-close-icon-bc,
.popup-holder-bc:has(.entrance-popup-bc.login) .e-p-close-icon-bc,
.popup-holder-bc:has(.entrance-popup-bc.register) .e-p-close-icon-bc {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(var(--bp-white-rgb), .76) !important;
    background: rgba(var(--bp-white-rgb), .08) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .12) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 19px !important;
    line-height: 1 !important;
    transform: none !important;
    z-index: 30 !important;
    cursor: pointer !important;
    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

.popup-holder-bc:has(.entrance-popup-bc.sign-in) .e-p-close-icon-bc:hover,
.popup-holder-bc:has(.entrance-popup-bc.login) .e-p-close-icon-bc:hover,
.popup-holder-bc:has(.entrance-popup-bc.register) .e-p-close-icon-bc:hover {
    color: var(--auth-accent) !important;
    background: rgba(var(--auth-accent-rgb), .12) !important;
    border-color: rgba(var(--auth-accent-rgb), .35) !important;
    transform: translateY(-1px) !important;
}

.entrance-popup-bc.sign-in .e-p-content-bc,
.entrance-popup-bc.login .e-p-content-bc,
.entrance-popup-bc.register .e-p-content-bc {
    position: relative !important;
    background:
        linear-gradient(145deg, var(--auth-panel-a) 0%, var(--auth-panel-b) 100%) !important;
    border: 1px solid rgba(var(--auth-accent-rgb), .24) !important;
    border-radius: 12px !important;
    box-shadow:
        0 14px 35px rgba(var(--bp-black-rgb), .35),
        inset 0 1px 0 rgba(var(--bp-white-rgb), .04) !important;
}

.entrance-popup-bc.sign-in .e-p-header-bc,
.entrance-popup-bc.login .e-p-header-bc,
.entrance-popup-bc.register .e-p-header-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 14px 16px 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.entrance-popup-bc.sign-in .popup-t-logo-w-bc,
.entrance-popup-bc.login .popup-t-logo-w-bc,
.entrance-popup-bc.register .popup-t-logo-w-bc {
    display: inline-flex !important;
    align-items: center !important;
}

.entrance-popup-bc.sign-in .popup-t-logo-w-bc img,
.entrance-popup-bc.login .popup-t-logo-w-bc img,
.entrance-popup-bc.register .popup-t-logo-w-bc img {
    object-fit: contain !important;
}

.entrance-popup-bc.sign-in .e-p-sections-bc,
.entrance-popup-bc.login .e-p-sections-bc,
.entrance-popup-bc.register .e-p-sections-bc {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-right: 40px !important;
}

.entrance-popup-bc.sign-in .e-p-section-item-bc,
.entrance-popup-bc.login .e-p-section-item-bc,
.entrance-popup-bc.register .e-p-section-item-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.entrance-popup-bc.sign-in .e-p-section-title-bc,
.entrance-popup-bc.login .e-p-section-title-bc,
.entrance-popup-bc.register .e-p-section-title-bc,
.entrance-popup-bc.sign-in .e-p-section-item-bc > *,
.entrance-popup-bc.login .e-p-section-item-bc > *,
.entrance-popup-bc.register .e-p-section-item-bc > *,
.entrance-popup-bc.sign-in .e-p-sections-bc button,
.entrance-popup-bc.login .e-p-sections-bc button,
.entrance-popup-bc.register .e-p-sections-bc button,
.entrance-popup-bc.sign-in .e-p-sections-bc a,
.entrance-popup-bc.login .e-p-sections-bc a,
.entrance-popup-bc.register .e-p-sections-bc a,
.entrance-popup-bc.sign-in #register_button_id,
.entrance-popup-bc.register #login_button_id {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    color: var(--auth-accent) !important;
    -webkit-text-fill-color: var(--auth-accent) !important;
    background: rgba(var(--auth-accent-rgb), .10) !important;
    border: 1px solid rgba(var(--auth-accent-rgb), .35) !important;
    border-radius: 7px !important;
    box-shadow: 0 0 10px rgba(var(--auth-accent-rgb), .12) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.entrance-popup-bc.sign-in #register_button_id > span,
.entrance-popup-bc.register #login_button_id > span,
.entrance-popup-bc.sign-in .e-p-sections-bc .btn > span,
.entrance-popup-bc.register .e-p-sections-bc .btn > span {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.entrance-popup-bc.sign-in .e-p-body-bc,
.entrance-popup-bc.login .e-p-body-bc,
.entrance-popup-bc.register .e-p-body-bc {
    visibility: visible !important;
    opacity: 1 !important;
    background:
        linear-gradient(180deg, rgba(48, 58, 87, .34) 0%, rgba(39, 49, 76, .12) 100%) !important;
}

#login_form_id.entrance-form-bc.login,
#register_form_id.entrance-form-bc.registration {
    --auth-accent: var(--bp-green-bright);
    --auth-accent-rgb: var(--bp-green-bright-rgb);
    --auth-surface: #303a57;
    --auth-surface-focus: #35415f;

    color: var(--bp-white) !important;
    font-family: var(--bp-font-heavy) !important;
    background: transparent !important;
}

#login_form_id.entrance-form-bc.login {
    padding: 18px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#login_form_id .entrance-form-content-bc,
#login_form_id .entrance-form-content-section-bc,
#login_form_id .reg-form-content,
#login_form_id .reg-form-fields,
#login_form_id .form-sign-bc,
#login_form_id .sg-n-forgot-password-text,
#register_form_id .entrance-form-content-bc,
#register_form_id .entrance-form-content-section-bc,
#register_form_id .reg-form-content,
#register_form_id .reg-form-fields {
    visibility: visible !important;
    opacity: 1 !important;
}

#login_form_id .form-sign-bc,
#register_form_id .reg-form-content,
#register_form_id .reg-form-fields,
#register_form_id .entrance-form-content-section-bc {
    position: relative !important;
}

#login_form_id .entrance-f-item-bc,
#register_form_id .entrance-f-item-bc:not(:has(input[hidden])) {
    position: relative !important;
    margin: 0 0 10px 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

#register_form_id .entrance-f-item-bc:has(input[hidden]) {
    display: none !important;
}

#login_form_id,
#login_form_id input,
#login_form_id button,
#login_form_id span,
#login_form_id p,
#register_form_id,
#register_form_id input,
#register_form_id select,
#register_form_id button,
#register_form_id span,
#register_form_id p,
#register_form_id a {
    font-family: var(--bp-font-heavy) !important;
}

#register_form_id .entrance-form-content-bc.step-0,
#register_form_id .entrance-form-content-bc.step-1 {
    padding: 18px !important;
    background:
        linear-gradient(180deg, rgba(48, 58, 87, .34) 0%, rgba(39, 49, 76, .12) 100%) !important;
}

#login_form_id .sg-n-text-row-1-bc,
#register_form_id .sg-n-text-row-1-bc,
#register_form_id .sg-n-text-row-1-bc p {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    color: rgba(var(--bp-white-rgb), .72) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .72) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

#login_form_id .sg-n-text-row-2-bc,
#register_form_id .sg-n-text-row-2-bc {
    margin: 0 0 16px 0 !important;
    color: var(--auth-accent) !important;
    -webkit-text-fill-color: var(--auth-accent) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 8px rgba(var(--auth-accent-rgb), .22) !important;
}

#register_form_id .reg-step-title-v-bc {
    margin: 0 0 14px 0 !important;
    padding: 6px 11px !important;
    color: var(--bp-white) !important;
    -webkit-text-fill-color: var(--bp-white) !important;
    background:
        linear-gradient(90deg, rgba(var(--auth-accent-rgb), .22) 0%, rgba(var(--auth-accent-rgb), .06) 100%) !important;
    border: 1px solid rgba(var(--auth-accent-rgb), .35) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

#register_form_id .entrance-f-item-bc {
    margin-bottom: 10px !important;
}

#login_form_id .form-control-bc,
#register_form_id .form-control-bc,
#register_form_id .form-controls-field-bc {
    position: relative !important;
    background: var(--auth-surface) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .10) !important;
    border-radius: 7px !important;
    box-shadow: inset 0 1px 0 rgba(var(--bp-white-rgb), .025) !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

#login_form_id .form-control-label-bc,
#register_form_id .form-control-label-bc {
    align-items: center !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 14px !important;
}

#login_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-label-bc,
#register_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-label-bc {
    padding-right: 44px !important;
}

#login_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-label-bc > i:not(.form-control-input-stroke-bc),
#register_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-label-bc > i:not(.form-control-input-stroke-bc),
#login_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-icon-bc,
#register_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-icon-bc {
    display: none !important;
}

#login_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-label-bc::after,
#register_form_id .form-control-bc.has-icon:has(input[type="password"]) .form-control-label-bc::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    width: 18px !important;
    height: 18px !important;
    background: rgba(var(--bp-white-rgb), .68) !important;
    -webkit-mask: url("https://api.iconify.design/lucide/eye.svg") center / contain no-repeat !important;
    mask: url("https://api.iconify.design/lucide/eye.svg") center / contain no-repeat !important;
    opacity: .9 !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    transition:
        background-color .18s ease,
        opacity .18s ease !important;
}

#login_form_id .form-control-bc.has-icon:has(input[type="password"]):focus-within .form-control-label-bc::after,
#register_form_id .form-control-bc.has-icon:has(input[type="password"]):focus-within .form-control-label-bc::after {
    background: var(--auth-accent) !important;
    opacity: 1 !important;
}

#login_form_id .form-control-bc:focus-within,
#register_form_id .form-control-bc:focus-within,
#register_form_id .form-control-bc.focused,
#register_form_id .form-controls-field-bc:focus-within {
    background: var(--auth-surface-focus) !important;
    border-color: rgba(var(--auth-accent-rgb), .65) !important;
    box-shadow:
        0 0 0 3px rgba(var(--auth-accent-rgb), .10),
        0 0 10px rgba(var(--auth-accent-rgb), .12) !important;
}

#register_form_id .form-control-label-bc {
    color: var(--bp-white) !important;
}

#login_form_id .form-control-input-bc,
#register_form_id .form-control-input-bc,
#register_form_id .form-control-select-bc {
    position: relative !important;
    margin: 0 !important;
    color: var(--bp-white) !important;
    -webkit-text-fill-color: var(--bp-white) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    visibility: visible !important;
    opacity: 1 !important;
    outline: none !important;
    z-index: 2 !important;
}

#login_form_id .form-control-input-bc[hidden],
#register_form_id .form-control-input-bc[hidden] {
    display: none !important;
}

#login_form_id input[type="password"]::-ms-clear,
#login_form_id input[type="password"]::-ms-reveal,
#register_form_id input[type="password"]::-ms-clear,
#register_form_id input[type="password"]::-ms-reveal {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#register_form_id select.form-control-select-bc {
    background-color: transparent !important;
}

#register_form_id select.form-control-select-bc option {
    color: var(--bp-white) !important;
    background: #27314c !important;
}

#login_form_id .form-control-title-bc,
#register_form_id .form-control-title-bc {
    color: rgba(var(--bp-white-rgb), .66) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .66) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

#login_form_id .form-control-bc:focus-within .form-control-title-bc,
#register_form_id .form-control-bc:focus-within .form-control-title-bc,
#register_form_id .form-control-bc.focused .form-control-title-bc,
#register_form_id .form-controls-field-bc:focus-within .form-control-title-bc {
    color: var(--auth-accent) !important;
    -webkit-text-fill-color: var(--auth-accent) !important;
}

#register_form_id .form-control-icon-bc,
#register_form_id .dropdownIcon-bc {
    color: var(--auth-accent) !important;
}

#register_form_id .dropdownIcon-bc.bc-i-datepicker {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    color: var(--auth-accent) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: translateY(-50%) !important;
}

#register_form_id .dropdownIcon-bc.bc-i-datepicker::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background: currentColor !important;
    -webkit-mask: url("https://api.iconify.design/lucide/calendar-days.svg") center / contain no-repeat !important;
    mask: url("https://api.iconify.design/lucide/calendar-days.svg") center / contain no-repeat !important;
}

#register_form_id .react-datepicker-popper {
    z-index: 40 !important;
}

#register_form_id .react-datepicker {
    overflow: hidden !important;
    color: var(--bp-white) !important;
    background: #252d44 !important;
    border: 1px solid rgba(var(--bp-white-rgb), .16) !important;
    border-radius: 7px !important;
    box-shadow: 0 12px 28px rgba(var(--bp-black-rgb), .35) !important;
    font-family: var(--bp-font-heavy) !important;
}

#register_form_id .react-datepicker__triangle::before {
    border-bottom-color: rgba(var(--bp-white-rgb), .16) !important;
}

#register_form_id .react-datepicker__triangle::after {
    border-bottom-color: #252d44 !important;
}

#register_form_id .react-datepicker__header {
    background: #29324b !important;
    border-bottom: 1px solid rgba(var(--bp-white-rgb), .10) !important;
}

#register_form_id .react-datepicker__header__dropdown,
#register_form_id .react-datepicker__month-dropdown-container,
#register_form_id .react-datepicker__year-dropdown-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

#register_form_id .react-datepicker__month-dropdown-container,
#register_form_id .react-datepicker__year-dropdown-container {
    position: relative !important;
    flex: 0 0 auto !important;
}

#register_form_id .react-datepicker__month-dropdown-container::after,
#register_form_id .react-datepicker__year-dropdown-container::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    width: 14px !important;
    height: 14px !important;
    background: var(--auth-accent) !important;
    -webkit-mask: url("https://api.iconify.design/lucide/chevron-down.svg") center / contain no-repeat !important;
    mask: url("https://api.iconify.design/lucide/chevron-down.svg") center / contain no-repeat !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
}

#register_form_id .react-datepicker__current-month,
#register_form_id .react-datepicker-time__header,
#register_form_id .react-datepicker-year-header,
#register_form_id .react-datepicker__day-name,
#register_form_id .react-datepicker__day {
    color: var(--bp-white) !important;
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
}

#register_form_id .react-datepicker__month-select,
#register_form_id .react-datepicker__year-select {
    height: 36px !important;
    min-width: 108px !important;
    padding: 0 30px 0 12px !important;
    color: var(--bp-white) !important;
    -webkit-text-fill-color: var(--bp-white) !important;
    background: rgba(var(--bp-white-rgb), .08) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .12) !important;
    border-radius: 6px !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 36px !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

#register_form_id .react-datepicker__month-select::-ms-expand,
#register_form_id .react-datepicker__year-select::-ms-expand {
    display: none !important;
}

#register_form_id .react-datepicker__month-select option,
#register_form_id .react-datepicker__year-select option {
    color: var(--bp-white) !important;
    background: #252d44 !important;
}

#register_form_id .react-datepicker__navigation {
    top: 12px !important;
}

#register_form_id .react-datepicker__navigation-icon::before {
    border-color: var(--auth-accent) !important;
    border-width: 2px 2px 0 0 !important;
}

#register_form_id .react-datepicker__day:hover,
#register_form_id .react-datepicker__day--keyboard-selected,
#register_form_id .react-datepicker__day--selected {
    color: #162033 !important;
    background: var(--auth-accent) !important;
    border-radius: 6px !important;
}

#register_form_id .react-datepicker__day--disabled {
    color: rgba(var(--bp-white-rgb), .28) !important;
}

#register_form_id .form-controls-field-content {
    display: flex !important;
    gap: 8px !important;
}

#register_form_id .form-controls-field-bc.country-code {
    color: var(--bp-white) !important;
    -webkit-text-fill-color: var(--bp-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

#register_form_id .entrance-f-error-message-bc {
    padding: 7px 10px !important;
    color: #ff9ca9 !important;
    -webkit-text-fill-color: #ff9ca9 !important;
    background: rgba(255, 70, 96, .09) !important;
    border-left: 3px solid #ff4660 !important;
    border-radius: 5px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

#login_form_id .checkbox-control-text-bc,
#register_form_id .checkbox-control-text-bc,
#register_form_id .terms-before-reg-btn-text,
#register_form_id .checkbox-control-text-privacy,
#register_form_id .privacy-police-text {
    color: rgba(var(--bp-white-rgb), .76) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .76) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

#login_form_id .checkbox-control-icon-bc,
#register_form_id .checkbox-control-icon-bc {
    color: var(--auth-accent) !important;
    border-color: rgba(var(--auth-accent-rgb), .65) !important;
}

#register_form_id .checkbox-control-text-privacy a,
#register_form_id .checkbox-control-text-privacy a span {
    color: var(--auth-accent) !important;
    -webkit-text-fill-color: var(--auth-accent) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

#register_form_id .entrance-f-recaptcha-bc {
    margin-top: 12px !important;
}

#register_form_id .u-i-p-control-item-holder-bc {
    padding: 10px !important;
    background: var(--auth-surface) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .10) !important;
    border-radius: 7px !important;
}

#register_form_id .form-control-title-static-bc,
#register_form_id .form-control-title-static-bc a {
    color: rgba(var(--bp-white-rgb), .68) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .68) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

#login_form_id .entrance-form-actions-holder-bc,
#register_form_id .entrance-form-actions-holder-bc {
    display: flex !important;
    gap: 10px !important;
}

#register_form_id .reg-form-footer-bc {
    padding: 14px 18px 18px !important;
    background:
        linear-gradient(180deg, rgba(39, 49, 76, .80) 0%, rgba(24, 32, 55, .96) 100%) !important;
    border-top: 1px solid rgba(var(--bp-white-rgb), .07) !important;
}

#login_form_id .entrance-form-actions-holder-bc .btn,
#register_form_id .entrance-form-actions-holder-bc .btn {
    border-radius: 7px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    transition:
        filter .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}

#login_form_id .entrance-form-actions-holder-bc .btn.a-color,
#register_form_id .entrance-form-actions-holder-bc .btn.a-color {
    color: #162033 !important;
    -webkit-text-fill-color: #162033 !important;
    background:
        linear-gradient(135deg, #a8ed62 0%, #92dd4d 55%, #76c936 100%) !important;
    border: 1px solid rgba(190, 255, 125, .65) !important;
    box-shadow:
        0 5px 14px rgba(var(--auth-accent-rgb), .22),
        inset 0 1px 0 rgba(var(--bp-white-rgb), .35) !important;
}

#register_form_id .entrance-form-actions-holder-bc .btn.a-outline {
    color: var(--bp-white) !important;
    -webkit-text-fill-color: var(--bp-white) !important;
    background: var(--auth-surface) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .15) !important;
    box-shadow: inset 0 1px 0 rgba(var(--bp-white-rgb), .04) !important;
}

#login_form_id .entrance-form-actions-holder-bc .btn:hover,
#register_form_id .entrance-form-actions-holder-bc .btn:hover {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}

#login_form_id .entrance-form-actions-holder-bc .btn.a-color:hover,
#register_form_id .entrance-form-actions-holder-bc .btn.a-color:hover {
    box-shadow:
        0 7px 18px rgba(var(--auth-accent-rgb), .30),
        inset 0 1px 0 rgba(var(--bp-white-rgb), .40) !important;
}

#login_form_id .sg-n-forgot-password {
    color: rgba(var(--bp-white-rgb), .72) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .72) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    transition: color .18s ease !important;
}

#login_form_id .sg-n-forgot-password:hover {
    color: var(--auth-accent) !important;
    -webkit-text-fill-color: var(--auth-accent) !important;
}

#register_form_id .steps-indicator {
    display: flex !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 13px 0 0 !important;
}

#register_form_id .step-indicator {
    width: 22px !important;
    height: 4px !important;
    background: rgba(var(--bp-white-rgb), .16) !important;
    border-radius: 20px !important;
    transition:
        width .18s ease,
        background-color .18s ease,
        box-shadow .18s ease !important;
}

#register_form_id .step-indicator.step-indicator-active {
    width: 34px !important;
    background: var(--auth-accent) !important;
    box-shadow: 0 0 8px rgba(var(--auth-accent-rgb), .30) !important;
}

#login_form_id .live-chat-adviser-bc,
#register_form_id .live-chat-adviser-bc {
    margin-top: 14px !important;
    padding: 11px 14px !important;
    color: var(--bp-white) !important;
    -webkit-text-fill-color: var(--bp-white) !important;
    background: var(--auth-surface) !important;
    border: 1px solid rgba(var(--auth-accent-rgb), .22) !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-shadow:
        inset 0 1px 0 rgba(var(--bp-white-rgb), .04),
        0 3px 8px rgba(var(--bp-black-rgb), .16) !important;
}

#login_form_id .live-chat-adviser-bc i,
#register_form_id .live-chat-adviser-bc i {
    color: var(--auth-accent) !important;
}

 #comm100-float-button-2 > div > a img {
     width: 77px;
 }
.layout-bc.is-home-page {
    background-image: url(" https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_20c6785adbf00a1a7868fc5be0bcfd09.jpeg") !important;
    background-size: 2100px !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.layout-bc.promotion-page {
    background-image: url("https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_c2b7925338b3e3880fca0d64b979eb57.png") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.layout-bc.casino-slots {
    background-image: url(" https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_0deeb8e06b93690e7a392c19ef04571f.jpeg") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.layout-bc.live-casino-games {
    background-image: url(" https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_11a613f49ebba1b753dde8e689f50bec.jpeg") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.layout-bc.skill-games {
    background-image: url(" https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_11a613f49ebba1b753dde8e689f50bec.jpeg") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.promotions-article-title {
    display: none !important;
}
/*.horizontal-items-expanded .horizontal-sl-item-bc:not(.active) {
    background: var(--header) !important;
    color: #fff !important;
}*/
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
    color: rgba(var(--hero-sc), 1) !important;
    background: rgba(var(--hero), 1) !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
    color: var(--promo-tab-accent) !important;
    background: #3C486C !important;
}
.layout-bc.is-home-page .widget-scroll-container {
    background: rgba(var(--header), 1) !important;
}
.layout-bc.is-home-page .horizontal-sl-item-bc:not(.active) {
    background: rgba(var(--header), 1) !important;
}
.layout-bc.is-home-page .time-filter-button-bc {
    background: rgba(var(--header), 1) !important;
    border: 1px solid rgba(var(--header), 1) !important;
}
.layout-bc.is-home-page .btn.a-outline.a-white {
    background: rgba(var(--hero), 1) !important;
    border-color: rgba(var(--hero), 1) !important;
}
.layout-bc.is-home-page .btn.a-outline:hover {
    background: rgba(var(--hero), 1) !important;
    border-color: rgba(var(--hero), 1) !important;
    color: #000 !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 14px !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item > i:before {
    color: #8fcb4d !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active {
    box-shadow: unset !important;
    text-shadow: 5px -1px 10px #fff;
    color: #000 !important;
    border-radius: 24px !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
    box-shadow: none !important;
    border-radius: 24px !important;
    background: rgba(var(--hero), 1) !important;
    text-shadow: 5px -1px 10px #fff;
}
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item i:before {
    color: #fff !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active i:before {
    color: #000 !important;
}

.header-custom-buttons:not(:empty) + .header-custom-buttons:before,
.smartPanel-bc:after {
    background: none !important;
}

.layout-bc.is-home-page .layout-content-holder-bc {
    max-width: 1310px !important;
    padding: 0 10px !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(1) {
    padding-top: 10px !important;
}
.sdr-item-bc:before {
    background: none !important;
}

.product-banner-info-bc:hover {
    transform: initial !important;
}
/*    Live Casino Custom Start */

.layout-bc.live-casino-games .casino-game-item-image-bc {
    object-fit: cover !important;
}
.layout-bc.live-casino-games .casino-category-types.casino-category-types-full .casino-category-games {
    grid-template-columns: repeat(5, 1fr) !important;
    grid-gap: 30px !important;
}
.layout-bc.live-casino-games .casino-game-item-content {
    height: 100% !important;
}
.layout-bc.live-casino-games .casino-game-item-content .casino-game-item {
    min-height: 300px !important;
}

/*    Live Casino Custom End */
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(6) .games-horiz-scroll .casino-game-item {
    min-height: 300px !important;
}
.ftr-partners-row-inner-bc>a:not(:only-child) img, .ftr-partners-row-inner-bc>div:not(:only-child) img{
    height:36px !important;
}
.ftr-payments-row-img-bc{
    width:110px !important;
}
.popup-holder-bc.windowed.user-profile-container .popup-inner-bc {
    background: #2D314F !important;
}
.u-i-profile-page-container {
    background: #2D314F !important;
}
.nav-menu-container.header-navigation:first-child {
    background: #3E4968 !important;
}
.smartPanel-bc,
.hdr-time-bc,
.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item {
    background: #3E4968 !important;
}
.nav-menu-container .nav-menu-sub .nav-menu-item.active,
.nav-menu-container .nav-menu-sub .nav-menu-item:hover:before {
    background: rgba(var(--hero), 1) !important;
}
.ftr-payments-row-img-bc {
    filter: gray !important;
    transition: filter .6s, opacity .6s;
    -webkit-filter: grayscale(0%) saturate(8%);
    opacity: .6 !important;
    background: transparent !important;
    padding: 0 !important;
}
.ftr-payments-row-img-bc:hover {
    filter: none;
    -webkit-filter: grayscale(0%) saturate(80%) !important;
    opacity: 1 !important;
}
.ftr-copy-rights-bc {
    color: #fff !important;
    font: 500 14px/16px Roboto, Arial, Helvetica, sans-serif !important;
}
.layout-footer-holder-bc {
    background: url(" https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_6b93f90b69bd405a3bf550a850113c1f.png") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    padding: 0 50px !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(6) {
    margin-bottom: 20px !important;
}

/*     Loader Gif Start   */

.bc-loader.medium .bc-loader-contain::after {
    content: '';
    background: url(" https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_4b86508563e7659caf262819c9c2caad.png") !important;
    width: 50px !important;
    height: 50px !important;
    background-size: 50px 50px !important;
    background-repeat:no-repeat !important;
    position: absolute;
    animation: 1.8s linear infinite spinner;
    animation-play-state: inherit;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}
.bc-loader.medium .bc-loader-contain .bc-loader-animation {
    display: none !important;
}
.bc-loader-contain > img,
.bc-loader-contain > svg {
    display: none !important;
}
@keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

/*     Loader Gif End   */

/**       Kategori   alanÄą  Baslangic     **/
/*.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc a:nth-child(2):hover:before {
    content:"";
    background : url("https://jsonstorage.b-cdn.net/betpuan/hover/yuvarlak.png") no-repeat center/contain !important;
    position:absolute;
    z-index:9999;
    display:block;
    top : 107px!important;
    height : 250px;
    position : absolute;
    width : 100%;
    animation: star 3s linear infinite;
}
@keyframes star {
    from {
        transform: scale(1);
        filter: drop-shadow(0 0 0.75rem #8fcb4d);
        background: #2D314F;
    }
    to {
        background: #2D314F;
        transform: scale(2);
        filter: drop-shadow(0 0 0.75rem #8fcb4d);
    }
}*/
/*.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc a:nth-child(2):hover:after {
    content:"";
    background : url("https://jsonstorage.b-cdn.net/betpuan/hover/yildiz_isikli_bg06.png") no-repeat center/cover !important;
    position:absolute;
    z-index:999;
    display:block;
    top : 0px;
    left : 0px;
    width: 100%;
    height: 100%;
    min-width: 327px;
    min-height: 330px;
    position : absolute;
}*/
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(3) > a:hover:before {
    animation: animate 3s linear infinite;
    z-index: 99999 !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(1) > a:hover:before {
    animation: animate 3s linear infinite;
    z-index: 99999 !important;
}


@keyframes animate {
    0% {
        background: rgb(45, 49, 79, .5);
        transform: rotate(-360deg);
        height: 200%;
        width: 200%;
        top: -150px;
        left: -150px;
    }
    50% {
        background: rgb(143, 203, 77, .3);
        transform: rotate(0deg);
        height: 180%;
        width: 180%;
        top: -150px;
        left: -150px;
    }
    100% {
        background: rgb(45, 49, 79, .5);
        transform: rotate(360deg);
        height: 200%;
        width: 200%;
        top: -150px;
        left: -150px;
    }
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(2) > a:hover:before {
    animation: animate 3s linear infinite;
    z-index: 99999 !important;
}

.layout-bc.live-casino-games .casino-category-types {
    max-width: 1440px !important;
    margin: 0 auto !important;
}
.nav-menu-container .nav-menu {
    justify-content: center !important;
}
.promotionsList-bc {
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 20px !important;
}
.layout-bc.promotion-page .layout-content-holder-bc {
    max-width: 1310px !important;
    padding: 0 10px !important;
}
.layout-footer-holder-bc {
    max-width: 100% !important;
}
/******  Sport Starts     *****/
.layout-bc.sportsbook .layout-content-holder-bc {
    background: #0e151b !important;
}
.layout-bc.sportsbook .nav-menu-container.header-navigation:nth-child(2) {
    background: #171C2C !important;
}
.layout-bc.sportsbook,
.left-menu-container {
    background: #0e151b !important;
}
.layout-bc.sportsbook .layout-header-holder-bc {
    background: #0e151b !important;
    box-shadow: 0 10px 0 0#0e151b !important;
}
.settings-r-b-row-bc {
    background: #212531 !important;
}
.left-menu-container .second-tabs-bc .tab-bc.active,
.left-menu-container .second-tabs-bc .tab-bc:hover {
    color: rgba(var(--hero-sc), 1) !important;
    background: rgba(var(--hero), 1) !important;
}
.left-menu-container .second-tabs-bc .tab-bc {
    background: #2e323e !important;
}
.left-menu-search .ss-input-bc {
    background: #212531 !important;
}
.left-menu-scroll > .sp-sub-list-bc {
    background: #2e323e !important;
}
.left-menu-scroll > .sp-sub-list-bc.active > .sp-s-l-head-bc {
    background: #2e323e !important;
    box-shadow: inset 0 0 0 18px #2e323e !important;
}
.left-menu-scroll > .sp-sub-list-bc + .sp-sub-list-bc.active.selected {
    background: #0e151b !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc.active {
    background: #282c39 !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc .sp-s-l-b-content-bc {
    background: #0e151b !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc {
    background: #212531 !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc .sp-sub-list-bc > .sp-s-l-head-bc {
    background: #282c39 !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc .sp-sub-list-bc:hover > .sp-s-l-head-bc {
    background: #363945 !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc .sp-sub-list-bc.selected > .sp-s-l-head-bc {
    background: #363945 !important;
}
.left-menu-search {
    background: #212531 !important;
}
.left-menu-container .filter-sports-bc {
    background: #2e323e !important;
}
.comp-name-fav-row-bc,
.multi-column-header {
    background: #2e323e !important;
}
.competition-bc .c-segment-holder-bc {
    background: #363945 !important;
}
.multi-column-content {
    background: #282c39 !important;
}
.multi-column-content:hover {
    background: #2e323e !important;
}
.game-details-section .live-page-sections-bc:first-child {
    background: #2e323e !important;
}
.sportsbook .sgm-market-search {
    box-shadow: 0 0 0 2px #212531 !important;
    background: #212531 !important;
}
.sgm-market-search .sport-search-bc .ss-icon-holder-bc {
    background: #2e323e !important;
}
.sgm-market-search .sport-search-bc .ss-input-bc {
    background: #212531 !important;
}
.sportsbook .sgm-market-search .horizontal-sl-tab {
    background: #212531 !important;
}
.sgm-markets-head-bc {
    background: #363945 !important;
}
.sgm-market-g-head-bc {
    background: #363945 !important;
    border-top: 3px solid #0e151b !important;
}
.market-bc:not(.e-sports) {
    background: #212531 !important;
    color: #8e93a4 !important;
}
.market-bc.active:not(.e-sports) {
    color: rgba(var(--hero-sc), 1) !important;
    background: rgba(var(--hero), 1) !important;
}
.market-bc:hover:not(.e-sports) {
    color: rgba(var(--hero-sc), 1) !important;
    background: rgba(var(--hero), 1) !important;
}
.market-game-section {
    background: #363945 !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc {
    box-shadow: inset 0 1px 0 0 #0e151b !important;
}
.betslip-suggested-content,
.bs-bet-item-bc {
    background: #2e323e !important;
}
.bs-inputs-bc,
.betslip-bonus-info {
    background: #2e323e !important;
}
.bs-f-header-sub-navigation-bc {
    background: #212531 !important;
}
.c-segment-holder-bc.markets {
    background: #363945 !important;
}
.c-segment-holder-bc.markets:not(.competition-title) .c-row-bc.selected,
.c-segment-holder-bc.markets:not(.competition-title) .c-row-bc:hover {
    background: #212531 !important;
}
.c-segment-holder-bc.markets .market-bc,
.c-segment-holder-bc.markets .c-teams-bc,
.c-segment-holder-bc.markets .c-info-content-bc {
    background: rgba(var(--b-sc), .01) !important;
}
.multi-select-label-bc {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .9), inset 0 0 0 300px rgba(0, 0, 0, .1);
}
.c-segment-holder-bc.markets .market-bc:hover {
    background: rgba(var(--hero), 1) !important;
}

.c-head-bc {
    background: #2e323e !important;
}
.c-segment-holder-bc.markets .market-bc.active {
    background: rgba(var(--hero), 1) !important;
}

.multi-select-bc .form-control-label-bc .form-control-select-bc,
.live-calendar-filters-wrapper .time-filters-bc {
    background: #2e323e !important;
}
.btn.a-outline.a-white {
    background: rgba(var(--hero), 1) !important;
    border-color: rgba(var(--hero), 1) !important;
}
.left-menu-container .filter-sports-bc .select.s-small.has-icon .form-control-select-bc {
    background: #212531 !important;
}
.competition-details-header {
    background: #363945 !important;
}
.competition-details-header.active,
.competition-details-header:hover {
    background: #2e323e !important;
}
.competition-details-info-container {
    background: #212531 !important;
}
.stats-section-bc {
    background: #212531 !important;
}
.ui-kit-toggle.active {
    background: #212531 !important;
}
.e-sports .competition-header-bc {
    background: #212531 !important;
}
.e-sports-match-header,
.e-sports-match-team,
.e-sports-match-vs {
    background: #2e323e !important;
}
.sp-sub-list-bc.boosted-bets.a-color .sp-s-l-head-bc,
.sp-sub-list-bc.boosted-bets.selected .sp-s-l-head-bc {
    background: linear-gradient(90deg, #031778 0, #00bf19);
}
.sp-sub-list-bc.upcoming-matches.a-color .sp-s-l-head-bc {
    background: linear-gradient(90deg, #031778 0, #026c90) !important;
}

.left-menu-scroll > .sp-sub-list-bc.popular-competitions.a-color.active > .sp-s-l-head-bc {
    background: linear-gradient(90deg, #031778 0, #583de3) !important;
}
.sp-sub-list-bc.popular-competitions:hover .sp-s-l-head-bc {
    background-image: linear-gradient(to right, #031778, #8d17c7) !important;
}
.sp-s-l-b-c-item-bc {
    background: #212531 !important;
}
.sp-s-l-b-c-item-bc.active,
.sp-s-l-b-c-item-bc:hover {
    background: #41434f !important;
}
.bs-numbers-bc,
.bet-button-wrapper-bc {
    background: #212531 !important;
}
.market-odd-bc,
.bs-bet-i-b-coefficient-bc.c-2 {
    color: #b6862e !important;
}
.bs-bet-i-b-amount-bc {
    color: #fff !important;
}
.market-bc.active .market-odd-bc,
.market-bc:hover .market-odd-bc {
    color: #000 !important;
}

/********  Sport End     ******/

/*  Casino and Live Casino Start */
.accordion-items .accordion-button {
    border-radius: 20px !important;
      /* border: 1px solid #8fcb4d !important; */
    color: #fff !important;
  /*  background: transparent !important; */
    width: auto !important;
    padding: 0 12px !important;
    font: 12px/14px Roboto, Arial, Helvetica, sans-serif !important;
}
.accordion-items .accordion-button:hover {
    color: #8fcb4d !important;
    text-shadow: 0 0 10px #8fcb4d !important;
}
.accordion-items .accordion-button:hover,
.accordion-items .accordion-button.a-outline {
    box-shadow: none !important;
}
.accordion-items .accordion-button svg {
    max-width: 80px !important;
}
.accordion-items .accordion-button:hover svg {
    text-shadow: 0 0 10px #8fcb4d !important;
    filter: drop-shadow(0px 0px 10px #8fcb4d) !important;
}
/*
.casino-info-block {
    background: linear-gradient(to bottom, #1c2a40 0, #0c1422 80%, #0c1422 100%) !important;
}*/
[dir=ltr] .casino-slots .accordion-title .ss-icon-holder-bc {
    background: #212531 !important;
}
.accordion-items .accordion-button.a-outline {
    background: #8fcb4d !important;
    color: #000 !important;
}
.accordion-items .accordion-button.a-outline svg {
    color: #000 !important;
    filter: invert(95%) !important;
}
.promotion-details-popup.windowed .popup-inner-bc {
  background-color: #293044 !important;

/* background-image: url(" https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_42cd903c3e71f03abf4b8eb0ee06e1a0.jpeg") !important;
background-size: cover !important;
    background-position: center top !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important; */
}
.accordion-items-container {
    background: transparent !important;
}
.market-game-odd {
    color: #b6862e !important;
}
.layout-bc.page-full-size .layout-footer-holder-bc .footer-bc {
    background: transparent !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item > i:before {
    color: #8fcb4d !important;
}
.nav-menu-container .nav-menu-sub .nav-menu-item.active i:before {
    color: #000 !important;
}
.layout-header-holder-bc {
    box-shadow: 0 2px 0 0 rgba(var(--hero), 1) !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-container-bc .product-banner-info-bc:hover {
    transform: scale(1.1) !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(4) .product-banner-container-bc .product-banner-info-bc:hover {
    transform: scale(1.1) !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(5) .product-banner-container-bc .product-banner-info-bc:hover {
    transform: scale(1.1) !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(6) .product-banner-container-bc .product-banner-info-bc:hover {
    transform: scale(1.1) !important;
}
.popup-holder-bc.windowed.user-profile-container .form-control-label-bc.textareas {
    background: rgba(var(--b-sc), .03) !important;
}
.popup-holder-bc.windowed.user-profile-container .multi-select-bc .form-control-label-bc .form-control-select-bc {
    background: rgba(var(--b-sc), .15) !important;
}
/* PROFILE MENUS - MOBILE COLOR MAP */

.u-i-profile-page-container .user-profile-nav,
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item,
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .userLogoutBtn {
    --profile-color: #8cff38;
    --profile-rgb: 140, 255, 56;
}

.u-i-profile-page-container .user-profile-nav:has(.bc-i-user),
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=profile"] {
    --profile-color: #8cff38;
    --profile-rgb: 140, 255, 56;
}

.u-i-profile-page-container .user-profile-nav:has(.bc-i-balance-management),
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=balance"] {
    --profile-color: #ffd236;
    --profile-rgb: 255, 210, 54;
}

.u-i-profile-page-container .user-profile-nav:has(.bc-i-history),
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=history"],
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=bets"],
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="page=history"] {
    --profile-color: #2ecbff;
    --profile-rgb: 46, 203, 255;
}

.u-i-profile-page-container .user-profile-nav:has(.bc-i-promotion),
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=bonus"],
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=bonuses"],
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=promotion"] {
    --profile-color: #ff426c;
    --profile-rgb: 255, 66, 108;
}

.u-i-profile-page-container .user-profile-nav:has(.bc-i-message),
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=message"],
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item[href*="account=messages"] {
    --profile-color: #b366ff;
    --profile-rgb: 179, 102, 255;
}

.u-i-profile-page-container .user-profile-nav-header,
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item {
    position: relative !important;
    color: #fff !important;
    background:
        linear-gradient(90deg, rgba(var(--profile-rgb), .09) 0%, rgba(var(--profile-rgb), .035) 34%, rgba(var(--profile-rgb), 0) 72%),
        #212544 !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.u-i-profile-page-container .user-profile-nav,
.u-i-profile-page-container .user-profile-nav-header {
    overflow: visible !important;
}

.u-i-profile-page-container .user-profile-nav-header > [data-badge]:not([data-badge=""]) {
    z-index: 4 !important;
}

.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item {
    overflow: hidden !important;
}

.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item:has([data-badge]:not([data-badge=""])) {
    overflow: visible !important;
    z-index: 2 !important;
}

.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item > [data-badge]:not([data-badge=""]) {
    z-index: 4 !important;
}

.u-i-profile-page-container .user-profile-nav-header::before,
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item::before {
    content: "" !important;
    position: absolute !important;
    top: 5px !important;
    bottom: 5px !important;
    left: 4px !important;
    width: 3px !important;
    background: var(--profile-color) !important;
    border-radius: 1px !important;
    box-shadow: 0 0 4px rgba(var(--profile-rgb), .35) !important;
    pointer-events: none !important;
}

.u-i-profile-page-container .user-profile-nav-icon,
.u-i-profile-page-container .user-profile-nav-icon::before,
.u-i-profile-page-container .user-profile-nav-arrow,
.u-i-profile-page-container .user-profile-nav-arrow::before,
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item > i,
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item > i::before {
    color: var(--profile-color) !important;
    -webkit-text-fill-color: var(--profile-color) !important;
    text-shadow: 0 0 3px rgba(var(--profile-rgb), .35) !important;
}

.user-profile-nav-title,
.my-profile-info-block > .overlay-header,
.hdr-main-content-bc .nav-menu-container.header-user-nav .nav-menu-sub .nav-menu-item > span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

.user-profile-nav-item {
    color: rgba(var(--bp-white-rgb), .88) !important;
    font-family: var(--bp-font-heavy) !important;
    font-weight: 800 !important;
    transform: initial !important;
}

.user-profile-nav-item.active,
.user-profile-nav-item:hover {
    color: var(--profile-color) !important;
    -webkit-text-fill-color: var(--profile-color) !important;
}

.hdr-main-content-bc .nav-menu-container.header-user-nav .logout-profile .userLogoutBtn {
    --profile-color: #cfd6e8;
    --profile-rgb: 207, 214, 232;
    color: #fff !important;
    background: #545b70 !important;
}

.hdr-main-content-bc .nav-menu-container.header-user-nav .logout-profile .userLogoutBtn > i,
.hdr-main-content-bc .nav-menu-container.header-user-nav .logout-profile .userLogoutBtn > i::before {
    color: var(--profile-color) !important;
    -webkit-text-fill-color: var(--profile-color) !important;
}

.hdr-main-content-bc .nav-menu-container.header-user-nav .logout-profile .userLogoutBtn > span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.description-c-r-c-t-column-bc .description-value {
    color: #fff !important;
}
.user-profile-nav-header:hover {
    background:
        linear-gradient(90deg, rgba(var(--profile-rgb), .13) 0%, rgba(var(--profile-rgb), .055) 36%, rgba(var(--profile-rgb), 0) 74%),
        #212544 !important;
    box-shadow: none !important;
}

/* DEPOSIT / WITHDRAW METHOD BUTTONS */

.dep-w-info-bc {
    --pay-accent: #ffd236;
    --pay-rgb: 255, 210, 54;
}

.dep-w-info-bc > .horizontal-sl-list {
    background: transparent !important;
    margin-bottom: 14px !important;
}

.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-wheel {
    display: flex !important;
    gap: 6px !important;
}

.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-item-bc {
    --pay-tab-color: #8cff38;
    --pay-tab-rgb: 140, 255, 56;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    color: var(--pay-tab-color) !important;
    background: #3e496a !important;
    border: 1px solid rgba(var(--pay-tab-rgb), .16) !important;
    border-radius: 4px !important;
    box-shadow: inset 0 -2px 0 var(--pay-tab-color) !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-item-bc.wallet {
    --pay-tab-color: #ffd236;
    --pay-tab-rgb: 255, 210, 54;
}

.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-item-bc.transfer {
    --pay-tab-color: #2ecbff;
    --pay-tab-rgb: 46, 203, 255;
}

.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-item-bc.active {
    color: #fff !important;
    background:
        linear-gradient(rgba(var(--pay-tab-rgb), .50), rgba(var(--pay-tab-rgb), .50)),
        #3e496a !important;
    border-color: var(--pay-tab-color) !important;
    box-shadow:
        inset 0 0 0 1px var(--pay-tab-color),
        inset 0 -2px 0 var(--pay-tab-color) !important;
}

.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-icon-bc,
.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-icon-bc::before {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

.dep-w-info-bc > .horizontal-sl-list .horizontal-sl-title-bc {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

.dep-w-info-bc .m-block-nav-items-bc {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    background: transparent !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 64px !important;
    padding: 2px 4px !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc::before,
.dep-w-info-bc .m-nav-items-list-item-bc::after {
    content: none !important;
    display: none !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc.active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc:is(:hover, :focus-within) {
    background: transparent !important;
}

.dep-w-info-bc .nav-ico-w-row-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dep-w-info-bc .payment-logo {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    max-width: 128px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* DEPOSIT / WITHDRAW INFO PANEL */

.dep-w-info-bc .payment-info-bc {
    --pay-form-accent: var(--bp-green-bright);
    --pay-form-rgb: var(--bp-green-bright-rgb);
    margin-top: 6px !important;
    padding: 18px 20px 20px !important;
    color: rgba(var(--bp-white-rgb), .88) !important;
    background:
        linear-gradient(180deg, rgba(var(--bp-white-rgb), .035), rgba(var(--bp-white-rgb), .015)),
        #30384d !important;
    border: 1px solid rgba(var(--bp-white-rgb), .07) !important;
    border-radius: 4px !important;
    box-shadow: inset 0 1px 0 rgba(var(--bp-white-rgb), .035) !important;
    outline: none !important;
}

.dep-w-info-bc .payment-info-bc:has(.description-c-row-bc.withdraw) {
    --pay-form-accent: var(--bp-cyan);
    --pay-form-rgb: 46, 203, 255;
}

.dep-w-info-bc .payment-info-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
}

.dep-w-info-bc .description-c-row-bc {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.dep-w-info-bc .description-c-row-column-bc.texts,
.dep-w-info-bc .description-c-row-c-title-bc {
    width: 100% !important;
}

.dep-w-info-bc .description-c-row-c-title-bc {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(92px, 1fr)) !important;
    gap: 1px !important;
    overflow: hidden !important;
    background: rgba(var(--bp-white-rgb), .06) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .06) !important;
    border-left: 3px solid var(--pay-form-accent) !important;
    border-radius: 4px !important;
}

.dep-w-info-bc .description-c-r-c-t-column-bc {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 8px 14px !important;
    background: rgba(var(--bp-white-rgb), .035) !important;
}

.dep-w-info-bc .description-c-r-c-t-column-bc .description-title {
    color: rgba(var(--bp-white-rgb), .56) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .56) !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.dep-w-info-bc .description-c-r-c-t-column-bc .description-value {
    margin-top: 3px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.dep-w-info-bc .WithdrawAmount-All {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(var(--bp-white-rgb), .055) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .055) !important;
    border-radius: 4px !important;
}

.dep-w-info-bc .WithdrawAmount-Row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    list-style: none !important;
    background: rgba(var(--bp-white-rgb), .035) !important;
}

.dep-w-info-bc .WithdrawAmount-Row:nth-child(even) {
    background: rgba(var(--bp-white-rgb), .055) !important;
}

.dep-w-info-bc .WithdrawAmount-Row-Title {
    color: rgba(var(--bp-white-rgb), .62) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .62) !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.dep-w-info-bc .WithdrawAmount-Row-Value,
.dep-w-info-bc .WithdrawAmount-Row-ValueBalance {
    color: var(--bp-green-bright) !important;
    -webkit-text-fill-color: var(--bp-green-bright) !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.dep-w-info-bc .expandable-info-wrapper,
.dep-w-info-bc .expandable-info-body-content.payment-content {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.dep-w-info-bc .expandable-info-body-content.payment-content {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 14px 0 40px !important;
    color: rgba(var(--bp-white-rgb), .68) !important;
    background: rgba(var(--bp-white-rgb), .045) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .045) !important;
    border-radius: 4px !important;
}

.dep-w-info-bc .expandable-info-body-content.payment-content::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    background: var(--pay-form-accent) !important;
    -webkit-mask: url("https://api.iconify.design/lucide/info.svg") center / contain no-repeat !important;
    mask: url("https://api.iconify.design/lucide/info.svg") center / contain no-repeat !important;
    transform: translateY(-50%) !important;
    opacity: .95 !important;
}

.dep-w-info-bc .expandable-info-body-content.payment-content p {
    margin: 0 !important;
    color: inherit !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.dep-w-info-bc .withdraw-form-l-bc,
.dep-w-info-bc .withdraw-form-l-bc #screenArea {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
}

.dep-w-info-bc .withdraw-form-l-bc .u-i-p-control-item-holder-bc {
    margin: 0 !important;
    padding: 0 !important;
}

.dep-w-info-bc .payment-info-bc .form-control-bc.default {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.dep-w-info-bc .payment-info-bc .form-control-label-bc.inputs {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    overflow: hidden !important;
    background: #545b70 !important;
    border: 1px solid rgba(var(--bp-white-rgb), .08) !important;
    border-radius: 4px !important;
    box-shadow: inset 0 1px 0 rgba(var(--bp-white-rgb), .035) !important;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

.dep-w-info-bc .payment-info-bc .form-control-bc:focus-within .form-control-label-bc.inputs {
    background: #596178 !important;
    border-color: rgba(var(--pay-form-rgb), .55) !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--pay-form-rgb), .25),
        0 0 0 3px rgba(var(--pay-form-rgb), .08) !important;
}

.dep-w-info-bc .payment-info-bc .form-control-input-bc {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    outline: none !important;
    z-index: 2 !important;
}

.dep-w-info-bc .payment-info-bc .form-control-title-bc {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    color: rgba(var(--bp-white-rgb), .66) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .66) !important;
    font-family: var(--bp-font-heavy) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    transform: translateY(-50%) !important;
    transition:
        top .18s ease,
        color .18s ease,
        font-size .18s ease !important;
    z-index: 3 !important;
}

.dep-w-info-bc .payment-info-bc .form-control-bc:focus-within .form-control-title-bc,
.dep-w-info-bc .payment-info-bc .form-control-bc.filled .form-control-title-bc {
    top: 13px !important;
    color: var(--pay-form-accent) !important;
    -webkit-text-fill-color: var(--pay-form-accent) !important;
    font-size: 11px !important;
}

.dep-w-info-bc .payment-info-bc .form-control-input-stroke-bc {
    display: none !important;
}

.dep-w-info-bc .payment-info-bc .u-i-p-c-footer-bc {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.dep-w-info-bc .payment-info-bc .u-i-p-c-footer-bc .btn.a-color {
    width: 100% !important;
    max-width: 390px !important;
    min-height: 42px !important;
    color: #142033 !important;
    background: linear-gradient(180deg, #a6f45b 0%, #75cf31 100%) !important;
    border: 1px solid rgba(var(--bp-white-rgb), .22) !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 18px rgba(var(--bp-green-bright-rgb), .16) !important;
    font-family: var(--bp-font-heavy) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease !important;
}

.dep-w-info-bc .payment-info-bc .u-i-p-c-footer-bc .btn.a-color:not(:disabled):hover {
    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(var(--bp-green-bright-rgb), .22) !important;
}

.dep-w-info-bc .payment-info-bc .u-i-p-c-footer-bc .btn.a-color:disabled {
    color: rgba(var(--bp-white-rgb), .34) !important;
    -webkit-text-fill-color: rgba(var(--bp-white-rgb), .34) !important;
    background: #545b70 !important;
    border-color: rgba(var(--bp-white-rgb), .04) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.dep-w-info-bc .payment-info-bc .u-i-p-c-footer-bc .btn.a-color > span {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: inherit !important;
    font-weight: 900 !important;
}

.sportsbook-center-section .c-info-more-bc {
    background: rgba(var(--b-sc), .01) !important;
}
[dir=ltr] .market-filter-cell-bc > .market-filter-info-bc {
    background: #8fcb4d !important;
    color: #000 !important;
}
.market-filter-s-bc {
    background: rgba(var(--hero-hover), 1) !important;
    color: #000 !important;
}
.market-filter-s-bc .select.s-small .form-control-select-bc,
.market-filter-s-bc .form-control-bc .form-control-icon-bc {
    color: #000 !important;
}
.c-title-bc,
.sgm-market-g-h-toggle-icon-bc {
    color: #7c8292 !important;
}
.competition-details-header p:not(:only-child),
.multi-column-teams {
    color: rgba(255, 255, 255, .7) !important;
}
.multi-column-icons .bc-i-favorite {
    color: rgba(255, 255, 255, .7) !important;
}
.multi-column-time-icon .bc-i-star,
.multi-column-icons .bc-i-favorite:hover {
    color: #b6862e !important;
}
.sgm-market-g-h-title-bc,
.comp-title-w-bc,
.sgm-m-h-title-bc,
.c-team-info-team-bc {
    color: rgba(255, 255, 255, .7) !important;
}
[dir=ltr] .bs-f-header-bc .second-tabs-bc .tab-bc:last-child,
[dir=rtl] .bs-f-header-bc .second-tabs-bc .tab-bc:first-child {
    background: #2e323e !important;
    color: rgba(255, 255, 255, .7) !important;
}
.sgm-market-g-h-fav-icon-bc.bc-i-star {
    color: #b6862e !important;
}
.left-menu-scroll > .sp-sub-list-bc.popular-competitions > .sp-s-l-head-bc {
    background: linear-gradient(90deg, #031778 0, #583de3) !important;
}
.multi-column-content .multi-column-base {
    color: #b6862e !important;
    border: 0 !important;
    background: #212531 !important;
}
.multi-column-content .multi-column-base:hover {
    background: rgba(var(--hero), 1) !important;
    color: #000 !important;
}
.multi-column-header {
    background: rgba(var(--hero-hover), 1) !important;
}
.multi-column-header > li {
    color: #000 !important;
}
.results-block-bc {
    background: rgba(var(--header), 1) !important;
}
.filter-form-w-bc {
    background: rgba(var(--header), 1) !important;
}
/*     Categories  Gif    Start   */
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(3) > a:after {
    content: "";
    background: url("https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_83f024f1cfec427c904c9eca7054a7e2.gif") no-repeat center/cover;
    position: absolute;
    z-index: 99;
    display: block;
	bottom: -28px !important;
    left: 0;
    min-height: 60px;
    position: absolute;
    width: 100%;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(1) > a:after {
    content: "";
    background: url("https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_f5ec78544388419cd64a2da9ee19dbce.gif") no-repeat center/cover;
    position: absolute;
    z-index: 99;
    display: block;
	bottom: -28px !important;
    left: 0;
    min-height: 60px;
    width: 100%;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(2) > a:after {
    content: "";
    background: url("https://cms.btcoservice45.com/storage/medias/betpuan/media_1867725_057dc0a83ca23204370e235079c67080.gif") no-repeat center/cover;
    position: absolute;
    z-index: 99;
    display: block;
	bottom: -28px !important;
    left: 0;
    min-height: 60px;
    width: 100%;
}

.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(3) > a,
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(2) > a  {
    min-height: 425px !important;
}
.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc > div:nth-child(1) > a {
    min-height: 425px !important;
}
.product-banner-container-bc.product-banner-without-titles .product-banner-info-bc, .product-banner-container-bc.product-banner-without-titles .product-banner-info-bc img {
    height: auto !important;
}

.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc a{
	position: relative;
	top: -30px
}

/*

.layout-bc.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc a img {
    margin-top: -58px !important;
}*/
/*     Categories  Gif    End   */

/* Mariam */
.overlay-header {
color: #8FCB4D !important;
}

.sms-verification-popup{
	background: rgba(var(--b), 1) !important;
	padding: 20px !important;
	border-radius: 10px !important;
}


.casinoCategoryChooserContainer .horCatItemTitle,
[class*=is-web] .horizontalCategoryItemWrp.active .horCatItemTitle, [class*=is-web] .horizontalCategoryItemWrp:hover .horCatItemTitle {
    color: rgba(var(--b-sc),.9) !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper {
    background: #404966 !important;
    border-radius: var(--border-radius-big);
    border: 1px solid rgba(var(--b-sc),.15);
}