@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-optical-sizing:auto;background:#000}li{list-style:none}a{color:#fff;text-decoration:none}.title-app h1{text-transform:uppercase;color:#fff;letter-spacing:-5px;font-family:Inter,sans-serif;font-size:4em}@media screen and (max-width:376px){.title-app h1{font-size:3rem}}:root{--vh:1vh}header{z-index:90;justify-content:space-between;align-items:center;width:90%;height:70px;display:flex;position:fixed;top:30px;left:50%;transform:translate(-50%)}header .logo{z-index:100;width:70px;height:70px;display:block;position:relative}header .logo img{width:100%;height:100%}header .head{justify-content:space-between;align-items:center;width:100%;height:70px;display:flex;position:absolute}header .head .openMenu{cursor:pointer;color:#fff;z-index:2;background-color:#ffffff53;border-radius:30px;justify-content:center;align-items:center;width:60px;height:80%;font-size:1.5rem;display:flex}header nav{justify-content:flex-end;align-items:center;width:90%;height:100%;display:flex;position:absolute;right:70px;overflow:hidden}header nav .mainMenu{transform-origin:100%;background-color:#ffffff53;border-radius:30px;justify-content:space-evenly;align-items:center;width:30%;height:80%;font-family:Inter,sans-serif;transition:transform .5s;display:flex;overflow:hidden;transform:translate(110%)}header nav .mainMenu .active{color:#f5be1e}header nav .mainMenu a{color:#fff;font-weight:700}header nav .ul-active{transform-origin:100%;transition:transform .5s;transform:translate(0%)}header nav .hr{background-color:#101010;width:50%;margin:70px 0 30px;display:none}header nav .icons-socials{justify-content:space-evenly;align-items:center;width:30%;height:50px;display:none}header nav .icons-socials li a{font-size:1.5rem!important}@media screen and (max-width:768px){header{z-index:90;justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0;transform:translate(0)}header .logo{z-index:100;margin:0 0 0 50px}header .head{z-index:99;top:20px}header nav{z-index:2;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:absolute;bottom:0;left:0;right:0}header nav .mainMenu{z-index:1;transform-origin:0;background-color:#000;border-top:4px solid #101010;border-radius:0;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100vh;line-height:3;transition:transform .5s;display:flex;position:fixed;top:0;bottom:0;overflow:hidden;transform:translateY(-121%)}header nav .mainMenu a{font-size:1.7rem;font-weight:700}header nav .mainMenu:first-child{padding-top:20px}header nav .ul-active{transform-origin:0;transition:transform .5s;transform:translateY(0)}header nav .hr{background-color:#101010;width:50%;margin:70px 0 30px;display:block}header nav .icons-socials{justify-content:space-evenly;align-items:center;width:30%;height:50px;display:flex}header nav .icons-socials li a{font-size:1.5rem!important}header .openMenu{background-color:#0000;border-radius:50px;width:60px;height:60px;margin:0 50px 0 0;font-size:3rem}}@media screen and (max-width:465px){header .logo{z-index:3;width:57px;height:57px;margin:0 0 0 20px}header .openMenu{background-color:#0000;border-radius:50px;width:60px;height:60px;margin:0 20px 0 0;font-size:2.2rem}}@media screen and (max-width:376px){header .logo{z-index:3;width:57px;height:57px;margin:0 0 0 20px}header .openMenu{background-color:#0000;border-radius:50px;width:60px;height:60px;margin:0 20px 0 0;font-size:2.2rem}}footer{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}footer .hr{background-color:#272727;width:90%;margin:auto}.copyright{color:#a6a6a6;justify-content:space-between;align-items:center;width:90%;margin-top:30px;margin-bottom:30px;display:flex}.copyright a{color:#a6a6a6;text-decoration:none;transition:all .3s ease-in-out}.copyright a:hover{color:#f5be1e}@media screen and (max-width:577px){.copyright{text-align:center;flex-direction:column-reverse;align-items:center}}.copyright ul{display:flex}@media screen and (max-width:577px){.copyright ul{text-align:center;flex-direction:column;align-items:center}}.copyright ul li{margin-left:10px}@media screen and (max-width:577px){.copyright ul li{margin-bottom:10px;margin-left:0}}.container-f{width:100%;height:300px;margin:auto auto 100px;display:flex}@media screen and (max-width:769px){.container-f{flex-direction:column;height:auto;margin-top:100px}}.c-p{flex-direction:column;justify-content:center;width:50%;display:flex;position:relative}@media screen and (max-width:769px){.c-p{width:100%}}.c-p .title-newsLetter{color:#fff;letter-spacing:-2px;width:54%;margin:0 auto;font-family:Poppins,sans-serif}@media screen and (max-width:1024px){.c-p .title-newsLetter{font-size:.9rem}}@media screen and (max-width:769px){.c-p .title-newsLetter{width:30%}}@media screen and (max-width:577px){.c-p .title-newsLetter{width:40%}}@media screen and (max-width:440px){.c-p .title-newsLetter{text-align:center;width:80%}}.c-p .newsLetter{width:54%;margin:50px auto;position:relative}@media screen and (max-width:440px){.c-p .newsLetter{width:80%}}.c-p .newsLetter .btn-i{color:#fff;cursor:pointer;background-color:#f5be1e;border:none;border-radius:15px;width:20%;height:50px;font-size:1.3rem;position:absolute;right:0}.c-p .newsLetter .btn-i:hover{background-color:#f7cc4f}.c-p input{letter-spacing:-1px;color:#fff;background-color:#1c1b1b;border:none;border-radius:15px;width:100%;height:50px;padding-left:30px;font-size:.9rem;font-weight:700;position:relative;left:50%;transform:translate(-50%)}.c-p input:focus{outline:none}.socialM{width:54%;margin:0 auto;display:flex;position:relative}@media screen and (max-width:769px){.socialM{justify-content:center}}@media screen and (max-width:440px){.socialM{width:80%}}@media screen and (max-width:321px){.socialM{width:90%}}.socialM ul{justify-content:space-between;align-items:center;width:40%;display:flex;position:relative}.socialM ul li{color:#fff;cursor:pointer;font-size:1.2rem}.vr{background-color:#f5be1e;border-radius:50px;width:2px;height:95%}@media screen and (max-width:769px){.vr{width:50%;height:3px;margin:20px auto}}@media screen and (max-width:440px){.vr{width:60%}}.descri{justify-content:center;align-items:center;width:50%;display:flex}@media screen and (max-width:769px){.descri{width:100%}}.descri p{color:#a6a6a6;width:70%;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500}@media screen and (max-width:1024px){.descri p{font-size:.9rem}}@media screen and (max-width:769px){.descri p{text-align:center;margin:auto}}@media screen and (max-width:440px){.descri p{width:80%}}@media screen and (max-width:321px){.descri p{font-size:.8rem}}.container-about{justify-content:space-between;align-items:center;width:78%;height:500px;margin:auto;display:flex}@media screen and (max-width:769px){.container-about{flex-direction:column;width:85%;height:auto}}.p-about{letter-spacing:-1px;color:#a6a6a6;width:50%;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500}@media screen and (max-width:769px){.p-about{text-align:center;width:100%;margin-top:20px}}@media screen and (max-width:376px){.p-about{font-size:.9rem}}.container-dzair{height:750px;position:relative}.container-dzair .feature-title{color:#fff;text-transform:uppercase;letter-spacing:-4px;text-align:center;width:80%;margin:auto;font-family:Inter,sans-serif;font-size:3rem}@media screen and (max-width:576px){.container-dzair .feature-title{letter-spacing:-2px;font-size:2rem}}@media screen and (max-width:440px){.container-dzair .feature-title{letter-spacing:-1px;width:90%;font-size:2rem}}.contents{background-color:#000;justify-content:space-between;align-items:center;width:80%;height:100%;margin:auto;display:none}.content-active{display:flex}.phone{justify-content:center;align-items:center;width:19%;height:70%;display:flex;position:relative}.phone img{object-fit:contain;width:100%;height:100%;margin:auto}.phone:after{content:"";background:linear-gradient(#0003 0% 100%),linear-gradient(41deg,#000 6.24%,#0000 34.5%),linear-gradient(229deg,#000 4.53%,#0000 42.47%);width:100%;height:100%;position:absolute;top:0}.content{width:35%;height:70%;position:relative}.content .title,.content .container-2 .title-2,.content .container-3 .title-2{color:#fff;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:700;display:flex}.content .title-4{float:left}.content .nb{width:70px;height:70px;margin-right:20px}.content .nb .nbr{border:5px solid #f5be1e;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:2rem;display:flex}.content .info,.content .container-2 .info-2,.content .container-3 .info-2{color:#a6a6a6;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500}.content .container-2,.content .container-3{position:absolute;bottom:0}.content .container-2 .title-2,.content .container-3 .title-2{float:left}.container-tabs{justify-content:space-between;align-items:center;width:2%;margin:auto;display:flex;position:relative;top:-40px}.container-tabs .ellipse{cursor:pointer;background-color:#000;border:3px solid #f5be1e;border-radius:50px;width:12px;height:12px}.container-tabs .active-tab{background-color:#f5be1e}.hr{background-color:#f5be1e;border-radius:50px;width:100%;height:2px;margin-top:30px}.container-4{position:absolute;bottom:0}.container-3{position:absolute;top:0}@media screen and (max-width:1024px){.contents{background-color:#000;justify-content:space-between;align-items:center;width:90%;height:100%;margin:auto;display:none}.content-active{display:flex}.phone{justify-content:center;align-items:center;width:28%;height:70%;display:flex;position:relative}.phone img{object-fit:contain;width:100%;height:100%;margin:auto}.phone:after{content:"";background:linear-gradient(#0003 0% 100%),linear-gradient(55deg,#000 6.24%,#0000 43%),linear-gradient(249deg,#000 4.53%,#0000 42.47%);width:100%;height:100%;position:absolute;top:0}.content{width:30%;height:70%;position:relative}.content .title,.content .container-2 .title-2,.content .container-3 .title-2{color:#fff;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;display:flex}.content .nb{width:60px;height:60px;margin-right:20px}.content .nb .nbr{border:5px solid #f5be1e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.content .info,.content .container-2 .info-2,.content .container-3 .info-2{color:#a6a6a6;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500}.content .container-2,.content .container-3{position:absolute;bottom:0}.container-tabs{justify-content:space-between;align-items:center;width:3%;margin:auto;display:flex;position:relative;top:-40px}.container-tabs .ellipse{cursor:pointer;background-color:#000;border:3px solid #f5be1e;border-radius:50px;width:12px;height:12px}.container-tabs .active-tab{background-color:#f5be1e}}@media screen and (max-width:768px){.container-dzair{height:auto;position:relative}.phone{order:-1;justify-content:center;align-items:center;width:32.5%;height:60%;margin:45px 0;display:flex;position:relative}.phone img{object-fit:contain;width:100%;height:100%;margin:auto}.phone:after{content:"";background:linear-gradient(#0003 0% 100%),linear-gradient(55deg,#000 6.24%,#0000 43%),linear-gradient(249deg,#000 4.53%,#0000 42.47%);width:100%;height:100%;position:absolute;top:0}.contents{background-color:#000;flex-direction:column;justify-content:space-between;align-items:center;width:90%;height:100%;margin:auto;display:none}.content-active{display:flex}.content{width:50%;height:auto;position:relative}.content .title,.content .container-2 .title-2,.content .container-3 .title-2{color:#fff;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;display:flex}.content .nb{width:60px;height:60px;margin-right:20px}.content .nb .nbr{border:5px solid #f5be1e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.content .info,.content .container-2 .info-2,.content .container-3 .info-2{color:#a6a6a6;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500}.content .container-2,.content .container-3{bottom:inherit;margin-top:35px;position:relative}.content .container-2 .title-2,.content .container-3 .title-2{float:right}.content-3{order:-1}.container-4{bottom:inherit;margin-top:35px;position:relative}.container-4 .title-4{float:left;align-items:center}.container-tabs{width:4%;height:60px;top:inherit;justify-content:space-between;align-items:center;margin:auto;display:flex;position:relative}.container-tabs .ellipse{cursor:pointer;background-color:#000;border:3px solid #f5be1e;border-radius:50px;width:12px;height:12px}.container-tabs .active-tab{background-color:#f5be1e}}@media screen and (max-width:440px){.container-dzair{width:85%;margin:auto;position:relative}.contents{width:100%;height:100%}.content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.content .info,.content .container-2 .info-2,.content .container-3 .info-2{width:95%;margin:auto}.content .title,.content .container-2 .title-2,.content .container-3 .title-2{font-size:.8rem}.content .nb{width:60px;height:60px;margin-right:20px}.content .nb .nbr{width:60px;height:60px;font-size:2rem}.content .info,.content .container-2 .info-2,.content .container-3 .info-2{font-size:1rem}.content .container-2,.content .container-3{margin-top:35px}.content .container-2 .title-2,.content .container-3 .title-2{float:right}.phone{width:50.5%}.container-tabs{width:8%}}@media screen and (max-width:321px){.phone{width:80%}.container-tabs{width:11%}}#spotlight{height:auto}#spotlight .tilte-game{width:40%;margin:0 auto 100px}@media screen and (max-width:1024px){#spotlight .tilte-game{width:40%;margin:0 auto 50px}}@media screen and (max-width:800px){#spotlight .tilte-game{width:45%}}@media screen and (max-width:576px){#spotlight .tilte-game{width:52%}}@media screen and (max-width:440px){#spotlight .tilte-game{width:70%}}#spotlight .tilte-game img{width:100%}#spotlight .container-spotlight{justify-content:space-evenly;align-items:center;width:90%;margin:auto;display:flex}@media screen and (max-width:800px){#spotlight .container-spotlight{flex-direction:column}}#spotlight .container-game-desc{color:#a6a6a6;width:43%}@media screen and (max-width:800px){#spotlight .container-game-desc{align-items:center;width:90%;display:flex}}@media screen and (max-width:700px){#spotlight .container-game-desc{flex-direction:column}}#spotlight .container-game-desc h2{color:#fff;margin-bottom:20px;font-family:Inter,sans-serif;font-size:2.5rem}@media screen and (max-width:1024px){#spotlight .container-game-desc h2{font-size:2rem}}@media screen and (max-width:800px){#spotlight .container-game-desc h2{font-size:2.1rem}}@media screen and (max-width:700px){#spotlight .container-game-desc h2{text-align:center}}@media screen and (max-width:380px){#spotlight .container-game-desc h2{font-size:1.7rem}}@media screen and (max-width:320px){#spotlight .container-game-desc h2{font-size:1.5rem}}#spotlight .container-game-desc h2 span{color:#f5be1e}#spotlight .container-game-desc p{text-align:justify;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500}@media screen and (max-width:1024px){#spotlight .container-game-desc p{font-size:.8rem}}@media screen and (max-width:1024px) and (max-width:800px){#spotlight .container-game-desc p{width:80%}}@media screen and (max-width:1024px) and (max-width:700px){#spotlight .container-game-desc p{width:70%;margin:auto}}@media screen and (max-width:1024px) and (max-width:580px){#spotlight .container-game-desc p{width:100%}}#spotlight .container-buttons-cta{color:#fff;text-transform:uppercase;gap:10px;font-family:Poppins,sans-serif;font-weight:600;display:inline-flex}@media screen and (max-width:800px){#spotlight .container-buttons-cta{flex-direction:column;justify-content:center;display:inline-flex}}@media screen and (max-width:850px){#spotlight .container-buttons-cta{flex-direction:column}}@media screen and (max-width:700px){#spotlight .container-buttons-cta{flex-direction:row;width:70%}}@media screen and (max-width:580px){#spotlight .container-buttons-cta{width:100%}}#spotlight .container-buttons-cta .CTA{cursor:pointer;border:2px solid #3b3b3b;border-radius:7px;justify-content:center;align-items:center;margin:20px 0 10px;padding:12px 25px;display:inline-flex}#spotlight .container-buttons-cta .CTA a{text-decoration:none}@media screen and (max-width:1024px){#spotlight .container-buttons-cta .CTA{padding:12px 20px;font-size:.6rem}}@media screen and (max-width:850px){#spotlight .container-buttons-cta .CTA{margin:inherit;justify-content:center;align-items:center;width:100%;padding:12px 15px;display:flex}}@media screen and (max-width:700px){#spotlight .container-buttons-cta .CTA{justify-content:center;align-items:center;width:100%;margin:20px 0 10px;display:flex}}#spotlight .container-buttons-cta .CTA .FaPlay{margin-right:5px}#spotlight .container-buttons-cta .CTA:hover{background-color:#222}#spotlight .container-buttons-cta .Available{align-items:center;gap:5px;display:flex}#spotlight .container-buttons-cta .Available p{color:#a6a6a6;font-size:.7rem;font-weight:400}@media screen and (max-width:1024px){#spotlight .container-buttons-cta .Available p{font-size:.6rem}}#spotlight .container-buttons-cta .Available .label-platform{border:2px solid #3b3b3b;border-radius:5px;padding:7px 10px;font-size:.6rem;display:inline-block}@media screen and (max-width:1024px){#spotlight .container-buttons-cta .Available .label-platform{padding:5px 9px;font-size:.5rem}}@media screen and (max-width:800px){#spotlight .container-buttons-cta .Available .label-platform{white-space:nowrap;padding:5px 9px;font-size:.5rem}}.video-Thumb{aspect-ratio:16/9;width:50%;position:relative}@media screen and (max-width:800px){.video-Thumb{width:90%;height:400px}}@media screen and (max-width:576px){.video-Thumb{height:300px}}@media screen and (max-width:425px){.video-Thumb{height:290px}}@media screen and (max-width:380px){.video-Thumb{height:250px}}.video-Thumb .thum-img{background-color:#81828172;border:1px solid #151519;border-radius:20px;width:100%;height:99%;position:relative}@media screen and (max-width:800px){.video-Thumb .thum-img{height:80%}}.video-Thumb .thum-img img{object-fit:cover;border:2px solid #151519;border-radius:20px;width:100%;height:100%}.video-Thumb .thum-img:before{content:"";border-bottom:2px solid #f5be1e;border-right:2px solid #f5be1e;border-bottom-right-radius:20px;width:13%;height:20%;position:absolute;bottom:0;right:0}.video-Thumb .thum-img:after{content:"";border-top:2px solid #f5be1e;border-left:2px solid #f5be1e;border-top-left-radius:20px;width:13%;height:20%;position:absolute;top:0;left:0}.video-Thumb .hr{background:linear-gradient(90deg,#0000 0%,#e8b9431a 20%,#e8b943cc 50%,#e8b9431a 80%,#0000 100%)}.hex-play-btn{cursor:pointer;color:#e8b943;filter:drop-shadow(0 0 16px #e8b94366);background:0 0;border:none;width:72px;height:72px;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.hex-play-btn{top:40%}}.hex-icon{width:100%;height:100%;display:block}.hex-play-btn:hover{color:#fff;filter:drop-shadow(0 0 24px #fff9);transform:translate(-50%,-50%)scale(1.15)}.hero{color:#fff;background-color:#000;width:100%;height:100vh}@media screen and (max-width:577px){.hero{height:600px!important}}@media screen and (max-width:321px){.hero{height:700px!important}}.hero .hero-img{width:100%;height:100%;position:relative}.hero .hero-img img{object-fit:cover;width:100%;height:100%}@media screen and (max-width:577px){.hero .hero-img img{object-position:right}}.hero .overlay{background:linear-gradient(#0000 0%,#000 100%);align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}@media screen and (max-width:768px){.hero .overlay{flex-direction:column-reverse}}@media screen and (max-width:577px){.hero .overlay{background:linear-gradient(#00000087 0%,#000 100%)!important}}.hero .overlay .overlay-content{width:45%;margin-left:70px}@media screen and (max-width:1024px){.hero .overlay .overlay-content{width:50%!important}}@media screen and (max-width:768px){.hero .overlay .overlay-content{text-align:center;margin-left:inherit;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);width:80%!important}}@media screen and (max-width:450px){.hero .overlay .overlay-content{width:90%!important}}.hero .overlay .overlay-content .logo-game{width:90%}.hero .overlay .overlay-content .logo-game img{width:100%;height:100%}.hero .overlay .overlay-content h1{margin-top:20px;font-family:Cinzel,serif;font-size:1.8rem;font-style:normal;font-weight:400;line-height:1.2}@media screen and (max-width:1024px){.hero .overlay .overlay-content h1{font-size:1.5rem!important}}@media screen and (max-width:768px){.hero .overlay .overlay-content h1{letter-spacing:2px!important}}@media screen and (max-width:577px){.hero .overlay .overlay-content h1{font-size:1.2rem!important}}@media screen and (max-width:440px){.hero .overlay .overlay-content h1{font-size:1.1rem!important}}@media screen and (max-width:376px){.hero .overlay .overlay-content h1{font-size:.9rem!important}}.hero .overlay .overlay-content .badges{gap:5px;margin-top:30px;display:flex}@media screen and (max-width:376px){.hero .overlay .overlay-content .badges{width:80%}}.hero .overlay .overlay-content .badges .badge{height:60px}@media screen and (max-width:321px){.hero .overlay .overlay-content .badges .badge{height:40px!important}}.hero .overlay .overlay-content .badges .badge img{object-fit:contain;width:100%;height:100%}.hero .overlay .overlay-sreen{width:50%;height:80%}@media screen and (max-width:577px){.hero .overlay .overlay-sreen{width:90%}}@media screen and (max-width:440px){.hero .overlay .overlay-sreen{margin-top:-150px}}@media screen and (max-width:322px){.hero .overlay .overlay-sreen{margin-top:-250px!important}}.hero .overlay .overlay-sreen img{object-fit:contain;width:100%;height:100%}@media screen and (max-width:1024px){.hero{color:#fff;background-color:#000;width:100%;height:620px;position:relative}.hero .hero-img{width:100%;height:100%;position:relative}.hero .hero-img img{object-fit:cover;width:100%;height:100%}.hero .overlay{background:linear-gradient(#0000 0%,#000 100%);height:100%}.hero .overlay .overlay-content{width:45%}.hero .overlay .overlay-content h1{letter-spacing:-3px;font-size:2rem}.hero .overlay .overlay-content .badges{margin:20px 0}.hero .overlay .overlay-content .badges .badge{width:150px;height:50px}.hero .overlay .overlay-content .badges .badge img{width:100%;height:100%}}#App{justify-content:center;align-items:center;width:100%;height:500px;display:flex}@media screen and (max-width:1024px){#App{height:400px}}@media screen and (max-width:769px){#App{height:auto}}.container-app{justify-content:space-between;align-items:center;width:90%;height:500px;display:flex}@media screen and (max-width:769px){.container-app{flex-direction:column-reverse;width:95%;height:auto}}.container-card-app{justify-content:space-between;align-items:center;width:70%;display:flex}@media screen and (max-width:769px){.container-card-app{width:90%;margin:50px auto}}@media screen and (max-width:440px){.container-card-app{width:100%}}.card-app{aspect-ratio:9/16;border-radius:10px;width:33.33%;height:400px;padding:5px}.card-app a{width:100%;height:100%}@media screen and (max-width:1024px){.card-app{height:300px}}@media screen and (max-width:576px){.card-app{height:250px}}@media screen and (max-width:440px){.card-app{height:190px}}@media screen and (max-width:376px){.card-app{height:150px}}@media screen and (max-width:321px){.card-app{height:140px}}.card-app img{object-fit:cover;border-radius:10px;width:100%;height:100%}.details{height:100vh;position:relative;overflow:hidden}@media screen and (max-width:1024px){.details{height:900px}}@media screen and (max-width:376px){.details{height:700px}}.details img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0000 0%,#000 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}@media screen and (max-width:1024px){.hero-overlay{flex-direction:column-reverse;height:100%;margin-top:0;bottom:0}}.hero-content{width:40%}@media screen and (max-width:1024px){.hero-content{width:70%}}.hero-content .content{width:100%;height:100%}.hero-content h1{color:#fff;letter-spacing:-5px;width:fit-content;margin-bottom:10px;font-size:6rem;font-weight:600}@media screen and (max-width:1024px){.hero-content h1{text-align:center;margin:auto}}@media screen and (max-width:768px){.hero-content h1{font-size:5rem}}@media screen and (max-width:440px){.hero-content h1{margin:20px auto;font-size:3rem}}@media screen and (max-width:320px){.hero-content h1{letter-spacing:-3px;margin:10px auto;font-size:2.6rem}}.hero-content p{color:#d1d1d1;letter-spacing:-2px;width:100%;font-size:2.7rem;line-height:1;display:inline-block}@media screen and (max-width:1024px){.hero-content p{text-align:center;width:100%}}@media screen and (max-width:768px){.hero-content p{font-size:2rem}}@media screen and (max-width:440px){.hero-content p{font-size:1.7rem}}@media screen and (max-width:320px){.hero-content p{letter-spacing:-1px;font-size:1.3rem}}.hero-rating{gap:10px;width:fit-content;margin:30px 0;display:flex}@media screen and (max-width:1024px){.hero-rating{margin:30px auto}}@media screen and (max-width:440px){.hero-rating{gap:5px}}@media screen and (max-width:320px){.hero-rating{gap:2px;margin:10px auto}}.hero-rating .star{color:#f5be1e;font-size:2rem}@media screen and (max-width:440px){.hero-rating .star{font-size:1.5rem}}@media screen and (max-width:320px){.hero-rating .star{font-size:1.2rem}}.hero-rating h3{color:#fff;font-size:2rem;font-weight:500}@media screen and (max-width:440px){.hero-rating h3{font-size:1.5rem}}.badges-app{gap:5px;display:flex}@media screen and (max-width:1024px){.badges-app{justify-content:center;align-items:center;margin:auto}}.badges-app .badge{flex:120px;max-width:200px;height:60px}@media screen and (max-width:768px){.badges-app .badge{max-width:160px;height:50px}}@media screen and (max-width:440px){.badges-app .badge{max-width:130px;height:40px}}@media screen and (max-width:321px){.badges-app .badge{max-width:100px;height:30px}}.badges-app .badge img{object-fit:contain;width:100%;height:100%}.hero-app-screenshot{width:50%}@media screen and (max-width:768px){.hero-app-screenshot{width:90%}}.hero-app-screenshot img{object-fit:cover;width:100%;height:100%}.info-app{margin-top:50px}.info-app .info-app-content{width:70%;margin:0 auto}@media screen and (max-width:768px){.info-app .info-app-content{width:90%}}.info-app .info-app-content h2{color:#fff;text-align:center;letter-spacing:-2px;margin-bottom:100px;font-family:Poppins,sans-serif;font-size:3rem}@media screen and (max-width:1024px){.info-app .info-app-content h2{font-size:2.5rem}}@media screen and (max-width:440px){.info-app .info-app-content h2{margin-bottom:80px}}@media screen and (max-width:321px){.info-app .info-app-content h2{margin-bottom:50px;font-size:2rem}}.info-app .info-app-content h2:after{content:"";background-color:#f5be1e;border-radius:50px;width:100px;height:4px;margin:10px auto 0;display:block}.info-app .info-app-content h3{color:#fff;margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:1.5rem}@media screen and (max-width:440px){.info-app .info-app-content h3{font-size:1.2rem}}@media screen and (max-width:321px){.info-app .info-app-content h3{margin-bottom:.5rem;font-size:1rem}}.info-app .info-app-content p{color:#a6a6a6;text-align:justify;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:1.3rem;line-height:1.5}@media screen and (max-width:440px){.info-app .info-app-content p{font-size:1rem}}@media screen and (max-width:321px){.info-app .info-app-content p{margin-bottom:1rem;font-size:.8rem}}.screenshot-info{flex-wrap:wrap;justify-content:center;align-items:center;width:90%;margin:100px auto;display:flex}@media screen and (max-width:440px){.screenshot-info{scroll-snap-type:x mandatory;flex-wrap:nowrap;justify-content:flex-start;width:100%;margin:70px auto;padding:10px;overflow-x:auto}.screenshot-info::-webkit-scrollbar{display:none}.screenshot-info:before{content:"";scroll-snap-align:start;flex:0 0 20px}}@media screen and (max-width:321px){.screenshot-info{margin:50px auto}}.screenshot-info .app-screenshot{aspect-ratio:9/16;width:25%;padding:5px}@media screen and (max-width:440px){.screenshot-info .app-screenshot{scroll-snap-align:start;flex:none;width:80%}}.screenshot-info .app-screenshot .screen-img{background-color:#adff2f;border-radius:10px;width:100%;height:100%}.screenshot-info .app-screenshot .screen-img img{object-fit:cover;border-radius:10px;width:100%;height:100%}.call-to-action{width:100%;height:500px;margin-bottom:50px;position:relative}@media screen and (max-width:577px){.call-to-action{height:450px}}@media screen and (max-width:440px){.call-to-action{height:420px}}@media screen and (max-width:375px){.call-to-action{height:400px}}@media screen and (max-width:321px){.call-to-action{height:300px}}.cta-img{width:100%;height:100%}.cta-img img{object-fit:cover;border-radius:10px;width:100%;height:100%}.cta-content{z-index:10;background:linear-gradient(#000 0%,#0000 30% 70%,#000 100%);width:100%;height:100%;position:absolute;top:0}.cta-content h2{color:#fff;text-align:center;letter-spacing:-2px;width:70%;margin:50px auto;font-family:Poppins,sans-serif;font-size:2.5rem}@media screen and (max-width:577px){.cta-content h2{font-size:2rem}}@media screen and (max-width:440px){.cta-content h2{margin:30px auto}}@media screen and (max-width:321px){.cta-content h2{margin:20px auto;font-size:1.5rem}}.cta-content h2:after{content:"";background-color:#f5be1e;border-radius:50px;width:100px;height:4px;margin:10px auto 0;display:block}.cta-content p{color:#fff;text-align:center;width:50%;margin:0 auto;font-family:Inter,sans-serif;font-size:1.3rem;line-height:1.5}@media screen and (max-width:1024px){.cta-content p{width:80%}}@media screen and (max-width:577px){.cta-content p{font-size:1.2rem}}@media screen and (max-width:440px){.cta-content p{font-size:1rem}}@media screen and (max-width:375px){.cta-content p{font-size:.9rem}}@media screen and (max-width:321px){.cta-content p{font-size:.8rem}}.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:50%;margin:20px auto;display:flex;position:relative}@media screen and (max-width:768px){.cta-buttons{width:80%}}@media screen and (max-width:440px){.cta-buttons{gap:5px;width:100%}}.cta-buttons .badge-cta{z-index:50;flex:120px;width:auto;max-width:200px;height:60px}.cta-buttons .badge-cta a{width:100%;height:100%;display:block}.cta-buttons .badge-cta img{object-fit:contain;width:100%;height:100%}@media screen and (max-width:440px){.cta-buttons .badge-cta{max-width:150px;height:40px}}@media screen and (max-width:375px){.cta-buttons .badge-cta{max-width:130px;height:40px}}.legal h1{text-align:center;color:#f5be1e;margin-top:100px;font-size:3rem}.legal h2{color:#f5be1e;margin:20px 0;font-size:1.5rem}.legal h3{margin:20px 0;font-size:1.2rem}.legal article{color:#a1a1a1;width:80%;margin:100px auto;line-height:1.5}.legal article a{color:#f5be1e}.legal ul li{list-style:inherit;margin-left:30px}.legal p{text-align:justify;font-size:1rem;line-height:2}@media screen and (min-width:320px) and (max-width:426px){.legal h1{font-size:2rem}.legal h2{font-size:1.2rem}.legal p{font-size:1rem}}.container-form-contact{width:100%;height:90vh;margin-top:150px}.container-form-contact .title-section{text-align:center;color:#f5be1e;width:40%;margin:auto auto 50px;font-size:2rem}.container-form-contact #contact{width:50%;margin:auto}.container-form-contact .container-input input{color:#a6a6a6;background-color:#0000;border:3px solid #343434;border-radius:7px;width:48.4%;height:50px;margin:5px;padding-left:10px}.container-form-contact .container-input input:focus{outline:none}.container-form-contact textarea{resize:none;color:#a6a6a6;background-color:#0000;border:3px solid #343434;border-radius:7px;width:98.5%;height:200px;margin:10px 0 0 5.5px;padding-top:10px;padding-left:10px}.container-form-contact textarea:focus{outline:none}.container-form-contact #submit{color:#fff;cursor:pointer;background-color:#343434;border:none;border-radius:7px;width:98.5%;height:35px;margin:10px 0 0 5.5px;font-weight:700}.container-form-contact #submit:hover{background:#4e4e4e}.container-form-contact .insta-contact{color:#575656;align-items:center;width:98.5%;margin:10px 0 0 5.5px;font-size:.7rem;display:flex}.container-form-contact .insta-contact a{color:#a6a6a6;cursor:pointer;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.container-form-contact .insta-contact a:hover{color:silver}@media screen and (max-width:1024px){.container-form-contact{height:auto}.container-form-contact .title-section{width:60%}.container-form-contact #contact{width:80%;margin-bottom:20px}}@media screen and (max-width:768px){.container-form-contact{height:auto}.container-form-contact .title-section{width:60%}.container-form-contact #contact{width:90%;margin-bottom:20px}.container-form-contact #contact .container-input{display:flex}}@media screen and (min-width:528px) and (max-width:766px){.container-form-contact{height:auto}.container-form-contact .title-section{width:90%}.container-form-contact #contact{width:80%;margin-bottom:20px}}@media screen and (min-width:426px) and (max-width:527px){.container-form-contact{height:auto}.container-form-contact .title-section{width:90%}.container-form-contact #contact{width:80%;margin-bottom:20px}}@media screen and (max-width:440px){.container-form-contact{height:auto}.container-form-contact .title-section{width:90%;font-size:1.5rem}.container-form-contact #contact{width:80%;margin-bottom:20px}}@media screen and (max-width:426px){.container-form-contact{height:auto}.container-form-contact .title-section{width:90%}.container-form-contact #contact{width:80%;margin-bottom:20px}}@media screen and (max-width:376px){.container-form-contact{height:auto}.container-form-contact .title-section{width:90%}.container-form-contact .title-section h1{font-size:1.7rem}.container-form-contact #contact{width:80%;margin-bottom:20px}}@media screen and (min-width:320px) and (max-width:374px){.container-form-contact{height:auto}.container-form-contact .title-section{width:90%}.container-form-contact .title-section h1{font-size:1.7rem}.container-form-contact #contact{width:80%;margin-bottom:20px}}#Games{justify-content:center;align-items:center;width:100%;height:500px;display:flex}@media screen and (max-width:1024px){#Games{height:400px}}@media screen and (max-width:769px){#Games{height:auto}}.container-game{justify-content:space-around;align-items:center;width:90%;height:500px;display:inline-flex}@media screen and (max-width:769px){.container-game{flex-direction:column;width:95%;height:auto}}.container-card-game{justify-content:flex-end;align-items:center;width:70%;display:flex}@media screen and (max-width:769px){.container-card-game{width:90%;margin:50px auto}}@media screen and (max-width:440px){.container-card-game{width:100%}}.card-game{aspect-ratio:9/16;border-radius:10px;width:33.33%;height:400px;padding:5px}.card-game a{width:100%;height:100%}@media screen and (max-width:1024px){.card-game{height:300px}}@media screen and (max-width:576px){.card-game{height:250px}}@media screen and (max-width:440px){.card-game{height:190px}}@media screen and (max-width:376px){.card-game{height:150px}}@media screen and (max-width:321px){.card-game{height:140px}}.card-game img{object-fit:cover;border-radius:10px;width:100%;height:100%}