*{margin:0;padding:0;font-family:Lexend,sans-serif;box-sizing:border-box;text-decoration:none;--radius: 8px;--sapcing-side: 40px;--color-main: #ff1c00}a{color:initial}html{scroll-behavior:smooth}html::-webkit-scrollbar{width:4px;transition:opacity .3s;opacity:0}html::-webkit-scrollbar-thumb{background-color:#888;border-radius:100px}body{background:#000;color:#fff}section{padding:160px 30px 0}nav{padding:20px 0;margin:0 40px;display:flex;justify-content:space-between;align-items:center}nav .logoSection{display:flex;align-items:center;gap:10px}nav h1{font-size:1.4rem;line-height:2rem}.navMenu{position:fixed;height:calc(100dvh - 80px);width:40vw;background:#000;z-index:99;display:flex;flex-direction:column;justify-content:space-between;top:80px;right:0;padding:10px 0 0}.navMenu .navList{margin:0 65px;display:flex;flex-direction:column;gap:20px}.navMenu .navList h3{font-size:2.5rem}.navMenu .navbox{padding:33px 0 30px;margin:0 60px;border-top:2px solid #ff1c00}.navMenu .navbox h3{font-size:1.5rem}button{width:fit-content;padding:12px 30px;border:none;border-radius:var(--radius);background:#fff}button p{font-weight:500}button.primary{background:#ff1c00}button.primary p{color:#fff}p{font-size:1rem;line-height:2rem;font-weight:300}h1{font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:6rem;line-height:6.6rem}h3{font-family:Montserrat,serif;font-weight:500;color:#fff;font-size:3rem}.eye{display:flex;gap:8px;align-items:center}.eye .eye__ball{height:20px;width:20px;border-radius:6px;background:#fff}.home{padding-top:0}.preLoader{pointer-events:none;overflow:hidden;display:flex;align-items:flex-end;height:100dvh;position:fixed;top:0;z-index:1000;width:100%;left:0}.preLoader .slideBars{height:100vh;width:100vw;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;position:absolute;gap:0}.preLoader .slideBars .bar{background:var(--color-main)}.preLoader .textContent{padding:50px}.preLoader .textContent h1,.preLoader .textContent span{font-family:Lexend,serif;font-weight:500;color:#fff;font-size:10rem}.preLoader .textContent p{font-size:1.6rem;line-height:2rem;font-weight:300;color:#fff;margin-bottom:70px}.hero{gap:20px;padding-top:0}.hero .heroImg{height:80vh;background:var(--color-main);border-radius:var(--radius);margin-bottom:40px;background:url(/assets/cc-Bb-XGc5T.png);background-size:120%;background-position:20% 155%}.hero .heroHeader{padding:120px 0 80px;text-align:center}.bin{padding-bottom:200vh}.aboutUs h3{line-height:4rem}.aboutUs .aboutWrapT{display:flex;justify-content:space-between;gap:80px}.aboutUs .aboutWrapT .aboutText{margin-top:150px;display:flex;flex-direction:column;gap:40px}.aboutUs .aboutWorkingBox{display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;padding-top:150px}.aboutUs .aboutWorkingBox .abBox{background:#fff;height:500px}.porjetcs{padding:200px 30px 0;gap:40px;margin-bottom:60px}.porjetcs .proTop{text-align:center}.porjetcs .prowrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:80px}.porjetcs .prowrap .proBox .pimage{height:380px;width:100%;background:#ff1c00;border-radius:var(--radius);overflow:hidden}.porjetcs .prowrap .proBox .pimage img{width:100%}.porjetcs .prowrap .proBox .pContent{padding:40px 18px 20px;display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.porjetcs .prowrap .proBox .pContent .con{flex:1}.porjetcs .prowrap .proBox .pContent .con .hash{color:#daa520}.porjetcs .prowrap .proBox .pContent .con .pills{margin:20px 0 0;display:flex;gap:10px}.porjetcs .prowrap .proBox .pContent .con .pillIn{background:#ff1c00;border-radius:100px;padding:5px 20px;font-size:.8rem}.porjetcs .prowrap .proBox .pContent h3{font-size:2rem;line-height:2.5rem;font-weight:500}.Exp{padding-top:40px}.Exp .expContent{display:flex;gap:80px}.Exp .expTextGroup{width:450px;display:flex;flex-direction:column;justify-content:space-between}.Exp .expWrap{flex:1;display:flex;flex-direction:column;gap:60px}.Exp .expWrap .expBox{padding:0 0 20px;border-bottom:2px solid #ff1c00;display:flex;justify-content:space-between;align-items:center}.Exp .expWrap .expBox h2{font-weight:600}.Exp .expWrap .expBox .expCo h2{font-family:Montserrat,serif;padding-top:6px;opacity:.6}.workedWith{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.workedWith .workImages{height:80px;width:180px;display:flex;align-items:center;justify-content:center}.workedWith .workImages img{width:130px}.testmoi{padding:230px 30px 50px 0}.testmoi .testTop{padding:0 0 0 30px;display:flex;justify-content:space-between;align-items:flex-end}.testmoi .testTop .testTopLeft{flex:3}.testmoi .testTop .testTopLeft p{padding:10px 0 0}.testmoi .testTop .navActionTest{flex:1;display:flex;gap:20px;justify-content:right}.testmoi .testTop .navActionTest .actionRound{height:80px;width:80px;border-radius:100px;border:2px solid #ff1c00;display:flex;align-items:center;justify-content:center}.testmoi .testcards{margin-top:100px;display:flex;gap:40px;overflow-x:scroll;width:100%;padding:20px 0 20px 30px}.testmoi .testcards::-webkit-scrollbar{display:none}.testmoi .testcards .testCard{height:fit-content;width:350px;min-width:350px;position:relative}.testmoi .testcards .testCard .testCardImg{height:300px;width:100%;border-radius:var(--radius);background:#fff;overflow:hidden}.testmoi .testcards .testCard .testCardImg img{width:100%}.testmoi .testcards .testCard .contentrest h3{font-size:2rem}.testmoi .testcards .testCard .contentrest .tDots{display:flex;gap:20px;padding:20px 0 0}.testmoi .testcards .testCard .contentrest .tDots .tdotInfo{display:flex;align-items:center;gap:10px}.testmoi .testcards .testCard .contentrest .tDots .tdotInfo .ddot{height:6px;width:6px;background:#ff1c00;border-radius:100px}.testmoi .testcards .testCard .contentrest .tDots .tdotInfo p{font-size:.9rem}.testmoi .testcards .testCard .testCardContent{opacity:0;bottom:0;transform:translate(0) rotate(0);position:absolute;background:#ff1c00;padding:30px;height:250px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius);transition:1s ease}.testmoi .testcards .testCard .testCardContent h3{font-size:1.2rem;padding-top:10px}.testmoi .testcards .testCard .testCardContent .testbTe{font-size:.9rem;line-height:.9rem}.testmoi .testcards .testCard:hover .testCardContent{opacity:1;transform:translate(-10px) rotate(2deg);transition:.5s ease;padding:20px}.testmoi .testcards .testCard:hover .testCardContent .testText{line-height:1.6rem}.curs{background:#ff1c00;padding:6px 10px;color:#000;border-radius:10px;transform:rotate(10deg)}.skillSet{padding-top:20px;padding-bottom:120px}.skillSetWrap h3{line-height:4rem}.skillWrap{margin-top:50px;display:grid;grid-template-columns:2.2fr 1.5fr 1fr;gap:10px}.skillWrap .skillBox{padding:15px 10px;border-radius:10px;background-color:#ff1e00}.skillWrap .skillBox .gravityBox{height:300px;width:100%;margin-bottom:30px;border-radius:10px;background-position:center;background-size:cover;overflow:hidden}.skillWrap .skillBox .gravityBox img{width:100%}.skillWrap .skillBox .content p{color:#fff}.wrk{text-align:center;padding-top:130px}@keyframes scroll{0%{transform:translate(-5%)}to{transform:translate(-100%)}}.footer{padding:200px 40px 0}.footer .bigIntro{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:120px}.footer .bigIntro h1{font-weight:600}.footer .bigIntro .footerCta{display:flex;gap:20px}.footer .footerBase{display:flex;justify-content:space-between;padding:30px 0;border-top:2px solid #ff1c00;margin-top:50px}.footer .footerLinks{display:flex;justify-content:space-between}.footer .footerLinks .links{display:flex;gap:60px}.footer .footerLinks .groupLink{display:flex;flex-direction:column;gap:10px}.footer .footerLinks .groupLink a{color:#fff}.footer .footerLinks .groupLink .linkHead{font-weight:600;padding-bottom:20px}.footer .footerLinks .groupLink .linkSub{font-weight:300;opacity:.6}.footer .mailAddress h3{padding-bottom:10px;line-height:3rem}.footer .mailAddress .socialLine{height:2px;width:0;background:#ff1c00;transition:width .5s ease;transform-origin:left}.footer .mailAddress:hover .socialLine{width:100%}.footer .mailAddress:not(:hover) .socialLine{width:0}.socials{display:flex;flex-direction:column;align-items:flex-end}.socials .socialWrap{display:flex;gap:10px;margin-top:20px}.socials .socialWrap .socialIcon{height:50px;width:50px;background:#171717;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.navbox .socials{align-items:flex-start}.infom{display:none}@media screen and (max-width: 600px){.infom{display:flex;margin-right:-30px;margin-top:40px;justify-content:center;opacity:.8}.infom p{background:#ff1c00;padding:0 15px;font-weight:600;border-radius:100px;font-size:.6rem}.skillWrap{flex-direction:column;padding:30px 0;margin-top:50px;display:flex;gap:40px}.skillWrap h3{font-size:2.5rem;padding-bottom:10px}p{font-size:1rem}h3{font-size:1.6rem;line-height:2rem}h1{font-size:2.6rem;line-height:3.9rem;font-weight:500}nav{padding:20px 0;margin:0 25px}.navMenu{width:100%;top:80px;left:0;padding:10vh 0 0}.navMenu .navList{margin:0 30px;gap:40px}.navMenu .navbox{padding:33px 0 30px;margin:0 30px;border-top:2px solid #ff1c00}section{padding:60px 30px 0}.preLoader .textContent{padding:30px 25px}.preLoader .textContent h1{font-size:5rem;line-height:5.6rem}.preLoader .textContent p{font-size:1.2rem}.home{padding:0}.hero{padding:0 20px}.hero .heroHeader{padding:20px 0 40px;text-align:center}.hero .heroImg{height:80vh;background-size:250%;background-position:40% 10%}.porjetcs .prowrap{display:flex;flex-direction:column;gap:50px}.porjetcs .prowrap .proBox .pimage{height:300px;width:100%}.porjetcs .prowrap .proBox .pContent{padding:40px 2px 20px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:space-between}.aboutUs h3{line-height:2.7rem}.aboutUs .aboutWrapT{display:flex;flex-direction:column;justify-content:space-between;gap:0px}.aboutUs .aboutWrapT .aboutText{margin-top:50px;display:flex;flex-direction:column;gap:40px}.workedWith .workImages{height:60px;width:130px}.Exp .expContent{display:flex;flex-direction:column;gap:80px}.Exp .expTextGroup{width:initial;gap:30px}.testmoi .testTop{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.porjetcs .prowrap .proBox .pContent .con .pills{margin:10px 0 0;display:flex;gap:10px}.footer{padding:100px 30px 0}.footer .bigIntro h1{text-align:center}.footer .footerLinks .links{justify-content:space-between}.footer .footerLinks{display:flex;flex-direction:column;gap:30px}.footer .socials{align-items:flex-start}.footer .footerBase{display:flex;flex-direction:column;gap:30px}.Exp .expWrap .expBox .expCo h2{font-family:Montserrat,serif;padding-top:6px;opacity:.6;font-size:.9rem}.Exp .expWrap .expBox h2{font-weight:600;font-size:1rem}.testmoi .testcards{margin-top:60px}.testmoi .testcards .testCard{height:fit-content;min-width:100%}.testmoi{padding:100px 30px 50px 0}.porjetcs .prowrap .proBox .pContent .con .pillIn{background:#ff1c00;border-radius:100px;padding:5px 15px;font-size:.8rem}}