@charset "utf-8";

:root {
    --primary-color:#f1c24c;
    --primary-soft-color:#ffdd9a;
    --primary-dark-color:#e8a430;
    --primary-dark2-color:#d0a853;
    --primary-dark3-color:#957329;
    --primary-gradient:linear-gradient(0deg,rgb(221,137,10),rgb(255,218,119));
    --primary-gradient-hover:linear-gradient(0deg,rgb(237,153,28),rgb(255,234,180));
    --blue-gradient:linear-gradient(0deg,rgb(52, 57, 131),rgb(96, 105, 244));
    --blue-gradient-hover:linear-gradient(0deg,rgb(60, 66, 146),rgb(120, 128, 243));
    --primary-soft-gradient:linear-gradient(180deg, #FFFFFF 0%, #E3C9A3 100%);
    --footer-color:#101010;
    --back-color:#202022;
    --back2-color:#201f22;
    --back3-color:#171717;
    --provider-color:#343434;
    --sub-color:#6a6a6a;
    --gray-color:#b6b7b7;
    --gray2-color:#a9aeb3;
    --win-color:#11ad56;
    --content-bg:#282828;
    --inbox-color:#151515;
    --option-color:#7a7a7a;
    --green-color:#2D8F1D;
    --betsslip-max-color: #696969;
    --tit-color:#ececec;
    --txt-color:#959ca0;
    --blue-color:#4c7bf1;

    --black-gradient:linear-gradient(rgb(18, 19, 22) 8.75%, rgb(37, 39, 43) 100%);
    --black2-gradient:linear-gradient(180deg,#1F2124 0%,#0F1012CC 100%);

    --top-shadow:0 -4px 9px 0 rgba(0, 0, 0, 0.13);
}

@font-face {
    font-family: "Rubik Doodle Shadow";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/rubik-doodle-shadow/RubikDoodleShadow-Regular.ttf) format(truetype);
}

@font-face {
    font-family: "Bungee Spice";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/bungeeSpice/BungeeSpice-Regular.ttf) format(truetype);
}

@font-face {
    font-family: "Bungee Inline";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/bungeeInline/BungeeInline-Regular.ttf) format(truetype);
}

.bungee-spice-regular {
  font-family: "Bungee Spice", 'sans-serif';
  font-weight: 400;
  font-style: normal;
}

.bungee-inline {
    font-family: "Bungee Inline", 'sans-serif';
    font-weight: 400;
    font-style: normal;
}

.bungee-inline-color {
    display: inline-block;
    background: linear-gradient(#f1a400, #cb1400);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

body {font-family: Poppins, Arial, Helvetica, 'sans-serif'; color:#fff; background:var(--back-color); }

::-webkit-scrollbar {width:12px; -webkit-appearance:none; }
::-webkit-scrollbar-thumb {background:#3d3d3d; border-radius:5px; width:20px; }
::-webkit-scrollbar-track {background:var(--back-color); }

button:disabled {opacity:.5; }

.inner {width:1200px; max-width:100%; margin:0 auto; }
.sports .inner {width:100%; }

.color-softP {color:var(--primary-soft-color); }
.color-darkP {color:var(--primary-dark-color); }
.color-darkP3 {color:var(--primary-dark3-color); }
.color-sub {color:var(--sub-color); }
.color-gray {color:var(--gray-color); }
.color-gray2 {color:var(--gray2-color); }
.color-tit {color:var(--tit-color); }
.color-txt {color:var(--txt-color); }
.color-blue {color:var(--blue-color); }
.color-win {color:var(--win-color); }
.color-green {color:var(--green-color); }
.color-blue {color:var(--blue-color); }
.color-gradient-soft {background:var(--primary-soft-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.hover\:bg-option:hover {background:var(--option-color);}

.bg-primarydark3 {background:var(--primary-dark3-color);}
.bg-sub {background:var(--sub-color); }
.hover\:bg-sub:hover {background:var(--sub-color);}
.bg-back {background:var(--back-color); }
.bg-back2 {background:var(--back2-color); }
.bg-back3 {background:var(--back3-color); }
.bg-footer {background:var(--footer-color); }
.bg-provider {background-color:var(--provider-color);}
.bg-betslip-max {background-color:var(--betsslip-max-color);}
.hover\:bg-provider-70:hover {background:rgba(52,52,52,0.7);}
.bg-gradient-black {background:var(--black-gradient); }
.bg-gradient-black2 {background:var(--black2-gradient); }
.bg-content {background:var(--content-bg); }
.bg-inbox {background:var(--inbox-color); }
.bg-option {background:var(--option-color); }
.bg-green {background:var(--green-color); }
.bg-win {background:var(--win-color);}
.\!bg-content {background:var(--content-bg) !important; }

.top-shadow {box-shadow:var(--top-shadow); }

.border-color-green {border-color:var(--green-color); }

.img_filter {filter:invert(1) brightness(10); }

.btn {transition:all 0.2s; }
.btn-active {background-color:#957329 !important;}
.btn-active .opacity-50 {opacity:1 !important; }

.btn-gradient-primary{border:0 none; background: var(--primary-gradient); color: #070708; font-weight:bold; }
.btn-gradient-primary:hover {background:var(--primary-gradient-hover); }
.btn-gradient-primary:disabled {color:#746b58; background:#463a20; }
.btn-gradient-primary:active {background: linear-gradient(0deg,rgb(255,218,119), rgb(221,137,10))}
.btn-gradient-primary:disabled:active {background: #463a20 !important;}

.btn-gradient-blue{border:0 none; background: var(--blue-gradient); color: #ffffff; font-weight:bold; }
.btn-gradient-blue:hover {background:var(--blue-gradient-hover); }
.btn-gradient-blue:disabled {color:#8A8A8A; background:#463a20; }

.btn-disabled{border:0 none; background:#8A8A8A; color:#fff; font-weight: bold;}
.btn-disabled:disabled{cursor: not-allowed;}

.btn-transparent {border:0 none; background:transparent; color:#fff; }
.btn-transparent:hover {background:#787878; }

.hover_effect {background-color:transparent; }
.hover_effect:hover {background-color:rgba(255,255,255, 0.08); }
.hover_effect.pr_type:hover { background-color:rgba(241, 194, 76, 0.08); }

/* svg 공통 */
/* .svg-icon {fill:currentColor !important; } */
.svg-icon use {width:100%; height:100%; }
.svg-icon.favorites use {fill:currentColor !important; color:#ffbe03 !important}
.svg-icon.analysis use {fill:currentColor !important; color:#DEDEDE !important}
.svg-icon.analysis.active use {fill:currentColor !important; color:#f2C94C !important}

/* 스크롤바 커스텀 */
.scrollbar {scrollbar-color: #3D3D3D var(--back-color); scrollbar-width: thin; }
.noscrollbar::-webkit-scrollbar {display:none; }

/* 말줄임표 */
.truncate-2 {-webkit-line-clamp: 2; display: -webkit-box; word-wrap: break-word;-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.truncate-3 {-webkit-line-clamp: 3; display: -webkit-box; word-wrap: break-word;-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.truncate-4 {-webkit-line-clamp: 4; display: -webkit-box; word-wrap: break-word;-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

.fs10 {font-size:10px; }
.fs11 {font-size:11px; }
.fs13 {font-size:13px; }

.mask-image {mask-image:linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%); }

/*
        **레이아웃 및 공통으로 쓰여지는 레이아웃**
        WRAP
        SIDE_MENU
        QUICK_MENU
        HEADER
        RIGHT_INBOX

        LOADING

        SWIPER
        CASINO_ITEM
        ACCORDION
        TYPOGRAPHY
        TABS
        TABLE

        DROPDOWN
        MODAL
        FORM

        COIN_LIST
        SEARCH_BOX
        CUSTOM_SELECT

        CASINO_DETAIL
        SELECT_CRYPTO
        TOOLTIP

        SPORTS_MENU
        SPORTS_SLIDE
        SPORTS_BETSLIP

        CUSTOM_ACCORDION

*/

/* --------------------------------------
    WRAP
-------------------------------------- */
#wrap.fold .content,
#wrap.fold .top-header {width:calc(100% - 56px); }
.content {width:calc(100% - 240px); margin-left:auto; transition:width 0.2s; }
.content .content_box {padding: 66px 40px 0;}
.top-header {width: calc(100% - 240px);}
/* .top-header.betCon-header-wrapper .inner {width: 100%;} */

@media all and (max-width:1280px){
    .content {width:calc(100% - 56px); }
    .top-header {right: 0;}
}
@media all and (max-width:912px){
    .top-header {width: calc(100% - 56px);}
}
@media all and (max-width:767px){
    #wrap.fold .content, .content, #wrap.fold .top-header, .top-header {width:100%; }
    .content .content_box {padding: 66px 16px 0; }
}

/* --------------------------------------
    SIDE_MENU
-------------------------------------- */
.side_menu {position:relative; }
.side_menu ul li .active {background-color:#fff; border-radius: 15px; }
.side_menu ul li .active .side-menu { color: #000; font-weight: bolder; }
.side_menu .side_bg {position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.5); cursor:pointer; }
.side_menu .side_btn {z-index:240; position:fixed; top:45px; left:225px; width:34px; height:34px; border-radius:50%; background-color:#7f7f7f; }
.side_menu .side_btn svg {width:34px; height:34px; transform:rotate(90deg); }
.side-nav {z-index:100; position:sticky; top:0; max-height:100vh; transition:width 0.2s; }
.side-nav .side-menu .side-menu__title {white-space:nowrap; }
.side-nav .fold_show {display:none; }
/* .side_menu ul li .side-menu .icon-black,
.side_menu ul li .icon-black {filter: invert(1);} */
.side_menu ul li a.active svg.icon-black { filter: invert(1); }
@media (hover: hover) {
    .side_menu ul li a:hover {background-color:#fff; border-radius: 15px; }
    .side_menu ul li:hover .side-menu { color: #000; font-weight: bolder; }
    .side_menu ul li a:hover svg.icon-black { filter: invert(1); }
}

#wrap.fold .side-nav {width:56px; }
#wrap.fold .side_menu .side_btn:not(.fold_show) {display:none; }
#wrap.fold .side-nav .fold_show {display:block; }
#wrap.fold .side-nav .fold_hide {display:none; }
#wrap.fold .side-nav .side-menu .side-menu__title {display:none; }

@media all and (max-width:1280px){
    .side_menu {position:fixed;z-index: 152;}
    .side_menu .side_bg {display:block; }
    #wrap.fold .side_bg {display:none; }
}

@media all and (max-width:767px){
    .side_menu {left:-100%; width:100%; transition:left 0.5s; }
    .side_menu .side_bg {display:none; }
    .side_menu .side_btn {display:none; }
    .side_menu .side-nav {width:100%; padding:10px 20px; }
    .side_menu.open {left:0; }
}

/* 메뉴 active 효과 */
body.casino button[data-cate="casino"] {background-color:var(--primary-color); }
body.casino a[data-cate="casino"] {background-color:#101010; }

body.slots button[data-cate="slots"] {background-color:var(--primary-color); }
body.slots a[data-cate="slots"] {background-color:#101010; }

body.sports button[data-cate="sports"] {background-color:var(--primary-color); }
body.sports a[data-cate="sports"] {background-color:#101010; }

body.promotions button[data-cate="promotions"] {background-color:var(--primary-color); }
body.promotions a[data-cate="promotions"] {background-color:#101010; }

/* --------------------------------------
    QUICK_MENU
-------------------------------------- */
.quick_menu {z-index:100; position:fixed; left:0; bottom:0; display:none; width:100%; height:56px; background:var(--back3-color); }
.quick_menu ul {display:grid; grid-template-columns:repeat(5,1fr); width:100%; height:100%; }
.quick_menu ul a {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; }
.quick_menu ul li.isLogin {color:#a6a6a6; }
.quick_menu ul li.isLogin svg {margin-bottom:5px; }
.quick_menu ul li.isLogin span {color:#fff; }

@media all and (max-width:767px){
    .quick_menu {display:block; }
}
/* --------------------------------------
    HEADER
-------------------------------------- */
header {z-index:151; position:sticky; top:0; box-shadow:#0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px; background:var(--back-color); }


/* --------------------------------------
    RIGHT_INBOX
-------------------------------------- */
.right_inbox {overflow-y:auto; z-index:200; position:fixed; right:-450px; top:0; display:flex; flex-direction:column; width:450px; height:100%; background:var(--inbox-color); box-shadow:0 0 10px 0 rgba(0,0,0,0.75); transition:right 0.3s; }
.right_inbox.open {right:0; }
.right_inbox > div:nth-of-type(2) {overflow-y:auto; height:calc(100% - 151px); }
.right_inbox .inbox_item.show {background:hsla(0,0%,100%,0); backdrop-filter: invert(.05); -webkit-backdrop-filter: invert(.05); }
/* .right_inbox .inbox_item:hover {background:hsla(0,0%,100%,0); backdrop-filter: invert(.05); -webkit-backdrop-filter: invert(.05); } */
.right_inbox .inbox_item .icon_box {opacity:0; transition:opacity 0.4s; }
/* .right_inbox .inbox_item:hover .icon_box {opacity:1; } */
.right_inbox .inbox_item.show .icon_box { display: flex; opacity: 1; }

@media all and (max-width:767px){
    .right_inbox {right:-100%; width:100%; }
}

/* --------------------------------------
    로그아웃시
-------------------------------------- */
body:not(.logout) .side_menu .sign_btn ,
body:not(.logout) .side_menu .login_btn ,
body:not(.logout) header .isLogout ,
body:not(.logout) .quick_menu .isLogout ,
body:not(.logout) .side-nav .isLogout ,
body .quick_menu .isLogin,
body header .isLogin {display:none; }
body:not(.logout) .quick_menu .isLogin {display:block; }
body:not(.logout) header .isLogin {display:flex; }


/* --------------------------------------
    LOADING
-------------------------------------- */
.initial-loader {z-index:1000; opacity:1; position: fixed; left:0; top:0; display: flex; align-items: center; justify-content: center; width: 100%; height:100%; background:var(--back-color); transition: z-index 0.5s, opacity 0.5s; }
.initial-loader.close {opacity:0; z-index: -999; }
.initial-progress-bar-container { width: 240px; height: 4px; border-radius: 4px; background-color: #FFF; position: absolute; z-index: 1; }
.initial-progress-bar { height: 4px; border-radius: 4px; background-color: var(--primary-color); z-index: 2; animation-duration: 10s; animation-name: changeWidth; animation-iteration-count: infinite; }
.initial-loader-logo-container { position: relative; bottom: 30px; display: flex; align-items: center; justify-content: center; }
body.bfcache-reload .initial-loader { opacity: 1 !important; z-index: 100000 !important; }

@keyframes changeWidth {
    from { width: 1%; }
    to { width: 100%; }
}


/* --------------------------------------
    SWIPER
-------------------------------------- */
.casinoSwiper {
    width:calc(100% + 80px);
    padding:8px 10px;
    margin-left:-40px;
}
/* body:not(.logout) .casinoSwiper {padding:8px 40px; margin-left:-40px; } */
body:not(.logout) .casinoSwiper.nooverflow {width:100%; padding:8px 0; margin-left:0; }
body:not(.logout) .casinoSwiper:hover .arrow {opacity:0.7; }
body:not(.logout) .casinoSwiper .arrow {opacity:0; display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#fff; border-radius:50%; transition:all 0.2s; }
body:not(.logout) .casinoSwiper .arrow:hover {opacity:1; }
body:not(.logout) .casinoSwiper .arrow svg {color:var(--back3-color); }
body:not(.logout) .casinoSwiper .arrow svg:active {color:var(--back3-color); }
body:not(.logout) .casinoSwiper .arrow.prev {left:0;top:calc(50% - 25px)!important;}
body:not(.logout) .casinoSwiper .arrow.next {right:0;top:calc(50% - 25px)!important;}
body:not(.logout) .casinoSwiper .arrow.prev:disabled {display: none;}
body:not(.logout) .casinoSwiper .arrow.next:disabled {display: none;}
/* body:not(.logout) .casinoSwiper .arrow svg {color:var(--back3-color); }
body:not(.logout) .casinoSwiper .arrow.prev {left:15px; }
body:not(.logout) .casinoSwiper .arrow.next {right:15px; } */

body:not(.logout) .providerSwiper:hover .arrow {opacity:0.7; }
body:not(.logout) .providerSwiper .arrow {opacity:0; display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#fff; border-radius:50%; transition:all 0.2s; }
body:not(.logout) .providerSwiper .arrow:hover {opacity:1; }
body:not(.logout) .providerSwiper .arrow svg {color:var(--back3-color);}
body:not(.logout) .providerSwiper .arrow svg:active {color:var(--back3-color); }
body:not(.logout) .providerSwiper .arrow.prev {left:15px;}
body:not(.logout) .providerSwiper .arrow.next {right:15px;}
body:not(.logout) .providerSwiper .arrow.prev:disabled {display: none;}
body:not(.logout) .providerSwiper .arrow.next:disabled {display: none;}

body:not(.logout) .searchSwipper.nooverflow {width:100%; padding:8px 0; margin-left:0; }
/* body:not(.logout) .searchSwipper:hover .arrow {opacity:0.7; } */
body:not(.logout) .searchSwipper .arrow {opacity:1; display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#F1C24C; border-radius:50%; transition:all 0.2s; }
/* body:not(.logout) .searchSwipper .arrow:hover {opacity:1; } */
body:not(.logout) .searchSwipper .arrow svg {color:white;}
body:not(.logout) .searchSwipper .arrow svg:active {color:var(--back3-color); }
body:not(.logout) .searchSwipper .arrow.prev {left:15px;}
body:not(.logout) .searchSwipper .arrow.next {right:15px;}
body:not(.logout) .searchSwipper .arrow.prev:disabled {display: none; }
body:not(.logout) .searchSwipper .arrow.next:disabled {display: none; }

.mySwiper .pagination span.swiper-pagination-bullet {width:8px; height:8px; background-color:#fff; opacity:1;}
.mySwiper .pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:var(--primary-color);}

.mySwiper .pagination.type02 span.swiper-pagination-bullet {width:8px; height:4px; opacity:0.5; border-radius:4px; }
.mySwiper .pagination.type02 span.swiper-pagination-bullet.swiper-pagination-bullet-active {width:24px; background-color:#fff; opacity:1; }

.providerSwiper {position:relative; }
.providerSwiper.nooverflow {width:calc(100% + 80px); padding:8px 0;  margin-left:-40px; }
.providerSwiper:hover .arrow {opacity:0.7; }
.providerSwiper .arrow {opacity:0;z-index:1; position:absolute; top:calc(50% - 19px);  display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#fff; border-radius:50%; transition:all 0.2s; }
.providerSwiper .arrow:hover {opacity:1; }
.providerSwiper .arrow.prev {left:15px; background-color: var(--primary-color); }
.providerSwiper .arrow.next {right:15px; background-color: var(--primary-color);}
.providerSwiper .arrow svg {color:#fff; width: 40px; height: 40px; }
.providerSwiper .arrow svg:active {color:var(--back3-color); }
.providerSwiper .arrow.prev:disabled {display: none; }
.providerSwiper .arrow.next:disabled {display: none;}
.providerSwiper .arrow.prev.swiper-button-lock {display: none; }
.providerSwiper .arrow.next.swiper-button-lock {display: none;}

.casinoSwiper {position:relative; }
.casinoSwiper.nooverflow {width:100%; padding:8px 0; margin-left:0; }
.casinoSwiper:hover .arrow {opacity:0.7; }
.casinoSwiper .arrow {opacity:0;z-index:1; position:absolute; top:calc(50% - 40px);  display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#fff; border-radius:50%; transition:all 0.2s; }
.casinoSwiper .arrow:hover {opacity:1; }
.casinoSwiper .arrow.prev {left:0;top:calc(50% - 25px)!important;}
.casinoSwiper .arrow.next {right:0;top:calc(50% - 25px)!important;}
.casinoSwiper .arrow svg {color:var(--back3-color); width: 40px; height: 40px; }
.casinoSwiper .arrow svg:active {color:var(--back3-color); }
.casinoSwiper .arrow.prev:disabled {display: none; }
.casinoSwiper .arrow.next:disabled {display: none;}
.casinoSwiper .arrow.prev.swiper-button-lock {display: none; }
.casinoSwiper .arrow.next.swiper-button-lock {display: none;}
.casinoSwiper .swiperImage {
    max-height: 238px !important;
    max-width: 187.5px !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 9 / 11.525;
}

.casino_item a img{
    max-height: 238px !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 9 / 11.525;
}
.casinoSwiper .hover_box{
    max-width: 187.5px !important;
}
/* .casinoSwiper .arrow.prev {left:15px; }
.casinoSwiper .arrow.next {right:15px; } */
/* .casinoSwiper .arrow svg {color:var(--back3-color); } */

.classicSports .arrow {z-index:10; /*position:absolute;*/ top:calc(50% - 19px);  display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#fff; border-radius:50%; transition:all 0.2s; }
.classicSports .arrow:disabled {opacity: 0.5; }
.classicSports .arrow.dark_type{background-color: var(--provider-color);}

.searchSwipper {position:relative; }
.searchSwipper.nooverflow {width:100%; padding:8px 0; margin-left:0; }
.searchSwipper:hover .arrow {opacity:0.7; }
.searchSwipper .arrow {opacity:0;z-index:1; position:absolute; top:calc(50% - 19px);  display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#fff; border-radius:50%; transition:all 0.2s; }
.searchSwipper .arrow:hover {opacity:1; }
.searchSwipper .arrow.prev {left:10px; background-color: var(--primary-color); }
.searchSwipper .arrow.next {right:10px; background-color: var(--primary-color); }
.searchSwipper .arrow svg {color:#fff; }
.searchSwipper .arrow svg:active {color:var(--back3-color); }
.searchSwipper .arrow.prev:disabled {display: none; }
.searchSwipper .arrow.next:disabled {display: none; }
.searchSwipper .arrow.prev.swiper-button-lock {display: none; }
.searchSwipper .arrow.next.swiper-button-lock {display: none; }

.mySwiper.navi .arrow {z-index:10; position:absolute; top:calc(50% - 19px);  display:flex; align-items:center; justify-content:center; width:38px; height:38px; background-color:#fff; border-radius:50%; transition:all 0.2s; }
.mySwiper.navi .arrow.noposi {position:static; }
.mySwiper.navi .arrow.prev {left:15px; }
.mySwiper.navi .arrow.next {right:15px; }
.mySwiper.navi .arrow svg {color:var(--back3-color); }

.mySwiper.navi .arrow.dark_type {background-color:var(--provider-color); }
.mySwiper.navi .arrow.dark_type svg {color:#fff; }

.blur_right {position:relative; }
.blur_right:before {content:''; z-index:10; position:absolute; top:0; right:0; width:40px; height:100%; background:linear-gradient(to left, rgb(33,33,33), rgba(33,33,33,0)); }

.hoverArrow {position:relative; }
.hoverArrow:hover .arrow {opacity:0.7; }
.hoverArrow .arrow {opacity:0; }
.hoverArrow .arrow:hover {opacity:1; }

@media all and (max-width:767px){
    .casinoSwiper,
    .casinoSwiper.nooverflow {width:calc(100% + 32px); padding:0 16px; margin-left:-16px; }
    .casinoSwiper .arrow {width: 36px; height: 36px;}
}

@media all and (max-width:767px){
    .providerSwiper,
    .providerSwiper.nooverflow {width:calc(100% + 32px); padding:0 16px; margin-left:-16px; }
    .casinoSwiper .arrow {width: 36px; height: 36px;}
    .casino_item.hover_casino:hover { transform: scale(1); }
    .casino_item.hover_casino:hover img { filter: none !important; }
}

@media all and (max-width:767px){
    body:not(.logout) .searchSwipper,
    body:not(.logout) .searchSwipper.nooverflow,
    #searchProvider {width:calc(100% + 32px); padding:0 16px; margin-left:-16px; }
    .casino_item.hover_casino:hover .casino-item-alt {visibility: visible !important;}
}

@media (min-width: 767px) {
    .casinoSwiper .swiperImage,
    .casino_item a img{
        aspect-ratio: 9 / 12.053;
    }
}

@media (min-width: 1280px) {
    .casinoSwiper .swiperImage,
    .casino_item a img{
        max-width: 187.5px !important;
    }
}

/* --------------------------------------
    CASINO_ITEM
-------------------------------------- */
.casino_item {overflow:hidden; }

.casino_item.hover_normal {transform:translateY(0); transition:transform 0.4s; }
.casino_item.hover_normal:hover {transform:translateY(-5px); }

.casino_item.hover_casino {position:relative; transition:transform 0.2s; }
.casino_item.hover_casino:hover {transform:scale(1.06035); }
.casino_item.hover_casino:hover img {filter:blur(4px); overflow:clip; overflow-clip-margin:content-box; }
.casino_item.hover_casino .hover_box {opacity:0; position:absolute; left:0; top:0; display:flex; flex-direction:column; width:100%; height:100%; padding:30px 10px; }
.casino_item.hover_casino:hover .hover_box {opacity:1; }
.casino_item.hover_casino .hover_box p {font-size:18px; text-shadow:0 1px 2px rgba(0,0,0,0.75); color:#fff; font-weight:900; text-align:center; }
.casino_item.hover_casino .hover_box i {
    position:absolute;
    width:45%;
    padding-bottom:45%;
    margin:0 auto;
    background-color:var(--back3-color);
    border-radius:50%;
    box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.49);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.8942);
    transition: all .15s ease;
}
.casino_item.hover_casino .hover_box i svg {position:absolute; left:0; top:0; right:0; bottom:0; width:80%; height: 80px; margin:auto; color:var(--primary-color); }
.casino_item.hover_casino .hover_box i:hover {background-color: #f1c24c;}
.casino_item.hover_casino .hover_box i:hover svg {color: #ffffff;}
.casino_item.hover_casino:hover .casino-item-alt {visibility:hidden;}

.games-wrapper .casino_item img {
    aspect-ratio: 9 / 11.455;
}

/* --------------------------------------
    ACCORDION
-------------------------------------- */
.accordion .accordion-item {overflow: hidden; box-shadow:0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%); border-radius:5px; }
.accordion .accordion-item:last-child {margin-bottom:0 !important; }
.accordion .accordion-item:first-child {margin-top:0 !important; }
.accordion .accordion-header {position:relative; z-index:10; }
.accordion .accordion-button {padding:10px 20px !important; color:#fff !important; background-color:var(--provider-color); }
.accordion .accordion-button .arrow {transform:rotate(180deg); transition:all 0.4s; }
.accordion .accordion-button.collapsed .arrow {transform:rotate(0deg); }
.accordion .accordion-body {padding:15px 20px; background-color:#2e2e2e; }



/* --------------------------------------
    TYPOGRAPHY
-------------------------------------- */
.typography_box h1 {margin-bottom:20px; font-size:32px; font-weight:bold; }
.typography_box h2 {margin-bottom:20px; font-size:27px; font-weight:bold; }
.typography_box h3 {margin-bottom:20px; font-size:21px; font-weight:bold; }
.typography_box p {margin-bottom:16px; font-size:16px; }
.typography_box ul {margin:0 0 10px 20px; list-style:disc;}
.typography_box ul li {font-size:18px; }
.typography_box a {text-decoration:underline; }



/* --------------------------------------
    TABS
-------------------------------------- */
.nav.nav-tabs {border-bottom:0 none; }
.nav.nav-tabs .nav-item .nav-link {border:0px none; color:#fff; }
.nav.nav-tabs .nav-item .nav-link:hover  {background-color:transparent !important; }
.nav.nav-tabs .nav-item .nav-link.active {border:0px none; color:#957329; background-color:transparent; }

.nav.nav-tabs.vertical-tabs {flex-direction:column; gap:5px; }
.nav.nav-tabs.vertical-tabs .nav-item .nav-link {background-color:#333; border-radius:4px 0 0 4px; }
.nav.nav-tabs.vertical-tabs .nav-item:hover .nav-link {background-color:#333 !important; }

.nav.nav-link-tabs .nav-item .nav-link {/*border-bottom:2px solid #3b311c;*/ color:#868787 !important; font-weight:800; }
.nav.nav-link-tabs .nav-item .nav-link svg.inverted { filter: invert(0.5); }
.nav.nav-link-tabs .nav-item .nav-link:hover {color:#fff; background-color: #171717; }
.nav.nav-link-tabs .nav-item .nav-link:hover svg.inverted { filter: none; }
.nav.nav-link-tabs .nav-item .nav-link.active {border-bottom:2px solid var(--primary-color); color:#fff !important; font-weight:800; }
.nav.nav-link-tabs .nav-item .nav-link.active svg.inverted { filter: none; }

.nav.nav-link-tabs.white_type {position:relative; }
.nav.nav-link-tabs.white_type:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff; opacity:.3; }
.nav.nav-link-tabs.white_type .nav-item .nav-link {border-color:transparent; }
.nav.nav-link-tabs.white_type .nav-item .nav-link.active {border-bottom:2px solid #fff; }

.nav.nav-link-tabs.tab-col {position:relative; }
.nav.nav-link-tabs.tab-col:before {content:''; position:absolute; left:0; bottom:0; width:100%; background-color:#fff; opacity:.3; }
.nav.nav-link-tabs.tab-col .nav-item .nav-link {border-left: 3px solid transparent;border-bottom: 3px solid transparent;color:#fff}
.nav.nav-link-tabs.tab-col .nav-item .nav-link.active {border-left: 3px solid #F1C24C; border-bottom: 3px solid transparent;background-color: #828282;}
.nav.nav-link-tabs.tab-col .nav-item .nav-link:not(.active):hover {border-bottom: 3px solid transparent;color:#fff !important; background-color: #828282; opacity: 1;}

.nav.nav-link-tabs.sub-tab {position:relative; }
.nav.nav-link-tabs.sub-tab:before {content:''; position:absolute; left:0; bottom:0; width:100%; background-color:#fff; opacity:.3; }
.nav.nav-link-tabs.sub-tab .nav-item .nav-link {border-left: 3px solid transparent;border-bottom: 3px solid transparent;color:#fff}
.nav.nav-link-tabs.sub-tab .nav-item .nav-link.active {border-bottom: 3px solid #F1C24C; border-left: 3px solid transparent; background-color: #2C2C2C;}
.nav.nav-link-tabs.sub-tab .nav-item .nav-link:not(.active):hover {border-left: 3px solid transparent;border-bottom: 3px solid #2C2C2C; color:#fff !important; background-color: #2C2C2C; opacity: 1;}

.nav.nav-link-tabs.transparent_type .nav-item .nav-link:not(.active) {border-color:transparent; }

.nav.nav-boxed-tabs .nav-item .nav-link {background-color:var(--provider-color); color:#fff; }
/* .nav.nav-boxed-tabs .nav-item .nav-link span {opacity:0.5; } */
.nav.nav-boxed-tabs .nav-item .nav-link svg {opacity:0.5; }
.nav.nav-boxed-tabs .nav-item .nav-link.active {background-color:#957329; font-weight:bold; }
.nav.nav-boxed-tabs .nav-item .nav-link.active svg,
.nav.nav-boxed-tabs .nav-item .nav-link.active span {opacity:1; }

.nav.nav-boxed-tabs.transparent_type .nav-item .nav-link:not(.active) {background-color:transparent; opacity:.5; }
.nav.nav-boxed-tabs.transparent_type .nav-item .nav-link.active {background-color:var(--provider-color); color:#fff; }

/* .tab-content > div {width:100% !important; } */

.nav.nav-link-tabs.sub-links .nav-item { background: #343434; border-bottom: 2px solid #F1C24C; }
.nav.nav-link-tabs.sub-links .nav-item.active { border-bottom: 2px solid #F1C24C; }


/* --------------------------------------
    TABLE
-------------------------------------- */
.table.noborder tr th,
.table.noborder tr td {border:0 none; }

.table.table-striped tr td {padding:20px 16px; }
.table.table-striped tr:nth-of-type(odd) td {background-color:#292929; }



/* --------------------------------------
    DROPDOWN
-------------------------------------- */
.dropdown-menu {

}
.dropdown-menu .dropdown-content div:before {
    width: 18px;
    height: 18px;
    transform: rotateZ(45deg);
    content: '';
    background: #343434;
    position: absolute;
    top: -1%;
    right: 6%;
    z-index: -1;
}
.dropdown-menu .dropdown-content {background-color:#343434; }
.dropdown-menu .dropdown-content:nth-child(1):hover div:not(.dont-kulay-onhover):before {
    background: var(--sub-color);
}
.dropdown .dropdown-toggle[aria-expanded="false"] .arrow {transform:rotate(0); transition:all 0.3s; }
.dropdown .dropdown-toggle[aria-expanded="true"] .arrow {transform:rotate(-180deg); transition:all 0.3s; }


/* --------------------------------------
    MODAL
-------------------------------------- */
.modal {display:flex; align-items:center; justify-content:center; }

.modal .modal-dialog .modal-body {overflow-y:auto; max-height:75vh;}
.modal .modal-dialog .modal-body.h_full {max-height:100%; }

.modal .modal-content,
.modal .modal-dialog {background-color:#171717; }
.modal .white-type .modal-content,
.modal .modal-dialog.white-type {background-color:#ffffff; }
.modal .modal-dialog {border-radius:12px; }

.modal .modal-body {position:relative; }
.modal .modal-body .close_btn {z-index:100; position:absolute; right:15px; top:15px; }

.modal.left_type {justify-content:flex-start; }
.modal.left_type .modal-dialog {overflow-y:auto; position:relative; left:-100%; height:100%; margin:0; transition:left 0.3s; }
.modal.left_type.show .modal-dialog {left:0; }
.modal.left_type .modal-dialog .modal-content {height:100%; border-radius:0; }
.modal .modal-content .modal-scroll-content::-webkit-scrollbar {
    width: 0;
}

#logout-modal {
    align-items: start;
    padding-top: 79px;
}
#logout-modal > .modal-dialog {
    margin-top: 0;
}

@media (max-width: 767px) {
    .modal.mo_full .modal-dialog {width:100vw; margin:0; border-radius:0; height:82dvh; }
    .wallet-modal-content { height:82dvh !important; }
    .modal.mo_full .modal-dialog .modal-content {height:100%; }
    #wallet-modal.modal.mo_full .modal-dialog .modal-content {height: calc(100dvh - 4rem); }
    .modal.mo_full .modal-dialog .modal-body {max-height:100vh; }
    #wallet-modal.modal.mo_full .modal-dialog .modal-body {max-height:calc(100dvh - 5.5rem); }
    .modal .modal-content { display: flex; flex-direction: column; }

    #vault-modal.modal .modal-dialog {
        width: 100%;
    }

    #logout-modal {
        padding-top: 85px;
        background: rgba(79, 79, 79, 0.7);
    }
    #logout-modal .modal-dialog {
        bottom: 0;
        height: auto;
    }

    .modal.mo_center .modal-dialog {
        min-height: 200px;
        height: fit-content;
        width: 95vw;
    }

    .modal.mo_center .modal-dialog #message {
        line-height: 1.7rem;
        line-break: anywhere;
    }
}
@media (min-width: 767px) {
    .modal .modal-dialog.modal-md {width: 370px; }
    .modal .modal-dialog.modal-lg {width: 740px; }

    #inbox-modal .modal-dialog {width: 390px}
}


.modal.coin_modal {background:transparent; align-items:flex-end; }
.modal.coin_modal .modal-dialog {margin-top:0; margin-bottom:0; width:420px; height:calc(100% - 50px); }
.modal.coin_modal .modal-dialog .modal-content {height:100%; }
.modal.coin_modal .modal-dialog .modal-body {max-height:100%; height:100%; }

@media (max-width: 767px) {
    .modal.coin_modal .modal-dialog {height:100%; }
}


/* --------------------------------------
    FORM
-------------------------------------- */

/* input */
.form-control {height:42px; border:1px solid #343434; color:#fff; font-size:16px; font-weight:500; background-color:#343434;}
.form-control::placeholder {color:#989999; }
.form-control.error {border:1px solid #ff2e2e; }
.form-control.dark_type {background-color:#212121; }

/* check */
.form-check-input[type="checkbox"] {width:18px; height:18px; border-width:2px; background-color:transparent; border-radius:2px; }
.form-check-input[type="checkbox"]:checked {border-color:#fff; background-color:#fff; background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); }

.form-check-input[type="radio"] + label {opacity:0.6; }
.form-check-input[type="radio"] + label:hover {opacity:1; }
.form-check-input[type="radio"]:checked + label {opacity:1; }

.form-switch .form-check-input[type="checkbox"] {width:40px; height:20px; border:0 none; border-radius:20px; border:2px solid #fff; }
.form-switch .form-check-input[type="checkbox"]:checked {background:transparent; }
.form-switch .form-check-input::after {content:''; z-index:1; position:absolute; left:calc(50% - 11px); top:calc(50% - 1px); width:22px; height:2px; background-color:#bababa; }
.form-switch .form-check-input::before {z-index:2; width:12px; height:12px; outline:10px solid #fff; margin-left:1px; background-color:#fff; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.25); transition:all 0.5s; }
.form-switch .form-check-input:hover::before {outline:10px solid rgba(241,194,76,0.3); }
.form-switch .form-check-input:checked::before {margin-left:21px; background-color:var(--primary-color);}

.form-switch.type02 .form-check-input {width:52px; height:24px; }
.form-switch.type02 .form-check-input::after {display:none; }
.form-switch.type02 .form-check-input::before {width:16px; height:16px; outline:0 none; }
.form-switch.type02 .form-check-input:checked::before {margin-left:28px; background-color:#006699; }
.form-switch.type02 .form-check-input:checked {background-color:#fff; }
.form-switch.type02 .form-check-input + svg {z-index:10; position:absolute; top:4px; left:3.5px; width:16px; height:16px; color:#957329; transition:all 0.5s; }
.form-switch.type02 .form-check-input:checked + svg {left:31.5px; color:#fff; }

/* --------------------------------------
    COIN_LIST
-------------------------------------- */
.coin_list button.active {background-color:var(--primary-dark2-color); }
.coin_list button.active p {color:#fff; }


/* --------------------------------------
    SEARCH_BOX
-------------------------------------- */
.search_box {z-index:10; position:relative; }
.search_box.open {z-index:300;}
.search_box .search_result {overflow-y:auto; position:absolute; left:0; top:calc(100% + 5px); display:none; width:100%; max-height:600px; background-color:var(--provider-color); }
.search_box.open > div button {opacity:1; }
.search_box.open .search_result {display:block; }

.search_box.show .search_result {position:static; display:block; max-height:100% !important; background-color:transparent; }
.search-backdrop {
    display: none;
}
.search_box.open .search-backdrop {
    display: block;
}
@media (max-width: 767px) {
    .search_box .search_result {max-height:380px; }
}

/* .search_box input.form-control:hover{
    background-color: #989999!important;
    color: white;
} */

/* .search_box input.form-control:hover::placeholder{
    color: white !important;
} */

/* ----------------------------------------------
            CUSTOM_SELECT
---------------------------------------------- */
.custom_select {z-index:5; position:relative; }
.custom_select > button {position:relative; }
.custom_select > button .arrow {position:absolute; right:16px; top:50%; font-size:20px; color:var(--light-color); transform:translateY(-50%) rotate(0); }
.custom_select > div {position:absolute; left:0; top:calc(100% + 10px); /*overflow-y:auto; overflow-x:hidden;*/ display:none; width:100%; max-height:320px; background:var(--provider-color); border-radius:8px; }
.custom_select ul li {display:flex; align-items:center; justify-content:space-between; padding:8px; min-height:44px; color:var(--light-color); font-weight:700; cursor:pointer; }
.custom_select ul.sm li {min-height:25px; padding:6px 8px; }
.custom_select ul.hover_color li {opacity:0.7; transition:all 0.4s; }
.custom_select.open {z-index:11; }
.custom_select.open > button .arrow {transform:translateY(-50%) rotate(180deg); }
.custom_select.open > div {display:block; }

.custom_select div ul li button.active {background-color:var(--option-color);}

@media (hover: hover) {
  .custom_select ul:not(.hover_color) li:hover {
    background-color: var(--option-color);
  }

  .custom_select ul.hover_color li:hover {
    opacity: 1;
  }
}


/* ----------------------------------------------
            CASINO_DETAIL - 모바일에서 full 화면
---------------------------------------------- */
@media (max-width: 767px) {
    body.casino_detail header ,
    body.casino_detail footer ,
    body.casino_detail .quick_menu {display:none; }
    body.casino_detail .content_box {padding:0; }
}


/* ----------------------------------------------
            SELECT_CRYPTO - 모바일에서 full 화면
---------------------------------------------- */
.select_crypto {z-index:10; bottom:-100%; width:100%; height:100%; background-color:var(--back3-color); box-shadow:0 0 9px 2px rgba(0, 0, 0, 0.13); transition:all 0.5s; }
.select_crypto.open {bottom:0; }


/* ----------------------------------------------
            TOOLTIP
---------------------------------------------- */
.tippy-box {background-color:#000; }
.tippy-box svg {fill:#000; }


/* ----------------------------------------------
            SPORTS_MENU
---------------------------------------------- */
.sports_topmenu {z-index:150; }

.sports_menu a {color:rgba(255,255,255, 0.6); letter-spacing:0.12em; }
.sports_menu a.active {color:#fff; }
.sports_menu a.active.type01 svg {color:#FF603E; }
.sports_menu a.active.type02 svg {color:#BC4EFF; }
.sports_menu a.active.type03 svg {color:#FF603E; }

.sports_topall {position:absolute; left:0; top:100%; display:none; width:100%; height:calc(100vh - 152px); background-color:rgba(0,0,0,0.5); }
.sports_topall.open {display:block; }
.sports_topall .sports_allmenu {overflow-y:auto; height:90%; }
.sports_topall .sports_allmenu .nav-boxed-tabs {width:600px; max-width:100%; }


/* ----------------------------------------------
            SPORTS_SLIDE
---------------------------------------------- */
.sports_slide:before {content:''; z-index:0; position: absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); }
.sports_slide > * {z-index:2; position:relative; }
.sports_slide_1 {background:url('../images/sports/sports_slide_bg.jpg') no-repeat center center / cover; }
.sports_slide_2 {background:url('../images/sports/sports_slide_bg_2.jpg') no-repeat center center / cover; }
.sports_slide_3 {background:url('../images/sports/sports_slide_bg_3.jpg') no-repeat center center / cover; }


/* ----------------------------------------------
            CUSTOM_GRID
---------------------------------------------- */
.custom_grid {display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; grid-template-areas:"none none widget""none none widget""none none widget";}
.custom_grid .widget {grid-area:widget; min-width:0; }

.sport_item {position:relative; height:204px; }
.sport_item.open {z-index:49; }
.sport_item > div {overflow:hidden; transition:height 0.4s; }
.sport_item.open > div {height:506px; box-shadow:0 0 100px rgba(0,0,0,0.65); }
.sport_item .open_item {position:relative; max-height:302px; }
.sport_item .open_item:before {content:''; position:sticky; left:0; top:0; display:block; width:100%; height:20px; margin-bottom:-10px; background:linear-gradient(rgb(41,41,41) 0%, rgb(41,41,41) 25%, rgba(41,41,41,0) 100%); }
.sport_item .open_item:after {content:''; position:sticky; left:0; bottom:0; display:block; width:100%; height:30px; background:linear-gradient(0deg, rgb(41,41,41) 0%, rgb(41,41,41) 25%, rgba(41,41,41,0) 100%); }
.sport_item .open_item::-webkit-scrollbar {opacity:0; width:5px; }
.sport_item .open_item:hover::-webkit-scrollbar {opacity:1; }
.sport_item .open_item::-webkit-scrollbar-thumb {background:var(--back-color); border-radius:5px; width:5px; }
.sport_item .open_item::-webkit-scrollbar-track {background:transparent; }

.sport_item .bet_up {position:relative; }
.sport_item .bet_up:before {content:''; position:absolute; top:3px; right:3px; width:0px; height:0px; border-width:0 8px 8px 0; border-style:solid; border-color:transparent #9eea4a transparent transparent; animation:bet 2s linear infinite; }

.sport_item .bet_down {position:relative; }
.sport_item .bet_down:before {content:''; position:absolute; bottom:3px; right:3px; width:0px; height:0px; border-width:0 0 8px 8px; border-style:solid; border-color:transparent transparent #Fb3f3f transparent; animation:bet 2s linear infinite; }

@keyframes bet{
    16% {opacity:1;}
    32% {opacity:0;}
    48% {opacity:1;}
    64% {opacity:0;}
    80% {opacity:1;}
    100% {opacity:0;}
}
/* <div class="bt1547"><span class="bt1549"></span><span class="bt1549"></span></div> */

@media all and (max-width:1740px){
    /* .custom_grid {grid-template-columns:1fr 1fr 1fr; grid-template-areas:"none none widget""none none widget""none none widget";}
    .custom_grid .sport_item:nth-of-type(7),
    .custom_grid .sport_item:nth-of-type(8),
    .custom_grid .sport_item:nth-of-type(9) {display:none; } */
}
@media all and (max-width:1340px){
    /* .custom_grid {grid-template-columns:1fr 1fr; grid-template-areas:"none widget""none widget""none widget"; }
    .custom_grid .sport_item:nth-of-type(6) {display:none; } */
}
@media all and (max-width:920px){
    .custom_grid {grid-template-columns:1fr; grid-template-areas:none;}
    .custom_grid .widget {grid-area:auto; }
}


/* ----------------------------------------------
            SPORTS_BETSLIP
---------------------------------------------- */
.sports_betslip {z-index:9999; overflow:hidden; position:fixed; right:10px; bottom:0; width:320px; box-shadow:0 0 60px rgba(0,0,0,0.65); background:#292929; border-radius:6px 6px 0 0; transition:all 0.5s; }
.sports_betslip::-webkit-scrollbar {width:7px; -webkit-appearance:none; }

.sports_betslip.quick_bet .betslip_top {background-color:#006699;}
.sports_betslip.quick_bet .betslip_cont .basic {display:none; }
.sports_betslip.quick_bet .betslip_cont .quick {display:block; }
.sports_betslip .betslip_cont .quick {display:none; }

.sports_betslip .betslip_cont .quick .btn-active {background-color:#006699 !important; }

.sports_betslip .betslip_cont {display:none; }

.sports_betslip .tab-content {overflow-y:auto; max-height:75vh; overscroll-behavior: contain;}

.sports_betslip .odd_setting {z-index:-1; position:absolute; top:0; left:0; opacity:0; visibility:hidden; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.5s; }
.sports_betslip .odd_setting .setting_cont {position:absolute; left:5px; bottom:-100%; width:calc(100% - 10px); border-radius:10px; transition:all 0.5s; }

.sports_betslip .odd_setting.open {z-index:10; opacity:1; visibility:visible; }
.sports_betslip .odd_setting.open .setting_cont {bottom:5px; }

.sports_betslip .comboboost p {position:relative; }
.sports_betslip .comboboost p span {position:absolute; left:50%; bottom:calc(100% + 7px); transform:translateX(-50%); }
.sports_betslip .comboboost p span:before {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-color:rgba(255,255,255,0.6) transparent transparent transparent; border-style:solid; border-width:4px 3px 0 3px; transform:translateX(-50%); }
.sports_betslip .comboboost p span.bg-success:before {border-color:rgb(var(--color-success)) transparent transparent transparent; }

.sports_betslip .down {display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; border-top:5px solid #FB3F3F; border-left:5px solid transparent; border-right:5px solid transparent; }
.sports_betslip .up {display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; border-bottom:5px solid #2d8f1d; border-left:5px solid transparent; border-right:5px solid transparent; }

.betslip_btn {z-index:100; position:fixed; bottom:70px; left:calc(50% - 28px); }

@media all and (max-width:767px){
    .sports_betslip {right:0; bottom:-56px; width:100%; }
    .sports_betslip.open {bottom:0; }
    .sports_betslip .tab-content {max-height:65vh; }
}


/* ----------------------------------------------
            CUSTOM_ACCORDION
---------------------------------------------- */
.custom_accordion { min-height: 36px; margin-bottom: 8px !important; }
.custom_accordion .title {
    height: 36px;
    padding-left: 27px;
    padding-right: 27px;
    padding-top: 0;
    padding-bottom: 0;
    font-family: 'Noto Sans KR', sans-serif;
}
.custom_accordion .title b { font-weight: 350; }
.custom_accordion .title > div { padding: 0; }
.custom_accordion.open .title .arrow {transform:rotate(180deg); }

.custom_inaccordion .title .arrow {transform:rotate(0) !important; }
.custom_inaccordion.open .title .arrow {transform:rotate(-180deg) !important; }

@media all and (max-width: 400px) {
    .tab-pane { margin-top: 0 !important; }
    /* .tab-pane > div { padding: 0; } */
}

/* --------------------------------------
            PIN
-------------------------------------- */
.pin {color:rgba(255, 255, 255, 0.3); }
.pin.on {color:rgb(255,78,78); }


/* --------------------------------------
            SPORTS_DETAIL
-------------------------------------- */
.sports_detail {width:calc(100% - 340px); }

@media all and (max-width:1024px){
    .sports_detail {width:100%; }
}


/* --------------------------------------
            PROFILE_MODAL
-------------------------------------- */
.profile_modal {z-index:200; position:fixed; left:0; top:0; display:none; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.profile_modal.active {display:flex; }
.profile_modal .profile_cont {position:relative; display:flex; width:1118px; max-width:80%; height:670px; max-height:80vh; box-shadow:0 0 2px 2px #555; border-radius:4px; }
.profile_modal .profile_cont .close_btn {z-index:10; position:absolute; right:-21px; top:-21px; display:flex; align-items:center; justify-content:center; width:42px; height:42px; background-color:#fff; border-radius:50%; box-shadow:1px 1px 5px rgba(0,0,0,0.1); cursor:pointer; }
.profile_modal .profile_cont .close_btn span {display:block; width:16px; height:16px; background:#000; clip-path:path("M8,9.4L1.4,16L0,14.6L6.6,8L0,1.4L1.4,0L8,6.6L14.6,0L16,1.4L9.4,8l6.6,6.6L14.6,16L8,9.4z"); -webkit-clip-path:path("M8,9.4L1.4,16L0,14.6L6.6,8L0,1.4L1.4,0L8,6.6L14.6,0L16,1.4L9.4,8l6.6,6.6L14.6,16L8,9.4z");}

.profile_modal .profile_cont .left_menu {width:20%; background-color:#000;}
.profile_modal .profile_cont .right_cont {width:80%; background-color:var(--content-bg);}


/* --------------------------------------
            SPIN THE WHEEL MODAL
-------------------------------------- */
.icon-spin-wheel path:first-of-type {
    transform-origin: center;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.spin-the-wheel-modal {z-index:301; position:fixed; left:0; top:0; display:none; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.spin-the-wheel-modal.active {display:flex; }
.spin-the-wheel-modal .content-wrapper {
    width: 100%;
    max-width: 48.5rem;
}
.spin-the-wheel-modal .title-modal {
    font-size: clamp(2rem, 3vw, 3vw);
    line-height: 0.8;
}
.spin-the-wheel-modal .title-modal .title-sub {
    font-size: clamp(1rem, 2vw, 1.7vw);
}
.spin-the-wheel-modal .content-wrapper .title-highlight {
    background: linear-gradient(270deg, #EFDA6C 10.16%, #FFF7CC 26.28%, #EFDA6C 56.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    filter: drop-shadow(2px 4px 6px black);
}
.spin-wheel-btn {
    /* height: 3.5rem;
    width: 12.5rem; */
    padding-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #171717;
    background: linear-gradient(0deg, #DD890A 0%, #FFDA77 100%);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 36px;
}
.ticket-reward {
    font-size: 46px;
    line-height: 40px;
}
/* wheel */
.wheel_area {
    position: relative;
}
.wheel_pointer {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 76px;
    z-index: 12;
}
.wheel_area .wheel_ring {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 92%;
    height: 92%;
    margin: auto;
    background: url("../images/wheel/roulette_border_wheel_15.gif") no-repeat center center / cover;
}
.wheel_area .wheel_ring.spin-action-true {
    transform: rotate(-3600deg);
    transition: 3s;
}
.wheel_area .wheel_holder {
    width: 700px;
    height: 700px;
}
.wheel_area .wheel_content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 87%;
    height: 87%;
    margin: auto;
    border-radius: 50%;
    transform: rotate(0deg);
    transform-origin: center;
    transition: all 1s ease-in-out;
}
.wheel_area .wheel_content .wheel_bg {
    position: absolute;
    left: -1%;
    top: -1%;
    width: 102%;
    height: 102%;
    transform: rotate(0deg);
}
.wheel_area .wheel_content .wheel-outer-border {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.wheel_area .wheel_content .wheel_default {
    background: url("../images/wheel/wheel_default.png") no-repeat center center / cover;
}
.wheel_area .wheel_content .wheel_6 {
    background: url("../images/wheel/slice-6.png") no-repeat center center / cover;
}
.wheel_area .wheel_content .wheel_7 {
    background: url("../images/wheel/slice-7.png") no-repeat center center / cover;
}
.wheel_area .wheel_content .wheel_8 {
    background: url("../images/wheel/slice-8.png") no-repeat center center / cover;
}
.wheel_area .wheel_content .wheel_9 {
    background: url("../images/wheel/slice-9.png") no-repeat center center / cover;
}
.wheel_area .wheel_content .wheel_10 {
    background: url("../images/wheel/slice-10.png") no-repeat center center / cover;
}
.wheel_area .wheel_content .wheel-sector {
    overflow: hidden;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 50%;
    transform-origin: bottom;
    border-top-right-radius: 300px;
    color: #781010;
}
.wheel_area .wheel_content .wheel-sector:nth-child(even) {
    color: #3e6500;
}
.wheel_area .wheel_content .wheel_6 + div .wheel-sector{
    color: #fff;
}
.wheel_area .wheel_content .wheel_6 + div .wheel-sector:nth-child(4),
.wheel_area .wheel_content .wheel_6 + div .wheel-sector:nth-child(7) {
    color: #b424b1;
}
.wheel_area .wheel_content .wheel_6 + div .wheel-sector:first-of-type,
.wheel_area .wheel_content .wheel_6 + div .wheel-sector:nth-child(5) {
    color: #6E5518;
}

.wheel_area .wheel_content .wheel_7 + div .wheel-sector{
    color: #fff;
}
.wheel_area .wheel_content .wheel_7 + div .wheel-sector:first-of-type,
.wheel_area .wheel_content .wheel_7 + div .wheel-sector:nth-child(4),
.wheel_area .wheel_content .wheel_7 + div .wheel-sector:nth-child(7) {
    color: #b424b1;
}
.wheel_area .wheel_content .wheel_7 + div .wheel-sector:nth-child(5),
.wheel_area .wheel_content .wheel_7 + div .wheel-sector:nth-child(8) {
    color: #6E5518;
}

.wheel_area .wheel_content .wheel_8 + div .wheel-sector{
    color: #fff;
}
.wheel_area .wheel_content .wheel_8 + div .wheel-sector:first-of-type,
.wheel_area .wheel_content .wheel_8 + div .wheel-sector:nth-child(4),
.wheel_area .wheel_content .wheel_8 + div .wheel-sector:nth-child(7) {
    color: #b424b1;
}
.wheel_area .wheel_content .wheel_8 + div .wheel-sector:nth-child(5),
.wheel_area .wheel_content .wheel_8 + div .wheel-sector:nth-child(8) {
    color: #6E5518;
}

.wheel_area .wheel_content .wheel_9 + div .wheel-sector{
    color: #fff;
}
.wheel_area .wheel_content .wheel_9 + div .wheel-sector:nth-child(4),
.wheel_area .wheel_content .wheel_9 + div .wheel-sector:nth-child(7),
.wheel_area .wheel_content .wheel_9 + div .wheel-sector:nth-child(10) {
    color: #b424b1;
}
.wheel_area .wheel_content .wheel_9 + div .wheel-sector:first-of-type,
.wheel_area .wheel_content .wheel_9 + div .wheel-sector:nth-child(5),
.wheel_area .wheel_content .wheel_9 + div .wheel-sector:nth-child(8) {
    color: #6E5518;
}

.wheel_area .wheel_content .wheel_10 + div .wheel-sector{
    color: #fff;
}
.wheel_area .wheel_content .wheel_10 + div .wheel-sector:nth-child(2),
.wheel_area .wheel_content .wheel_10 + div .wheel-sector:nth-child(4),
.wheel_area .wheel_content .wheel_10 + div .wheel-sector:nth-child(7),
.wheel_area .wheel_content .wheel_10 + div .wheel-sector:nth-child(10) {
    color: #b424b1;
}
.wheel_area .wheel_content .wheel_10 + div .wheel-sector:nth-child(5),
.wheel_area .wheel_content .wheel_10 + div .wheel-sector:nth-child(8),
.wheel_area .wheel_content .wheel_10 + div .wheel-sector:nth-child(11) {
    color: #6E5518;
}
.wheel_area .wheel_content .wheel-sector .wheel-sector-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}
.wheel_area .wheel_content .wheel-sector .wheel-sector-name {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 35%;
    width: 37%;
}
.wheel_area .wheel_content .wheel-sector .wheel-sector-name .sector-text {
    overflow: hidden;
    width: 100%;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    filter: drop-shadow(0px 1px 0px black);
    font-family: "Rubik Doodle Shadow", 'sans-serif';
    font-size: 32px;
    font-weight: 600;
}

.wheel_area .wheel_holder .spin_btn {
    z-index: 12;
    position: absolute;
    left: 36.5%;
    top: 36.5%;
    width: 27%;
    height: 27%;
    background: url("../images/wheel/spin-center.png") no-repeat center center / cover;
    animation: spinActive 0.5s ease infinite;
}
.wheel_area .wheel_holder .spin_btn:disabled {
    opacity: 100;
}
.wheel_area .wheel_holder .spin_pointer {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -24px;
    z-index: 10;
    width: 15%;
    height: 15%;
    /* width: 9.83%;
    height: 15.58%; */
    margin: auto;
    background: url("../images/wheel/pin.png") no-repeat center center;
    background-size: contain;
}
.wheel_area .wheel_holder .wheel_light {
    z-index: 11;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.wheel_area .wheel_holder .wheel_light .light {
    position: absolute;
    width: 100%;
    height: 100%;
}
.wheel_area .wheel_holder .wheel_light .light .light-icon {
    position: absolute;
}
.wheel_area .wheel_holder .wheel_light .light .light-icon.static {
    left: 47.5%;
    top: 0.5%;
    width: 5%;
    height: 5%;
    background: url("../images/wheel/wheel_light_2.png") no-repeat center center / contain;
}
.wheel_area .wheel_holder .wheel_light .light .light-icon.dynamicSmall {
    left: 44.5%;
    top: -2%;
    width: 11%;
    height: 11%;
    background: url("../images/wheel/wheel_light_3.png") no-repeat center center / contain;
}
.wheel_area .wheel_holder .wheel_light .light .light-icon.dynamicBig {
    left: 45%;
    top: -1.5%;
    width: 15%;
    height: 15%;
    background: url("../images/wheel/wheel_light_1.png") no-repeat center center / contain;
}

.wheel_area .wheel_holder .wheel_light .light:nth-of-type(1) {transform:rotate(-5deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(2) {transform:rotate(31deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(3) {transform:rotate(67deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(4) {transform:rotate(103deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(5) {transform:rotate(139deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(6) {transform:rotate(175deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(7) {transform:rotate(211deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(8) {transform:rotate(247deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(9) {transform:rotate(283deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(10) {transform:rotate(319deg); }

.wheel_area .wheel_holder .wheel_light .light:nth-of-type(11) {transform:rotate(5deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(12) {transform:rotate(41deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(13) {transform:rotate(77deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(14) {transform:rotate(113deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(15) {transform:rotate(149deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(16) {transform:rotate(185deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(17) {transform:rotate(221deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(18) {transform:rotate(257deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(19) {transform:rotate(293deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(20) {transform:rotate(90deg); }

.wheel_area .wheel_holder .wheel_light .light:nth-of-type(21) {transform:rotate(126deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(22) {transform:rotate(162deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(23) {transform:rotate(198deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(24) {transform:rotate(234deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(25) {transform:rotate(270deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(26) {transform:rotate(306deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(27) {transform:rotate(342deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(28) {transform:rotate(378deg); }
.wheel_area .wheel_holder .wheel_light .light:nth-of-type(29) {transform:rotate(414deg); }

.spin-action {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 150%;
    height: 150%;
    top: -22%;
    left: -24%;
    z-index: -1;
    transform: rotateX(180deg);
    transition: all .3s ease-in-out;
}
.spin-confetti {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 14;
    transition: all .3s ease-in-out;
}
.spin-action-true {
    opacity: 100;
    visibility: visible;
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinActive {
    0% {transform:scale(1)}
    50% {transform:scale(1.04)}
    100% {transform:scale(1)}
}

@keyframes lightRotate {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(180deg)}
}

@keyframes lightOpacity {
    0% {opacity:1;}
    50% {opacity:0;}
    100% {opacity:1;}
}

@keyframes lightZoom {
    0% { zoom: 1;}
    50% { zoom: 2;}
    100% { zoom: 1;}
}
@media all and (max-width:2000px) {
    .roulette-container { scale: 0.9; }
    /* .wheel_area {margin-top:30px; } */
    /* .wheel_area .wheel_holder {width:600px; height:600px; } */
    .wheel-image-model-holder {
        width: 40%;
    }
    .wheel-image-model-holder2 {
        width: 30%;
    }
    /* .wheel_area .wheel_content .wheel-sector .wheel-sector-name .sector-text {
        font-size: 20px;
    } */
    .ticket-reward {
        font-size: 28px;
        line-height: 22px;
    }
    #roulette_title {
        font-size: 60px;
    }
}
@media all and (max-width:1900px) {
    /* .wheel_area {margin-top:30px; } */
    .wheel_pointer {top:7px; width:47px;}
    /* .wheel_area .wheel_holder {width:400px; height:400px; } */
    .wheel-image-model-holder {
        width: 40%;
    }
    .wheel-image-model-holder2 {
        width: 30%;
    }
    /* .wheel_area .wheel_content .wheel-sector .wheel-sector-name .sector-text {
        font-size: 20px;
    } */
    .ticket-reward {
        font-size: 28px;
        line-height: 22px;
    }
    #roulette_title {
        font-size: 70px;
    }

    #roulette_title .title-sub {
        font-size: 38px;
    }
}
@media all and (max-width:767px){
    .wheel_area {margin-top:15px; }
    .wheel_area .wheel_holder {width:370px; height:370px; }
    .wheel_area .wheel_content .wheel-sector .wheel-sector-name {
        margin-left: 34%;
    }
    .wheel_area .wheel_content .wheel-sector .wheel-sector-name .sector-text {
        font-size: 14px;
    }
    .wheel_area .wheel_holder .wheel_light {
        left: 12px;
        top: 16px;
        bottom: 0;
        right: 0;
        width: 94%;
        height: 94%;
    }
    .wheel-image-model-holder {
        width: 40%;
    }
    .wheel-image-model-holder2 {
        width: 30%;
    }
    .ticket-reward {
        font-size: 28px;
        line-height: 22px;
    }
    .hide-scrollbar::-webkit-scrollbar { display: none; }
}
@media all and (max-width:40rem){
    .wheel_area .wheel_holder .spin_pointer{
        height: 22%;
        width: 22%;
        top: -20px;
    }

    .profile-table {
        height: fit-content !important;
    }
}
@media all and (max-width:375px){
    .wheel_area .wheel_holder {width:320px; height:320px; }
}


.overflow-hidden {
    overflow: hidden;
}

.profile-table {
    min-height: 700px;
}

#index-container a { color: #007bff; }
#index-container a:hover, #index-container a:hover font { text-decoration: underline; }

.home-banner {
    overflow: hidden;
}

.home-banner::before {
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    width: 30%;
    display: block;
    position: absolute;
    top: 0;
    left: -65%;
    transform: skewX(-45deg) translateX(0);
    transition: none;
    z-index: 1;
}

.home-banner:hover::before {
    left: 140%;
    transition: all 0.5s ease-in-out;
}

.home-banner .banner-text {
    z-index: 2;
}

.home-banner img {
    transition: all 0.5s;
    z-index: -1;
}

.providerSwiper li {
    user-select: none;
}

#promotions .nav-tabs .nav-tab-item {
    border: 1px solid #1C653E;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 350;
    font-family: 'Noto Sans KR', sans-serif;
    width: 160px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

#promotions .nav-tabs .nav-tab-item.active {
    background: #1C653E !important;
}

#promotions .nav-tabs .nav-tab-item:hover {
    background: #1C653E55;
}

#promotions .promotion .promotion-banner {
    border: 1px solid #2C443B;
    user-select: none;
}

#promotions .promotion {
    cursor: pointer;
}

#promotions .promotion .promotion-banner img {
    /* object-fit: cover; */
    transition: all 0.5s;
}

#promotions .promotion .promotion-banner:hover img {
    transform: scale(1.2);
    opacity: 0.6;
}

#promotions .promotion .promotion-title {
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 350;
    font-size: 16px;
}

#promotion-modal .modal-dialog {
    border: 1px solid #30423B;
    border-radius: 9px;
}

#promotion-modal .modal-dialog .modal-content {

    background: #13271D;

}

#promotion-modal .modal-dialog .modal-content img {
    margin: 0 auto;
    margin-top: 20px;

}

.promotion-base-text {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 350;
    font-size: 16px;
}

.wallet-input:hover {
    border-color: #FECB46 !important;
}

button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.casinoSwiper .swiper-container .swiper-wrapper .swiper-slide {
    width: 195px;
}

@media screen and (max-width: 767px) {
    .casinoSwiper .swiper-container .swiper-wrapper .swiper-slide {
        width: 123px !important;
    }
}

@media screen and (max-width: 1020px) {
    .casinoSwiper .swiper-container .swiper-wrapper .swiper-slide {
        width: 170px;
    }
}

 /* .casinoSwiper {
    margin-left: -70px;
    width: calc(100% + 150px);
 } */

 .tns-inner {
    /* padding: 0 20px; */
 }

 .casinoSwiper button[data-controls="prev"],
 .casinoSwiper button[data-controls="next"]
 {
    width: 38px;
    height: 38px;
 }

 .casinoSwiper button[data-controls="prev"]:before {
    background: url('/dist/images/icon-defs.svg#play') !important;
 }

 /* html {
  overflow: hidden;
  height: 100%;
}

body {
    height: 100%;
    overflow: auto;
} */

#promotion-modal-content > * {
    line-height: normal !important;
}