@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Raleway:wght@300;400;500;795;800;900&family=Syncopate:wght@400;700&display=swap');@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');*{box-sizing:border-box;margin:0;padding:0;font-family:'Michroma',sans-serif;color:#efefef;line-height:1.7em;letter-spacing:2.2px}
ul{padding:1em 3em}html{font-size:100%}body{background-color:#111;overflow-x:hidden;transition:all 300ms ease-out}
body.on{background-color:#12222d}body,html{height:100%}h1{font-family:'Michroma',sans-serif;font-size:clamp(2rem,1.2857rem+2.2857vw,3rem);margin:0;font-weight:bolder;line-height:1.5;letter-spacing:.1em;word-spacing:.2em;-webkit-background-clip:text;-webkit-text-fill-color:#fafcff;text-shadow:-1px -1px 0 rgba(255,255,255,.8),1px 1px 0 rgba(255,255,255,0.25),3px 3px 3px rgba(255,255,255,0.25),10px 10px 25px rgba(255,255,255,0.4)}
h2{font-family:'Michroma',sans-serif}p{font-family:'Michroma',sans-serif}
a{color:#e8f3ff;text-decoration:none}a:hover{color:#6985ff}#anchor1{position:absolute;top:0;height:10px;width:10px;top:-100px}
#anchor2{position:absolute;height:10px;width:10px;top:0}#anchor3{position:absolute;height:10px;width:10px;bottom:0;opacity:0;z-index:1000}
.title{position:relative;display:flex;justify-content:space-between;align-items:center;height:auto;width:100%;top:5px;left:0;z-index:20;opacity:1;overflow:hidden}
.title-text{position:relative;display:flex;padding-left:5%}.menue{position:relative;display:flex;justify-content:center;height:100%;width:auto;margin-right:5%}
.nav-items{display:flex;width:100%;list-style:none;justify-content:space-around;gap:35px}
.nav-items p{font-size:24px}.slink{text-decoration:none;color:#b5c3de;position:relative;cursor:pointer}
.slink::after{box-sizing:border-box;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;color:#b5c3de;transform:scaleX(0);transform-origin:right;transition:transform 250ms ease-in}
.slink:hover::after{transform:scaleX(1);transform-origin:left;box-sizing:border-box}
.hContainer{position:relative;width:100%;height:auto;display:flex;justify-content:center;align-items:flex-end;margin-bottom:-10%}
#hero{width:100%;height:auto;transform:translateY(-5vw);transition-property:opacity,transform;transition-duration:300ms;transition-timing-function:ease-out;transition-delay:1;opacity:1}
#hero.on{opacity:0;transform:translateY(-10vw)}.about,.about2{position:relative;width:100%;display:flex}
.about .contentBx,.about2 .contentBx2{padding:100px;width:50%;transition-property:opacity,transform;transition-duration:300ms;transition-timing-function:ease-out;transition-delay:0;transform:translateX(120px);opacity:0}
.contentBx.on,.contentBx2.on{transition-duration:1s;opacity:1;transform:translateX(0)}
.heading{color:#fff;font-size:30px;font-weight:600;letter-spacing:1px;margin-bottom:10px}
.text{color:#fff;font-size:16px;font-weight:300;letter-spacing:1px}.imgBx,.imgBx2{width:50%;opacity:0;transform:translateX(-120px);transition:all 300ms ease-out}
.imgBx.on,.imgBx2.on{transform:translateX(0);opacity:1}.imgBx video,.imgBx2 video{width:100%;height:100%}
.services{position:relative;height:90%;padding:0 100px 100px 100px;text-align:center;transform:translateY(-30%);margin-bottom:-30%}
.services p{transition:all 300ms ease-out;opacity:0;transform:translateY(150px)}.services h2{transition:all 300ms ease-out;opacity:0;transform:translateY(150px)}
.services p.on{transition:all 600ms ease-out;opacity:1;transform:translateY(0)}.services h2.on{transition:all 600ms ease-out;opacity:1;transform:translateY(0)}
.services .container{width:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin-top:60px}
.serviceBx{position:relative;background:#fff;width:250px;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.sbx1{transform:translateX(-120px);transition:all 600ms linear;opacity:0}.sbx1.on{opacity:1;transform:translate(0)}
.sbx1.on:hover{transform:translate(20px,15px) scale(1.2);transition-duration:300ms;transition-timing-function:ease-out;opacity:1}
.sbx2{transform:translateY(120px);transition:all 600ms linear;opacity:0}.sbx2.on{opacity:1;transform:translate(0)}
.sbx2.on:hover{transform:translate(0,15px) scale(1.2);transition-duration:300ms;transition-timing-function:ease-out;opacity:1}
.sbx3{transform:translateX(120px);transition:all 600ms linear;opacity:0}.sbx3.on{opacity:1;transform:translate(0)}
.sbx3.on:hover{transform:translate(-20px,15px) scale(1.2);transition-duration:300ms;transition-timing-function:ease-out;opacity:1}
.services .container .serviceBx img{max-width:100px}.services .container .serviceBx h2{font-weight:500;font-size:20px;letter-spacing:1px;margin-bottom:5%;color:#111}
#nodez{z-index:5000;position:relative;opacity:1;margin:auto;width:180px;perspective:2000px;perspective-origin:left;transition:transform 1s ease 200ms}
#ZeroProof{z-index:5000;position:relative;opacity:.8;width:180px;margin:auto;transition:transform 1s ease 200ms;perspective:2000px;perspective-origin:left}
#graphz{z-index:5000;position:relative;opacity:.8;transform:translate3d(0,0,50px);margin:auto;width:180px;transition:transform 1s ease 200ms}
#graphz.hov{transform:translate3d(0,-50px,70px);opacity:.9}.technology{width:100%;padding:100px;display:flex;justify-content:center;align-items:center;z-index:500;transition:all 300ms ease-out;opacity:0}
.technology.on{opacity:1}.tech{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:0;margin:0;transform:translateY(250px);transition:all 600ms ease-out}
.tech.on{transform:translateY(0)}.tech.off{transform:translateY(-250px)}.tech p,h2{opacity:1;transform:translateY(0)}
.tc{text-align:center}.imgBx3{background-image:url(images/xrpLegger.png);width:20vw;height:20vh;background-size:contain;background-repeat:no-repeat}
#wrapper{position:relative}.client{position:relative;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;opacity:1}
.clientCnt{position:relative;display:flex;justify-content:center;align-items:center;align-self:flex-start;width:100vw;height:100%;opacity:0;transform:translateY(250px);transition:all 600ms ease-out}
.clientCnt.on{opacity:1;transform:translateY(0)}#unBtn{position:absolute;bottom:0;left:10%;color:#ececec;margin-bottom:5px;padding:0 10px;border-radius:10px;border-color:#efefef;background-color:#202020}
.bar1{top:0;position:absolute;display:flex;flex-direction:column;align-content:center;padding:2% 5% 1% 5%;height:50%;width:100vw;background-color:#000;z-index:5555}
.bar1 h1{opacity:0;font-size:2rem;transform:translateX(150px);transition:all 600ms ease-out;transition-delay:600ms}
.bar1 h1.on{opacity:1;transform:translateX(0)}.bar1P{padding:5% 20%}.sml{position:absolute;font-size:.5em;transform:translate(-1rem)}
.sml2{position:absolute;font-size:.5em;transform:translate(-1.5em,.2rem)}.noted{position:absolute;display:flex;bottom:0;justify-self:flex-end;right:-5%;transition:all 800ms ease-out;transition-delay:1200ms;opacity:0}
.noted.on{transform:translateX(-100%);opacity:1}#inTheEnd{width:100vw;height:auto;transform:translateY(15%)}
.bar2{bottom:0;position:absolute;height:20%;transform:translateY(55%);width:100vw;background-color:#000}
.tetimoials{position:relative;padding:100px;background:#12222d;text-align:center}
.tetimoials .container{display:flex;justify-content:space-between;align-items:center;margin-top:40px;flex-wrap:wrap;justify-content:center}
.tetimoials .container .contentBx{background:#222121;padding:60px 50px;width:550px;margin:50px;display:flex;justify-content:center;align-items:center;text-align:left}
.tetimoials .container .contentBx p{font-style:italic}.tetimoials .container .contentBx h3{width:100%;font-weight:500;color:#fff}
.tetimoials .container .contentBx video{width:50%;height:100%}.tetimoials .container .contentBx ul li{list-style:none}
.contact{padding:50px;background:#162c3b;text-align:center}.redBg{background:url(images/red.jpg) !important;background-size:cover;background-position:center}
.form .inputBx{margin-bottom:40px}.form .inputBx input{width:100%;background:transparent;box-shadow:none;border:0;padding:10px 0;font-size:18px;font-weight:300;color:#fff;border-bottom:2px solid #fff}
.form .inputBx input::-moz-placeholder{color:#fff}
.form .inputBx input:-ms-input-placeholder{color:#fff}
.form .inputBx input::placeholder{color:#fff}.form .inputBx textarea{width:100%;background:transparent;box-shadow:none;border:0;padding:10px 0;font-size:18px;font-weight:300;color:#fff;min-height:150px;border-bottom:2px solid #fff}
.form .inputBx textarea::-moz-placeholder{color:#fff}
.form .inputBx textarea:-ms-input-placeholder{color:#fff}
.form .inputBx textarea::placeholder{color:#fff}.form .inputBx input[type="submit"]{width:150px;background:#fff;color:#111;cursor:pointer;font-weight:400}
.footer{background:#162c3b;padding:20px 100px;display:flex;justify-content:space-between;align-items:center}
.footer ul{display:flex;justify-content:space-between;align-items:center}.footer ul li{list-style:none}
.footer ul li a{text-decoration:none;display:inline-block;margin:0 10px}.footer ul li a img{filter:invert(1);max-width:20px}
@media(max-width:991px){.title{position:relative;display:flex;flex-direction:column;align-items:center;height:auto;width:100%;top:5px;left:0}
.menue{margin-right:0}.nav-items p{font-size:2vw}.hContainer{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-end;margin-bottom:-10%}
.hContainer video{top:20vh;position:absolute}.imgBx,.imgBx2{width:100%;opacity:0;transform:translateX(-120px);transition:all 300ms ease-out}
.about,.about2{flex-direction:column;height:120%}.about .contentBx,.about2 .contentBx2{width:100%;padding:5px;text-align:center}
ul{padding:1em 1em;text-align:center}.services{padding:50px}.services .container{justify-content:center;margin-top:20px}
.services .container .serviceBx{margin:10px;width:100px;height:150px}.serviceBx{position:relative;background:#fff;width:50px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.services .container .serviceBx img{max-width:80px}.services .container .serviceBx h2{font-weight:100;font-size:10px;letter-spacing:1px;margin-bottom:5%;color:#000}
#nodez{width:80px}#ZeroProof{width:80px}#graphz{width:80px}.technology{padding:50px;padding-top:300px;justify-content:center;flex-direction:column}
.technology .imgBx{margin-top:50px;max-width:250px}.client{padding:50px;margin-top:200px}
#unBtn{position:absolute;bottom:-20%;left:10%;color:#ececec}.bar1 h1{font-size:1em}
.bar1P{padding:10% 5% 15% 5%;font-size:.7em}.noted{bottom:-15%;right:-30%}#inTheEnd{width:100vw;height:auto;transform:translateY(70%)}
.tetimoials{padding:30px 0;margin-bottom:0}.tetimoials .container .contentBx{margin:10px 40px}
.tetimoials .container .contentBx video{width:80%;height:100%}.tetimoials .container .contentBx ul li{text-align:left;list-style:none}
.contact{padding:50px}.footer{padding:20px 50px;flex-direction:column-reverse;text-align:center}
.footer ul{margin-bottom:20px}}