html{font-size:11px;scroll-behavior:smooth}.scrollY::-webkit-scrollbar,html::-webkit-scrollbar{width:0}html::-webkit-scrollbar-thumb
.scrollY::-webkit-scrollbar-thumb{background-color:var(--puetro-rico)}.scrollY,html{scrollbar-color:var(--bg03) #0000;scrollbar-width:none}ol{padding-left:25px}img{display:block;height:auto;max-width:100%;object-fit:cover;-webkit-user-select:none;user-select:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{color:inherit;display:block;text-decoration:none}button,input,select,textarea{background:none;border:none;color:inherit;font-family:Chakra Petch,sans-serif;outline:#0000}button{cursor:pointer}ul{list-style:none}:root{--bg:#0e0b09;--color:#f1ebe5;--red:#e0322c;--yellow:#e2b035;--blue:#375abc;--g:#eee3d3;--green:#103425;--bg-black-900:#fff;--bg-black-100:#353535;--bg-black-50:#2b2c2f;--text-black-900:#fff;--text-black-700:#fff;--text-black-600:#bbb}body{background-color:#0e0b09;background-color:var(--bg);color:#f1ebe5;color:var(--color);font-family:Chakra Petch,sans-serif;font-size:1.3rem;height:100vh;margin:0;max-height:100vh;max-width:100vw;overflow:hidden scroll;scrollbar-width:none;width:100vw}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:768px){.container{max-width:750px}}@media (min-width:992px){.container{max-width:970px}}@media (min-width:1200px){.container{max-width:1190px}}.App{display:flex;height:100vh;position:relative}.App:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(#5d02047a,#0e150f);border-radius:50%;bottom:-98px;content:"";filter:blur(379px);height:361px;left:0;position:fixed;transform:translate(-59%,10%) rotate(0deg) rotateX(29deg);width:800px;z-index:-1}.App .dot{background-color:#eee3d3;background-color:var(--g);border-radius:50%;height:10px;left:calc(var(--p)*2vw);position:absolute;top:calc(var(--p)*2vh);width:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.center,.center-v,.f-end,.f-start,.space-b{align-items:center;display:flex}.center,.center-v{justify-content:center}.center-v{flex-direction:column}.space-b{justify-content:space-between}.f-end{justify-content:flex-end}header{background:linear-gradient(180deg,var(--bg) 60%,#0000 100%);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;position:fixed;top:0;width:100vw;z-index:2}header .container{padding:30px 15px}header .nav-btn{background-color:var(--red);border-radius:50%;cursor:pointer;display:none;flex-direction:column;gap:4px;height:40px;min-width:40px}header .nav-btn span{background:#fff;border-radius:2px;display:block;height:2px;left:calc(50% - 14px);position:absolute;top:50%!important;transform:translateY(-4px);transform-origin:center;transition:.3s ease;width:28px}header .nav-btn span:last-child{transform:translateY(2px)}header nav{display:grid;grid-template-columns:1fr auto;width:100%}.logo,header .nav-btn{position:relative;z-index:30}.logo{font-size:30px;font-weight:600;text-transform:uppercase}.logo span{color:var(--red)}.links{gap:30px}.links a{color:var(--red);font-size:20px;font-weight:700;letter-spacing:.02em;position:relative;text-transform:uppercase}.links a.active{background:linear-gradient(180deg,#0000,#ffffffb5,#0000);-webkit-background-clip:text;background-clip:text;color:#0000}header .c-img{border-radius:5px;box-shadow:inset 2px 2px 2px 0 #ffffff80,7px 7px 20px 0 #0000001a,4px 4px 5px 0 #0000001a;cursor:pointer;height:35px;margin:0 10px;max-width:35px;min-width:35px;overflow:hidden}header .c-img img{background-color:var(--green);font-size:20px;height:100%}.login-btn{background:var(--red);border-radius:25px;cursor:pointer;font-size:18px;margin:0 10px;padding:10px 25px}.social-media{gap:15px}.social-media a{border-radius:8px;font-size:20px;padding:5px;transition:.3s ease}.social-media a:hover{background:#0e3f1d;box-shadow:0 0 60px 1px #0e0d0d}section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:20px 0 60px;width:100%}.hero-img{bottom:0;height:100vh;opacity:.3;position:fixed;right:0;transform:translateX(14%);z-index:-2}.hero-img img{height:100%;object-fit:contain;object-position:bottom right}.hero h1{font-size:60px;font-weight:600;line-height:1;margin:100px 0 50px;max-width:800px;transform:scaleY(1.1)}.hero button{background:linear-gradient(-45deg,var(--red),var(--yellow),var(--green));background-size:150% 150%;border-radius:40px;color:var(--bg);font-size:25px;font-weight:900;padding:14px 60px;text-transform:uppercase;transition:.3s ease}.hero button:hover{animation:gradient 5s ease;scale:.95}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.packages{position:relative}.heading,.packages{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heading{border-bottom:1px dashed #fff9f212;font-size:30px;font-weight:600;gap:15px;text-transform:capitalize}.packages ul{margin-top:20px}.packages ul li{cursor:pointer;font-size:22px;opacity:.8;padding:8px 15px;text-transform:capitalize;transition:.3s ease;width:100%}.packages ul li.active{color:var(--yellow)!important;gap:10px}.packages ul li svg{font-size:15px}.packages .next-btn{position:absolute}.packages .next-btn button{border:2px solid var(--red);border-radius:30px;color:var(--red);cursor:pointer;font-size:24px;font-weight:700;margin-top:20px;padding:5px 30px;text-transform:uppercase;transition:.3s ease}.packages .next-btn button:hover{background-color:var(--red);color:var(--g)}.prices .heading{font-size:20px;margin:100px 0 0}.prices .back{border-radius:20px;font-size:38px;padding:0 10px}.prices .p-btn{margin-top:30px}.cards,.prices .p-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cards{flex-wrap:wrap-reverse;gap:30px;margin:40px auto 0}.cards .not-selcted{opacity:.2}.card{background-color:var(--bg);border:1px solid #eeeeee38;border-radius:10px;box-shadow:0 0 5px #f1ebe50d;cursor:pointer;max-width:360px;overflow:hidden;padding:30px;text-align:center;width:350px}.card,.card>div{position:relative}.card>div{z-index:2}.card h4{font-size:16px;font-weight:300;text-transform:uppercase}.card h2,.card h4{margin-bottom:20px}.card h2{color:var(--g);font-size:55px;text-shadow:0 0 3px #000}.card ul li{font-size:16px;padding:8px 0;text-align:center}.card ul li svg{height:15px;margin:0 10px -2px 0;width:15px}.card button{border:1px solid;border-radius:25px;font-size:18px;margin-top:25px;padding:10px 25px;transition:.3s ease}.card button:hover{background-color:var(--g);color:var(--bg);transition:.3s ease}.cards div .card:after{background:#0b1810;border-radius:40%;content:"";height:300px;left:0;position:absolute;transition:scale .3s ease;width:100%}.cards div:first-child .card:after{bottom:-150px}.cards div:nth-child(2) .card:after{bottom:-200px}.cards div:nth-child(3) .card:after{bottom:-150px}.cards div .card:hover:after{scale:3}.cards .selcted .card{box-shadow:0 0 0 1px var(--yellow)}.marck{-webkit-text-stroke:1px #2b6742;bottom:0;color:#0000;font-size:130px;font-weight:700;left:0;opacity:.2;pointer-events:none;position:fixed;rotate:-90deg;scale:1 1.3;text-transform:uppercase;transform-origin:left center;translate:75px 84px;z-index:-2}.marck.c{font-size:80px;translate:46px 50px}.about{display:flex;max-height:100vh;overflow:hidden;padding-top:50%;perspective:450px;position:relative}.about:after{background:linear-gradient(180deg,#0e0b0994,#0000);content:"";height:30%;position:absolute;top:0;width:100%}.scroll-text{animation:scroll 20s linear infinite;position:relative}.scroll-text.play{animation-play-state:running;animation-play-state:paused}.about .scroll-text{color:var(--color);font-size:3vw;font-weight:700;line-height:1.5;position:relative;text-align:justify;text-transform:capitalize;top:100px}@media (max-width:990px){.about .scroll-text{font-size:3.8vw}}@media (max-width:600px){.about .scroll-text{font-size:4.5vw}}@media (max-width:500px){.about .scroll-text{font-size:5.5vw}}.play-btn{background-color:#151414;border-radius:50%;font-size:5vw;height:5vw;left:50%;position:fixed;top:50%;translate:-50%;width:5vw;z-index:3}.about .scroll-text h1{-webkit-text-stroke:1px var(--color);color:#0000;font-size:5vw;text-align:center;text-transform:uppercase}.repeat{cursor:pointer;font-size:5vw;margin:60vh auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes scroll{0%{top:100px;transform:translateZ(0) rotateX(16deg)}to{top:-1000px;transform:translateZ(-350px) rotateX(17deg)}}.outer-shadow{box-shadow:3px 3px 3px #2c2c2c0d,-3px -3px 3px #3f3f3f0d;transition:all .5s ease}.hover-in-shadow{position:relative;transition:all .5s ease;z-index:1}.hover-in-shadow:hover{box-shadow:3px 3px 3px #01010136,inset -3px -3px 3px #2222225e}.hover-in-shadow:after{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.hover-in-shadow:hover:after{box-shadow:inset 3px 3px 3px #01010136,inset -3px -3px 3px #2222225e}.contact form{margin:70px 0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact form h3{font-size:30px;margin-bottom:20px}.contact form>.center{gap:20px}.contact .marcl{font-size:80px;translate:-65% 63px}.contact form .input-container{background:var(--bg);border-radius:20px;cursor:text;margin-bottom:25px;width:100%}.contact form .input-container:after{border-radius:20px;z-index:-1}.contact form input{background-color:initial;border-radius:20px;color:var(--text-black-700);display:block;font-size:18px;padding:15px 20px;width:100%}.contact form input#name{text-transform:capitalize}.contact form .text-container{background:var(--bg);border-radius:20px;cursor:text;height:165px}.contact form .text-container:after{border-radius:20px;z-index:-1}.contact form textarea{background-color:initial;border:none;border-radius:20px;color:var(--text-black-700);display:block;font-size:18px;height:100%;outline:none;padding:10px 20px;resize:none;width:100%}.contact form .btn{background:var(--bg);border-radius:30px;cursor:pointer;margin-top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact form .btn:after{border-radius:30px}.contact form .btn input{color:var(--red);cursor:pointer;font-size:18px;letter-spacing:.4px;padding:10px 25px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}@media (max-width:992px){header .nav-btn{display:flex}header nav{background-color:var(--bg);grid-template-columns:1fr;grid-template-rows:1fr auto;height:100vh;left:50%;padding:100px 20px 30px;position:fixed;top:0;transition:translate .3s ease-out;translate:-50% 100vh!important;visibility:hidden;width:100vw}header nav .links{flex-direction:column;gap:30px}.links a{font-size:40px}header .showNav .logo svg:first-child{transition:.3s ease}header .showNav nav{translate:-50% 0!important;visibility:visible}header .showNav .nav-btn span:first-child{transform:rotate(45deg)}header .showNav .nav-btn span:last-child{transform:rotate(-45deg)}.card{width:226px}.card h2{font-size:50px}}@media (max-width:720px){.hero-img{transform:translateX(40%)}}@media (max-width:590px){.hero h1{font-size:8.5vw;margin-bottom:35px}.hero button{font-size:20px;padding:8px 20px}}@media (max-width:450px){.heading{font-size:6vw}}.popup{position:fixed;z-index:30}.popup,.popup .pg{height:100vh;left:0;top:0;width:100vw}.popup .pg{background-color:#000000b0;content:"";filter:blur(50px);position:absolute}.success{background:var(--yellow);color:var(--bg);padding:20px}.box,.success{border-radius:5px;position:relative;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:20}.box{background:var(--red);font-size:25px;padding:20px 30px}.copy-btn{background:var(--bg-black-900);border-radius:5px;cursor:pointer;font-size:35px;padding:8px}.box button,.success button{background-color:var(--bg);border-radius:5px;color:var(--g);display:block;font-size:20px;margin:10px auto 0;padding:5px 15px}.overlay{background-color:#00000080;width:100vw}.acount-cont,.overlay{height:100vh;left:0;position:fixed;top:0;z-index:2}.acount-cont{align-items:flex-start;background-color:var(--green);flex-direction:column;max-width:440px;width:100%}.acount-cont .head{font-size:25px;margin:30px 20px}.acounts{height:100%;overflow-y:auto;padding:20px 20px 70px;width:100%}.acount-cont .acount{background:#0c110d;border-radius:5px;margin-bottom:10px;padding:10px}.acount-cont .acount h4{color:var(--red)}.acount-cont .acount sup{font-size:11px;font-weight:300}.acount-cont .acount .two-column{grid-gap:8px 15px;align-items:center;display:grid;gap:8px 15px;grid-template-columns:repeat(4,auto);padding-left:5px}.acount-cont .acount>.space-b{border-bottom:1px solid var(--bg-black-50);font-size:20px;margin-bottom:25px;padding-bottom:5px}.acount-cont .acount .space-b .copy-btn{background:#10342566;color:#fff;font-size:30px;padding:6px}.acount-cont .acount .span{grid-column:span 3}.acount-cont .acount .two-column h5{color:#868686;text-transform:capitalize}.acount-cont .acount .two-column p{font-size:14px}.logout-btn{background:linear-gradient(to bottom,#0000,var(--green),var(--green));bottom:0;cursor:pointer;font-size:20px;gap:15px;left:0;padding:15px 20px;position:absolute;transition:.3s ease;width:100%;z-index:2}.logout-btn:active,.logout-btn:hover{background-color:#0b241a}.close-btn{background:#070504;cursor:pointer;font-size:26px;height:40px;position:absolute;right:0;top:0;transition:.3s ease;width:40px}.close-btn:hover{animation:rotate 3s ease;border-radius:50%;margin:1px}@keyframes rotate{to{rotate:9060deg}}.close-btn svg path{stroke:currentColor}.sent{border-radius:5px;flex-direction:column;margin-top:65px;padding:18px;width:400px}.sent img{width:230px}.sent p{font-size:25px;text-align:center}.login-box{aspect-ratio:16/9;background-color:#131417;border:1px solid #ffffff1a;border-radius:10px;display:grid;grid-template-columns:55% 45%;max-width:800px;overflow:hidden}@media (max-width:900px){.login-box{aspect-ratio:unset;display:block;max-width:600px}.login-box .img img{display:none}}.login-box .left{display:flex;flex-direction:column;padding:50px 30px 30px}.login-box .left h2{font-size:30px;margin-bottom:20px}.login-box .left p{font-size:18px;line-height:1.6;margin-bottom:20px}.login-box .left .btns{gap:10px;margin-top:auto}.login-box .left .btns button{background-color:var(--bg-black-50);border-radius:25px;padding:15px 25px;text-transform:capitalize;transition:.3s ease}.login-box .left .btns button.g{background-color:var(--red)}.login-box .left .btns button:hover{opacity:.8}
/*# sourceMappingURL=main.89b3aad5.css.map*/