@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root{
	--body-color:#24262b;
	--sidebar-color:#1e2024;
	--primary-color:#695CFE;
	--primary-color-light:#F6F5FF;
	--search-bar:#272a30;
	--toggle-color:#DDD;
	--text-color:#fff;
	--header:#24262b;
	--dark-white:#191b1e;
	--dark-white2:#1c1e22;
	--dark-white3:#1c1e22;
	--box-radio: url(../image/download.png);
	--white-dark:#fff;
	--tran-03:all 0.2s ease;
	--tran-03:all 0.3s ease;
	--tran-04:all 0.3s ease;
	--tran-05:all 0.3s ease;
	--info-bg:#31343c
	
}
body{min-height:100vh;background-color:var(--body-color);transition:var(--tran-05);overflow-x: hidden;}

::selection{background-color:var(--primary-color);color:#fff;}

body.light{
	--body-color:#E4E9F7;
	--sidebar-color:#242526;
	--primary-color:#3a3b3c;
	--primary-color-light:#3a3b3c;
	--toggle-color:#fff;
	--text-color:#000;
	--search-bar:#f6f7fa;
	--header:#ffffff;
	--white-dark:#000;
	--dark-white:#fff;
	--dark-white2:#f2f2f7;
	--dark-white3:#fff;
	--box-radio: url(../image/download-l.png);
	--info-bg:#ffffff;
	
}

*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif;}
a{color:#fff;}
a:hover{text-decoration:none;color:#fff;}
a:hover, a:focus{text-decoration:none;outline:none;border:none;/}
a:hover, a:focus{text-decoration:none;}
button, button:focus, button:hover{border: none !important;outline: none !important;box-shadow: none !important;}
ul, p, h1, h2, h3, h4, h5{margin:0px;padding:0px;}
.table-responsive::-webkit-scrollbar{width:0px;}
input:focus{border: none; outline: none; box-shadow: none;}
.bx-menu1{display:none;}
.sidebar{position:fixed;top:0;left:0;height:100%;width:260px;background:var(--sidebar-color);z-index:100;transition:all 0.5s ease;}
.sidebar.close{width:78px;opacity:1 !important;text-shadow:none;}
.sidebar .logo-details{height:60px;width:100%;display:flex;align-items:center;}
.sidebar .logo-details i{font-size:30px;color:#fff;height:50px;min-width:78px;text-align:center;line-height:50px;}
.sidebar .logo-details .logo_name{font-size:22px;color:#fff;font-weight:600;transition:0.3s ease;transition-delay:0.1s;}
.sidebar.close .logo-details .logo_name{transition-delay:0s;opacity:0;pointer-events:none;}
.sidebar .nav-links{height:100%;padding:30px 0 150px 0;overflow:auto;}
.sidebar.close .nav-links{overflow:visible;}
.sidebar .nav-links::-webkit-scrollbar{display:none;}
.sidebar .nav-links li{position:relative;list-style:none;transition:all 0.4s ease;}
.sidebar .nav-links li:hover{}
.sidebar .nav-links li .iocn-link{display:flex;align-items:center;justify-content:space-between;}
.sidebar.close .nav-links li .iocn-link{display:block}
.sidebar .nav-links li i{}
.sidebar .nav-links li.showMenu i.arrow{transform:rotate(-180deg);}
.sidebar.close .nav-links i.arrow{display:none;}
.sidebar .nav-links li a{display:flex;align-items:center;text-decoration:none;}
.sidebar .nav-links li a .link_name{font-size:14px;font-weight:400;color:#fff;transition:all 0.4s ease;}
.sidebar.close .nav-links li a .link_name{opacity:0;pointer-events:none;}
.sidebar .nav-links li .sub-menu{padding:6px 6px 14px 80px;margin-top:-10px;background:none;display:none;}
.sidebar .nav-links li.showMenu .sub-menu{display:block;}
.sidebar .nav-links li .sub-menu a{color:#fff;font-size:15px;padding:5px 0;white-space:nowrap;opacity:0.6;transition:all 0.3s ease;}
.sidebar .nav-links li .sub-menu a:hover{opacity:1;}
.sidebar.close .nav-links li .sub-menu{position:absolute;left:100%;top:-10px;margin-top:0;padding:10px 20px;border-radius:0 6px 6px 0;opacity:0;display:block;pointer-events:none;transition:0s;}
.sidebar.close .nav-links li:hover .sub-menu{top:0;opacity:1;pointer-events:auto;transition:all 0.4s ease;}
.hide-op .link_name{display:none !important;}
.sidebar.close .nav-links li .sub-menu .link_name{font-size:18px;opacity:1;display:block;position:relative;left:-52px;text-shadow:none;font-weight:100;font-size:12px;width:94px;}
.sidebar .nav-links li .sub-menu.blank{opacity:1;pointer-events:auto;padding:3px 20px 6px 16px;opacity:0;pointer-events:none;}
.sidebar .nav-links li:hover .sub-menu.blank{top:50%;transform:translateY(-50%);}
.sidebar .profile-details{position:fixed;bottom:0;width:260px;display:flex;align-items:center;justify-content:space-between;background:#171718;padding:12px 0;transition:all 0.5s ease;}
.sidebar.close .profile-details{}
.sidebar.close .profile-details{width:78px;}
.sidebar .profile-details .profile-content{display:flex;align-items:center;}
.sidebar .profile-details img{height:52px;width:52px;object-fit:cover;border-radius:16px;margin:0 14px 0 12px;background:#1d1b31;transition:all 0.5s ease;}
.sidebar.close .profile-details img{padding:10px;}
.sidebar .profile-details .profile_name,.sidebar .profile-details .job{color:#fff;font-size:18px;font-weight:500;white-space:nowrap;}
.sidebar.close .profile-details p, .sidebar.close .profile-details .profile_name, .sidebar.close .profile-details .job{display:none;}
.sidebar .profile-details .job{font-size:12px;}
.home-section{position:relative;background:var(--body-color);height:100vh;left:260px;width:calc(100% - 260px);transition:all 0.5s ease;color:var(--text-color);}
.sidebar.close ~ .home-section{left:78px;width:calc(100% - 78px);}
.home-section .home-content{display: block;align-items:center;padding: 1vw;flex-direction: column;width: 100%;max-width: 1920px;margin: 0px auto;padding-top: 85px;}
.home-section .home-content .bx-menu,.home-section .home-content .text{color:#11101d;font-size:27px;}
.home-section .home-content .bx-menu{margin:0 15px;cursor:pointer;position:absolute;left:-35px;background:#1a1c20;color:#fff;z-index:1000;border-radius:40px;padding:7px;}
.home-section .home-content .text{font-size:26px;font-weight:600;}
@media (max-width:420px){.sidebar.close .nav-links li .sub-menu{display:none;}
}
.checkbox{opacity:0;position:absolute;}
.label{width:65px;height:35px;background-color:#292c32;display:flex;border-radius:50px;align-items:center;justify-content:space-between;position:relative;margin:0px;top:1px;}
.ball{width:39px;height:37px;/* background-color:white; */position:absolute;top:-1px;left:0px;border-radius:50%;transition:transform 0.2s linear;background:linear-gradient(to right, rgba(59,88,26,1) 0%, rgba(52,55,63,1) 47%, rgba(52,55,63,1) 100%);display:flex;justify-content:center;align-items:center;}
.checkbox:checked + .label .ball{transform:translateX(35px);}
.icon-change{color:pink;background:url("../image/bxs-moon.svg");position:absolute;height:20px;width:20px;background-size:100% 100%;filter:brightness(0) invert(1);}
.moon{color:pink;background:url("../image/bxs-moon.svg");position:absolute;height:20px;width:20px;background-size:100% 100%;filter:brightness(0) invert(1);}
.sun{color:yellow;background:url("../image/bxs-sun.svg");position:absolute;height:20px;width:20px;background-size:100% 100%;filter:brightness(0) invert(1);}
.side-img{height:50px;min-width:78px;text-align:center;line-height:50px;color:#fff;font-size:20px;cursor:pointer;transition:all 0.3s ease;}
.sidebar .nav-links li:hover a{background:linear-gradient(to right, rgba(59,88,26,1) 0%, rgba(52,55,63,1) 47%, rgba(52,55,63,1) 100%);padding-right:20px;border-radius:0px 30px 30px 0px;}
hr.hr-style{margin:20px;border-top:1px solid #151619;position:relative;}
hr.hr-style:after{border-top:1px solid #32353b;position:absolute;height:1px;content:'';width:100%;}
.sidebar .nav-links li:hover a.mode-wrap{background:none;padding:0px;}
.mode-wrap{display:flex;justify-content:center;}
.mode-clr{display:flex;justify-content:space-between;width:150px;color:#fff;}
span.mode-text.text{margin-left:19px;font-size:11px;font-weight:bold;}
.mode-clr i{padding:7px;font-size:18px;position:relative;top:1px;}
.rtxt{display:flex;flex-direction:column;}
.txt-curr{font-size:12px;text-align:end;color:#5f5f5f;}
.checkboxs{opacity:0;position:absolute;}
.checkboxs:checked + .label .ball{transform:translateX(35px);}
.icon-changes{color:pink;background:url("../image/bxs-moon.svg");position:absolute;height:20px;width:20px;background-size:100% 100%;filter:brightness(0) invert(1);}
.sicon-changes{color:pink;background:url("../image/bxs-moon.svg");position:absolute;height:20px;width:20px;background-size:100% 100%;filter:brightness(0) invert(1);}
.dropdown{position:relative;height:40px;margin-bottom:20px;}
.dropdown::before{content:"";position:absolute;top:16px;right:20px;z-index:1000;width:8px;height:8px;border:2px solid #333;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(42deg);transition:0.5s;pointer-events:none;}
.dropdown.active::before{top:17px;transform:rotate(316deg);}
.dropdown input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background: var(--search-bar);font-size:14px;border:none;outline:none;box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);padding:8px 14px;border-radius:30px;color:#fff;}
.dropdown .options{position:absolute;bottom:45px;width:100%;background:#292c32;box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);border-radius:10px;overflow:hidden;display:none;}
.dropdown.active .options{display:block;}
.dropdown .options div{padding:10px 20px;cursor:pointer;}
.dropdown .options div:hover{background:#62baea;color:#fff;}
.side-in-box .link_name{display:flex;flex-direction:column;}
.spt{display:flex;align-items:center;}
.ico-spt{background:#68b60f;color:#fff;width:50px;height:50px;border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:24px;z-index:1;}
.spt-btn{background:#292c32;color:#b1b1b1;padding:8px 20px;position:relative;left:-6px;font-size:14px;border-radius:0px 30px 30px 0px;}
.scm{display:flex;justify-content:center;}
.scm-in{display:grid;grid-template-columns:repeat(4,2fr);gap:10px;}
.mode-wrap2 p{text-align:center;color:#fff;}
.scm-in a{font-size:26px;background:none !important;padding:0px !important;}
.clr-b{color:#26a7e8;}
.clr-gl{color:#4fce5d;}
.clr-g{color:#7bb32e;fill:#7bb32e;}
.clr-y{color:#c98e10;}
.clr-f{color:#1973eb;}
.clr-r{color:#f13e6b;}
.scm-in a:hover{background:none !important;padding:0px !important;}
.show-slide{display:none;}
.sidebar.close .show-slide{display:block;}
.sidebar.close img:hover, .sidebar.close .active img{background:linear-gradient(to right, rgba(59,88,26,1) 0%, rgba(52,55,63,1) 47%, rgba(52,55,63,1) 100%);border-radius:30px;padding:6px;}
.sidebar.close li:hover a{background:none;}
.sidebar.close .mode-wrap{display:none;}
.clr-box{width:2.5rem;height:2.5rem;border-radius:50%;background:#2d3035;display:flex;justify-content:center;align-items:center;margin:0px auto;color:#fff;font-weight:100;font-size:15px;cursor:pointer;}
li.in-slc:hover .options-in{opacity:1;}
.options-in{opacity:0;position:absolute;top:-45px;width:136px;left:-73px;border-radius:5px;}
.option-show{background:#2d3035;padding-bottom:18px;position:relative;top:-68px;border-radius:20px;padding:10px;}
.opt-itm{color:#fff;text-shadow:none;font-weight:100;font-size:14px;padding:7px;text-align:left;margin:5px;border:1px solid #68b60f00;cursor:pointer;}
li.in-slc{position:relative;}
.sidebar.close li.in-slc:hover{}
.sidebar.close li.in-slc:hover .bg-hover{background:#292c32;position:absolute;padding:5px;width:136px;left:19px;height:39px;z-index:-1;border-radius:20px;top:1px;border:1px solid #68b60f;}
.sidebar.close li.in-slc:hover{}
.sidebar.close li.in-slc:hover .clr-box{background:none;opacity:0;}
.opt-itm.active, .opt-itm:hover{border:1px solid #68b60f;border-radius:20px;}
.opt-itm.active:after, .opt-itm:hover:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f192";position:absolute;right:19px;color:#68b60f;}
.link_name2:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f107";position:absolute;right:0px;transform:rotate(180deg);}
.hide-op .link_name2{display:none;opacity:0;}
.mode-clr2{display:flex;justify-content:space-between;width:157px;background:#292c32;border-radius:20px;padding:1px 8px;align-items:center;height:41px;position:absolute;left:-75px;top:-20px;border:1px solid #68b60f;}
.mode-clr2 .rtxt{font-size:12px;color:#fff;}
.mode-clr2 label{width:61px;height:30px;margin:0px;color:#fff;}
.mode-clr2 .ball{width:31px;height:30px;top:0px;}
li.hide-op{margin-top:20px;display:flex;justify-content:center;}
.sidebar.close .box-mode{width:2.5rem;height:2.5rem;border-radius:50%;background:#2d3035;display:flex;justify-content:center;align-items:center;margin:0px auto;color:#fff;font-weight:100;font-size:15px;cursor:pointer;}
.ico-spt2{background:#68b60f !important;}
.text-out{font-size:12px;width:94px !important;position:relative;left:-28px !important;}
.sidebar.close .mode-wrap2 p{display:none;}
.sidebar.close .scm-in{display:grid;grid-template-columns:repeat(1,2fr);gap:10px;}
.sidebar.close .mode-clr{position:relative;left:57px;background:#292c32;border-radius:20px;width:260px !important;opacity:0;height:40px;transition:all 0.4s ease;border:1px solid #68b60f;}
.sidebar.close .rtxt{width:89px;justify-content:center;padding-right:14px;}
.sidebar .btn-ball{opacity:0;}
.sidebar.close li.hide-op:hover .mode-clr{opacity:1;height:40px;padding:1px;}
.sidebar.close .btn-ball{opacity:1;left:19px;width:40px;height:40px;top:0px;}
.sidebar.close .mode-text{margin:0px;text-align:right;}
.btn-log{font-size:20px;}
.btn-log i{font-size:25px;margin-right:15px;}
.btn-log{display:flex;border:none;background:none;color:#fff;text-align:center;margin:0px auto;font-size:13px;align-items:center;text-align:center;}
.btn-log p{margin:0px;}
.sidebar.close .btn-log i{margin:0px;}
.sidebar li.hide-op{margin:0px;}
.sidebar.close li.hide-op{margin-top:10px;}
.sidebar .nav-links li.active img{background:linear-gradient(to right, rgba(59,88,26,1) 0%, rgba(52,55,63,1) 47%, rgba(52,55,63,1) 100%);border-radius:30px;padding:6px;}
/**********Header************/.bx-menu2{margin:0 15px;cursor:pointer;position:absolute;left:-35px;background:#1a1c20;color:#fff;z-index:1000;border-radius:40px;padding:7px;top:10px;}
.home-header{z-index:100;height:65px;box-shadow:0px 1px 0px 0px #000;display:flex;justify-content:space-between;padding:0px 20px;position:fixed;background: var(--dark-white);width:calc(100% - 260px);}
.home-header.side-off{width:calc(100% - 78px);}
.header-l{display:flex;align-items:center;}
.logo{padding:0px 14px;margin-right:20px;}
img{max-width:100%;}
.search-bar{display:flex;background:var(--search-bar);height:43px;border-radius:30px;width:30vw;align-items:center;}
.input-search{background:none;border:none;width:100%;color:#fff;}
.search-bar i{font-size:20px;color:#3c3e43;padding:10px 20px;}
.header-r{display:flex;gap:10px;align-items:center;}
.header-r button{background:none;display:flex;align-items:center;justify-content:center;padding:0.2vw 1vw;border-radius:20px;color:#fff;text-shadow:0px 1px 3px #000;font-weight:bold;font-size:0.8vw;}
.btn-signup{background:#57d017 !important;}
.btn-sign{color:#57d017 !important;text-shadow:none !important;}
/**********Banner************/ .swiper{width:100%;height:100%;padding:0px 20px;}
 .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
 .swiper-slide img{display:block;object-fit:cover;}
 .swiper-slide{width:20%;}
 .swiper-slide:first-child{width:38%;}
.swiper-button-next, .swiper-button-prev{background:#fff;border-radius:50px;width:40px;height:40px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color:#a3a3a3;font-size:20px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:1px;}
.swiper-button-next:after, .swiper-button-prev:after{color:#68b60f;font-size:20px;font-weight:bold;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:2px;}
.swiper2{width:100%;height:100%;}
 .swiper-slide2{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
 .swiper-slide2 img{display:block;width:100%;height:100%;object-fit:cover;}
/**********Product slider************/.game-wrap{display:flex;gap:10px;}
.gm-image{}
.gm-image img{width:58px;}
.gm-image2 img{height:6vw;}
.ply-name{color:#929292;font-size:0.5vw;}
.ply-won{font-size:0.6vw;}
.wh-txt{/* color:#fff; */}
.gn-txt{color:#5ee419;}
.gm-detail{display:flex;flex-direction:column;text-align:left;justify-content:center;}
.gm-nm{font-size:0.5vw;color:#fff;}
.product-in{display:flex;justify-content:space-between;background: var(--dark-white);padding:20px;border-radius:25px;grid-template-columns:repeat(3,1fr);flex-wrap:wrap;}
.product-slider{display:flex;margin:20px 0px;max-width:100%;}
.ttl-txt{display:flex;font-size:0.8vw;}
.ttl-slider{display:flex;align-items:center;}
.img-ico img{height:30px;margin-right:10px;}
.pd-item-1{display:grid;grid-template-columns:repeat(2,1fr);float:left;width:33%;}
.pd-item-2{width:30%;display:flex;justify-content:center;flex-direction:column;}
.pd-item-3{width:30%;display:flex;justify-content:flex-end;flex-direction:column;}
.yl-txt{color:#f5c01f;margin-right:10px;}
.gn-txt2{color:#5ee419;margin-right:10px;}
.pk-txt{color:#e70b60;margin-right:10px;}
@-webkit-keyframes shrink{0%{color:green;transform:scale(1);}
 100%{transform:scale(1);color:grey;}
}
@keyframes shrink{0%{color:green;transform:scale(1);}
 100%{transform:scale(1);color:grey;}
}
@-webkit-keyframes grow{0%{transform:scale(1);color:grey;}
 100%{transform:scale(1);color:green;}
}
@keyframes grow{0%{transform:scale(1);color:grey;}
 100%{transform:scale(1);color:green;}
}
/* $. Classes\*----------------------------------------------------------------*/.animate{transform:translate3d(0, 0, 0);perspective:1000;filter:blur(0);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform-origin:center left;}
.animate--shrink, .hero__title .slick-current > span{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:shrink;animation-name:shrink;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";}
.animate--grow, .no-js .hero__title .slick-dupe:nth-child(2) > span, .hero__title .slick-current + .slick-slide > span{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";-webkit-animation-name:grow;animation-name:grow;}
.slick-slider{position:relative;display:block;box-sizing:border-box;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;tap-highlight-color:transparent;padding-top:15px;}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0);}
.slick-track{position:relative;left:0;top:0;display:block;}
.slick-track:before, .slick-track:after{content:"";display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{float:left;height:100%;min-height:1px;display:none;}
[dir=rtl] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:0;outline:none;}
.slick-vertical .slick-slide::-moz-selection{outline:none !important;border:0 !important;box-shadow:none;}
.slick-vertical .slick-slide:focus, .slick-vertical .slick-slide:active, .slick-vertical .slick-slide::selection{outline:none !important;border:0 !important;box-shadow:none;}
.slick-arrow.slick-hidden{display:none;}
.slick-current{position:relative;}
.hero__title .slick-slide{overflow:hidden;padding:0px 0;}
.hero__title [aria-hidden]{transition:1s;}
.hero__title .slick-current > span{box-sizing:border-box;display:block;}
.no-js .hero__title .slick-dupe:nth-child(2) > span{padding:1em;}
.hero__title-misc{display:block;font-size:24px;font-weight:bold;color:grey;}
.slider .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
 .slider .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
 .slider .swiper-slide{width: 18%;}
 .slider .swiper-slide:nth-child(2n){width: 18%;}
 .slider .swiper-slide:nth-child(3n){width: 18%;}
.slider .swiper-slide:first-child{width: 37%;}
.all-1 .swiper{width:100%;height:100%;padding:0px;}
 .all-1 .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
 .all-1 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.all-1.swiper-button-prev,.all-1 .swiper-button-next{height:25px;width:25px;top:29px;background-color:white;background-size:14px;border-radius:50%;box-shadow:0 0 0 rgba(0, 0, 0, 0);transition:0.6s all;cursor:pointer;background-repeat:no-repeat;}
.all-1 .swiper-button-prev:hover,.all-1.swiper-button-next:hover{box-shadow:1px 1px 4px rgba(0, 0, 0, 0.3);}
.all-1 .swiper-button-prev{left:initial;right:35px;top:29px;height:25px;width:25px;}
.all-1 .swiper-button-next{}
.all-1 .swiper-button-next:after, .all-1 .swiper-button-prev:after{color:#000;font-size:12px;}
.gm-nm2{/* color:#fff; */font-size:0.7vw;}
.prv-nm{background:#000;font-size:0.5vw;padding:3px;border-radius:20px;color:#8794a0;margin-top:20px;text-align:center;}
.gm-image2{}
.all-1 .swiper-card .gm-detail{padding-top:20px;}
.b-game{display:flex;flex-direction:column;display:flex;padding:20px;max-width:100%;}
.ttl-all{display:block;}
.lobby-wrap ul{display:flex;justify-content:space-between;list-style:none;padding:0px;gap:20px;display: grid;grid-template-columns: repeat(4,1fr);}
.lobby-wrap{background: var(--dark-white);padding:20px;border-radius:0px 20px 20px 20px;}
.wrap-ttl{display:inline-block;background: var(--dark-white3);padding:10px 20px;border-radius:20px 0px 0px 0px;position:relative;font-weight:bold;}
.lobby-wrap ul li img{border-radius:20px;}
.wrap-ttl span{color:#ff7979;}
.wrap-ttl:after{background: var(--box-radio) no-repeat;content:"";height:68px;width:83px;position:absolute;background-size:100% 100%;top:0px;right: -72px;}
.carousel{background: var(--dark-white);border-radius: 20px;}
.carousel-cell{width:100%;height:auto;margin-right:10px;background: var(--dark-white);border-radius:0px 20px 20px 20px;counter-increment:gallery-cell;}
.carousel-cell:before{display:block;text-align:center;line-height:200px;font-size:80px;color:white;}
.flickity-prev-next-button{width:30px;height:30px;border-radius:5px;background:#333;border-radius:50px;}
.flickity-prev-next-button:hover{background:#57d017;}
.flickity-prev-next-button .arrow{fill:white;}
.flickity-prev-next-button.no-svg{color:white;}
.flickity-prev-next-button.previous{right:50px;top:-25px;left:auto;}
.flickity-prev-next-button.next{right:0px;top:-25px;}
.lobby{flex-direction:column;display:flex;padding:20px;max-width:100%;}
ol.flickity-page-dots{display:none;}
.lobby-all ul{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;}
.lobby-all ul li img{display:block;margin:0px auto;}
.lobby-all{padding:20px;}
.leader-board{max-width:65vw;margin:0px auto;width:100%;margin-top:40px;}
.leader-box{display:flex;justify-content:space-between;background: #595d66;border-radius:15px;align-items:center;padding:20px;gap:20px;}
.lead-top-l{display:flex;width:50%;justify-content:space-between;}
table.wn-table tr:nth-child(odd){background: var(--dark-white2);}
.wn-table{width:100%;}
.winner-table{background: var(--body-color);padding:15px;}
.lead-r{width:50%;}
table.wn-table tr td{padding:10px;text-align:center;}
.lead-in-l{display:flex;flex-direction:column;justify-content:end;align-items:baseline;}
.lead-btn{display:inline-flex;background:linear-gradient(to bottom, rgba(246,196,33,1) 0%, rgba(241,151,17,1) 100%);color:#fff;padding:5px 20px;border-radius:20px;margin-top:42%;}
.lead-in-l p{width:180px;font-weight:bold;font-size:20px;line-height:22px;color:#fff;}
.board-in{position:relative;}
.top-win{position:absolute;top:-4px;left:-4px;z-index: 10;}
.winner-board{margin-top:20px;}
.btn-in{background:linear-gradient(to right, rgba(59,88,26,1) 0%, rgba(52,55,63,1) 47%, rgba(52,55,63,1) 100%);display:inline-block;padding:5px 20px;border-radius:20px;font-size:12px;color: #fff;}
table.board-tlb{width:100%;}
.boar-btm{background: var(--dark-white);padding:20px;}
table.board-tlb tr td{text-align:left;padding:7px;font-size:0.8vw;}
table.board-tlb tr th{color:#5e6f70;font-weight:100;}
table.board-tlb tr td:last-child{text-align:right;}
table.board-tlb tr th:last-child{text-align:right;}
.home-footer{background: var(--dark-white);}
.footer-in{max-width:65vw;margin:0px auto;width:100%;margin-top:40px;padding-top:0vw;padding-bottom:40px;}
.footer-l p{color:#555b65;}
.footer-wrap{display:flex;padding-top:4vw;}
.footer-l{width:18vw;padding-right:60px;font-size:12px;position:relative;line-height:30px;top:0px;}
.footer-r{width:65%;display:flex;padding:0px 20px;justify-content:space-between;}
.footer-l:after{height:195px;border-right:1px solid #555b65;content:"";position:absolute;right:0px;top:0px;}
.footer-menu ul{list-style:none;padding:0px;padding-left:66px;}
.footer-menu ul li a{color:#555b65;font-size:12px;line-height:30px;}
.footer-menu ul li a:hover{color:#fff;}
.footer-ll{color:#555b65;font-size:12px;}
.footer-ll p{font-weight:bold;margin-bottom:20px;}
.footer-ll-in{display:flex;gap:60px;}
.footer-ll-in a{color:#57d017;}
.footer-dnw p{margin-bottom:7px;}
.footer-bottom{display:flex;border-top:1px solid #555b65;margin:20px 0px;padding-top:30px;justify-content: space-between;}
.footer-img ul {list-style: none;display: flex;gap: 10px;filter: grayscale(0.5);}
.ft-btm-r img {filter: contrast(0.5);height: 30px;}
.ft-btm-r ul {display: flex;list-style: none;justify-content: center;gap: 5vw;}
.footer-img img {filter: contrast(0.5);height: 30px;}
.ft-btm-l{display:flex;width:50%;gap:20px;align-items:flex-start;}
.ft-btm-l p{font-size:12px;color:#555b65;}
.product-slider{display:block;}
.product-slider-m{display:none;}
.product-in-m{grid-template-columns:100%;display:grid;justify-content:space-between;background: var(--dark-white);padding:20px;border-radius:25px;}
.login-modal{padding:0px;width:100%;}
.login-modal .modal-body{padding:0px;position:relative;}
.modal-dialog.login-modal{max-width:464px;}
.login-modal .modal-content{background:none;border:none;}
.login-modal .close{position:absolute;right:18px;font-size:41px;z-index:1;color:#fff;}
.mdl-form-box{top:35%;width:100%;padding:20px;background: var(--search-bar);}
.mdl-form-box .form-control{color:#73898a;background: var(--dark-white);border: 1px solid var(--dark-white);}
.mdl-form-box label{color:#73898a;font-size:14px;}
.mdl-form-box .form-control:focus{border:none;outline:none;box-shadow:none;}
.container-checkbox{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px !important;}
.container-checkbox input{position:absolute;opacity:0;cursor:pointer;}
.container-checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#26282d;border:1px solid #646d74;border-radius:2px;}
.container-checkbox:hover input ~ .checkmark{background-color:#26282d;}
.container-checkbox input:checked ~ .checkmark{background-color:#26282d;}
.container-checkbox .checkmark:after{content:"";position:absolute;display:none;}
.container-checkbox input:checked ~ .checkmark:after{display:block;}
.container-checkbox .checkmark:after{left:6px;top:1px;width:7px;height:12px;border:solid #44b40a;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.mdl-form-box .form-check{padding-left:0px;}
.pop-btm{bottom:0px;width:100%;background:#17181b;left:0px;display:flex;flex-direction:column;justify-content:center;margin:0px auto;text-align:center;padding:10px;border-radius:0px 0px 20px 20px;}
.wrap-ico{display:inline-block;justify-content:center;}
.wrap-ico ul{display:flex;}
.pop-btm p{color:#73898a;font-size:14px;}
.wrap-ico ul{list-style:none;justify-content:center;background:#26282d;display:inline-flex;padding:5px 10px;border-radius:40px;gap:10px;}
.login-modal .modal-body{background:#1e2024;border-radius:20px;}
.wrap-pop{position:relative;background:#1e2024;border-radius:0px 0px 50px 50px;}
.log-wrap button{padding:8px 30px;border-radius:20px;font-size:14px;}
.log-wrap{display:flex;justify-content:center;gap:20px;}
.btn-inn{background:#31343c;color:#57d218;}
.btn-up{background:#57d218;color:#fff;}
.form-group{position:relative;}
.btn-forgot{position:absolute;display:flex;width:100%;right:0px;top:0px;justify-content:end;}
.btn-forgot a{display:contents;right:0px;font-size:12px;position:absolute;color: var(--text-color);}
.mdl-form-in{display:flex;position:relative;justify-content:flex-start;}
.car-left{position:relative;padding:20px;}
.car-left a{padding-left:20px;width:100%;display:flex;justify-content:flex-start;color: var(--text-color);}
.car-left a:hover {color: var(--white-dark);}
.car-left i{padding-right:20px;}
.btn-rest{color:#fff;background:#57d218;width:100%;}
.all-1{display:contents;}
.all-1 .game-wrap{display:grid;grid-template-columns:repeat(2,1fr);}
/************Sport******************/
.sport-ifame{display:block;margin:0px auto;min-width:1560px;width:1560px;}
.page-ttl {display: inline-flex;background: linear-gradient(to right, rgba(59,88,26,1) 0%, rgba(52,55,63,1) 47%, rgba(52,55,63,1) 100%);padding: 8px 20px;border-radius: 0px 20px 20px 0px;align-items: center;}
.ico-ttl {margin-right: 5px;}
.page-nm{color: #fff;}
.slot-lobby {width: 100%;}
.slt-lbby ul {display: grid;flex-wrap: wrap;justify-content: flex-start;list-style: none;gap: 18px;grid-template-columns: repeat(4,1fr);}
.slt-lbby {margin-top: 30px;display: flex;justify-content: center;}
.mix{display:none;}
.filter-menu-bar{margin:20px 0;display: inline-flex;justify-content: flex-start;/* grid-template-columns:repeat(6,1fr); */gap: 10px;flex-wrap: wrap;}
.pmbox{background: #1c1e22;color:#ffffff;text-transform:uppercase;display:inline-block;padding: 10px 25px;font-weight:700;font-size:14px;cursor:pointer;border-radius:25px;text-align:center;border: 1px solid #57d017;}
 .pmbox:hover, .pmbox.active{color: #fff;background: #57d017;}
.promo-content{display:grid;grid-gap:0px;grid-template-columns:repeat(2,1fr);gap: 10px 10px;margin-bottom:30px;}
.pm-boxer{display:flex;cursor:pointer;transition:all 0.5s;position:relative;max-width:100%;height:auto;align-content:center;grid-gap:10px;color:#fff;flex-direction:column;}
.pm-boxer_inner{height:85px;padding:10px 20px;}
h4.ttl-promo{color:#21276d;font-size:17px;font-weight:bold;margin:0px;padding:0px;}
.promo-per{color:#e40080;display:flex;margin-top:20px;}
.pm-boxer_inner_sec{display:flex;align-items:flex-end;}
.moreinfo_btn{background:#ffc000;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.apply_btn{background:linear-gradient(to bottom, #b60000 0%, #5a0500 100%, #f1e767 100%);color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.text_red{color:#e40080;margin-left:10px;font-weight:bold;}
.text_blue{color:#9a7922;}
.modal-dialog.promo{max-width:800px !important;border-radius: 20px;}
.modal-content.promo{border:none;background: var(--dark-white);border-radius: 20px;/* border: 1px solid #57d017; */}
button.close-promo{background:none;border:none;font-size:19px;padding: 7px;line-height:1;font-weight:700;position:absolute;right:0;top:0;color: #ffffff;}
.grlist{color: var(--text-color);}
.pm-title-wrapper{font-size:16px;font-weight:700;background: #57d017;color: #ffffff;padding:15px 20px;border-radius: 20px 20px 0px 0px;}
.pmtable-wrapper{}
table.promo-table tr th{color:#fff;background: #57d017;padding:4px;text-align: center;border: 1px solid var(--text-color);}
table.promo-table tr td{border: 1px solid var(--text-color);padding:5px;color: var(--text-color);text-align: center;}
.gr-title{margin-top:20px;font-weight:700;font-size:16px;color: #57d017;}
.grlist ul{padding-left:20px;margin-top:5px;}
 .grlist ul li{padding-bottom:8px;font-size:14px;list-style:disc;color: var(--text-color);}
 .promo-pop-cont{padding:15px;border: 1px solid #57d017;border-radius: 0px 0px 20px 20px;color: var(--text-color);}
.promo-nav button {background: #1e2024;padding: 10px 30px;color: #fff;border-radius: 20px;}
.filter-box{margin-top:30px;}
.close-promo span{font-size:40px;}
.af-wrap{width:100%;margin:0px auto;}
.aff-bnr{position:relative;}
.btn-aff{background:#57d017;color:#fff;font-size:20px;padding:10px;border-radius:40px;display:flex;justify-content:center;width:25vw;font-weight:bold;}
.btn-aff-wrap{display:flex;justify-content:center;margin-top:-30px;}
.aff-1 h4{text-align:center;font-size:35px;}
.aff-1{margin-top:4vw;}
.in-aff-1{display:flex;justify-content:center;flex-direction:column;background:var(--dark-white);border-radius:30px;padding:20px;}
.aff-in-1{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:25px;}
.in-aff-top{display:flex;align-items:flex-end;color:#57d017;justify-content:space-between;}
.in-aff-top h5{font-size:24px;width:50%;margin-bottom:18px;}
.aff-content p{color:#6a717b;font-size:15px;}
.aff-content a{color:#57d017;}
.aff-reward h4{font-size:35px;text-align:center;}
.aff-reward{margin-top:4vw;}
.aff-reward p{color:#6a717b;font-size:15px;text-align:center;margin-top:1vw;margin-bottom:3vw;}
.btn-reward{background:#1c1e22;color:#fff;border-radius:20px;font-size:24px;padding:10px 40px;}
.btn-reward{text-align:center;margin:0px auto;display:flex;padding:10px 20px;}
.rwd-graph{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:4vw;}
.graph-in{background:var(--dark-white);border-radius:20px;padding:20px;}
.aff-in-2{display:flex;justify-content:space-between;height:7vw;}
.rwd-l h5{color:#57d017;margin-bottom:20px;}
.rwd-l p{font-size:15px;}
.rwd-info{font-size:15px;}
.ttx-y{font-size:24px;color:#f6c722;}
.ttx-g{color:#57d017;}
.rwd-wrap{background:var(--body-color);margin:0px;margin-top:20px;border-radius:20px;height:auto;}
.rwd-top-l{display:flex;flex-direction:column;width:50%;font-size:12px;}
.rwd-top{display:flex;color:#6a717b;padding:20px 50px;font-size:15px;}
.img-graph img{display:block;margin:0px auto;}
.wd-ft{display:flex;justify-content:end;padding:5px 65px;}
p.rwd-ft-p{text-align:center;padding:10px;}
.rwd-l{width:60%;}
.top-txt{color:#6a717b;padding:20px;}
.rewd-date{background:var(--dark-white);margin-top:4vw;border-radius:20px;display:flex;justify-content:space-between;position:relative;padding:20px 50px;align-items:baseline;}
.rewd-1{display:flex;align-items:center;width:50%;justify-content:center;margin-top:30px;}
.rewd-date h4{position:absolute;left:0;right:0;margin:0px auto;display:block;width:100%;text-align:center;}
.amt-red{background:var(--body-color);color:#f6c622;margin:10px;padding:10px;border-radius:30px;text-align:center;}
.rwd-table{margin:4vw auto;display:block;text-align:center;}
.table-wrap{display:flex;justify-content:space-between;gap:20px;margin-top:2vw;}
.rwd-in{width:50%;}
table.rwdin-table tr th:first-child{text-align:left;}
table.rwdin-table tr th:last-child{text-align:right;}
table.rwdin-table{width:100%;}
table.rwdin-table tr td:first-child{text-align:left;}
table.rwdin-table tr td:last-child{text-align:right;}
table.rwdin-table tr:nth-child(even){background:var(--dark-white);}
table.rwdin-table tr th{font-size:12px;font-weight:100;color:#6a717b;padding:10px 20px;}
table.rwdin-table tr td{padding:10px 20px;font-size:15px;}
table.rwdin-table tr{border-radius:20px;display:flex;justify-content:space-between;}
.af-wrap.aff-off{width:1140px;margin:0px auto;}
.vip-wrap ul{list-style:none;display:flex;gap:10px;margin-top:2vw;}
.vip-wrap ul li a{position:relative;display:flex;}
.vip-ttl{position:absolute;bottom:2vw;text-align:center;width:100%;font-size:1vw;text-transform:uppercase;color:#c3bd9d;}
.txt-gn{color:#57d017;}
.vip-wrap2 ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.vip-wrap2 ul li{background:var(--dark-white);border-radius:20px;}
.vip-wrap2 ul li a{display:flex;flex-direction:column;align-items:center;padding-top:20px;}
.vip-ttl-wrap{padding-bottom:20px;text-align:center;color:var(--text-color);}
.vip-ttl-wrap h4{color:#c3bd9d;font-size:0.8vw;}
.info-all{display:flex;width:100%;gap:20px;}
.info-side ul{display:flex;flex-direction:column;background:var(--info-bg);padding:20px;border-radius:20px;list-style:none;}
.info-side{width:18vw;}
.info-content{width:75%;padding:20px 40px;background:var(--info-bg);border-radius:20px;color:#66717e;font-size:12px;}
.info-content p{margin-bottom:20px;}
.info-side ul a{color:#66717e;padding:5px 20px;border-radius:20px;font-size:15px;}
.info-side ul a.active, .info-side ul a:hover{background:#24262b;}
.info-content h4{margin-bottom:20px;color:var(--text-color);}
.info-content ol{margin:15px;}
.info-content ol li{margin-bottom:20px;}
.inf-mn-m{display:none;}
button.btn-tnc{background:#57d017;width:100%;text-align:left;font-size:16px;padding:8px 15px;color:#fff;border:none;border-radius:5px;position:relative;}
 button.btn-tnc.collapsed{background:#1c1e22;color:#fff;}
 button.btn-tnc:focus{outline:none;}
.tnc-card{margin-bottom:5px;}
.tnc-body{background:rgb(36 38 43);padding:20px 20px 10px;border-radius:4px;margin-top:2px;line-height:1.3;}
 .tnc-body ol{padding-left:15px;}
 .tnc-body ol li{padding-bottom:8px;}
.bank-table tr.trans td{background:rgba(0,0,0,0.5);color:#fff;border:1px solid #a60417;padding:2px;}
.bank-table tr.trans1 td{background:rgba(0,0,0,0.5);color:#fff;border:1px solid #a60417;padding:2px;}
.bank-table tr.dwbox td{background:linear-gradient(to bottom, rgba(215,155,52,1) 0%, rgba(249,229,129,1) 15%, rgba(238,201,91,1) 58%, rgba(215,152,42,1) 83%, rgba(215,162,65,1) 100%);color:#000;font-weight:600;padding:2px;}
button.btn-tnc::after{content:'>';font-size:16px;line-height:1;position:absolute;right:17px;top:10px;transform:rotate(270deg);transition:all 0.3s;}
button.btn-tnc.collapsed::after{content:'>';transform:rotate(90deg);transition:all 0.3s;}
.inf-wrap{margin-top:30px;display:flex;justify-content:center;}
.info-side ul li{margin-bottom:20px;}
.btn-cnt a{background:linear-gradient(to bottom, rgba(119,59,250,1) 0%, rgba(90,28,198,1) 100%);padding:10px 40px;font-size:16px;border-radius:30px;}
.btn-cnt{display:flex;justify-content:center;}
.btn-cnt a:hover{background:linear-gradient(to bottom, rgba(90,28,198,1) 0%, rgba(119,59,250,1) 100%);}
.dropdown-menu:before{position:absolute;top:-7px;left:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0, 0, 0, 0.2);content:'';}
.dropdown-menu.pull-right:before{right:9px;left:auto;}
 .dropdown-menu:after{position:absolute;top:-6px;left:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #ffffff;border-left:6px solid transparent;content:'';}
.dropdown-menu.pull-right:after{right:10px;left:auto;}
.top-down::before{display:none;}
.top-down .dropdown-toggle::after{display:none;}
.dropbtn{background-color:var(--dark-white2);color:white;padding:16px;font-size:16px;border:none;cursor:pointer;border-radius:20px;display:flex;justify-content:space-between;align-items:center;}
.dropdown-af{display:inline-block;}
.dropdown-content{display:none;min-width:298px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown-af:hover .dropdown-content{display:block;position:absolute;right:20px;animation-duration:0.5s;}
.dropdown-af:hover .dropbtn{background-color:#1c1e22;}
.drop-box{padding:20px 10px;background:var(--dark-white2);margin-top:12px;}
.use-img img{border-radius:50px;width:52px;}
.dropdown-af{}
button.dropbtn{padding:0px 0px !important;}
button.dropbtn i{padding:10px 15px;font-size:20px;color:#6f6f6f;padding-left:5px;}
.top-down{margin:0px;background:var(--dark-white2);border-radius:30px;padding:0px 20px;height:auto;}
.bln-top{display:flex;align-items:center;justify-content:center;}
span.bln-ico{color:#ffb800;font-size:20px;display:flex;}
.blc-all{font-size:15px;color:#7d7d7d;}
.txt-wh{color:var(--text-color);}
.bln-ttl{color:#7d7d7d;font-size:14px;}
span.ico-dwn{color:var(--text-color);}
button.btn-wal{background:conic-gradient(from 1turn,#581ac4,#773cfd);background-color:#581ac4;height:50px;font-size:16px;border-radius:40px;padding:0px 24px;color:#fff;display:flex;align-items:center;}
button.btn-wal i{padding-right:10px;font-size:20px;}
.top-down .dropdown-menu{background:none;min-width:275px;border-radius:20px;transform:translate3d(0px, 60px, 0px) !important;padding:0px;margin:0px;border:none;}
.top-down .dropdown-menu:before{border-bottom:7px solid #1c1e22;border-right:7px solid #1c1e22;display:none;}
.top-down .dropdown-menu:after{border-bottom:6px solid #1c1e22;display:none;}
.dropdown-menu{left:auto !important;right:0px !important;}
.dropbl{background:var(--dark-white2);min-width:24vw;border-radius:20px;padding:20px;}
input.bln-search{height:40px;position:relative;}
.bln-all ul{display:flex;flex-direction:column;}
.bln-in{color:var(--text-color);display:flex;justify-content:space-between;}
.bln-all ul li{margin:3px 0px;border:1px solid #ffffff00;border-radius:20px;padding:4px 10px;cursor:pointer;list-style:none;}
.bln-all{margin-top:10px;}
.bln-all ul li:hover{border:1px solid #68b60f;border-radius:20px;}
.progress2{padding:9px 6px;border-radius:30px;user-select:none;position:relative;border-radius:1vw;width:100%;height:100%;display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;background:var(--search-bar);}
.progress-bar1, .progress-bar2, .progress-bar3, .progress-bar4, .progress-bar5{height:6px;border-radius:30px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));transition:0.4s linear;transition-property:width, background-color;}
.progress-moved .progress-bar1{width:20%;background-color:#EF476F;animation:progressAnimation 6s;}
.progress-moved .progress-bar2{width:40%;background-color:#EF476F;animation:progressAnimation2 6s;}
.progress-moved .progress-bar3{width:60%;background-color:#EF476F;animation:progressAnimation3 6s;}
.progress-moved .progress-bar4{width:80%;background-color:#EF476F;animation:progressAnimation4 6s;}
.progress-moved .progress-bar5{width:100%;background-color:#EF476F;animation:progressAnimation5 6s;}
@keyframes progressAnimation{0%{width:5%;background-color:#F9BCCA;}
 100%{width:20%;background-color:#EF476F;}
}
@keyframes progressAnimation2{0%{width:5%;background-color:#F9BCCA;}
 100%{width:40%;background-color:#EF476F;}
}
@keyframes progressAnimation3{0%{width:5%;background-color:#F9BCCA;}
 100%{width:60%;background-color:#EF476F;}
}
@keyframes progressAnimation4{0%{width:5%;background-color:#F9BCCA;}
 100%{width:80%;background-color:#EF476F;}
}
@keyframes progressAnimation5{0%{width:5%;background-color:#F9BCCA;}
 100%{width:100%;background-color:#EF476F;}
}
.lvl-bar{user-select:none;background-color:#949393;position:relative;border-radius:1vw;width:100%;height:100%;display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;}
.user-img img{height:40px;border-radius:50px;}
.drop-box{}
.user-img{}
.user-dtl{display:flex;align-items:end;gap:10px;}
.lvl-in img{height:16px;}
.lvl-in ul{list-style:none;display:flex;gap:9px;}
.user-lv p{font-size:12px;}
.vip-top{display:flex;justify-content:space-between;font-size:10px;margin-top:14px;}
span.nxt-xp{color:var(--text-color);}
.nxt-lvl{display:flex;gap:10px;}
.drop-btn{background:var(--search-bar);margin-top:10px;border-radius:10px;padding:10px;}
.drop-btn ul{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;}
.drop-btn ul li a{font-size:12px;color:#5e697b;padding:6px 10px;}
span.iv-icon{margin-right:10px;}
.btn-bln{background:none;display:flex;align-items:center;justify-content:center;padding:0.2vw 1vw;border-radius:20px;color:#fff;font-weight:bold;font-size:0.8vw;}
.header-r-af{display:flex;align-items:center;gap:10px;}
button.btn-out{display:flex;margin:10px 20px;background:none;border:none;color:#5e697b;align-items:center;font-size:12px;}
button.btn-out i{margin-right:10px;font-size:14px;}
.drop-btn ul li a:hover{background:none;color:var(--text-color);}
button.btn-out:hover{color:#fff;}
button.btn-msg{background:none;color:#6a717b;font-size:20px;}
button.btn-msg:hover{color:#fff;}
.af-modal{padding:0px;width:100%;}
.af-modal .modal-body{padding:0px;position:relative;}
.modal-dialog.af-modal{max-width:464px;border-radius:20px;}
.af-modal .modal-content{background:none;border:none;border-radius:20px;}
.af-modal .close{position:absolute;right:18px;font-size:41px;z-index:1;color:var(--text-color);top:6px;}
.af-modal .modal-body{background:var(--dark-white);border-radius:20px;}
.af-fm-ttl{display:flex;padding:15px;justify-content:space-between;}
.ttl-af{color:var(--text-color);}
.ttl-history{display:flex;}
.ttl-history a{position:relative;padding-right:10px;display:flex;align-items:center;}
.af-form{padding:0px 15px;}
.af-tab{margin-bottom:15px;}
.af-tab ul li a{padding:10px;display:flex;flex-direction:column;align-items:center;border:none !important;color:var(--text-color) !important;}
.af-tab ul{display:grid;justify-content:space-between;border:none;border-radius:10px;background:var(--search-bar);margin-bottom:20px;grid-template-columns:18% 18% 18% 18% 18%;margin:0px;}
.af-tab ul li a p{font-size:11px;}
.af-tab ul li a.active{background:#57d017 !important;border-radius:10px;color:#fff !important;}
.af-content-wrap mdl-form-box{border-radius:20px;}
.af-content-wrap .mdl-form-box{border-radius:10px;margin-bottom:15px;}
.radio-group input, .radio-group .content{display:none;background:var(--dark-white);line-height:25px;padding:5px 15px;color:var(--text-color);font:normal 1em/150% Sans-Serif;min-width:200px;max-width:440px;border-radius:5px;}
#one:checked ~ .one,#two:checked ~ .two,#three:checked ~ .three{display:block;}
.radio-group label{cursor:pointer;background:var(--dark-white);height:71px;padding:5px 10px;display:inline-block;text-align:center;color:var(--text-color);font:normal 1em/150% Sans-Serif;margin-right:2px;transition:background .25s linear;border-radius:5px;}
.radio-group label:hover, .radio-group input:checked + label{background:#773cfd;color:#fff;}
.amt-box ul{display:flex;gap:10px;margin-top:10px;list-style:none;}
.amt-box ul li button{background:#919295;border:none;padding:5px 10px;border-radius:5px;color:#fff;font-size:12px;}
.amt-box ul li button:hover, .amt-box ul li button.active{background:#57d017;}
.bnk-table tr td{}
.bnk-table{width:100%;}
.radio-group label p{font-size:12px;}
.upload-file{display:flex;position:relative;justify-content:space-between;width:100%;}
.btn-file{padding:5px 20px;height:37px;top:0px;position:relative;margin-left:10px;border-radius:5px;border:none;font-size:12px;width:30%;color:#fff;border:none;background:#128807;}
.upload-file .form-control{width:256px;}
.custom-file-input{position:absolute;z-index:2;margin:0;opacity:0;cursor:pointer;font-size:12px;}
.bnk-table tr td{font-size:12px;padding:0px 10px;}
.bnk-table{width:100%;}
.radio-group label p{font-size:12px;}
.upload-file{display:flex;position:relative;justify-content:space-between;width:100%;}
.btn-file{padding:5px 20px;height:37px;top:0px;position:relative;margin-left:10px;border-radius:5px;border:none;font-size:12px;width:30%;color:#fff;border:none;background:#57d017;}
.upload-file .form-control{width:256px;}
.custom-file-input{position:absolute;z-index:2;margin:0;opacity:0;cursor:pointer;font-size:12px;}
.btn-smt{background:conic-gradient(from 1turn,#581ac4,#773cfd);background-color:#581ac4;color:#fff;padding:8px 20px;border-radius:20px;width:100%;}
.bank-detail{background:var(--dark-white);border-radius:10px;padding:5px 15px;color:var(--text-color);margin-bottom:15px;}
.bank-detail tr td{padding:5px 10px;}
.tranc-table tr td{color:#424242;padding:5px 10px;}
.tranc-table tr th{color:#fff;padding:5px 10px;font-weight:bold;font-size:12px;color:var(--text-color);}
.tranc-table tr{border-radius:20px;display:flex;justify-content:space-between;}
.tranc-table tr:nth-child(even){background:#26282d;}
.amt-box{position:relative;}
.btn-cpy{background:#26282d;color:#fff;position:absolute;bottom:2px;right:0px;padding:4px 14px;}
.btn-dt{background:#26282d;color:#fff;position:absolute;bottom:2px;right:0px;padding:4px 14px;}
.qr-code img{display:block;margin:0px auto;width:25%;}
.ttl-history a{display:flex;color:var(--text-color);}
.ttl-history a:hover{color:var(--white-dark);}
.ttl-history a .nxt-ico{margin-right:5px;display:flex;}
.af-fm-ttl-us{display:flex;justify-content:space-between;padding:0px 20px;position:relative;}
.vip-tp{right:35px;position:relative;}
.af-fm-ttl-us .ttl-af{padding-top:15px;}
.vip-nm{position:absolute;bottom:26px;left:0px;right:0px;margin:0px auto;color:#fff;text-align:center;}
.item-box.user-profile{display:flex;flex-direction:column;align-items:center;color:var(--text-color);}
.vip-user img{height:60px;display:flex;border-radius:50px;margin:0px auto;}
.lvl-in-top ul{list-style:none;display:flex;gap:5px;}
.lvl-in-top ul li img{filter:grayscale(1);height:20px;}
.lvl-in-top{margin:5px;}
.item-box.uer-bln{background:var(--search-bar);margin:15px;;padding:15px 20px;border-radius:10px;color:var(--text-color);}
.top-bx-l{display:flex;font-size:12px;}
.top-box ul{display:flex;list-style:none;justify-content:space-between;align-items:center;}
.top-box ul li{display:flex;flex-direction:column;align-items:center;font-size:12px;}
.top-bx-l i{color:#5e697b;font-size:20px;margin-right:15px;}
.amt-ttl{color:#5e697b;}
.top-box{margin-top:15px;}
.top-box-fav ul{display:flex;list-style:none;flex-direction:column;}
.top-box-fav ul li{display:flex;gap:15px;}
.img-ttl img{}
.fav-gm{display:flex;justify-content:space-between;padding-top:10px;width:100%;}
.fav-l h4{font-size:14px;color:var(--text-color);}
.top-box-fav{margin-top:15px;}
.fav-l{font-size:12px;color:#5e697b;}
.fav-r{font-size:12px;text-align:right;}
.tp-t{color:#5e697b;}
.img-ttl{width:25%;}
.slider .swiper-slide:first-child source{width:100%;display:block;width:100%;height:100%;object-fit:cover;}
.d-show{display:block !important;}
.m-show{display:none !important;}
.msg-wrap{display:flex;font-size:12px;}
.msg-r{padding:15px;border:1px solid #8c8d8e;}
.msg-l{border:1px solid #8c8d8e;}
.msg-l a{color:var(--white-dark);}
.msg-l .nav-tabs{border:none;}
.msg-l a{padding:15px 5px;border-radius:0px !important;line-height:13px;}
.msg-l ul{border-radius:0px;}
.msg-l ul li{border-radius:0px;}
.msg-l ul li a.active, .msg-l ul li a:hover{background:#57d017 !important;color:#fff !important;border:1px solid #fff0!important;}
.btn-bln-all {
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
    border-bottom: 1px solid #4e535e;
    padding-bottom: 10px;
}
.btn-amt {
    display: flex;
    gap: 10px;
    align-items: center;
}
button.btnall {
    padding: 5px 10px;
    border-radius: 10px;
    background: #7236f4;
    color: #fff;
}
button.btnall:hover {
    background: #5e21cf;
}

.panel-default>.panel-heading {
  color: #333;
  background-: none;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 14px;
  font-size: 14px;
  background: #191b1e;
  border-radius: 10px;
  /* margin-bottom: 10px; */
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  /* background-color: #eee; */
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(0deg);
}
.btn-wrap {
    padding: 10px;
    font-size: 12px;
}

.blnc {
    margin-bottom: 10px;
}

.blnc .panel-body {
    background: #333941;
    border-radius: 10px;
}
.logo img {
    height: 50px;
}
.frame {
    position: absolute;
    bottom: 0px;
}
.lobby-wrap a {
    position: relative;
    display: block;
}
.slt-lbby a {
    position: relative;
    display: block;
}
.frame img {
    /* position: absolute; */
    /* bottom: 0px; */
}
.prv-nm {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 29%;
    bottom: 5%;
}
.prv-txt {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 45%;
    bottom: 8%;
    font-size: 1vw;
    text-align: center;
    font-weight: bold;
    max-width: 10vw;
}
.frame-1 .prv-nm {
    position: absolute;
    right: 0px;
    left: auto;
    margin: auto;
    /* max-width: 210px; */
    width: 100%;
    bottom: 1%;
    max-width: 10vw;
    background: none;
}
.frame-1 .prv-txt {
    position: absolute;
    left: auto;
    right: 0;
    margin: 0px auto;
    width: 100%;
    bottom: 4%;
    max-width: 10vw;
}
.prv-nm img {
    filter: drop-shadow(1px 1px 1px black);
    height: 1.7vw;
    display: block;
    margin: 0px auto;
}
@media (max-width:1328px){.af-wrap{width:100%;}
 .af-wrap .aff-off{width:100%;margin:0px auto;}
.aff-in-1{grid-template-columns:repeat(1,1fr);}
.rwd-graph{grid-template-columns:repeat(1,1fr);}
.rwd-wrap{height:auto;padding:20px;}
.rwd-top{padding:0px;}
.table-wrap{flex-direction:column;}
.rwd-in{width:100%;}
.rwd-l{text-align:center;width:100%;}
.aff-in-2{}
.rwd-r img{display:block;margin:0px auto;}
.btn-aff{width:70%;}
.rewd-1{flex-direction:column;width:100%;}
.rewd-date{flex-direction:column;}
.info-side{width:25%;}
}
@media (max-width:1260px){.product-in{grid-template-columns:50% 50%;}
.af-wrap{width:100%;}
.af-wrap.aff-off{width:100%;margin:0px auto;}
.slide-off .pd-item-2{width:30%;}
.pd-item-3{display:none;}
.slide-off .pd-item-3{display:block;}
.swiper-card .game-wrap{display:flex;flex-direction:column;gap:0px;}
.videoswiper .swiper-card .gm-detail{padding-top:0px;}
.prv-nm{display:none;}
                          .frame .prv-nm {
    display: block;
    width: 26%;
}

.frame .prv-nm img {
    height: auto;
}
                          .frame-1 .prv-nm {
    display: block;
    max-width: 12vw;
    width: 12vw;
}
 .frame-1 .prv-nm img{
    height: 1.7vw;
}                         
.gm-nm2{font-size:1vw;}
.ply-won{font-size:1vw;}
.ttl-txt{font-size:1vw;}
.ply-name{font-size:0.8vw;}
.gm-nm{font-size:0.8vw;}
.gm-image2{margin-top:10px;}
.videoswiper .swiper-button-prev{left:0px;top:8vw;}
.videoswiper .swiper-button-next{top:8vw;right:0px;}
.pd-item-1{}
.pd-item-2{width:50%;}
.search-bar{display:none;}
.header-r button{padding:0.5vw 2vw;font-size:1.5vw;}
.leader-box{flex-direction:column;}
.lead-top-l{width:100%;}
.lead-r{width:100%;}
.footer-menu ul{list-style:none;padding:0px;padding-left:30px;}
.page-block{max-width:100%;}
.footer-l:after{height:195px;border-right:1px solid #1b1d21;content:"";position:absolute;right:0px;top:0px;}
.slider .swiper-slide:first-child{width:50%;}
.slider .swiper-slide:nth-child(2n){width:50%;}
.slider .swiper-slide:nth-child(3n){width:50%;}
.slider .swiper-slide{width:50%;}
.slider .swiper-slide img{}
 .rwd-wrap{height:auto;margin-top:10vw;}
 .vip-ttl-wrap h4{color:#c3bd9d;font-size:2vw;}
 .aff-1 h4{font-size:6vw;}
element.style{}
.vip-ttl{font-size:2vw;}
.info-side{width:25%;font-size:12px;}
.info-side ul{padding:15px;}
.info-side ul a{padding:5px;}
.info-all{display:flex;}
.slider .swiper-slide:first-child picture{display:block;width:100%;height:100%;object-fit:cover;}
.slider .swiper-slide:first-child source{display:block;width:100%;height:100%;object-fit:cover;}
.d-show{display:none !important;}
.m-show{display:block !important;}
}
@media (max-width:840px){.product-slider{display:none;}
.product-slider-m{display:block;margin-top:15px;}
.gm-image2 img{height:13vw;}
.swiper-card .game-wrap{display:flex;flex-direction:row;gap:10px;}
.videoswiper .swiper-button-prev, .videoswiper .swiper-button-next{display:none;}
.ttl-txt{font-size:4vw;}
.gm-detail{display:flex;flex-direction:column;font-size:4vw;justify-content:center;}
.gm-nm2{font-size:2vw;}
.ply-won{font-size:2vw;}
.header-r button{padding:1vw 3vw;font-size:3vw;}
.swiper-button-next, .swiper-button-prev{display:none;}
.sport-ifame{width:100%;min-width:100%;}
 .home-section .home-content{padding-top:75px;}
 .slt-lbby ul{grid-template-columns: repeat(1,1fr);gap:10px;}
  .frame.frame-1 {
    /* width: 30vw; */
}

.frame-1 .prv-nm {
    display: block;
    max-width: 25vw;
    width: 25vw;
}

.frame-1 .prv-nm img {
    filter: drop-shadow(1px 1px 1px black);
    height: 3.7vw;
    display: block;
    margin: 0px auto;
}                       
 .aff-in-2{flex-direction:column;height:auto;}
 .in-aff-top h5{font-size:18px;}
.btn-aff{width:100%;margin-top:20px;}
.vip-ttl{font-size:4vw;}
.vip-wrap2 ul{grid-template-columns:repeat(3,1fr);}
.vip-ttl-wrap h4{font-size:3vw;}
.vip-ttl-wrap p{font-size:3vw;}
.vip-wrap ul{display:grid;grid-template-columns:repeat(3,1fr);}
.info-content p{margin-bottom:20px;}
.info-side ul{display:none;}
.info-content{width:100%;padding:20px;}
.dropdown2 .options{position:absolute;bottom:-195px;z-index:1;}
.dropdown2.active::before{transform:rotate(313deg);}
.dropdown2::before{top:14px;transform:rotate(137deg);}
.inf-mn-m{display:block;}
.dropdown2{width:200px;margin:0px;}
.info-all{display:flex;flex-direction:column;}
 .bank-detail{background:#26282d;border-radius:10px;padding:5px 15px;color:#fff;margin-bottom:15px;}
.bank-detail tr td{padding:5px 10px;}
 .tranc-table tr td{color:#fff;}
.ttl-history a .nxt-ico{font-size:17px;display:flex;margin-right:8px;}
.footer-l:after{border-right:1px solid #1b1d2100;}
.promo-content{grid-template-columns:repeat(1,1fr);}
.footer-img ul{justify-content:center;}
.btn-bln-all {
    flex-direction: column;
    align-items: flex-start;
}

.btn-amt {
    width: 100%;
    justify-content: space-between;
}

button.btnall {
    padding: 2px 10px;
    font-size: 12px;
}	
}
@media (max-width:660px){.sidebar{width:100%;z-index:1000;}
.home-section{width:100%;left:-260px;}
.bx-menu1{color:#fff;position:absolute;right:5%;font-size:30px;top:15px;display:block;z-index:10;}
.sidebar.close ~ .home-section{left:0px;width:calc(100% - 0px);}
.sidebar.close{transition:all 0.5s ease;left:-78px;}
.mode-wrap{justify-content:flex-start;padding-left:6vw;}
li.hide-op{justify-content:flex-start;padding-left:6vw;}
.sidebar .profile-details{width:100%;}
.btn-log{justify-content:flex-start;text-align:left;margin:0px;padding-left:7vw;}
.btn-log{justify-content:flex-start;text-align:left;margin:0px;padding-left:7vw;}
.sidebar .nav-links li:hover a.mode-wrap{padding-left:6vw;}
.search-bar{display:none;}
.bx-menu2{left:50px;top:15px;border:1px solid #6f6f6f;}
.home-header.side-off{width:100%;padding:0vw 2vw;}
.home-header{width:100%;}
.winner-board{}
.leader-board{max-width:100%;padding:15px;margin:0px;}
.footer-in{padding:10vw;max-width:100%;}
.footer-wrap{flex-direction:column;}
.footer-l{width:100%;padding:0px;}
.footer-r{width:100%;flex-direction:column;margin-top:10vw;padding:0px;}
 .footer-ll{margin-top:30px;}
.footer-menu ul{display:flex;padding:0px;justify-content:center;flex-wrap:wrap;gap:10px;}
.footer-menu ul li a{display:block;flex-wrap:wrap;}
.footer-menu ul li{display:flex;}
.footer-ll p{text-align:center;}
.ft-btm-l{flex-direction:column;width:100%;}
.footer-bottom{flex-direction:column;}
.ft-btm-l img{width:fit-content;display:block;margin:0px auto;}
.ft-btm-l p{text-align:center;}
.ft-btm-r{margin-top:30px;}
.carousel-cell{height:auto;}
.lobby-all ul{grid-template-columns:repeat(3,1fr);}
.lobby-wrap ul{flex-direction:column;grid-template-columns: repeat(1,1fr);}
.product-slider{display:none;}
 .logo img{height:40px;}
.logo{padding:0px;}
 table.wn-table tr td{font-size:3vw;}
table.board-tlb tr td{font-size:2.5vw;}
.login-modal .modal-content{height:100%;}
.modal-dialog.login-modal{margin:0px;height:100%;}
.pop-btm{position:absolute;}
button.btn-wal{padding:5px;height:auto;font-size:2vw;}
.blc-all{font-size:2.5vw;}
.top-down{padding:0vw 1vw;}
.top-down .dropdown-menu{width:100%;min-width:275px;right:0px !important;transform:translate3d(120px, 50px, 0px) !important;}
.dropbl{width:100%;max-width:100%;min-width:100%;}
.bln-all{width:100%;margin-top:0px;}
.use-img img{width:30px;}
button.dropbtn i{padding:5px 10px;font-size:20px;}
button.btn-wal i{font-size:16px;}
.bln-ttl{font-size:2.5vw;}
button.btn-msg{font-size:16px;}
.bln-icon{font-size:12px;}
.blc-amt{font-size:12px;}
.bln-all ul li{margin:0px 10px;}
input.bln-search{height:30px;}
span.ico-dwn{font-size:9px;}
.af-modal{margin:0px auto;height:100%;background:var(--dark-white);}
}
@media (max-width:420px){.product-in-m{padding:10px;}
.gm-image2{margin-top:0px;}
.gm-nm2{font-size:3vw;}
.ply-won{font-size:3vw;}
}
.panel-default>.panel-heading a[aria-expanded="false"]:after