@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";@font-face{font-family:"play";src:url("../font/play.woff2") format("woff2")}@font-face{font-family:"play-bold";src:url("../font/play-bold.woff2") format("woff2")}*{box-sizing:border-box;margin:0;padding:0;font-family:"play",Arial,sans-serif}html{scroll-behavior:smooth;font-size:17px}@media only screen and (max-width: 1024px){html{font-size:16px}}@media only screen and (max-width: 500px){html{font-size:15px}}body{background-color:#2c0724;color:#fff}body::after{content:"";z-index:-100;width:100%;height:100vh;position:fixed;top:0;left:0;background-image:url("../img/body_pc_bg.webp");background-repeat:no-repeat;background-size:cover;background-position:50%;opacity:.6}img{display:block;width:100%}.f-center{display:flex;justify-content:center;align-items:center}a{text-decoration:none;color:#fff}.common-link{font-size:1.2rem;color:#fff}p,span{font-size:1.2rem;line-height:36px;text-align:left}h1,h2{font-family:"play-bold",Arial,sans-serif;color:#059651}h3,h4{font-family:"play-bold",Arial,sans-serif;color:#18a964}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.2rem}.layout-padding{max-width:1600px;margin:auto;padding:3% 10%}@media only screen and (max-width: 1024px){.layout-padding{padding:3% 6%}}@media only screen and (max-width: 500px){.layout-padding{padding:3% 4%}}.swiper{width:100%;padding-bottom:30px !important}.swiper .swiper-button-prev,.swiper .swiper-button-next{color:#fff;top:45%}@media only screen and (max-width: 1024px){.swiper .swiper-button-prev::after,.swiper .swiper-button-next::after{font-size:28px}}.swiper .swiper-pagination{bottom:-30px}.swiper .swiper-pagination .swiper-pagination-bullet{background:#fff}.common-btn{color:#505050;padding:12px 35px;font-weight:800;border-radius:12px;background:linear-gradient(0deg, #ff9c19 40%, #ffdd2d 110%);box-shadow:-3.828px -3.828px 6px 0px rgba(255,200,39,.4),3px 5px 8px 0px rgba(255,82,1,.2)}@media only screen and (max-width: 500px){.common-btn{padding:10px 24px}}.navbar{background:#0a0a0a;width:100%;height:80px;padding:0 10%;border-bottom:1px solid #6c6c6c;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 1024px){.navbar{height:70px;padding:0 6%}}.navbar .logo-img{display:flex;align-items:center}.navbar .logo-img img{width:160px}@media only screen and (max-width: 1024px){.navbar .logo-img img{width:140px}}@media only screen and (max-width: 500px){.navbar .logo-img img{width:120px}}.navbar .menu-toggle{display:none;justify-self:end}.navbar .menu-toggle:hover{cursor:pointer}.navbar .menu-toggle .bar{width:25px;height:3px;background:#fff;margin:5px auto;transition:all .3s ease-in-out}.navbar .menu-toggle.is-active{display:none}.navbar .navbox{z-index:999}@media only screen and (max-width: 800px){.navbar .navbox{background:rgba(38,46,69,.99)}}.navbar .navbox .nav-logo,.navbar .navbox .close-btn{display:none}.navbar .navbox .nav{display:flex;justify-content:space-between;gap:28px}@media only screen and (max-width: 800px){.navbar .navbox .nav{padding:0 10%;flex-direction:column;gap:40px}}.navbar .navbox .nav .nav-pages{display:flex;justify-content:space-between;align-items:center;transition:color .3s ease-out}.navbar .navbox .nav .nav-pages:hover{color:#3498db}@media only screen and (max-width: 800px){.navbar .navbox .nav .nav-pages{font-size:1.8rem;padding:2%;border-bottom:1px solid #fff}}.navbar .navbox .nav .nav-pages img{display:none;width:24px;height:24px}@media only screen and (max-width: 800px){.navbar .navbox .nav .nav-pages img{display:block}}.navbar .navbox .nav .join-btns{display:flex;justify-content:space-between}.navbar .navbox .nav .join-btns .head-button{font-size:1rem;height:40px;border-radius:6px;margin:auto;display:flex;justify-content:center;align-items:center}.navbar .navbox .nav .join-btns .head-login{width:90px;background-color:#9a7519}@media only screen and (max-width: 800px){.navbar .navbox .nav .join-btns .head-login{width:49%}}.navbar .navbox .nav .join-btns .head-join{width:120px;margin-left:10px;background-color:#ffc107}@media only screen and (max-width: 800px){.navbar .navbox .nav .join-btns .head-join{width:49%}}@media only screen and (max-width: 800px){.navbar .navbox{position:fixed;top:0;right:0;transform:translateX(100%);transition:transform .3s ease-in-out;background:rgba(38,46,69,.95);box-shadow:rgba(77,149,228,.3) 0px 0px 10px 10px inset;width:100%;height:100vh;text-align:center;padding-top:120px;display:flex;flex-direction:column}.navbar .navbox .nav-logo{display:block;width:160px;padding:0;position:absolute;top:40px;left:50%;transform:translateX(-50%)}.navbar .navbox .close-btn{display:block;padding:0;position:absolute;top:40px;right:40px}.navbar .navbox .close-btn span{color:#fff;font-size:3.5rem;line-height:1;cursor:pointer}.navbar .menu-toggle,.navbar .menu-toggle .bar{display:block}.navbar .mobile-nav{transform:translateX(0)}}#up{display:none;background-color:#dbb96d;width:50px;height:50px;font-weight:bolder;border-radius:50%;position:fixed;right:2%;bottom:2%;justify-content:center;align-items:center;box-shadow:.5px 1px 5px 5px rgba(0,0,0,.5);transition:.3s ease-out;cursor:pointer;opacity:.7}#up:hover{opacity:1}@media only screen and (max-width: 1024px){#up{width:45px;height:45px}}#up p{font-size:1.5rem;font-weight:bolder;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}#luckywheel{z-index:300;position:fixed;left:0;bottom:18%;text-align:center}@media only screen and (max-width: 500px){#luckywheel{bottom:8%}}#luckywheel img{width:140px;animation:game 1.5s ease-out infinite}@keyframes game{0%{filter:drop-shadow(0px 0px 2px #fff)}50%{filter:drop-shadow(0px 0px 6px #fff)}100%{filter:drop-shadow(0px 0px 2px #fff)}}@media only screen and (max-width: 1024px){#luckywheel img{width:120px}}@media only screen and (max-width: 500px){#luckywheel img{width:80px}}#luckywheel span{font-family:"play-bold";color:#ff9c19;font-size:1rem;line-height:1.5rem}@media only screen and (max-width: 500px){#luckywheel span{font-size:.8rem}}footer{background-color:#1c1c1e;display:flex;flex-wrap:wrap;padding:2.5% 10%}@media only screen and (max-width: 1024px){footer{padding:2% 6% 0}}@media only screen and (max-width: 500px){footer{padding:2% 4% 0}}footer .ft-logo{max-width:220px}footer .ft-title{font-size:1.2rem !important}footer .ft-logoarea{width:100%;margin-bottom:15px}footer .ft-logoarea img{max-width:220px}@media only screen and (max-width: 500px){footer .ft-logoarea img{max-width:180px}}footer .ft-logoarea p{font-size:.8rem;line-height:24px;margin:10px 0}footer .ft-sportsbook p,footer .ft-rated p{font-size:.8rem;line-height:24px;margin:15px 0}footer .ft-rated{display:flex;justify-content:center;align-items:center;gap:10px}footer .ft-payment,footer .ft-license,footer .ft-sportsbook,footer .ft-rated{width:100%;text-align:center;border-top:1px solid #fff;padding:1.5% 0}footer .ft-license-img{max-width:150px}footer .ft-payment-img{max-width:800px}footer .ft-rated-img{width:32px}footer .ft-copyright{width:100%;font-size:.9rem;border-top:1px solid #fff;text-align:center;padding:1% 0 0}.card-section{flex-wrap:wrap;width:100%;display:flex;justify-content:center;gap:25px}.card-box{overflow:hidden;position:relative;padding:45px;box-sizing:border-box;width:280px;height:400px;background-image:url("../img/home/card-sport.webp");background-position:center;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.3s ease}.card-box:hover{background-position-y:10%;filter:drop-shadow(-9px 16px 0px #343331)}.card-box:hover>.card-info{top:50%;margin-top:35px}.card-box:hover>.card-text{top:0;width:100%;text-shadow:5px 5px 10px rgba(36,35,35,.13);background-color:#0e9b06}.card-box:hover>.card-text .heading,.card-box:hover>.card-text .para{text-shadow:none}.card-box .card-text{transition:.1s ease;margin-bottom:25px;position:absolute;color:#fff;text-align:center;font-family:"Anton",sans-serif;padding:7px 5px}.card-box .card-text .heading{font-size:35px;text-shadow:3px 10px 14px #151515;text-align:center}.card-box .card-text .para{font-size:20px;text-shadow:3px 10px 14px #151515}.card-box .card-info{transition:.3s ease;bottom:-50%;position:absolute;width:100%;text-align:center}.card-box .card-info .info-para{color:#fff;font-size:1rem;line-height:unset;text-align:center;text-shadow:-2px 0px 11px #151515}.card-box .card-info .card-btn{display:inline-block;padding:7px 18px;border:none;background-color:#0e9b06;margin-top:25px;cursor:pointer}.card-box .card-info .card-btn:hover{color:#fff;background-color:#0b7604}.card-box:nth-child(2){background-image:url("../img/home/card-live.webp")}.card-box:nth-child(2):hover>.card-text{top:0;width:100%;text-shadow:5px 5px 10px rgba(36,35,35,.13);background-color:#0d7ded}.card-box:nth-child(2):hover>.card-text .heading,.card-box:nth-child(2):hover>.card-text .para{text-shadow:none}.card-box:nth-child(2) .card-info .card-btn{background-color:#0d7ded}.card-box:nth-child(2) .card-info .card-btn:hover{background-color:#0b6cca}.card-box:nth-child(3){background-image:url("../img/home/card-slot.webp")}.card-box:nth-child(3):hover>.card-text{top:0;width:100%;text-shadow:5px 5px 10px rgba(36,35,35,.13);background-color:#ff8107}.card-box:nth-child(3):hover>.card-text .heading,.card-box:nth-child(3):hover>.card-text .para{text-shadow:none}.card-box:nth-child(3) .card-info .card-btn{background-color:#ff8107}.card-box:nth-child(3) .card-info .card-btn:hover{background-color:#c06200}ul,li{list-style:none}h1{color:#fff}.bold-p{font-family:"play-bold",Arial,sans-serif;text-align:center;font-size:1.4rem;color:#f5d16e;padding:15px 0}.banner-area{position:relative}.banner-area .banner-text{width:70%;max-width:700px;padding:0 0 120px}@media only screen and (max-width: 1024px){.banner-area .banner-text{width:80%;max-width:800px;padding:0 0 90px}}@media only screen and (max-width: 800px){.banner-area .banner-text{width:100%;padding:0 0 60px}}@media only screen and (max-width: 500px){.banner-area .banner-text{padding:0 0 45px}}.banner-area .banner-text h1{padding:15px 0 30px}.banner-area .banner-bg img{z-index:-1;width:45%;position:absolute;right:3%;bottom:0;animation:left_animation 3s infinite alternate}@keyframes left_animation{0%{transform:translateX(-30px)}100%{transform:translateX(0)}}@media only screen and (max-width: 500px){.banner-area .banner-bg img{opacity:.6;width:60%}}@media only screen and (max-width: 800px){#step{display:flex;justify-content:space-evenly}}#step .step-box{display:flex;justify-content:center;flex-wrap:wrap}@media only screen and (max-width: 800px){#step .step-box{gap:15px;width:60%}}#step .step-box .step-infobox{width:30%;display:flex;justify-content:center;align-items:flex-end}@media only screen and (max-width: 800px){#step .step-box .step-infobox{width:100%}}#step .step-box .step-infobox img{width:50px;margin-right:15px}#step .step-box .step-infobox .step-text{min-width:150px;display:flex;flex-direction:column}#step .step-box .step-infobox .step-text span{line-height:1.5rem !important}#step .step-box .step-infobox .step-text span:nth-of-type(1){color:#499fd8}#step .step-img{display:none}@media only screen and (max-width: 800px){#step .step-img{width:35%;display:flex;justify-content:center;align-items:center}#step .step-img img{max-width:200px}}#about{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#about .about-textarea{width:55%}@media only screen and (max-width: 800px){#about .about-textarea{width:100%}}#about .welcome-img{width:40%}@media only screen and (max-width: 800px){#about .welcome-img{width:100%}}#type{text-align:center}#type .type-box{margin:6% 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#type .type-box:nth-of-type(2n){flex-direction:row-reverse}@media only screen and (max-width: 1024px){#type .type-box:nth-of-type(2n){flex-direction:column-reverse}}@media only screen and (max-width: 1024px){#type .type-box{margin:35px 0;flex-direction:column-reverse}}#type .type-box .type-info{width:55%}@media only screen and (max-width: 1024px){#type .type-box .type-info{width:100%}}#type .type-box .type-info h3{margin-bottom:15px}#type .type-box .type-info .play-now-btn{width:auto;min-height:3rem;color:#fff;margin:20px 0 0;background-clip:padding-box;background-color:#fa6400;border:1px solid rgba(0,0,0,0);border-radius:.25rem;box-shadow:rgba(0,0,0,.02) 0 1px 3px 0;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;padding:calc(.875rem - 1px) calc(1.5rem - 1px);text-decoration:none;transition:all 250ms;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;cursor:pointer}#type .type-box .type-info .play-now-btn:hover,#type .type-box .type-info .play-now-btn:focus{background-color:#fb8332;box-shadow:rgba(0,0,0,.1) 0 4px 12px}#type .type-box .type-info .play-now-btn:hover{transform:translateY(-1px)}#type .type-box .type-info .play-now-btn:active{background-color:#c85000;box-shadow:rgba(0,0,0,.06) 0 2px 4px;transform:translateY(0)}#type .type-box .type-img{width:42%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 1024px){#type .type-box .type-img{width:60%}}@media only screen and (max-width: 500px){#type .type-box .type-img{width:100%}}#type .type-box .type-img img{max-width:260px;border-radius:8px}@media only screen and (max-width: 1024px){#type .type-box .type-img img{margin:20px 0}}#turnover{text-align:center}#turnover .step-box{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}@media only screen and (max-width: 1024px){#turnover .step-box{gap:15px}}#turnover .step-box img{width:24%;border-radius:4px}@media only screen and (max-width: 1024px){#turnover .step-box img{width:48%}}@media only screen and (max-width: 500px){#turnover .step-box img{width:100%}}#trust .trust-area{margin:20px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}@media only screen and (max-width: 800px){#trust .trust-area{gap:12px}}#trust .trust-area .trust-box{background:linear-gradient(180deg, #2b2e32, #16181b 0, #2c3035),linear-gradient(180deg, #fff, #fff),linear-gradient(180deg, #fff, #fff);width:48%;padding:15px;border-radius:12px}@media only screen and (max-width: 800px){#trust .trust-area .trust-box{width:100%;padding:10px}}#trust .trust-margin{margin:25px 0 5px}.faq-container{color:#000;width:100%;max-width:960px;margin:0 auto;padding:0 15px}@media only screen and (max-width: 800px){.faq-container{padding:unset}}.faq-container .faq-row{display:flex;align-items:center;flex-direction:column}.faq-container .faq-row .faq-title-wrap{width:100%;text-align:center}.faq-container .faq-row .faq-title-wrap .faq-title h2{position:relative;display:inline-block;margin-bottom:45px}.faq-container .faq-row .faq-title-wrap .faq-title h2::before{content:"";position:absolute;left:50%;width:60px;height:2px;background:#f9bc16;bottom:-25px;margin-left:-30px}.faq-container .faq-row .faq-wrapper{width:100%}@media only screen and (max-width: 1024px){.faq-container .faq-row .faq-wrapper{margin-bottom:30px}}.faq-container .faq-row .faq-wrapper .faq{background:#fff;box-shadow:0 2px 48px 0 rgba(0,0,0,.06);border-radius:4px}.faq-container .faq-row .faq-wrapper .faq .faq-card{border-bottom:1px dashed #cee1f8;transition:all .3s ease}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header{cursor:pointer;padding:20px 30px;transition:background .3s,padding-left .3s}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header:hover{background:rgba(0,152,86,.0745098039);padding-left:40px}@media only screen and (max-width: 800px){.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header{padding:10px 15px}}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header .faq-question{display:flex;align-items:center;letter-spacing:1px;color:#000}@media only screen and (max-width: 1024px){.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header .faq-question{line-height:26px;margin-top:10px}}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-header .faq-question .badge{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:50%;background:#009855;color:#fff;font-size:.7rem;text-align:center;margin-right:20px}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-body{max-height:0;overflow:hidden;border-top:1px solid #f3f8ff;transition:max-height .4s ease,padding-top .3s ease}.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-body p{line-height:28px;letter-spacing:1px;padding:30px}@media only screen and (max-width: 800px){.faq-container .faq-row .faq-wrapper .faq .faq-card .faq-body p{padding:20px}}.faq-container .faq-row .faq-wrapper .faq .faq-card.open .faq-body{max-height:1000px}