:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;overflow-x:hidden}div,p,span{color:#fff}*{box-sizing:border-box;font-family:Public Sans}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}p{margin:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{overflow-x:hidden;background-color:#000;cursor:none;position:relative}.background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0}#mainContainer{width:100vw;overflow-x:hidden;padding-top:60px!important;z-index:1;position:relative}:root{--fullHeight: calc(100dvh - 60px) }.lenis::-webkit-scrollbar{display:none}.customHeaderTextXl{font-size:32px;font-weight:500;text-transform:uppercase}.customHeaderTextSm{font-size:10px;text-transform:uppercase}.Navbar{height:60px;position:fixed;width:100%;z-index:2;background-color:#000;display:flex;align-items:center;padding:10px 30px;justify-content:space-between}.CruxxLogo{font-family:Bebas Neue;font-size:40px;font-weight:700;background:linear-gradient(323deg,#000,#222,#e3ff3a,#acff23);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:normal}.navItems{display:flex;align-items:center;gap:30px;font-size:14px}.navItems p{cursor:pointer}.navItems p:hover{color:#acff23;transition:ease-in .2s}.contactBtn{background:#acff23;border-radius:5px;padding:3px 10px;color:#000}.contactBtn:hover{color:#000!important}.HeaderContent{display:flex;justify-content:center;align-items:center;position:relative;width:100%;padding:20px;height:var(--fullHeight)}.dominanceText{color:#acff23;width:9ch;display:inline-block}.HeaderContentDiv1,.HeaderContentDiv2{will-change:transform,opacity}.HeaderContentDiv1{width:50%;padding-left:100px;display:flex;height:100%;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.HeaderContentDiv2{width:50%;height:100%;display:flex;padding:30px 50px;flex-direction:column;align-items:flex-end;justify-content:space-between}.HeaderText{font-size:42px;font-weight:400}.HeaderContentDiv1 p,.HeaderContentDiv2 p{text-transform:uppercase}.neon-button{display:inline-block;padding:7px 17px;border-radius:5px;font-size:10px;font-weight:300;color:#bfff00;text-transform:uppercase;text-decoration:none;border:2px solid;border-image-source:linear-gradient(90deg,#00ff00,#ffff00);border-image-slice:1;background:transparent;position:relative;transition:all .3s ease-in-out}.neon-button:hover{background:linear-gradient(90deg,#0f0,#ff0);color:#000;box-shadow:0 0 10px #00ff00b3}.lightBeamDiv{height:var(--fullHeight);position:absolute;width:100%;background:radial-gradient(circle,#000c 10%,#000 90%)}.rayMerge{display:flex;height:100%;justify-content:center;position:relative;overflow:hidden}.lightRay{height:100%;position:absolute;top:100px}.lightRay2{position:relative;height:140%;bottom:300px;rotate:180deg}.particles{width:30%;bottom:0;left:200px;position:absolute;rotate:180deg}.particles2{width:30%;bottom:0;right:200px;position:absolute;rotate:180deg}.fallingParticle{position:absolute;transform:translate(-50%);width:20%;height:auto;opacity:1;rotate:90deg}.lightRay,.lightRay2,.particles,.particles2,.fallingParticle{will-change:transform,opacity}.SuccessNumbersDiv{height:var(--fullHeight);width:85%;display:flex;justify-content:space-between;padding-top:80px;margin:0 auto;flex-direction:column}.SuccessDiv1{width:50%;overflow:hidden}.scrollWrapper{height:70%;width:100%;overflow:hidden}.SuccessDiv2{width:100%;display:flex;flex-direction:column;align-items:flex-start;row-gap:40px}.SuccessDiv1 p{text-transform:uppercase}.ScrollingNumbers{width:50%}.NumberImg{width:100%}.ImageWrapper{position:relative;width:50%;height:300px;display:flex;justify-content:center;align-items:center;overflow:hidden}.NumberImg{position:absolute;width:100%;height:auto}.imgContent{height:45vh}.ImgScrollDiv{display:flex;align-items:center;width:100%;justify-content:space-around;height:100%}.servicesPage{width:100%;padding-top:80px}.servicesHeader{width:100%;text-align:center;padding-bottom:3rem}.listItems{display:flex;align-items:center;width:65%;margin:0 auto;justify-content:space-around;text-transform:uppercase;padding:1.5rem 0;line-height:2;border-bottom:1px solid #7B7B7B}.listItems:hover p{color:#e3ff33!important}x .listItems:hover p span{color:#e3ff33!important}.ItemDescription{width:50%;font-size:10px;color:gray}.approachDiv{height:var(--fullHeight);width:85%;margin:0 auto;padding-top:80px;display:flex;flex-direction:column;justify-content:space-around}.glowCardContainer{display:flex;width:100%;height:70%;gap:20px}.approachCard{padding:20px;position:relative;height:100%}.CardId{color:#7b7b7b;font-size:30px;position:absolute;bottom:0;padding-bottom:20px}.glow-box{width:190px;height:254px;background:#69696940;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;transition:ease-in-out .4s;box-shadow:-4px -4px 10px -3px #383838}.glow-box:hover{scale:1.05;rotate:-5deg}.GlowBoxChildren{z-index:1;height:100%;width:100%;padding:10px}.glow-box:before{content:"";position:absolute;width:100px;height:130%;background-image:none;animation:rotBGimg 5s linear infinite;transition:all .4s linear;filter:drop-shadow(0 0 10px #53ff23) drop-shadow(0 0 15px #E3FF3A)}.glow-box:hover:before{background-image:linear-gradient(180deg,#53ff23,#e3ff3a);transition:ease-in-out .4s}@keyframes rotBGimg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow-box:after{content:"";position:absolute;background:linear-gradient(146deg,#000,#232323,#686868);top:1px;right:1px;bottom:1px;left:1px;border-radius:20px}.projectsPage{width:85%;margin:0 auto;padding-top:80px}.ProjectsPageHeader{padding-bottom:3rem}.ProjectsPageContent{width:100%;border-top:1px solid #7B7B7B;border-bottom:1px solid #7B7B7B;padding:30px 0}.listItem{width:100%;display:flex;padding:10px 0}.section1{width:65%}.section2{width:35%;height:234px;padding:10px 0}.projectTitle{font-size:18px;padding:10px 0}.projectCategory{font-size:12px;padding:10px 0;font-weight:300}.projectDescription{font-size:10px;padding:10px 0;color:#7b7b7b;font-weight:300;text-transform:uppercase}.metricsDiv{display:flex;width:100%;justify-content:space-between;padding:10px 0}.Review{height:var(--fullHeight);width:85%;margin:0 auto;padding-top:80px;text-transform:uppercase}.ReviewsHeaderText{height:40%}.ReviewsHeaderText span{font-size:38px;font-weight:600;padding-top:5px}.headerText1{overflow:hidden}.headerText2{position:relative;left:5rem;padding-top:5px;overflow:hidden}.headerText3{position:relative;left:11rem;padding-top:5px;overflow:hidden}.reviewCardDiv{height:50%;display:flex;gap:15px}.cards{display:flex;flex-direction:column;border:1px solid grey;padding:20px;justify-content:space-between}.ContactDetailsDiv{width:85%;margin:0 auto;padding-top:80px;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.ContactDetailsText{font-size:40px;width:40%;line-height:1.8}.contactInputStyle{background-color:transparent}.contact-form{color:#ccc;padding:20px;max-width:600px;margin:auto}.input-group{display:flex;flex-direction:column;margin-bottom:15px}.input-group label{font-size:12px;text-transform:uppercase;margin-bottom:5px;color:gray}.input-group input,.input-group textarea{background:transparent;border:none;border-bottom:1px solid #666;color:#fff;font-size:16px;padding:5px 0;outline:none;width:100%}.input-row{display:flex;justify-content:space-between;gap:20px}.input-row .input-group{flex:1}.SendButton{color:#000;background-color:#acff23;width:fit-content;padding:5px 25px;font-size:12px;text-transform:capitalize;border-radius:7px;margin-top:30px}.error{color:red;font-size:12px;margin-top:5px;text-transform:none}.FAQPage{width:100%;margin:0 auto;padding-top:80px;color:#fff;font-family:Arial,sans-serif;text-align:center;background-color:#000;background-image:url(/assets/FAQ_Background-CDnDwfZX.svg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll}.FAQHeader{width:100%;text-align:center;padding-bottom:3rem}.FAQTitle{font-size:32px;font-weight:500;text-transform:uppercase;padding:20px 0}.FAQGrid{width:85%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;column-gap:15%}.FAQItem{position:relative;border-bottom:1px solid #333;padding:30px 0}.FAQQuestion{width:100%;background:transparent;border:none;padding:10px;font-size:16px;color:#fff;display:flex;justify-content:space-between;align-items:center}.FAQIcon{height:22px;width:22px}.FAQAnswerContainer{width:100%;padding:0 10px;border-radius:0 0 7px 7px;z-index:10;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,padding .3s ease-in-out}.FAQAnswerContainer.open{max-height:500px;padding:10px;transition:transform ease .5}.FAQAnswer{color:#fff;font-size:14px;text-align:left;padding:10px 5px}.questionText{text-align:left}.Footer{border-top:2px solid #E3FF33;width:100%;margin:0 auto;padding:40px 0;height:40vh}.FooterInnerDiv{width:85%;margin:0 auto;display:flex}.CruxxFooterLogo{font-family:Bebas Neue;font-size:75px;background:linear-gradient(323deg,#000,#222,#e3ff3a,#acff23);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:normal;width:fit-content}.LetsTalkButton{padding:7px 20px;width:fit-content;background-color:#e3ff3a;color:#000;border-radius:7px}.socialMedia{padding-top:20px;display:flex;column-gap:15px;justify-content:flex-start}.socialMedia img{transition:transform ease .3s}.socialMedia img:hover{transform:scale(1.3);transition:transform ease .3s}.FooterRightDiv{width:70%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.TabButtonsDiv{display:flex;width:100%;column-gap:70px;row-gap:30px;flex-wrap:wrap;justify-content:flex-end}.TabButtons:hover{color:#e3ff33}.ArrowButton{width:15px;height:15px;padding:10px;box-sizing:unset;background:linear-gradient(50deg,#000,#e3ff3a,#4d4d4d);border-radius:7px}.followCursor{height:14px;width:14px;border-radius:50%;background-color:#ffffff8c;border:2px solid #E3FF33;position:fixed;pointer-events:none;z-index:9999;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.circle{height:14px;width:14px;border-radius:50%;background-color:#fff;position:fixed;pointer-events:none;z-index:99999999}