/*! tailwindcss v3.0.15 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.text-center{text-align:center}.text-orange{--tw-text-opacity:1;color:rgb(255 100 66/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,main,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:initial;background:#0000;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box}figure{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}body{line-height:100%;height:100%}body u{text-decoration:underline}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}#file-nav{position:fixed;bottom:30px;left:30px;z-index:1000000;color:#fff;transition:all .1s;transition-timing-function:ease-out}#file-nav hr{margin:16px 0;height:1px;background:#fff3;border:none}#file-nav .page-list{padding:20px 10px 0;position:absolute;left:0;bottom:0;display:none;background:#323a47;width:250px;height:400px}#file-nav .page-list #scroll-nav{height:280px;overflow-y:scroll;overflow-x:hidden;padding-bottom:100px}#file-nav .page-list h3{font-size:16px;letter-spacing:3px}#file-nav .page-list h3,#file-nav .page-list h4{text-transform:uppercase;font-weight:300;margin-bottom:10px;text-align:center}#file-nav .page-list h4{font-size:12px}#file-nav .page-list a{display:block;padding:0 10px;letter-spacing:1px;font-size:10px;text-transform:capitalize;color:#fff;opacity:.4;margin-bottom:10px}#file-nav .page-list a:hover{opacity:1}#file-nav .page-list .mCSB_scrollTools .mCSB_draggerRail{background:#fff;opacity:.1;width:4px}#file-nav .page-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#8593a9;width:6px}#file-nav #file-nav-toggle{width:60px;height:60px;display:block;text-transform:uppercase;font-weight:800;line-height:100%;border-radius:50%;background:#2a313d;font-size:12px;letter-spacing:3px;padding:10px 0 0 4px;text-align:center;position:relative;overflow:hidden;z-index:1;transition:all .2s;transition-timing-function:ease-out;color:#fff}#file-nav #file-nav-toggle span{font-size:7px;letter-spacing:1px;display:block;position:relative;left:-2px;font-weight:400}#file-nav #file-nav-toggle small{display:block;width:17px;margin:0 auto 7px;transition:all .2s;transition-timing-function:ease-out}#file-nav #file-nav-toggle small span{display:block;height:2px;background:#fff;margin-bottom:2px}#file-nav #file-nav-toggle:hover{opacity:1}#file-nav #file-nav-toggle.active{border-radius:0}#file-nav #file-nav-toggle.active small{width:3px}#file-nav .status{color:#fff;font-size:12px;position:absolute;right:10px;bottom:7px;width:170px;text-align:center;text-transform:uppercase}#file-nav .status .single{width:50%;float:left;font-size:32px;line-height:100%;font-weight:800;letter-spacing:3px}#file-nav .status .single span{display:block;font-size:10px;letter-spacing:2px;font-weight:300;line-height:18px}.block{display:block}.flex{display:flex}.inline{display:inline !lteIE7;display:inline-block}.none{display:none}.flex-center{display:flex;align-items:center;justify-content:center}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.shadow{box-shadow:0 1px 10px 1px #00000059}.shadow-none{box-shadow:0 1px 10px 1px #0000}.shadow-white{box-shadow:1px 1px 1px 1px #fff}.shadow-inset{box-shadow:inset 1px 1px 1px 1px #00000080}.text-shadow{text-shadow:0 1px 3px #00000080;filter:dropshadow(color=#000000,offx=1,offy=1)}.text-shadow-none{text-shadow:0 0 0 #0000;filter:dropshadow(color=#000000,offx=0,offy=0)}.text-shadow-inset{text-shadow:1px 1px 0 #ffffff1a,0 -1px 0 #00000080}.text-shadow-inset,.text-shadow-white{filter:dropshadow(color=#ffffff,offx=1,offy=0)}.text-shadow-white{text-shadow:1.5px 1.5px 1px #fff}.text-shadow-white-2{text-shadow:0 1px 1px #fff3;filter:dropshadow(color=#ffffff,offx=1,offy=0)}.cover-it{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.br{border:1px solid red}.left-side{float:left}.right-side{float:right}.block-mobile{display:none}@media screen and (max-width:1024px){.block-mobile{display:block!important}}.inline-mobile{display:none}@media screen and (max-width:1024px){.inline-mobile{display:inline-block!important}.desktop-only{display:none}}.container{width:992px;padding:0 16px;margin:0 auto;position:relative}@media screen and (max-width:1024px){.container{width:100%}}@media screen and (max-width:768px){.container{width:100%}}.row{margin:0 -16px}.row:after,.row:before{display:table;content:" ";clear:both}.dc1,.dc2,.dc3,.dc4,.dc5,.dc6,.dc7,.dc8,.dc9,.dc10,.dc11,.dc12,.mc1,.mc2,.mc3,.mc4,.mc5,.mc6,.mc7,.mc8,.mc9,.mc10,.mc11,.mc12,.tc1,.tc2,.tc3,.tc4,.tc5,.tc6,.tc7,.tc8,.tc9,.tc10,.tc11,.tc12{padding:0 16px;float:left}.dc1.auto,.dc2.auto,.dc3.auto,.dc4.auto,.dc5.auto,.dc6.auto,.dc7.auto,.dc8.auto,.dc9.auto,.dc10.auto,.dc11.auto,.dc12.auto,.mc1.auto,.mc2.auto,.mc3.auto,.mc4.auto,.mc5.auto,.mc6.auto,.mc7.auto,.mc8.auto,.mc9.auto,.mc10.auto,.mc11.auto,.mc12.auto,.tc1.auto,.tc2.auto,.tc3.auto,.tc4.auto,.tc5.auto,.tc6.auto,.tc7.auto,.tc8.auto,.tc9.auto,.tc10.auto,.tc11.auto,.tc12.auto{float:none;margin:0 auto}.dc1.inline,.dc2.inline,.dc3.inline,.dc4.inline,.dc5.inline,.dc6.inline,.dc7.inline,.dc8.inline,.dc9.inline,.dc10.inline,.dc11.inline,.dc12.inline,.mc1.inline,.mc2.inline,.mc3.inline,.mc4.inline,.mc5.inline,.mc6.inline,.mc7.inline,.mc8.inline,.mc9.inline,.mc10.inline,.mc11.inline,.mc12.inline,.tc1.inline,.tc2.inline,.tc3.inline,.tc4.inline,.tc5.inline,.tc6.inline,.tc7.inline,.tc8.inline,.tc9.inline,.tc10.inline,.tc11.inline,.tc12.inline{display:inline-block;margin:0 -2px;float:none}.dc1{width:8.3%}.dc2{width:16.6%}.dc3{width:25%}.dc4{width:33.3%}.dc5{width:41.6%}.dc6{width:50%}.dc7{width:58.3%}.dc8{width:66.6%}.dc9{width:75%}.dc10{width:83.3%}.dc11{width:91.6%}.dc12{width:100%}@media screen and (max-width:1024px){.tc1{width:8.3%}.tc2{width:16.6%}.tc3{width:25%}.tc4{width:33.3%}.tc5{width:41.6%}.tc6{width:50%}.tc7{width:58.3%}.tc8{width:66.6%}.tc9{width:75%}.tc10{width:83.3%}.tc11{width:91.6%}.tc12{width:100%}}@media screen and (max-width:480px){.mc1{width:8.3%}.mc2{width:16.6%}.mc3{width:25%}.mdc4{width:33.3%}.mc5{width:41.6%}.mc6{width:50%}.mc7{width:58.3%}.mc8{width:66.6%}.mc9{width:75%}.mc10{width:83.3%}.mc11{width:91.6%}.mc12{width:100%}}@font-face{src:url(../--.eot);src:url(../--.eot) format("embedded-opentype"),url(../--.woff2) format("woff2"),url(../--.woff) format("woff"),url(../--.ttf) format("truetype"),url(../fonts/--.svg#--) format("svg")}html{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,li,span{line-height:1.65}@media screen and (max-width:768px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,li,span{line-height:1.4}}p{line-height:1.65}.h1,h1{font-size:3.052rem;margin-bottom:32px;font-weight:600;line-height:1.3}@media screen and (max-width:768px){.h1,h1{font-size:1.402rem;margin-bottom:16px}}.h2,h2{font-weight:600;font-size:2.441rem;margin-bottom:32px}@media screen and (max-width:768px){.h2,h2{font-size:1.602rem;margin-bottom:16px}}.h3,h3{font-weight:600;font-size:1.953rem;margin-bottom:16px}@media screen and (max-width:768px){.h3,h3{font-size:1.424rem}}.h4,h4{font-weight:600;font-size:1.563rem;margin-bottom:16px}@media screen and (max-width:768px){.h4,h4{font-size:1.266rem;margin-bottom:8px}}.h5,h5{font-weight:600;font-size:1.25rem;margin-bottom:8px}@media screen and (max-width:768px){.h5,h5{font-size:1.125rem}}.h6,h6{margin-bottom:8px;font-weight:600;line-height:1.3}.h6,h6,li,p{font-size:1rem}li,p{margin-bottom:16px}li.large,p.large{font-size:1.25rem}li.small,p.small{font-size:.8rem;line-height:1.4}li.error,p.error{color:red}small{font-size:.8rem;line-height:1.4}ol,ul{margin:0 0 15px}ul.disc li{position:relative;padding-left:20px;list-style:disc}ol.decimal li{list-style:decimal;margin-left:20px}a{color:#000;text-decoration:none}a:hover,button:hover{cursor:pointer}b,strong{font-weight:600}.lt{text-align:left}.rt{text-align:right}.ct{text-align:center}input.check,input.radio{opacity:0;height:16px;width:16px;position:absolute;left:0;top:0}input.check:hover,input.radio:hover{cursor:pointer}input.radio+label{background:url(../img/icon-radio.png) no-repeat}input.check+label,input.radio+label{display:block;height:16px;width:16px}input.check+label{background:url(../img/icon-check.png) no-repeat scroll 0 0}input.check:hover+label,input.radio:hover+label{background-position:-16px 0}input.check:checked+label,input.radio:checked+label{background-position:-32px 0}input.check:disabled+label,input.radio:disabled+label{background-position:-48px 0}body,html{height:100%}#top-wrapper{margin-bottom:0;overflow:hidden;position:relative;min-height:100%}.push{height:0}#main-header{left:0;top:0;width:100%;padding-top:1.75rem;padding-bottom:1.75rem;position:absolute;z-index:10}#main-header .logo{display:flex;flex-direction:column;align-items:flex-start;max-width:180px;padding:4px 0;background:linear-gradient(180deg,#fffc,#ffffff80);border:2px solid #fffc;box-shadow:0 4px 20px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:100px}#main-header .logo img{width:100%;-o-object-fit:contain;object-fit:contain;height:38px;margin:auto}.o{position:absolute}.hero-banner{height:750px;position:relative;z-index:0}.hero-banner .swiper-container,.hero-banner .swiper-slide,.hero-banner .swiper-wrapper{height:100%}.hero-banner .swiper-pagination{bottom:104px!important}.hero-banner .swiper-pagination span{width:8px;height:8px;transition:all .3s;border-radius:100px;background:#fff;opacity:.4}.hero-banner .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;width:24px;background:#ec6800}.hero-banner .container{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;display:flex;padding-bottom:80px}.hero-banner .img{width:460px;height:400px;position:relative}.hero-banner .orangetopia-text{top:0;left:50%;transform:translateX(-55%);width:610px;z-index:1}.hero-banner .tr1{left:0;bottom:0;width:160px}.hero-banner .tr2{right:0;bottom:0;width:170px}.hero-banner .c1{left:5%;top:24%}.hero-banner .c2{left:20%;top:34%}.hero-banner .c3{right:23%;top:32%}.hero-banner .c4{right:13%;top:16%}.hero-banner .c5{right:8%;top:36%}.hero-banner .text{left:0;bottom:0;display:flex;height:100%;width:100%;flex-direction:column;justify-content:flex-end;text-align:center;display:flex;position:absolute;background:url(../img/bg-wood.png) bottom no-repeat;background-size:100% auto;color:#fff;padding-bottom:40px;text-shadow:1px 1px 0 #4b0000}.hero-banner .text .h5{margin-bottom:0}@media screen and (max-width:1024px){.hero-banner{height:600px}.hero-banner .swiper-pagination{bottom:74px!important}.hero-banner .tr1{width:100px}.hero-banner .tr2{width:120px}.hero-banner .c1{width:100px}.hero-banner .c2,.hero-banner .c3{width:80px}.hero-banner .c4{width:120px}.hero-banner .c5{width:50px}}@media screen and (max-width:768px){.hero-banner .img{width:320px;height:230px}.hero-banner .orangetopia-text{width:240px}.hero-banner .text{padding-bottom:30px}.hero-banner .text .h5{font-size:14px}.hero-banner .text span{font-size:12px}.hero-banner .swiper-pagination{bottom:50px!important}}@media screen and (max-width:480px){.hero-banner .container{padding-bottom:50px}.hero-banner .tr1{width:50px;bottom:10px}.hero-banner .tr2{width:60px;bottom:10px}.hero-banner .c1{width:40px;top:15%}.hero-banner .c2{width:30px;top:17%;left:15%}.hero-banner .c3{width:50px;top:17%}.hero-banner .c4{width:70px;top:9%}.hero-banner .c5{width:30px;top:17%}}.btn-apps-orangetopia{display:flex;height:auto;flex-direction:column;display:flex;position:relative;padding:40px 8px 8px;background:linear-gradient(180deg,#fffc,#ffffff80);border:1px solid #fff;box-shadow:0 4px 16px #0000001f;border-radius:12px}.btn-apps-orangetopia .bg-label{position:absolute;left:-18px;top:-12px}.btn-apps-orangetopia div{display:flex;gap:1rem;display:flex}.btn-apps-orangetopia div img{width:120px}@media screen and (max-width:480px){.btn-apps-orangetopia{padding-top:24px}.btn-apps-orangetopia .bg-label{left:-13px}.btn-apps-orangetopia div img{width:80px}}.bg-grad{background:linear-gradient(180deg,#fedfda,#dfcafe)}.bg-label{color:#fff}.bg-label.label-1{display:flex;align-items:center;justify-content:center;display:flex;height:53px;width:260px;padding:0 8px 8px 0;font-size:14px;background:url(../img/bg-label.png) 0 0 no-repeat}@media screen and (max-width:480px){.bg-label.label-1{width:180px;height:40px;background-size:100% auto;font-size:10px}}.orangetopia{padding:80px 0;position:relative;margin:-80px 0;z-index:3}.orangetopia .inner{background:#fff}@media screen and (max-width:1024px){.orangetopia{margin:-60px 0}}@media screen and (max-width:768px){.orangetopia{margin:-40px 0}}.orangetopia:after,.orangetopia:before{height:80px;content:"";left:0;width:100%;display:block;position:absolute}@media screen and (max-width:1024px){.orangetopia:after,.orangetopia:before{height:60px}}@media screen and (max-width:768px){.orangetopia:after,.orangetopia:before{height:40px}}.orangetopia:before{background:url(../img/orangetopia-top.svg) 0 0 no-repeat;background-size:100% 100%;top:1px}.orangetopia:after{background:url(../img/orangetopia-bot.svg) 0 0 no-repeat;background-size:100% 100%;bottom:1px}.orangetopia .badge{max-width:224px;height:200px;padding-left:38px;position:relative}.orangetopia .badge .leaf{left:-10px;top:0;width:100px}.orangetopia .badge .circle{width:200px;height:200px;padding-top:25%;border:9px solid #fff;box-shadow:0 8px 24px #0000001f;overflow:hidden;position:relative;z-index:1;border-radius:50%}.orangetopia .badge .chat{top:13%;right:10%;z-index:1;width:90px}@media screen and (max-width:768px){.orangetopia .badge{left:-24px}}.orangetopia .container{display:flex;align-items:center;justify-content:center;gap:6rem;display:flex}@media (max-width:768px){.orangetopia .container{flex-direction:column;gap:2rem}}.orangetopia h2{margin-bottom:8px;color:#ff6442}@media (max-width:768px){.orangetopia h2{text-align:center}}.orangetopia .text{max-width:600px}.game{position:relative;padding-bottom:80px;margin-bottom:-80px;z-index:2}.game>.bg-grad{padding:140px 0 100px}.game__feature{display:flex;justify-content:center;gap:3rem;display:flex}@media (max-width:768px){.game__feature{flex-direction:column;align-items:center}}.game__feature>div{max-width:300px;flex-direction:column;justify-content:center;text-align:center;display:flex;background:url(../img/bg-sand.png) 0 0 no-repeat;background-size:cover;padding:32px 16px;border:2px solid #ff6442;border-radius:20px;flex:1}.game__feature>div img{max-width:80px;height:80px;-o-object-fit:cover;object-fit:cover;margin:0 auto 16px}.game__feature>div h5{margin-bottom:0;color:#ff6442}.game__feature>div p{font-size:16px;line-height:1.5;margin-bottom:0}@media screen and (max-width:1024px){.game__feature>div p{font-size:14px;height:85px}}@media screen and (max-width:768px){.game__feature>div p{height:auto}}.game__info{margin-top:80px;text-align:center;position:relative;z-index:1}.game__info .h1{color:#ff6442;text-shadow:1px 1px 0 #fff;margin-bottom:8px}.game__info .swiper-container{height:476px;margin-bottom:32px}.game__info .swiper-slide{border-radius:20px;border:6px solid #ff6442;overflow:hidden;background:#ff64424d}.game__info .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media screen and (max-width:1024px){.game__info .swiper-container{height:300px;width:768px}}@media screen and (max-width:768px){.game__info .swiper-container{width:80%;height:120vw;overflow:visible}.game__info .swiper-slide{border-width:4px}}.game__youtube{width:332px;height:600px;margin:32px auto;border:8px solid #ff6442;border-radius:35px;overflow:hidden;position:relative}.game__youtube>img,.game__youtube iframe{height:100%;-o-object-fit:cover;object-fit:cover;width:100%!important;min-width:0!important;max-width:100%!important;z-index:1;border:none!important}.game__youtube a{left:0;top:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;display:flex;position:absolute;z-index:2}@media screen and (max-width:768px){.game__youtube{width:70vw;height:112vw;border-radius:20px;border-width:4px}}@media screen and (max-width:730px){.game__youtube{height:114vw}}@media screen and (max-width:630px){.game__youtube{height:118vw}}@media screen and (max-width:530px){.game__youtube{height:122vw}}@media screen and (max-width:480px){.game__youtube{height:130vw}}.game .c1{right:10%;top:43%}.game .c2{right:0;top:47%}.game .c3{left:0;top:46%}.game .c4{left:5%;top:40%}.game .c5{left:15%;top:47%}.game:after{height:80px;content:"";left:0;width:100%;display:block;position:absolute;background:url(../img/bg-purple.svg) 0 0 no-repeat;background-size:100% 100%;bottom:1px}@media screen and (max-width:1024px){.game .c1{width:100px}.game .c2,.game .c3{width:80px}.game .c4{width:120px}.game .c5{width:50px}}@media screen and (max-width:480px){.game .c1{width:40px;top:41%}.game .c2{width:30px;top:42%}.game .c3{width:50px;top:42%}.game .c4{width:70px;top:40%}.game .c5{width:30px;top:42%}}.game__info .swiper-navigation,.news .swiper-navigation{display:flex;align-items:center;justify-content:center;gap:2.5rem;display:flex}@media (max-width:768px){.game__info .swiper-navigation,.news .swiper-navigation{gap:1rem}}@media screen and (max-width:768px){.game__info .swiper-navigation img,.news .swiper-navigation img{width:70px}}.game__info .swiper-pagination,.news .swiper-pagination{display:flex;gap:.5rem;display:flex;position:relative;bottom:0}.game__info .swiper-pagination span,.news .swiper-pagination span{width:8px;height:8px;transition:all .3s;border-radius:100px;background:#fff;opacity:.4}.game__info .swiper-pagination span.swiper-pagination-bullet-active,.news .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;width:24px}.btn{padding:0 24px;gap:12px;background:linear-gradient(90deg,#ec6800,#ff993b);box-shadow:0 4px 32px #ec68003d;border-radius:100px;color:#fff!important;text-decoration:none!important;height:40px;width:262px;font-size:12px;line-height:40px;justify-content:center;gap:.5rem;display:flex}.btn img{max-width:18px}@media screen and (max-width:768px){.btn{width:200px;padding:0 12px;font-size:10px}.btn img{max-width:12px}}.coins{background:url(../img/bg-pattern.png) repeat;padding:160px 0 90px;position:relative}.coins h3{text-align:center;color:#ff6442;margin-bottom:40px}.coins h3 .star{position:absolute;left:68%;top:-20px}@media screen and (max-width:768px){.coins h3 .star{left:65%;width:32px}}@media screen and (max-width:480px){.coins h3 .star{left:85%}}.coins .steps{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;text-align:center;display:flex;margin-bottom:160px}.coins .steps__single{padding:20px 12px;background:linear-gradient(125.04deg,#fefcfc 6.5%,#f7f1ff 73.18%,#f5f5f5 95.71%);border-radius:35px;border:4px solid #ff6442;max-width:180px}.coins .steps__single figure{width:144px;height:144px;background:url(../img/bg-gif.png) 50% no-repeat;background-size:100% 100%;overflow:hidden;margin:0 auto 24px;align-items:center;justify-content:center;display:flex}.coins .steps__single img{width:140px;max-width:none;position:relative}.coins .steps__single .s4{width:200px;bottom:10px}.coins .steps__single .s2{width:78px}.coins .steps__single h6{color:#ff6442;padding:0 8px}@media screen and (max-width:1024px){.coins .steps{width:400px;margin:0 auto 80px}}@media screen and (max-width:480px){.coins .steps{width:240px}}.coins .level{margin-left:auto;margin-right:auto;margin-bottom:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}@media (max-width:768px){.coins .level{grid-template-columns:repeat(1,minmax(0,1fr))}}.coins .level{max-width:800px}.coins .level__single{margin-right:12px;position:relative;padding:80px 32px 32px;background:linear-gradient(125.04deg,#fefcfc 6.5%,#f7f1ff 73.18%,#f5f5f5 95.71%);box-shadow:0 4px 20px #0000001f;border-radius:20px}.coins .level__single li,.coins .level__single span{color:#ff6442;font-weight:600}.coins .level__single hr{margin:10px 0}.coins .level__single p{font-weight:500;margin-bottom:0;font-size:1.25rem}.coins .level__single ul{height:170px}.coins .level__single li{margin-bottom:8px;list-style:disc;margin-left:20px;line-height:1.4}.coins .level__single.limau .bg-label{background:url(../img/bg-label-1.png) 0 0 no-repeat;background-size:100% auto}.coins .level__single.sunkist .bg-label{background:url(../img/bg-label-2.png) 0 0 no-repeat;background-size:100% auto}.coins .level__single.tangelo .bg-label{background:url(../img/bg-label-3.png) 0 0 no-repeat;background-size:100% auto}.coins .level__single.pomelo .bg-label{background:url(../img/bg-label-4.png) 0 0 no-repeat;background-size:100% auto}.coins .level .bg-label{position:absolute;top:22px;right:-12px;width:280px;height:50px;z-index:1;font-size:1.4rem;line-height:47px;letter-spacing:3px;font-weight:600;text-align:center}@media screen and (max-width:768px){.coins .level{width:400px}}@media screen and (max-width:480px){.coins .level{width:300px}.coins .level__single p{font-size:16px}.coins .level__single li,.coins .level__single span{font-size:12px}.coins .level__single ul{height:auto}}.coins .member{padding:60px 84px;margin:0 auto 60px;border-radius:35px;max-width:768px;background:linear-gradient(125.04deg,#fefcfc 6.5%,#f7f1ff 73.18%,#f5f5f5 95.71%);border:8px solid #ff6442}.coins .member .number{min-width:40px;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:50%;background:linear-gradient(180deg,#ec6800,#ff9e52)}.coins .member .btn-apps{justify-content:center}.coins .member .btn-apps,.coins .member__info li{display:flex;gap:1rem;display:flex}.coins .member__info li a,.coins .member__info li span{color:#ff6442;font-weight:500}.coins .member__info li .btn{margin-top:16px}.coins .member__info li a{text-decoration:underline}.coins .member__info.m2 ul{display:flex;display:flex}@media (max-width:768px){.coins .member__info.m2 ul{flex-direction:column;gap:2rem}}.coins .member__info.m2 li{flex-direction:column;padding-left:1.25rem;padding-right:1.25rem;flex:1}.coins .member__info.m2 li .number{max-width:40px;margin:0 auto}.coins .member__info.m2 p{font-size:12px;font-weight:600;text-align:center;margin-bottom:0;height:70px;line-height:1.4}@media screen and (max-width:768px){.coins .member{padding:32px 16px}.coins .member .number{min-width:32px;height:32px;line-height:32px;font-size:14px}.coins .member__info p{font-size:.875rem}}.coins .house{right:0;bottom:0}.coins .monas{left:0;bottom:0}.coins .h1{left:0;top:50%}.coins .h2{right:0;top:50%}@media screen and (max-width:768px){.coins .h1,.coins .h2{width:80px;top:79%}.coins .house{width:140px}.coins .monas{width:120px}}.acc__single{position:relative}.acc__single.active .acc__title svg{transform:rotate(0)}.acc__title{display:flex;align-items:center;justify-content:center;gap:.5rem;display:flex;font-weight:600;color:#ff6442}.acc__title svg{transform:rotate(180deg);transition:all .3s}.acc__title:hover{cursor:pointer}.acc__content{padding-top:32px;display:none}.max-tab__title{display:flex;flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:768px){.max-tab__title{gap:.5rem}}.max-tab__title button{height:40px;line-height:40px;padding:0 24px;color:#888;border:1px solid #888;border-radius:56px;font-size:14px}.max-tab__title button.active{border:1px solid #ff6442;color:#ff6442;font-weight:600}@media screen and (max-width:768px){.max-tab__title button{padding:0 16px;height:28px;line-height:28px;font-size:10px}}.max-tab__content>div{display:none;padding-top:32px}.max-tab__content>div.active{display:block}.separator{margin-top:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;text-align:center;display:flex}.separator:after,.separator:before{content:"";width:80px;height:1px;background:#ff6442}.news h3,.reward-merchant h3{margin:100px 0 80px;color:#ff6442}@media screen and (max-width:768px){.news h3,.reward-merchant h3{margin:40px 0 20px}}.reward-merchant .swiper-container{height:46px;margin:80px 0}@media screen and (max-width:768px){.reward-merchant .swiper-container{height:32px;margin:40px 0}}.reward-merchant .swiper-slide{width:150px}.reward-merchant .swiper-slide img{height:100%}@media screen and (max-width:768px){.reward-merchant .swiper-slide{width:100px}}.reward-merchant .swiper-wrapper{transition-timing-function:linear!important}.reward-merchant .acc{box-shadow:0 4px 20px #0000001f;border-radius:20px;margin:auto;padding:24px 32px;background:url(../img/bg-hanwha.png) 50% no-repeat}.reward-merchant .acc ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}@media (max-width:768px){.reward-merchant .acc ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.reward-merchant .acc ul li{margin-bottom:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-weight:500;line-height:1.2;list-style:disc;margin-left:20px}.reward-merchant .acc__title{justify-content:space-between}.reward-merchant .acc__content{margin-top:16px;border-top:1px solid #ff6442}.news .slider{padding:32px 0;overflow:hidden;margin:auto;position:relative}.news .slider:after,.news .slider:before{content:"";top:0;height:100%;display:block;position:absolute;width:32px;z-index:100}.news .slider:before{left:0;background:linear-gradient(90deg,#fff,#fff0)}.news .slider:after{right:0;background:linear-gradient(-90deg,#fff,#fff0)}@media screen and (max-width:1024px){.news .slider{width:90%}}@media screen and (max-width:480px){.news .slider{width:100%;overflow:unset}.news .slider:after,.news .slider:before{display:none}}.news .swiper-container{overflow:visible;width:900px;margin:0 auto 40px}@media screen and (max-width:1024px){.news .swiper-container{width:94%}}@media screen and (max-width:768px){.news .swiper-container{width:92%}}@media screen and (max-width:480px){.news .swiper-container{width:100%}}.news .swiper-slide{box-shadow:0 8px 16px #00000026;border-radius:24px;overflow:hidden}.news .swiper-slide figure{height:250px}.news .swiper-slide figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.news .swiper-slide .text{padding:24px 32px}.news .swiper-slide .text a{color:#ff6442;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;height:120px;line-height:24px}.news .swiper-slide .text span{margin-top:1rem;display:flex;align-items:center;gap:.5rem;display:flex;font-size:14px}.news .swiper-pagination span{background:#0003}.news .swiper-pagination span.swiper-pagination-bullet-active{background:#ff6442}#main-footer{position:relative}#main-footer .container{display:flex;align-items:center;justify-content:space-between;display:flex}@media (max-width:768px){#main-footer .container{flex-direction:column-reverse}}#main-footer .bg-grad{padding-top:16px}#main-footer .download{max-width:490px}#main-footer .download h3{display:flex;align-items:center;gap:1rem;--tw-text-opacity:1;color:rgb(255 100 66/var(--tw-text-opacity));display:flex}#main-footer .btn-apps-orangetopia{max-width:274px}#main-footer .mid{padding:0 0 35px}#main-footer .mid h5{font-size:14px;margin-bottom:16px}@media (max-width:768px){#main-footer .mid h5{text-align:center}}#main-footer .mid h5 a{color:#ff6442}#main-footer .mid__link{display:flex;gap:1rem;display:flex}@media (max-width:768px){#main-footer .mid__link{flex-direction:column;align-items:center}}#main-footer .mid__link a{font-size:12px;font-weight:500;transition:all .3s}#main-footer .mid__link a:hover{color:#ff6442}@media screen and (max-width:768px){#main-footer .mid{margin-top:24px}}#main-footer .bot{padding:35px 0}#main-footer .bot p{margin-bottom:0;font-size:14px}#main-footer .bot p a{font-weight:600;color:#ff6442}#main-footer .social{display:flex;gap:1rem;display:flex;position:relative;z-index:10}#main-footer .mascot{right:0;bottom:0}@media screen and (max-width:768px){#main-footer h3{flex-direction:column}#main-footer .btn-apps-orangetopia{margin:24px auto 40px;max-width:195px}#main-footer .bg-grad{padding-top:40px}#main-footer .bg-grad img{max-width:200px}#main-footer .bot{text-align:center}#main-footer .bot p{font-size:10px}#main-footer .social{margin-bottom:20px}#main-footer .mascot{width:200px;bottom:30%}}@media screen and (max-width:480px){#main-footer .mascot{width:100px}}.popup{width:100%;height:100%;position:fixed;left:0;top:0;display:none;z-index:1000;background:#000000b3}.popup .popup-wrapper{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center}.popup .popup-full{height:100%;width:100%;padding:40px 0;overflow-y:scroll}.popup .inner{margin:0 auto;position:relative;width:1000px;background:#fff;padding:0 20px;max-width:90%}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading img{animation:loading 3s linear infinite}