body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth}@media screen and (max-width:600px){.app{font-size:8px}}.app,.mock-div{height:100vh;width:100vw}.mock-div{background-color:pink}::-webkit-scrollbar{width:.4rem}::-webkit-scrollbar-track{border-radius:.4rem;width:.5rem}::-webkit-scrollbar-thumb{background-color:#bdbcbc;border-radius:.4rem;width:.2rem!important}.nav-main{color:#000;font-family:Averta CY,sans-serif}.nav{justify-content:space-between}.nav,.nav div{display:flex}.landing-page{display:flex;height:100vh;width:100vw}.client-main,.landing-main,.svgs{-ms-overflow-style:none;scrollbar-width:none}#client{left:0;position:absolute}#client,#me{height:100vh;top:0;width:100vw}#me{margin-left:100vw;position:absoulte;right:0}#holoDesign{left:-10;opacity:0;position:fixed;top:0}#holoCoding,#holoError{opacity:0}#client polygon:first-child{fill:#5f9ea0}#msgPath{height:100vh;left:25%;position:absolute;top:-10%;width:100vw;z-index:-1}#path{display:none}.path-main-container,button{position:absolute;top:0}.path-main-container{height:98vh;left:0;margin:0;overflow-x:hidden;padding:0;width:98vw;z-index:-1}#message{display:none;opacity:.35}.landing-main{background-color:#f2f2f2;height:100vh;width:100vw}.landing-heading{float:right;font-size:12vw}.landing-content{height:100vh;width:100vw;z-index:9990}.landing-content .landing-heading{float:right;font-size:10vw}@media screen and (max-width:666px){#client,#me{height:160vh}#msgPath{height:170vh;top:-8%}}.path-main-container{overflow:hidden}.heading{color:#fff;mix-blend-mode:difference;text-align:center;width:100vw}@media screen and (max-width:600px){.heading{font-size:5vw;margin-top:10%}}.responsive-heading-main{pad:0;background-color:#1c0d2b;display:flex;flex-direction:row;height:100vh;margin:0;max-height:100vh;max-width:100vw;overflow:hidden;padding:0;width:100vw}.responsive-text{color:#fff;mix-blend-mode:difference}.svg-container{height:100vh;width:100vw}.responsive-heading-main h3{margin:0;padding:0}.responsive-heading-main h2{font-family:Courier New,Courier,monospace;margin:0;padding:0}.svgMain{fill:#f2f2f2;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:-1}.devices-main-frame{align-items:center;bottom:0;display:flex;height:45vh;justify-content:center;margin-bottom:8%;margin-right:4%;right:0;width:50vw}.device-frame{align-items:center;background-color:#1b1b1b;border-bottom:5px solid #1b1b1b;border-radius:15px;border-top:10px solid #1b1b1b;justify-content:center;max-height:100%!important;max-width:100%!important;width:20%;z-index:999}.device-frame,.mobile-devices{display:flex;flex-direction:column;height:80%;overflow:hidden}.mobile-devices{background-color:#fff;width:80%}.mobile-devices .burger-menu div{background-color:gray;float:right;height:1px;margin-left:80%;margin-top:2px;width:10px}.mobile-devices .burger-menu,.screens-nav{margin-top:10%;width:95%}.screens-nav nav{display:flex;justify-content:space-around}.screens-nav nav a{color:#5c5959;cursor:default;font-size:10px}.header{background-color:#ff6f61;height:20%;width:100%}.main-heading{background-color:gray;height:5%;margin-bottom:2%;margin-top:5%;width:25%}.content{height:100%;margin-left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:90%}.cards{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:30%;justify-content:space-around;margin-top:5%;width:100%}.card1-main,.card2-main,.card3-main,.card4-main{flex-basis:50%;height:7vh;max-width:70px;width:40%}.card1{background:#fdb227}.card1,.card2{height:50%;max-width:60px;width:100%}.card2{background:#09f}.card3{background:#80f53c;height:50%;max-width:60px;width:100%}.cards .text1{height:25%;width:100%}.cards .text1 div{background:#b4b3b3;height:2px;margin-top:3px;max-width:60px}.text1 div:first-child{background:#8a8a8a;height:5px;max-width:60px;width:100%}.screen-footer{background-color:#ff6f61;bottom:10px;height:10%;margin-top:5%;width:100%}.hide{display:none}.switch{background-color:#fff;border-radius:100%;height:10px;margin:5px 0 0;padding:0;width:10px}.stand div:first-child{background-color:#1b1b1b;border:2px;bottom:2;bottom:-12%;height:21%;left:48%;transition:1s;width:5%;z-index:-.5}.stand div:nth-child(2){background-color:#1b1b1b;border:2px;border-radius:50%;bottom:2;bottom:-20%;height:10%;left:36%;width:30%;z-index:-.5}.responsive-text2{cursor:pointer;display:flex}.responsive-text2 div:first-child h1,.responsive-text2 div:nth-child(3) h1{font-size:6vw;margin:0;padding:0}.res-text{display:flex;flex-wrap:wrap;height:6vw;margin-top:0;max-height:6vw;overflow:hidden;transition:.5s;width:16.6vw}.resTextAnimate{margin-top:1rem;transition:.5s}.res-text h1{font-size:6vw;margin:0;padding:0;transition:.5s}.h1Animate{color:#ff0;font-size:2vw!important;transition:1s}.description{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:4vw;font-weight:bolder;height:80vh;line-height:10vh;width:50vw;word-spacing:1vw}.responsive-text{margin-left:3vw;margin-top:3vh}.right{align-items:center;justify-content:center}.left,.right{display:flex;height:100vh;width:50vw}.data-path{border:1px solid #000;height:40%;position:absolute;right:2%;top:6%;width:50%}.data-image{width:10%}@media screen and (max-width:666px){.svgMain{display:none}.responsive-heading-main{flex-direction:column}.description{font-size:6vw;height:50vh;line-height:5vh;width:90vw;word-spacing:1vw}.left,.right{height:50vh;width:100vw}.devices-main-frame{height:100;width:100vw}.device-frame{width:40%}.card1-main,.card2-main,.card3-main,.card4-main{flex-basis:50%;height:7vh;max-width:50px;width:25%}}.ui-main{background-color:#f2f2f2;height:100vh;width:100vw}.ui-content{display:flex;height:10%;width:100%}.ui-left{height:100vw;width:50%}.ui-heading,.ui-heading-u{font-size:6vw;margin:0;padding:0}.eye,.ui-heading-u{transition:all .8s ease}.eye{-webkit-animation:blink 3s infinite;animation:blink 3s infinite;background:#fff;border:1px solid #282828;border-radius:50%;height:16%;left:2.1vw;opacity:0;position:relative;top:10%;width:1.1vw;z-index:999}.ui-description{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:4vw;font-weight:bolder;height:80vh;line-height:10vh;margin-top:5vh;width:50vw;word-spacing:1vw}.ui-right{height:100vh;width:50%}.ui-svg-main{height:100vh;-webkit-transform:perspective(10000px) rotateX(0) rotateY(0deg) rotate(0) translateX(0) translateY(0) translateZ(0);transform:perspective(10000px) rotateX(0) rotateY(0deg) rotate(0) translateX(0) translateY(0) translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:50vw}@-webkit-keyframes blink{5%,95%{-webkit-transform:scale(1);transform:scale(1)}0%,to{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes blink{5%,95%{-webkit-transform:scale(1);transform:scale(1)}0%,to{-webkit-transform:scaleY(0);transform:scaleY(0)}}.layer{left:40%;position:absolute;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:perspective(600px) rotateX(0) rotateY(0deg) rotate(0) translateX(1.5rem) translateY(0) translateZ(0);transform:perspective(600px) rotateX(0) rotateY(0deg) rotate(0) translateX(1.5rem) translateY(0) translateZ(0);width:9rem}.layer,.layer1active{transition:all 1.8s ease}.layer1active{-webkit-transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(210px);transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(210px)}.layer2active{opacity:.6;-webkit-transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(140px);transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(140px)}.layer3active{opacity:.6;-webkit-transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(70px);transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(70px)}.layer4active{opacity:.6;-webkit-transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(0);transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(0)}.layer5active{-webkit-transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(-70px);transform:perspective(600px) rotateX(0) rotateY(20deg) rotate(0) translateX(0) translateY(0) translateZ(-70px)}.hover-heading{color:#282828;font-family:sans-serif;font:message-box;font-weight:bolder;left:50%;opacity:.5;position:absolute;top:80%;transition:all 1.6s ease}@media screen and (max-width:600px){.ui-content{flex-direction:column;height:100vh;width:100vw}.ui-left,.ui-right{height:50vh;width:100%}.ui-svg-main{height:100vh;width:100vw}.ui-description{font-size:6vw;height:50vh;line-height:5vh;width:90vw;word-spacing:1vw}.layer{left:30vw;top:5%;width:30vw}}.loading1{background-color:#5a3f74}.loading1,.loading2{height:100vh;position:fixed;width:100vw;z-index:9999}.loading2{background-color:#442a5c}.loading3{align-items:center;background-color:#2c1344;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:9999}.landingmainmain{font-size:16px;opacity:0}.intro1,.intro2{opacity:0}.landingmainmain{background-color:#f2f2f2;height:100vh;width:100vw;z-index:-999}.design-svg{fill:none}.code-svg{fill:none;margin-left:2rem}.svg-outlines{margin-left:1rem;width:40rem}.center-content,.svg-outlines{align-items:center;display:flex;justify-content:center}.center-content{flex-direction:column}nav{align-items:center;flex-direction:row;padding-left:2rem;padding-right:2rem}.socials,nav{display:flex;justify-content:space-between}.socials{width:10rem}.obaidnadeem-tag{-webkit-animation:infiniteRotate 120s linear infinite;animation:infiniteRotate 120s linear infinite;bottom:1rem;position:absolute;right:2rem;width:7rem}@-webkit-keyframes infiniteRotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes infiniteRotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.design-svg,.design-svg:hover{transition:3s ease-in}.design-svg:hover{fill:#000}.uil{fill:#282828}.middle{align-items:center;height:80vh;margin-left:2vw;width:95vw}.middle,.workshowcase-platforms{display:flex;justify-content:space-between}.workshowcase-platforms{fill:#282828;flex-direction:column;height:8rem}.uil-behance,.uil-dribbble,.uil-github{font-size:2rem}.letstalk:hover,.uil-behance:hover,.uil-dribbble:hover,.uil-github:hover{opacity:.9}.letstalk{background:#41176b;background:linear-gradient(180deg,#41176b,#1c0d2b)}.design-heading{color:#282828;font-family:Montserrat,sans-serif;font-size:4.5rem;font-style:normal;font-weight:700;margin:0;padding:0}.back-cross{opacity:.9}.code-heading{float:right;font-family:Montserrat,sans-serif;font-size:4.5rem;font-style:normal;font-weight:700;margin:0;padding:0}.designxcode:before{background-color:#282828;content:"";display:block;height:10rem;left:18.75rem;position:relative;top:10rem;-webkit-transform:rotate(18deg);transform:rotate(18deg);width:.75rem;z-index:1000}.designxcode{margin-top:-10rem;max-width:32.5rem;width:32.5rem}.showcase-heading{margin:0;padding:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.scroll-moon{background-color:#282828;margin-top:-.15rem}.scroll-moon,.scroll-moon:before{border-radius:100%;height:.875rem;width:.875rem}.scroll-moon:before{background-color:#f2f2f2;content:"";display:block;position:relative;top:-.313rem}.scroll-moon:after{background-color:blue;border-radius:100%;display:block;height:1rem;position:relative;width:1rem}.block1{-webkit-clip-path:polygon(5% 0,100% 0,100% 99%,0 100%);clip-path:polygon(5% 0,100% 0,100% 99%,0 100%);left:19rem;top:-4.688rem}.block1,.block2{background-color:#f2f2f2;height:4.375rem;position:relative;right:inherit;width:25rem}.block2{-webkit-clip-path:polygon(0 0,99.5% 2.86%,93.25% 106.15%,0 100%);clip-path:polygon(0 0,99.5% 2.86%,93.25% 106.15%,0 100%);left:-5.625rem;top:-4.2rem}.cover{background-color:#2c1344;border-left:.1rem solid #fff;position:absolute;-webkit-transform:translateX(26rem);transform:translateX(26rem);width:24rem}@media screen and (max-width:700px){.middle{flex-direction:column;justify-content:space-around;max-height:80vh}.workshowcase-platforms{flex-direction:row;justify-content:space-between;width:10rem}}.contact-form-landing{position:fixed;z-index:9999}.back-cross{left:8rem;position:absolute;top:2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.back-cross,.back-cross:after{background-color:#8f8f8f;cursor:pointer;height:.2rem;width:1.5rem}.back-cross:after{content:"";display:block;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (min-width:1920px){.landing-main-root{font-size:24px}}.uil-envelope-add{bottom:93.5%;color:#f9f9f9;color:"#f9f9f9";font-size:1.2rem;left:96%;mix-blend-mode:difference;position:fixed;transition:all 1.6s ease;z-index:999}.uil-envelope-add:hover{opacity:.8}.landing{color:#fff;mix-blend-mode:difference;text-align:center;width:100vw}@media screen and (max-width:600px){.uil-envelope-add{bottom:94%;font-size:2rem!important;left:95%}}.boxes{--size:20rem;--duration:5000ms;height:calc(var(--size)*2);margin-top:calc(var(--size)*1.5*-1);position:relative;-webkit-transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:calc(var(--size)*3);z-index:9999}.boxes .box{height:var(--size);left:0;position:absolute;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:var(--size)}.boxes .box div{--background:#5c8df6;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size)/2);--rotateY:0deg;--rotateX:0deg;background:var(--background);bottom:var(--bottom);height:100%;left:var(--left);position:absolute;right:var(--right);top:var(--top);-webkit-transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));width:100%}.boxes .box div:first-child{--background:none;--top:0;--left:0;border:.5px solid #f9f9f9}.boxes .box div:nth-child(2){--background:none;--right:0;--rotateY:90deg;border:.5px solid #f9f9f9}.boxes .box div:nth-child(3){--background:none;--rotateX:-90deg;--translateY:20px;border:.5px solid #f9f9f9}.boxes .box div:nth-child(4){--background:none;--top:0;--left:0;--rotateX:90deg;--rotateY:90deg;border:.5px solid #f9f9f9}.boxes .box div:nth-child(5){--background:none;--top:0;--left:0;--rotateX:180deg;--rotateY:90deg;border:.5px solid #f9f9f9}.boxes .box div:nth-child(6){--background:none;--top:0;--left:0;--rotateY:180deg;--translateY:180deg;border:.5px solid #f9f9f9}@-webkit-keyframes box1{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes box1{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@-webkit-keyframes box2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes box2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes box3{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@keyframes box3{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}html{-webkit-font-smoothing:antialiased}.cubes{height:4rem;width:4rem}.cube{left:-50%;position:relative;top:55%;-webkit-transform:rotateY(0deg) rotateX(0deg) rotate(50deg) translateZ(0);transform:rotateY(0deg) rotateX(0deg) rotate(50deg) translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}@media screen and (max-width:500px){.cube{left:-90%;top:45%}}.cube .boxes{--size:3rem}@media screen and (max-width:500px){.cube .boxes{--size:4rem}}.cube .boxes .box{-webkit-animation:box1 3s linear infinite;animation:box1 3s linear infinite}.cube2{left:-135%;position:relative;top:-10%;-webkit-transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(7.5rem) translateZ(0);transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(7.5rem) translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}@media screen and (max-width:500px){.cube2{left:-170%}}.cube2 .boxes{--size:3rem}@media screen and (max-width:500px){.cube2 .boxes{--size:5rem}}.cube2 .boxes .box{-webkit-animation:box1 3s linear infinite;animation:box1 3s linear infinite}.cube3{left:20vw;position:absolute;top:110vh;-webkit-transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}.cube3 .boxes{--size:2rem;-webkit-transform:rotateX(100deg);transform:rotateX(100deg)}.cube3 .boxes .box{-webkit-animation:box3 3s linear infinite;animation:box3 3s linear infinite}.cube4{left:75vw;position:absolute;top:100vh;-webkit-transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}.cube4 .boxes{--size:2rem;-webkit-transform:rotateX(60deg);transform:rotateX(60deg)}.cube4 .boxes .box{-webkit-animation:box1 3s linear infinite;animation:box1 3s linear infinite}.cube5{left:90vw;position:absolute;top:97vh;-webkit-transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}.cube5 .boxes{--size:2rem;-webkit-transform:rotateX(60deg);transform:rotateX(60deg)}.cube5 .boxes .box{-webkit-animation:box3 3s linear infinite;animation:box3 3s linear infinite}.cube6{left:2vw;position:absolute;top:110vh;-webkit-transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}.cube6 .boxes{--size:5rem;-webkit-transform:rotateX(60deg);transform:rotateX(60deg)}.cube6 .boxes .box{-webkit-animation:box1 3s linear infinite;animation:box1 3s linear infinite}.cube7{left:7vw;position:absolute;top:50vh;-webkit-transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}.cube7 .boxes{--size:3rem;-webkit-transform:rotateX(60deg);transform:rotateX(60deg)}.cube7 .boxes .box{-webkit-animation:box2 3s linear infinite;animation:box2 3s linear infinite}.cube8{left:70vw;position:absolute;top:160vh;-webkit-transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);transform:rotateY(-90deg) rotateX(-50deg) rotate(50deg) translateY(10rem) translateX(-6rem) translateZ(-3rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:9999}.cube8 .boxes{--size:2rem;-webkit-transform:rotateX(60deg);transform:rotateX(60deg)}.cube8 .boxes .box{-webkit-animation:box2 3s linear infinite;animation:box2 3s linear infinite}@-webkit-keyframes upwards{0%{opacity:0;top:0}50%{opacity:1;top:-500px}to{top:-1000px}}@keyframes upwards{0%{opacity:0;top:0}50%{opacity:1;top:-500px}to{top:-1000px}}.master-cube{position:absolute;z-index:9999}.cubes-animation{height:100vh;left:0;position:absolute;top:0;width:100vw}@media screen and (max-width:480px){:root{font-size:8px}}@media screen and (min-width:1920px){:root{font-size:24px}}#myForm div input{background-color:#f2f2f2;border:none;border-bottom:1px solid #727272;font-size:2rem;height:15vh;width:80vw}input:focus{outline:none}input::-webkit-input-placeholder{color:#727272}input:-ms-input-placeholder{color:#727272}input::placeholder{color:#727272}.ul li{border:1px solid #282828;border-radius:100px;color:#282828;margin-left:2rem;padding:.8rem}input[type=submit]{background:#ccc;border:0;border-radius:5px;color:purple;cursor:pointer;padding:5px 15px}.send:hover{opacity:.95}.send input{background:#41176b;background:linear-gradient(180deg,#41176b,#1c0d2b)}.contact-main{background-color:#f2f2f2;height:100%;width:100%}.stagger-animation-text{overflow:hidden}.stagger-animation-text,body .personal-main{align-items:center;display:flex;justify-content:center}body .personal-main{background-color:#f2f2f2;height:100vh;width:100vw}body .personal-main .bg1{background-color:#1c0d2b;height:100%;transition:.5s ease-out;width:100%}body .personal-main .bg1 #name{margin-top:0}body .personal-main .bg1 .h3-1,body .personal-main .bg1 .h3-2,body .personal-main .bg1 .h3-3,body .personal-main .bg1 .o-h3-1,body .personal-main .bg1 .o-h3-2,body .personal-main .bg1 .o-h3-3,body .personal-main .bg1 .offer{transition:.5s ease-out}body .personal-main .bg2{background-color:#f9f9f9;height:100%;transition:.4s ease-out;width:100%}body .personal-main #name{height:100vh;left:20vw;position:absolute;width:60vw}body .personal-main #name g #O{fill-opacity:0;stroke-dashoffset:350px;stroke-dasharray:350px}body .personal-main #name g #B{fill-opacity:0;stroke-dashoffset:360px;stroke-dasharray:360px}body .personal-main #name g #A{fill-opacity:0;stroke-dashoffset:400px;stroke-dasharray:400px}body .personal-main #name g #I{fill-opacity:0;stroke-dashoffset:250px;stroke-dasharray:250px}body .personal-main #name g #D{fill-opacity:0;stroke-dashoffset:350px;stroke-dasharray:350px}body .personal-main #name g #N{fill-opacity:0;stroke-dashoffset:630px;stroke-dasharray:630px}body .personal-main #name g #A2{fill-opacity:0;stroke-dashoffset:400px;stroke-dasharray:400px}body .personal-main #name g #D2{fill-opacity:0;stroke-dashoffset:350px;stroke-dasharray:350px}body .personal-main #name g #E1,body .personal-main #name g #E2{fill-opacity:0;stroke-dashoffset:570px;stroke-dasharray:570px}body .personal-main #name g #M{fill-opacity:0;stroke-dashoffset:790px;stroke-dasharray:790px}body .personal-main #name g #fullstop{fill-opacity:0;stroke-dashoffset:70px;stroke-dasharray:70px}.gd-main{align-items:center;background-color:#1c0d2b;display:flex;height:100vh;justify-content:center;width:100vw}.cb-main{background-color:#ff0;height:90%;overflow:scroll;width:40%}.image-container{background-color:brown;height:60%;width:100%}.image-1{-webkit-clip-path:path("M 4 8 C 6 8 7 10 8 8 C 9 6 11 8 12 8 Q 14 9 15 8 C 16 7 16 6 17 8 Q 18 10 19 8 L 19 -18 L 4 -18 L 4 8");clip-path:path("M 4 8 C 6 8 7 10 8 8 C 9 6 11 8 12 8 Q 14 9 15 8 C 16 7 16 6 17 8 Q 18 10 19 8 L 19 -18 L 4 -18 L 4 8")}.footer_talk:after{transition:all .5s ease;width:0}.footer_talk:after,.footer_talk:hover:after{background-color:#1c0d2b;content:"";display:block;height:5%;z-index:-1}.footer_talk:hover:after{width:102%}.footer_talk{color:#282828;font-size:8rem;text-align:center}.footer_talk i{font-size:4rem}.footer_talk:hover{color:#1c0d2b}@media screen and (max-width:600px){.footer_talk{font-size:6rem}}.testimonials{align-items:center;background-color:#1c0d2b;display:flex;height:100vh;justify-content:center;width:100vw}.testimonial-card{background-color:#fff;border-radius:5px;height:20rem;margin-left:5rem;overflow:hidden;transition:all .3s ease-in-out;width:15rem;z-index:999}.testimonial-card:hover{-webkit-transform:translateX(.5rem) translateY(-.5rem);transform:translateX(.5rem) translateY(-.5rem)}.video{cursor:pointer;height:80%;overflow:hidden;width:100%}.details,.video{transition:all .3s ease-in-out}.details{background-color:rgba(0,0,0,.5);color:#fff;height:100%}.testimonial-card:hover .details{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}.details h1,p{margin:0;padding:0}.testimonial-card:hover .video{overflow:hidden;width:100%}video{height:20rem;width:15rem}.explaination-main{background-color:#f2f2f2;height:300vh;margin:0;padding:0;width:100vw}.explaination-main .question{font-size:3rem;margin:0 0 0 5rem;padding-top:3rem}.explaination-main .thisis1{-webkit-transform:translateY(1rem);transform:translateY(1rem)}.explaination-main .scrolldown,.explaination-main .thisis1{font-size:3rem;margin:0 0 0 5rem;opacity:0;padding-top:3rem}.explaination-main .scrolldown{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.explaination-main .keepscrolling{font-size:2rem;margin:20rem 0 0 60vw}.explaination-main .you{color:#282828;font-size:3rem;margin:0 0 0 5rem;padding-top:3rem;-webkit-transform:translateY(1rem);transform:translateY(1rem)}.explaination-main .youget{height:100vh;margin-top:20rem;width:100vw}.explaination-main .youget h1{margin-top:7rem;opacity:0}.new-hero-main{background-color:#faebd7;height:100vh;width:100vw}.new-hero-main .hero-heading{-webkit-text-stroke:1px #000;color:transparent;font-size:3.5rem;margin:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.testimonials-main{align-items:center;background-color:#f2f2f2;display:flex;flex-direction:column;height:30vh;justify-content:space-around;width:100%}.testimonials-main h1{color:#282828;font-size:1.5rem;margin:0}.companies{display:flex;justify-content:space-between;opacity:.5;width:80%}.company{align-items:center;display:flex}.company h1{color:gray;font-size:1.5rem;font-weight:400;margin-left:.5rem}.company img{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:2rem;width:2rem}.catchphrase-main{align-items:center;background-color:#f2f2f2;display:flex;flex-direction:column;height:30vh;justify-content:center;width:100vw}.catchphrase-main h1{color:#3d3d3d;font-size:1.5rem;letter-spacing:.25rem;margin:0 0 .5rem}.catchphrase-main h1:nth-child(2){background-color:#1c0d2b;color:#fff;font-size:3rem;margin:0;padding:.5rem 3rem}