@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";.app{overflow:hidden}.hero iframe{border:none;width:16px;margin-block-start:40px;visibility:hidden}.hero{position:relative;display:flex;flex-direction:column;align-items:center;height:110vh;min-height:480px;background-color:var(--bg-hero);overflow:hidden}.hero .text{position:relative;display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin:0 auto;top:80vh;z-index:100}.text-inner-right,.text-inner-left{position:relative}.text-inner-left{width:20%;height:60px;order:2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background-color:var(--text-dark);border-radius:30px 0 0 30px}.text-inner-left p{display:none}.text-inner-left iframe{width:40px;height:40px;visibility:visible;margin:0}.text-inner-right{position:relative;padding-inline-start:24px;display:flex;flex-direction:column;gap:16px}.text-inner-right .text1{position:relative;display:flex;flex-direction:column;gap:8px}.text-inner-right img{width:24px}.first-header,.second-header{font-size:7vw;font-weight:400;letter-spacing:.6px;color:var(--text-light)}.hero .user-container{position:absolute;bottom:-10px;z-index:2}.hero .user-container img{width:auto;height:100vh;bottom:0}.scroller{position:absolute;top:52vh;z-index:3;max-width:100%;transition:1s cubic-bezier(.075,.5,0,1)}.scroller .scroller_inner{position:relative;display:flex;flex-wrap:wrap;gap:.7rem;font-size:36vw;font-weight:400;color:var(--text-light);letter-spacing:1px}.scroller_inner li{width:max-content;display:flex;flex-direction:row;white-space:pre}.scroller[data-animated=true]{overflow:hidden}.scroller[data-animated=true] .scroller_inner{width:fit-content;flex-wrap:nowrap;animation:60s linear infinite scroll}@keyframes scroll{to{transform:translate(-100%)}}@media only screen and (min-width:540px){.text-inner-left{width:20%;height:60px;border-radius:50px 0 0 50px}.text-inner-left iframe{width:40px;height:40px}.first-header,.second-header{font-size:5vw}.scroller{top:50vh}.scroller .scroller_inner{gap:1rem;letter-spacing:2px;font-size:23vw}}@media only screen and (min-width:768px){.hero iframe{margin-block-start:40px}.hero .text{position:relative;width:100%;margin:0 auto;top:40vh}.text-inner-left{width:34%;max-width:340px;height:120px;order:0;border-radius:0 80px 80px 0;flex-direction:row;gap:34px;padding:0 32px}.text-inner-left p{display:block;color:var(--text-light)}.text-inner-left iframe{width:40px;height:40px;visibility:visible;margin:0}.text-inner-right{padding-inline-end:3%}.text-inner-right img{width:32px}.first-header,.second-header{font-size:4vw}.scroller{top:64vh}.scroller .scroller_inner{gap:1rem;font-size:28vw;letter-spacing:2px}}@media only screen and (min-width:992px){.hero iframe{width:12px;margin-block-start:-35px}.hero .text{top:32vh}.text-inner-left{max-width:360px}.text-inner-left p{font-size:1.2rem;line-height:32px}.text-inner-left iframe{width:60px;height:60px;margin:0}.text-inner-right{padding-inline-end:4%}.first-header,.second-header{font-size:3vw}.scroller{position:absolute;top:62vh}.scroller .scroller_inner{font-size:24vw}}@media only screen and (min-width:1200px){.hero .text{gap:.3rem}.text-inner-right{padding-inline-end:8%}.first-header,.second-header{font-size:2.4vw}.scroller{top:62vh}.scroller .scroller_inner{font-size:15vw}}.info{margin:60px 0 0}.info-container{margin:0 20px;display:flex;flex-direction:column;gap:18px;border-bottom:1px solid var(--stroke-color)}.info-content{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.info-content .left-side{display:flex;flex-direction:column;gap:18px}.left-side .header-p{font-size:22px;font-weight:500;letter-spacing:.6px;line-height:32px;color:var(--text-dark)}.cv{color:var(--text-dark);width:fit-content;display:flex;justify-content:center;gap:8px;font-weight:500;padding:12px 0}.cv img{width:24px;transition:.6s ease-in-out}.cv:is(:hover,:focus-visible){text-decoration:none}.cv:is(:hover,:focus-visible) img{transform:translate(32px);transform:translateY(-6px);rotate:90deg;scale:1.1}.right-side .header-text{margin-block-end:24px}.CircleBtn{position:relative;transition:1s cubic-bezier(.075,.5,0,1)}@media only screen and (min-width:540px){.info-content{flex-direction:row;margin-bottom:36px}.info-container{margin:0 50px;gap:24px}}@media only screen and (min-width:768px){.info{margin:80px 0 0}.info-container{margin:0 70px;gap:36px}.info-content{flex-direction:row;margin-bottom:42px;gap:48px}.info-content .about-btn{padding:64px 40px}}@media only screen and (min-width:992px){.info{margin:100px 0 0}.info-container{margin:0 100px}.info-content{gap:64px;margin-bottom:60px}.info-content .left-side{display:flex;flex-direction:column;gap:18px}.left-side .header-p{font-size:20px;line-height:32px}.right-side .header-text{margin-block-end:28px}}@media only screen and (min-width:1200px){.info{margin:100px 0 0}.info-container{margin:0 120px}.info-content{gap:120px;margin-bottom:80px}.info-content .left-side{gap:20px}.left-side .header-p{font-size:24px;line-height:36px}.right-side .header-text{margin-block-end:36px}}@media only screen and (min-width:1400px){.info{margin:100px auto 0;max-width:1920px}.info-container{margin:0 180px}.info-content{gap:140px}.info-content .left-side{max-width:50%;gap:24px}.info-content .right-side{max-width:30%;gap:30px}}.magneto{width:10rem;height:10rem;border:none;border-radius:50%;color:var(--text-light);background-color:var(--button-normal);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:.4s ease-in-out}.magneto-text{font-size:16px;letter-spacing:.8px;color:var(--text-light)}.magneto:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active);z-index:-1;transition:.4s ease-in-out}.magneto:before{bottom:0;border-radius:50% 50% 0 0}.magneto:is(:hover,:focus-visible):before{height:100%}.circleBtn a:is(:hover,:focus-visible){text-decoration:none}.skills{margin:60px 0 0}.skills-container{margin:0 20px;display:flex;flex-direction:column;gap:18px}.skills-content{display:flex;flex-direction:column;gap:24px}.skills .frontend-t,.backend-t{color:var(--text-dark-light)}.skills-data-all{display:flex;flex-direction:column;margin-block-start:14px}.skills-data{display:flex;flex-direction:row;gap:24px;border:1px solid var(--stroke-color);border-left:none;border-right:none;border-bottom:none;padding-block:24px}.skills-data:last-child{border-bottom:1px solid var(--stroke-color)}.number{color:var(--text-dark-extra-light);font-size:12px;transition:.2s linear}.skill-type{font-size:48px;font-style:italic;font-weight:400;color:var(--text-dark);transition:.3s linear;transition-delay:.1s}.skills-data:is(:hover,:focus-visible) .number,.skills-data:is(:hover,:focus-visible) .skill-type{transform:translate(24px);scale:1.1;color:var(--button-active)}@media only screen and (min-width:540px){.skills-container{margin:0 50px;gap:24px}.skills-data-all{margin-block-start:18px}.skills-data{gap:28px;padding-block:28px}.number{font-size:14px}.skill-type{font-size:48px}}@media only screen and (min-width:768px){.skills{margin:80px 0 0}.skills-container{margin:0 70px;gap:28px}.skills-content{flex-direction:row;gap:42px}.skills-content .left-side,.skills-content .right-side{width:50%}.number{font-size:16px}}@media only screen and (min-width:992px){.skills{margin:100px 0 0}.skills-container{margin:0 100px;gap:42px}.skills-content{gap:48px}.number{font-size:16px}.skills-data{padding-block:28px;gap:42px}.skill-type{font-size:54px}}@media only screen and (min-width:1200px){.skills-container{margin:0 120px}.number{font-size:18px}.skill-type,.number{margin-block:12px}.skill-type{font-size:72px}}@media only screen and (min-width:1400px){.skills{margin:100px auto 0;max-width:1920px}.skills-container{margin:0 180px}}.works{margin:60px 0 0}.work-container{margin:0 20px;display:flex;flex-direction:column;gap:18px}.works-content{display:flex;flex-direction:column;gap:32px}.work{position:relative;gap:4px}.work-container .work{border:1px solid var(--stroke-color);border-left:none;border-right:none;border-bottom:none;padding-block:24px}.work-container .work:last-child(){border-bottom:1px solid var(--stroke-color)}.work-img{position:relative;width:100%;max-width:780px}.type{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;border:none;color:var(--text-light)}.type p{font-size:14px;font-weight:500;color:var(--text-light)}.work-img .type img{width:16px}.work-img .view-btn{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;visibility:hidden}.work-img .view-btn button{position:relative;width:72px;height:72px;border-radius:50%;border:none;background-color:var(--button-active);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.work-img .view-btn button img{width:18px}.work-img .view-btn a:is(:hover,:focus-visible){text-decoration:none}.work-img .view-btn button:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active-extra);z-index:-1;transition:.4s ease-in-out}.work-img .view-btn button:before{bottom:0;border-radius:50% 50% 0 0}.work-img .view-btn button:is(:hover,:focus-visible):before{height:100%}.work-img img{width:100%}.work-content{display:flex;flex-direction:column;gap:12px}.work-top .category{color:var(--text-dark-extra-light);margin-block-end:16px}.work-top .category img{width:18px;margin-inline-start:12px}.work-top .name{color:var(--text-dark);font-size:var(--font-medium)}.work-bottom{display:flex;flex-direction:column;gap:12px}.tools{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.work-content .tools span{font-size:12px;letter-spacing:.8px;padding:2px 8px;color:var(--text-dark-light);border:1px solid var(--stroke-color);border-radius:2px}.btn-work{position:relative;color:var(--text-light-extra);padding:24px 32px;border:none;border-radius:50px;background-color:var(--button-normal);width:fit-content;margin:40px auto 0;overflow:hidden}.btn-work p{position:absolute;top:14px;right:24px;font-size:12px;color:var(--text-light);z-index:10}.btn-work a{position:relative;z-index:100}.btn-work a:is(:hover,:focus-visible){text-decoration:none}.btn-work:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active);z-index:1;transition:.4s ease-in-out}.btn-work:before{bottom:0;border-radius:100% 100% 0 0}.btn-work:is(:hover,:focus-visible):before{height:120%}@media only screen and (min-width:768px){.works{margin:80px 0 0}.work-container{margin:0 70px;gap:28px}.works-content{flex-direction:column}.work{grid-row:auto;gap:32px;display:flex}.work-container .work{padding-block:24px}.work-img{margin:auto 0;max-width:50%}.work-content{justify-content:center;align-items:flex-start;overflow:hidden}.work-top .name{color:var(--text-dark);font-size:var(--font-medium)}.work-content .work-bottom{max-width:80%}.description{margin-block-end:24px}}@media only screen and (min-width:992px){.works{margin:100px 0 0}.work-container{margin:0 100px;gap:28px}.works-content,.work{gap:42px}.work-content{padding-inline-start:24px;width:50%}.work-top .category{margin-block-end:32px}.work-top .name{color:var(--text-dark);font-size:var(--font-medium)}.btn-work{margin:60px auto 0;font-size:16px}.work-top .category img{display:none}.work-img .view-btn button{width:84px;height:84px}.work-content .tools{transform:translateY(42px);transition:.6s ease-in-out}.work-content .work-bottom{display:block;transform:translateY(72px);opacity:0;transition:.5s ease-in-out}.work-top .category{transition:.5s ease-in-out;transition-delay:.1s}.work-top .name{transition:.5s ease-in-out}.work-img .view-btn{visibility:hidden;transition:.5s ease-in-out}.view-btn button{transform:translateY(100px);opacity:0;transition:.5s ease-in-out}.work:is(:hover,:focus-visible) .work-img .view-btn{visibility:visible}.work:is(:hover,:focus-visible) .view-btn button{transform:translateY(0);opacity:1}}@media only screen and (min-width:1200px){.works{margin:100px 0 0}.work-container{margin:0 120px;gap:32px}.work{gap:48px}.work-content{padding-inline-start:32px}.work-top .name{color:var(--text-dark);font-size:var(--font-large)}}@media only screen and (min-width:1400px){.works{margin:100px auto 0;max-width:1920px}.work-container{margin:0 180px;gap:36px}}.Cmagneto{color:var(--text-light-extra);padding:26px 38px;border:none;border-radius:50px;background-color:var(--button-normal);width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:.4s ease-in-out;border:.5px solid var(--stroke-color-light)}.Cmagneto span{display:flex;flex-direction:row;align-items:center}.Cmagneto-text{font-size:16px;letter-spacing:.8px;color:var(--text-light)}.Cmagneto .len{position:absolute!important;margin-block-end:24px;margin-inline-start:82px;font-size:10px;opacity:.7;color:var(--text-light);z-index:10}.Cmagneto:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active);z-index:-1;transition:.4s ease-in-out}.Cmagneto:before{bottom:0;border-radius:50% 50% 0 0}.Cmagneto:is(:hover,:focus-visible):before{height:140%}.commonbtn a:is(:hover,:focus-visible){text-decoration:none}.imageSlider{margin:80px 0 0;display:flex;flex-direction:column;gap:24px;max-width:100%}.imageSlider-container{max-width:100%}.slider{position:relative;display:flex;gap:12px;flex-wrap:wrap}.slider .top-slider{min-width:220px}.top-slider img{width:100%}.imageSlider-container[data-animated=true]{overflow:hidden}.imageSlider-container[data-animated=true] .slider{width:fit-content;flex-wrap:nowrap;animation:var(--_animation-duration) var(--_animation-direction, forwards) linear infinite scroll}.imageSlider-container[data-direction=left]{--_animation-direction: forwards}.imageSlider-container[data-direction=right]{--_animation-direction: reverse}.imageSlider-container[data-speed=slow]{--_animation-duration: 50s}.imageSlider-container[data-speed=fast]{--_animation-duration: 30s}@keyframes scroll{to{transform:translate(calc(-50% - 4px))}}@media only screen and (min-width:540px){.slider{gap:12px}.slider .top-slider{min-width:260px}}@media only screen and (min-width:768px){.imageSlider{margin:100px 0 0}.slider{gap:14px}.slider .top-slider{min-width:280px}}@media only screen and (min-width:992px){.imageSlider{margin:120px 0 0}.slider{gap:18px}.slider .top-slider{min-width:320px}}@media only screen and (min-width:1200px){.imageSlider{margin:140px 0 0}.slider{gap:24px}.slider .top-slider{min-width:360px}}@media only screen and (min-width:1400px){.imageSlider{gap:3vh}.imageSlider{margin:10% 0 0}.slider{gap:2%}.slider .top-slider{min-width:30%}}.footer{width:100%;height:100vh;max-height:1100px;min-height:max-content;margin:80px 0 0;background-color:var(--text-dark);overflow:hidden}.footer-container{position:relative;margin:0 20px;padding:80px 0 0;height:100vh;max-height:1100px;min-height:max-content;display:flex;flex-direction:column;justify-content:space-around;gap:48px}.footer .footer-content h1,.footer-content span{color:var(--text-light);font-size:30px;font-weight:400;letter-spacing:1px}.footer .footer-content h1{display:flex;flex-direction:column}.footer-contact{border-top:1px solid var(--stroke-color-light);padding:32px 0;margin-block-start:32px;position:relative}.footer-contact button{color:var(--text-light);border:1px solid var(--stroke-color-light)}.footer-contact .footer-btn{background-color:transparent;border:none;position:absolute;right:8%;top:-25%}.footer-contact .contact-link{display:flex;flex-direction:column;gap:24px;margin-block-start:72px}.contact-link .phone,.contact-link .email,.contact-link .phone a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}.contact-link .phone img{width:26px}.social-links{position:relative;display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--stroke-color-light)}.social-links-inner{display:flex;flex-direction:row;gap:18px;padding:12px 0 24px;justify-content:flex-end}.social-links p{color:var(--text-light)}.social-link{cursor:pointer}.contact-link p,.footer-btn a{color:var(--text-light);z-index:10;display:flex;flex-direction:row;align-items:center;gap:12px;text-decoration:none}.footer-btn a:is(:hover,:focus-visible){text-decoration:none}.social-links iframe{border:none;width:16px;height:16px;margin:auto 0}.footer:before{content:"";position:absolute;width:100%;height:var(--footer-before-height, 100px);background-color:var(--text-light);border-radius:140%/0 0 300% 300%;transition:height .3s linear}@media only screen and (min-width:540px){.footer-container{margin:0 40px;padding:80px 0 0}.footer .footer-content h1,.footer-content span{font-size:42px}}@media only screen and (min-width:768px){.footer{margin:100px 0 0}.footer-container{margin:0 60px;padding:100px 0 0}.footer .footer-content h1,.footer-content span{font-size:48px}.footer-contact{margin-block-start:42px}.footer-contact .footer-btn{right:10%;top:-45%}.footer-contact .contact-link{flex-direction:row;margin-block-start:32px}.contact-link .phone img{width:22px}}@media only screen and (min-width:992px){.footer{margin:120px 0 0}.footer-container{margin:0 100px}.footer .footer-content h1,.footer-content span{font-size:54px}.footer:before{height:var(--footer-before-height, 200px)}}@media only screen and (min-width:1200px){.footer{margin:180px 0 0}.footer-container{margin:0 120px;padding:120px 0 0}.footer .footer-content h1,.footer-content span{font-size:64px}.footer-contact{margin-block-start:64px}.footer-contact .footer-btn{right:16%;top:-54%}.contact-link .phone img{width:26px}}@media only screen and (min-width:1400px){.footer{margin:180px 0 0}.footer-inner{max-width:1920px;margin:0 auto}.footer-container{margin:0 180px}.footer-content h1{font-size:300%}.footer .footer-content h1,.footer-content span{font-size:5rem}}@media only screen and (min-width:1800px){.footer{margin:180px 0 0;height:60vh}.footer-inner{max-width:1920px;margin:0 auto}.footer-container{margin:0 180px;height:60vh}}.NavLinkBtn{color:var(--text-light);display:flex;justify-content:center;align-items:center;position:relative;overflow:visible;transition:.4s ease-in-out}.social-link{font-size:16px;letter-spacing:.6px;color:var(--text-light)}.social-link:is(:hover,:focus-visible){text-decoration:underline}.pageLoader{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100vh}.page-loader{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:50%;width:180vw;height:100vh;transform:translate(-90vw);background-color:var(--text-dark);transition:all .6s ease-in-out;z-index:10000}.page-loader h1{font-style:normal;font-size:2.4rem;font-weight:400;letter-spacing:.5px;color:var(--text-light);animation:fadeInOut .6s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.page-loader.closing{transform:translateY(-100%);transform:translate(-90vw);height:0;border-radius:0 0 100% 100%;transition:transform .9s ease-in-out,height .7s ease-in-out}.page-loader.closing h1{transform:translateY(-50%)}@media only screen and (min-width:992px){.page-loader h1{font-size:3.2rem}}.navBar{position:fixed;width:100%;z-index:1000;scroll-behavior:smooth}.navBar-container{width:100%;max-width:100vw;height:auto;position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.navBar-container .logo{width:40vw;margin:3vh;max-width:12rem;position:relative;transition:1.4s cubic-bezier(.075,.5,0,1)}.navBar-container .logo .online{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#7cfc00;top:-4px}.navBar-container .logo p{width:60vw;color:var(--text-light);font-size:16px;font-weight:500;position:sticky;display:flex;align-items:center;text-transform:uppercase;padding-inline-start:8px}.navBar-container .logo .dark{color:var(--text-dark)}.navBar-container .logo a{text-decoration:none}.navBar ul li{color:var(--text-light);cursor:pointer;text-decoration:none}.nav-links{position:absolute;right:-550px;width:100%;max-width:550px;height:100vh;background:var(--text-dark);display:flex;flex-direction:column;gap:16px;padding:120px 32px 32px;animation:.4s ease-in-out forwards navOpen;overflow-y:scroll}.nav-links::-webkit-scrollbar{display:none}@keyframes navOpen{0%{right:-550px;border-radius:100% 0 0 100%}to{right:0;border-radius:0}}.nav-links.disable{animation:.6s ease-in-out forwards navClose}@keyframes navClose{0%{right:0;border-radius:0}to{right:-550px;border-radius:100% 0 0 100%}}.nav-top{width:100%;padding-block-end:12px;border-bottom:1px solid var(--stroke-color-light);transition:.5s linear;transition-delay:.4s}.nav-top h3{font-size:1rem;font-weight:400;color:var(--stroke-color)}.nav-middle ul{width:100%;display:flex;flex-direction:column;gap:36px;margin-block-start:24px}.nav-middle ul li a{font-size:3.4rem;font-weight:400;letter-spacing:.8px;text-decoration:none}.nav-middle ul li a:is(:hover,:focus-visible):after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--text-light);right:0;margin-top:10px;margin-left:-24px}.nav-middle ul li a.active-nav:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--text-light);right:0;margin-top:10px;margin-left:-24px}.nav-bottom{position:relative;width:100%;padding-block-start:12px;bottom:-16vh;border-top:1px solid var(--stroke-color-light)}.nav-bottom ul{width:100%;display:flex;flex-direction:row;gap:32px}.nav-top,.nav-middle ul,.nav-bottom{opacity:0;transform:translate(200px);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.nav-links .nav-top,.nav-links .nav-middle ul,.nav-links .nav-bottom{opacity:1;transform:translate(0);transition-delay:.1s}.nav-links.disable .nav-top,.nav-links.disable .nav-middle ul,.nav-links.disable .nav-bottom{opacity:0;transform:translate(200px);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.open-close{z-index:10;margin:3vh;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer}.open-close .open{width:5rem;height:5rem;border-radius:50%;border:1px solid var(--stroke-color-light);background-color:var(--button-normal);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:.4s ease-in-out}.open-close .open .open-text{color:var(--text-light);display:flex;flex-direction:column;align-items:center;gap:8px}.open-text .text-bar{width:30px;height:1px;background-color:var(--text-light)}.open-close .open.hide{opacity:0;transition:.2s ease-in-out}.open:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active);z-index:-1;transition:.4s ease-in-out}.open:before{bottom:0;border-radius:50% 50% 0 0}.open:is(:hover,:focus-visible){border:none}.open:is(:hover,:focus-visible):before{height:100%}.scroll-btn{position:absolute;width:5rem;height:5rem;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background-color:var(--button-active)}.scroll-btn .scroll-bar{position:relative;width:35%;height:1.3px;background-color:var(--text-light);transition:.3s ease-in-out}.scroll-btn:is(:hover,:focus-visible) .scroll-bar{width:30%}.scroll-btn .bar1{transform:rotate(45deg);top:4px}.scroll-btn .bar2{transform:rotate(-45deg);bottom:2px;right:1px}.scroll-btn.active{width:5rem;height:5rem;animation:.6s ease-in-out open-btn}.scroll-btn.scroll-btn-disable{width:0;height:0;animation:.6s ease-in-out close-btn}@keyframes open-btn{0%{width:0;height:0}to{width:5rem;height:5rem}}@keyframes close-btn{0%{width:5rem;height:5rem}to{width:0;height:0}}.overlay{position:absolute;width:100%;height:100vh;background-color:var(--text-dark-extra-light);opacity:80%;z-index:-999;animation:.8s ease-in-out overlayView}.overlay.hide{display:none}@keyframes overlayView{0%{opacity:0}to{opacity:80%}}@media only screen and (min-width:540px){.nav-links{gap:16px;padding:120px 38px 38px}.nav-middle ul{gap:38px}}@media only screen and (min-width:992px){.nav-links{gap:22px;padding:120px 64px 64px}.nav-top{padding-block-end:14px}.nav-middle ul{gap:48px;margin-block-start:32px}.nav-bottom{padding-block-start:18px}.nav-bottom ul{gap:32px}.nav-middle ul li a{font-size:3.9rem;font-weight:400;letter-spacing:1px;text-decoration:none}.navBar-container .logo{margin:5vh}.navBar-container .logo p{font-size:18px}}.workHeader{width:100%;cursor:auto}.workHeader-container{margin:0 20px;padding-block-start:80px;display:flex;flex-direction:column;gap:40px}.workHeader .workHeader-content{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--stroke-color);padding-block-end:36px}.workHeader-container .workHeader-img{width:100%;display:none}.workHeader-container .workHeader-img img{position:relative;width:100%}.workHeader-header h3{font-size:36px;color:var(--text-dark);letter-spacing:.6px;font-weight:400}.workHeader-content .workHeader-btn{position:relative;width:100%;display:flex;flex-direction:row;gap:8px;margin-block-start:24px;overflow:visible}.content-section{opacity:0;transform:translateY(100px);transition:opacity .6s linear,transform .5s linear;position:absolute;width:100%;top:0;transition-delay:.1s}.content-section.active{opacity:1;transform:translateY(0);position:relative}.all-work{opacity:0;transform:translateY(100px);transition:.5s linear}.all-work.active{opacity:1;transform:translateY(0)}@media only screen and (min-width:540px){.workHeader-container{margin:0 50px 80px;padding-block-start:80px;gap:24px}.workHeader-container{gap:40px}}@media only screen and (min-width:768px){.workHeader-container{margin:0 70px 80px;padding-block-start:80px}.workHeader-container .workHeader-img{width:80%}.workHeader-header h3{font-size:46px}}@media only screen and (min-width:992px){.workHeader-container{margin:0 100px 100px;padding-block-start:100px;gap:60px}.workHeader-container .workHeader-img{width:80%}.workHeader-header h3{font-size:58px}.workHeader-content{gap:42px}.workHeader-content .workHeader-btn{gap:16px;margin-block-start:42px}.workHeader-container .btn-empty,.workHeader-container .btn-active{padding:26px 42px;font-size:16px}}@media only screen and (min-width:1200px){.workHeader-container{margin:0 140px 120px;padding-block-start:140px}.workHeader-container .workHeader-img{width:80%}.workHeader-header h3{font-size:72px}}@media only screen and (min-width:1400px){.workHeader{margin:0 auto;max-width:1920px}.workHeader-container{margin:0 180px 140px;padding-block-start:140px}.workHeader-header h3{font-size:5rem}}.allWork{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:64px}.allWork-card .view-btn{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#b0b9b633;visibility:hidden}.allWork-card .view-btn button{position:relative;width:72px;height:72px;border-radius:50%;border:none;background-color:var(--button-active);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.allWork-card .view-btn button img{width:18px}.allWork-card .view-btn a:is(:hover,:focus-visible){text-decoration:none}.allWork-card .view-btn button:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active-extra);z-index:-1;transition:.4s ease-in-out}.allWork-card .view-btn button:before{bottom:0;border-radius:50% 50% 0 0}.allWork-card .view-btn button:is(:hover,:focus-visible):before{height:100%}.allWork-base-content .type{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;border:none;color:var(--text-light)}.allWork-base-content .type p{font-size:14px;font-weight:500;color:var(--text-light)}.allWork-base-content .type img{width:16px}@media only screen and (min-width:768px){.allWork{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(40%,1fr));gap:64px}}@media only screen and (min-width:992px){.allWork-card .main-heading h2{font-size:var(--font-medium)}.main-heading img{display:none}.allWork-card .view-btn{visibility:hidden;transition:.5s ease-in-out}.view-btn button{transform:translateY(100px);opacity:0;transition:.5s ease-in-out}.allWork-card:is(:hover,:focus-visible) .view-btn{visibility:visible}.allWork-card:is(:hover,:focus-visible) .view-btn button{transform:translateY(0);opacity:1}}.allWork{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:64px}.allWork-card{display:flex;flex-direction:column;gap:12px}.allWork-card-img{position:relative;width:100%;max-width:780px}.allWork-card-img img{width:100%}.allWork-base-content{display:flex;flex-direction:column;gap:12px}.allWork-card .main-heading{display:flex;flex-direction:column;gap:2px}.main-heading h2{color:var(--text-dark);font-size:36px}.allWork-sub-content{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--stroke-color);padding-block-start:8px}.allWork-sub-content .tools{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.allWork-sub-content .tools span{font-size:12px;letter-spacing:.8px;padding:2px 8px;color:var(--text-dark-light);border:1px solid var(--stroke-color);border-radius:2px}@media only screen and (min-width:540px){.work-container{margin:0 50px;gap:24px}}@media only screen and (min-width:768px){.allWork{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(40%,1fr));gap:64px}.work-container{margin:0 70px;gap:28px}}@media only screen and (min-width:992px){.work-container{margin:0 100px;gap:28px}}@media only screen and (min-width:1200px){.work-container{margin:0 120px;gap:32px}}@media only screen and (min-width:1400px){.work-container{margin:0 180px;gap:32px}}.Workmagneto{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:.4s ease-in-out}.Workmagneto-text{display:flex;position:relative;font-size:16px;letter-spacing:.6px;z-index:10}.Workmagneto-text .len{position:absolute!important;margin-block-start:-.9rem;margin-inline-start:100%;font-size:10px;opacity:.7;color:var(--text-dark);z-index:10}.Workmagneto:is(:hover,:focus-visible) .len,.btn-active .len{color:var(--text-light)}.btn-empty .len{color:var(--text-dark)}.allWorks{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:72px}.allWorks-card{display:flex;flex-direction:column;gap:12px}.allWorks-card-img{position:relative;width:100%;max-width:780px}.allWorks-card-img img{width:100%}.allWorks-card .view-btn{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;visibility:hidden}.allWorks-card .view-btn button{position:relative;width:72px;height:72px;border-radius:50%;border:none;background-color:var(--button-active);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.allWorks-card .view-btn a:is(:hover,:focus-visible){text-decoration:none}.allWorks-card .view-btn button:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active-extra);z-index:-1;transition:.4s ease-in-out}.allWorks-card .view-btn button:before{bottom:0;border-radius:50% 50% 0 0}.allWorks-card .view-btn button:is(:hover,:focus-visible):before{height:100%}.allWorks-content{display:flex;flex-direction:column;gap:18px}.allWorks-card .main-heading{display:flex;flex-direction:column;gap:8px}.main-heading p{color:var(--text-dark-extra-light)}.main-heading h2{color:var(--text-dark);font-size:36px;line-height:36px;padding-bottom:12px}.main-heading hr{border:.5px solid var(--stroke-color)}.main-heading img{width:18px;height:auto;margin-inline-start:12px}.main-heading-bottom{display:flex;justify-content:space-between;align-items:center}@media only screen and (min-width:768px){.allWorks{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(40%,1fr));gap:64px}.allWorks-content{gap:32px}.allWorks-card .main-heading{gap:16px}}@media only screen and (min-width:992px){.allWorks-card .main-heading h2{font-size:var(--font-medium)}.main-heading img{display:none}.allWorks-card .view-btn{visibility:hidden;transition:.5s ease-in-out}.view-btn button{transform:translateY(100px);opacity:0;transition:.5s ease-in-out}.allWorks-card:is(:hover,:focus-visible) .view-btn{visibility:visible}.allWorks-card:is(:hover,:focus-visible) .view-btn button{transform:translateY(0);opacity:1}}.aboutHeader{width:100%}.aboutHeader-container{margin:0 20px;padding-block-start:80px;display:flex;flex-direction:column;gap:40px}.aboutHeader .aboutHeader-header{display:flex;flex-direction:column;gap:40px;border-bottom:1px solid var(--stroke-color);padding-block-end:24px}.aboutHeader-header-top{display:flex;flex-direction:column;gap:8px}.aboutHeader-header-top .about-img{width:30%;max-width:200px}.aboutHeader-header-top .about-img img{width:100%}.about-main-header{display:flex;flex-direction:column;gap:12px}.aboutHeader-header h2{font-size:24px}.aboutHeader-header h3{font-size:36px;color:var(--text-dark);letter-spacing:.6px;font-weight:400}.aboutHeader-header-bottom{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:0 auto}.aboutHeader-header-bottom .container-card{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:42px;min-height:280px}.aboutHeader-header-bottom .container-card .card-icon-bottom{display:flex;flex-direction:column;align-items:flex-end}.aboutHeader-header-bottom .container-card p{text-align:center;font-weight:500;letter-spacing:.6px}.aboutHeader-middle,.aboutHeader-bottom{margin-block-start:40px}.aboutHeader-header-bottom .container-card:nth-child(1){background-color:var(--bg-hero)}.aboutHeader-header-bottom .container-card:nth-child(2){background-color:var(--button-active);color:var(--text-light)}.aboutHeader-header-bottom .container-card:nth-child(2) p{color:var(--text-light)}.aboutHeader-header-bottom .container-card:nth-child(3){background-color:var(--bg-hero-light)}@media only screen and (min-width:540px){.aboutHeader-container{margin:0 50px;padding-block-start:80px;gap:24px}}@media only screen and (min-width:768px){.aboutHeader-container{margin:0 70px 80px;padding-block-start:80px}.about-main-header h2{font-size:32px}.about-main-header h3{font-size:46px}.aboutHeader-middle,.aboutHeader-bottom{margin-block-start:60px}}@media only screen and (min-width:992px){.aboutHeader-container{margin:0 100px 100px;padding-block-start:100px}.aboutHeader .aboutHeader-header{gap:70px;padding-block-end:48px}.aboutHeader-header-top{flex-direction:row;gap:24px}.about-main-header{gap:24px}.about-main-header h3{font-size:58px}.about-main-header h2{font-size:44px}.aboutHeader-header-bottom{gap:28px;max-width:85%;margin:0 auto}.aboutHeader-middle,.aboutHeader-bottom{margin-block-start:80px}}@media only screen and (min-width:1200px){.aboutHeader-container{margin:0 120px 140px;padding-block-start:140px}.aboutHeader .aboutHeader-header{gap:100px}.about-main-header h2{font-size:58px}.about-main-header h3{font-size:72px}.aboutHeader-middle,.aboutHeader-bottom{margin-block-start:100px}}@media only screen and (min-width:1400px){.aboutHeader{margin:0 auto;max-width:1920px}.aboutHeader-container{margin:0 180px 140px;padding-block-start:140px}.about-main-header h3{font-size:5rem}.aboutHeader-header-bottom{position:relative}.aboutHeader-header-bottom .container-card:nth-child(1){background-color:var(--bg-hero)}.aboutHeader-header-bottom .container-card:nth-child(2){transform:translateY(100px)}.aboutHeader-header-bottom .container-card:nth-child(3){transform:translateY(40px)}.aboutHeader .aboutHeader-header{padding-block-end:160px}}.aboutMiddle{display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;max-height:fit-content}.aboutMiddle .aboutMiddle-top{display:flex;flex-direction:column;gap:24px}.aboutMiddle .aim{display:flex;flex-direction:column;gap:12px}.aboutMiddle .aim img{width:24px;max-width:40px}.aboutMiddle .container-card{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px 0}.aboutMiddle .container-card .card-icon-bottom{display:flex;flex-direction:column;align-items:flex-end}.aboutMiddle .card-content{padding-inline-start:16px}.aboutMiddle .container-card p{font-style:italic}.aboutMiddle .userBig{position:relative;width:100%;overflow:hidden;transition:height .3s ease-out,transform .3s ease-out}.userBig img{width:100%;height:auto;display:block}@media only screen and (min-width:768px){.aboutMiddle{gap:48px}.aboutMiddle .aboutMiddle-top{gap:32px}.aboutMiddle .aim{gap:16px}.aboutMiddle .aim img{width:32px}}@media only screen and (min-width:992px){.aboutMiddle{flex-direction:row;gap:48px}.aboutMiddle-top{padding-inline-end:6px}.aboutMiddle .aim img{width:36px}.aboutMiddle .userBig{width:240%}}@media only screen and (min-width:1200px){.aboutMiddle{gap:54px}.aboutMiddle .aboutMiddle-top{gap:36px;padding-inline-end:16px}.aboutMiddle .aim{gap:24px}.aboutMiddle .aim img{width:40px}}.aboutBottomContent,.aboutBottomContent-card-container{display:flex;flex-direction:column;gap:24px}.aboutBottomContent-card-container .aboutBottomContent-card:nth-child(1){background-color:#dfdfe9}.aboutBottomContent-card-container .aboutBottomContent-card:nth-child(2){background-color:#e3e7e6}.aboutBottomContent-card{display:flex;flex-direction:column;gap:24px;padding:32px}.aboutBottomContent-card .card-top{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--stroke-color);padding-block-end:24px}.aboutBottomContent-card .card-top img{width:28px}.aboutBottomContent-card .card-top p{padding-block-start:8px}.aboutBottomContent-card .card-bottom{display:flex;flex-direction:column;gap:12px}.aboutBottomContent-card .card-bottom-tools{display:flex;flex-direction:row;flex-wrap:wrap;gap:36px;padding-block-start:12px}.about-tools{width:40px;min-height:40px;display:flex;flex-direction:column;align-items:center;gap:4px}.about-tools img{width:100%;height:100%;min-width:40px;min-height:40px}.about-tools p{font-size:12px}@media only screen and (min-width:540px){.aboutBottomContent-card{padding:36px}}@media only screen and (min-width:768px){.aboutBottomContent-card{padding:48px}}@media only screen and (min-width:992px){.aboutBottomContent{gap:32px}.card-top h2{font-size:36px}.aboutBottomContent-card{gap:32px;padding:54px}.aboutBottomContent-card .card-top img{width:40px}.aboutBottomContent-card .card-top p{padding-block-start:24px}.card-bottom .card-bottom-tools{gap:32px}}@media only screen and (min-width:1200px){.aboutBottomContent{gap:42px}.aboutBottomContent-card-container{flex-direction:row;gap:80px}.aboutBottomContent-card{padding:54px}}.contact h1,h2,h3,p,a,span,label,input,button{color:var(--text-light)}::placeholder{color:var(--text-light-extra);opacity:.8;letter-spacing:.5px;font-size:16px;font-weight:300}input:focus,textarea:focus{outline:none;background-color:transparent;border:none}input:-webkit-autofill{background-color:transparent;border:none}.label-active{color:var(--stroke-color);transition:.25s ease-in-out}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{background-color:transparent!important;border:none!important}.contact{width:100%;min-height:100vh;background-color:var(--text-dark)}.contact-container{margin:0 20px;padding:80px 0 0;display:flex;flex-direction:column;gap:40px}.contact .contact-header{border-bottom:1px solid var(--stroke-color);padding-block-end:36px}.contact-header h3{display:flex;flex-direction:column;gap:12px}.contact-header h3 span{font-size:36px;color:var(--text-light);letter-spacing:.5px;font-weight:300}.contact-header h3 img{width:36px}.contact-form{position:relative;width:100%;max-width:700px;padding-block-start:48px;border-bottom:1px solid var(--stroke-color-light)}.contact-form form{position:relative;display:flex;flex-direction:column;gap:24px;padding-block-end:120px}.contact-form .form-input{display:flex;flex-direction:row;gap:28px;padding:0 0 32px;border-bottom:1px solid var(--stroke-color-light)}.contact-form .form-data{display:flex;flex-direction:column;gap:8px;width:100%;margin-block-start:-2px}.contact-form .form-input .list-number{color:var(--text-light-extra);font-size:12px;font-weight:400}.contact-form .form-data label{font-size:18px;font-weight:300;letter-spacing:.6px}.contact-form .form-data input,.contact-form .form-data textarea{color:var(--text-light);background-color:transparent;border:none;font-size:18px;width:100%}.input-tbn{position:relative;width:100%;bottom:-50px;left:200px}.input-tbn input{position:relative;width:fit-content;bottom:-120px;right:80%;font-size:16px;cursor:pointer}.input-tbn .active-btn{padding:45px 36px;color:var(--text-light);border:1px solid var(--button-active);border-radius:100px;font-size:16px;background-color:var(--button-active);position:absolute;overflow:hidden;z-index:1}.contact-footer{display:flex;flex-direction:row;justify-content:space-between;padding:32px 0;margin-block-start:32px}.contact-footer a{font-size:14px}.social{display:flex;flex-direction:row;gap:18px}.social iframe{border:none;width:16px;height:16px;margin:auto 0}.Optional{font-size:18px;font-weight:300;letter-spacing:.6px;color:var(--stroke-color)}.error-message{font-size:14px;letter-spacing:.8px;color:#e63946}@media only screen and (min-width:540px){.contact-container{margin:0 60px;padding-block-start:100px;gap:24px}.contact-header h3 span{font-size:42px}}@media only screen and (min-width:768px){.contact-container{margin:0 120px;padding-block-start:120px}.contact-form{max-width:480px}.contact-header h3{gap:24px}.contact-header h3 span{font-size:46px}.contact-header h3 img{width:50px;height:50px}.contact-container{gap:80px}.contact .contact-header{padding-block-end:48px}}@media only screen and (min-width:992px){.contact-container{margin:0 160px;padding-block-start:140px}.contact-header h3 span{font-size:58px}.contact-header h3 img{width:60px;height:60px}.contact-container{gap:100px}.contact .contact-header{padding-block-end:58px}.contact-form{max-width:680px;padding-block-start:80px}.contact-form form{gap:36px;padding-block-end:220px}.contact-form .form-input{gap:48px;padding:0 0 48px}.contact-form .form-data{gap:14px}.contact-form .form-input .list-number{font-size:14px;margin-block-start:4px}.contact-form .form-data label,.contact-form .form-data input,.contact-form .form-data textarea{font-size:24px}.input-tbn{bottom:-145px;left:200px}.input-tbn input{position:absolute;width:fit-content;bottom:-150px;right:50%}.input-tbn .active-btn{padding:70px 62px}::placeholder{font-size:24px}.contact-footer{margin-block-start:100px}.Optional{font-size:24px}.error-message{font-size:18px}}@media only screen and (min-width:1200px){.contact-container{margin:0 180px;padding-block-start:180px}.contact-header h3 span{font-size:72px}.contact-header h3 img{width:60px;height:60px}.contact-container{gap:120px}.contact .contact-header{padding-block-end:64px}}@media only screen and (min-width:1400px){.contact{margin:0 auto;max-width:1920px}.contact-container{margin:0 240px}}.contentdetails{width:100%;cursor:auto}.contentdetails-container{margin:0 20px;padding-block-start:100px;display:flex;flex-direction:column;gap:40px}.contentdetails .contentdetails-content{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--stroke-color);padding-block-end:24px}.contentdetails-header h3{font-size:36px;color:var(--text-dark);letter-spacing:.6px;font-weight:400}.contentdetails-content-sub{display:grid;grid-template-rows:repeat(auto-fill,minmax(25%));gap:24px;height:fit-content}.content-data{display:flex;flex-direction:column;gap:24px}.content-data p{color:var(--text-dark-extra-light);font-size:14px;font-weight:400;letter-spacing:.6px;line-height:24px}.content-data ul li{font-size:18px;font-weight:500;color:var(--text-dark);padding-block-end:8px}.content-data hr{border:.5px solid var(--stroke-color)}.live-btn{position:absolute;right:20px;bottom:50%;top:50%;z-index:100}.contentdetails .hero-content{width:100%;margin-block-start:100px}@media only screen and (min-width:540px){.contentdetails-container{margin:0 50px 80px;padding-block-start:100px;gap:24px}.contentdetails-container{gap:40px}}@media only screen and (min-width:768px){.contentdetails-container{margin:0 70px 80px;padding-block-start:100px}.contentdetails-header h3{font-size:46px}.contentdetails-content-sub{grid-template-columns:repeat(auto-fill,minmax(25%,1fr));gap:64px;padding-block-end:24px}.live-btn{right:60px;bottom:50%;top:25%}}@media only screen and (min-width:992px){.contentdetails-container{margin:0 100px 100px;padding-block-start:120px;gap:60px}.contentdetails-header h3{font-size:58px}.contentdetails-content{gap:42px}.live-btn{right:80px;bottom:50%;top:23%}}@media only screen and (min-width:1200px){.contentdetails-container{margin:0 140px 120px;padding-block-start:180px}.contentdetails-container .contentdetails-img{width:80%}.contentdetails-header h3{font-size:72px}.live-btn{position:absolute;right:12%;top:28%}}@media only screen and (min-width:1400px){.contentdetails{margin:0 auto;max-width:1920px}.contentdetails-container{margin:0 240px 120px}.contentdetails-header h3{font-size:5rem}.live-btn{position:absolute;right:18%;top:28%}}.workdatahero{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;overflow:hidden;max-height:fit-content;margin-block-start:80px}.workdatahero .workdatahero-top{position:relative;display:flex;flex-direction:column;gap:24px;margin:0 20px}.workdatahero .workdatahero-card{display:none}.workdatahero .userBig{position:relative;width:100%;height:100%;overflow:hidden;transition:height .3s ease-out,transform .3s ease-out}.workdatahero .userBig img{width:100%;height:auto;display:block}@media (max-width: 1200px){.userBig{height:auto!important;transform:none!important}}@media only screen and (min-width:540px){.workdatahero .workdatahero-top{margin:0 40px}}@media only screen and (min-width:768px){.workdatahero{gap:48px}.workdatahero .workdatahero-top{gap:32px;margin:0 60px}}@media only screen and (min-width:992px){.workdatahero{flex-direction:row;gap:18px}.workdatahero .workdatahero-top{position:absolute;padding:48px;margin-inline:20px;width:50%;top:10%;right:5%;background-color:#161a2080}.workdatahero .workdatahero-top .aim-text{color:#fffffff2}.workdatahero .workdatahero-top .aim{padding-inline-end:48px}.workdatahero .userBig{width:220%}}@media only screen and (min-width:1200px){.workdatahero{gap:24px}.workdatahero .workdatahero-top{gap:36px;padding-inline-end:16px}}.workdatamiddle{width:100%;cursor:auto;background-color:var(--stroke-color);margin-block-start:80px}.workdatamiddle-container{margin:0 20px;padding-block:100px;display:flex;flex-direction:column;gap:40px}.workdatamiddle-container ul{display:grid;grid-template-rows:repeat(auto-fill,minmax(25%));gap:48px;height:fit-content}.middle-data{display:flex;flex-direction:column;gap:24px}.middle-data img{width:32px;margin-block-end:12px}.middle-data p{color:var(--text-dark-light);font-size:16px;font-weight:400;letter-spacing:.6px;line-height:24px}.middle-data hr{border:.5px solid var(--stroke-color)}@media only screen and (min-width:540px){.workdatamiddle-container{margin:0 50px;gap:24px}}@media only screen and (min-width:768px){.workdatamiddle{margin-block-start:100px}.workdatamiddle-container ul{grid-template-columns:repeat(auto-fill,minmax(25%,1fr));gap:64px;padding-block-end:24px}.middle-data img{width:36px}}@media only screen and (min-width:992px){.workdatamiddle{margin-block-start:120px}.workdatamiddle-container{margin:0 100px;padding-block:120px;gap:60px}.middle-data img{width:42px}}@media only screen and (min-width:1200px){.workdatamiddle-container{margin:0 140px;padding-block:180px}}@media only screen and (min-width:1400px){.workdatamiddle{margin:0 auto;max-width:1920px}.workdatamiddle-container{margin:0 240px}}.workimage{width:100%;min-height:40vh;background-color:var(--button-active);overflow:hidden}.workimage-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:max-content;overflow:hidden;transition:height .3s ease}.workimage .userBig{width:100%;display:flex;align-items:center;justify-content:center}.workimage ul{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding-block:80px}.workimage ul:nth-child(0){bottom:20px}.workimage ul img{width:80%;margin:0 auto}@media only screen and (min-width:992px){.workimage .workimage-container{padding:0 80x}.workimage ul{flex-direction:row;padding:0 80px}.workimage ul img{width:100%}.workimage ul .item-0{margin-top:100px}.workimage ul .item-1{margin-top:60px}.workimage ul .item-2{margin-top:40px}}.workdatafooter{position:relative;width:100%;min-height:100vh;max-height:1100px;height:max-content;cursor:auto;background-color:var(--text-dark);display:grid;align-items:end;margin:0 auto}.workdatafooter-container{padding-block-start:100px;display:flex;flex-direction:column;gap:40px;margin:auto}.other-work{width:100%}.other-work ul{display:grid;grid-template-rows:repeat(auto-fill,minmax(25%));gap:48px;height:fit-content}.other-work ul a:is(:hover,:focus-visible){text-decoration:none}.other-work ul h2{max-height:40px;overflow:hidden;color:var(--text-light)}.other-work ul p{color:var(--text-light-extra)}.main-heading{display:flex;flex-direction:column;gap:24px}.footer-card{cursor:pointer;width:100%}.workdatafooter:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--footer-before-height, 100px);background-color:var(--button-active);border-radius:140%/0 0 300% 300%;transition:height .3s linear;z-index:100}@media only screen and (min-width:540px){.workdatafooter-container{margin:0 50px;gap:24px}}@media only screen and (min-width:768px){.other-work ul{grid-template-columns:repeat(auto-fill,minmax(25%,1fr));gap:64px;padding-block-end:24px}}@media only screen and (min-width:992px){.workdatafooter-container{margin:0 100px;padding-block-start:120px;gap:60px}.footer-card{transition:transform .1s linear}.footer-card:is(:hover,:focus-visible){transform:translateY(-20px)}}@media only screen and (min-width:1200px){.workdatafooter{max-height:60vh}.workdatafooter-container{margin:0 140px;padding-block-start:180px}.footer-card{transition:transform .6s ease-in-out}.footer-card:is(:hover,:focus-visible){transform:translateY(-20px)}}@media only screen and (min-width:1400px){.workdatafooter{margin:0 auto;max-width:1920px;max-height:60vh}.workdatafooter-container{margin:0 240px}}:root{--bg-hero: rgb(176, 185, 182);--bg-hero-light: rgb(227, 231, 230);--text-light: rgb(255, 255, 255);--text-light-extra: rgb(255, 255, 255, .6);--text-dark: rgb(22, 26, 32);--text-dark-light: rgb(22, 26, 32, .9);--text-dark-extra-light: rgba(22, 26, 32, .6);--stroke-color: rgb(176, 185, 182, .5);--stroke-color-light: rgb(176, 185, 182, .3);--button-normal: rgb(22, 26, 32);--button-normal-light: rgb(255, 255, 255);--button-active: rgb(92, 51, 222);--button-active-extra: rgb(85, 48, 207);--font-small: 18px;--font-extra-amall: 12px;--font-medium: 48px;--font-large: 64px}*{padding:0;margin:0;box-sizing:border-box;font-family:Inter Tight,sans-serif}body::-webkit-scrollbar{display:none}body{min-height:100vh;scroll-behavior:smooth}li{list-style:none}a{text-decoration:none;font-size:16px;font-weight:400;letter-spacing:.6px;line-height:24px;color:var(--text-light)}a:is(:hover,:focus-visible){text-decoration:underline}p{font-size:16px;font-weight:400;letter-spacing:.6px;line-height:24px;color:var(--text-dark-light)}h1,span{font-size:4rem;letter-spacing:2px;color:var(--text-dark)}h2{font-size:24px;font-weight:500;color:var(--text-dark)}h3{font-size:1.2rem;font-weight:500;color:var(--text-light);letter-spacing:1px}button,a{cursor:pointer}.btn-light{color:var(--text-light);padding:24px 48px;border:1px solid var(--stroke-color);border-radius:100px;font-size:16px;background-color:var(--button-normal)}.btn-light:is(:hover,:focus-visible){border:1px solid var(--button-active);background-color:var(--button-active)}.btn-dark-full{background-color:var(--button-active);padding:24px;border:1px solid var(--stroke-color);border-radius:100px;font-size:16px}.btn-empty{color:var(--text-dark);padding:18px 28px;border:1px solid var(--stroke-color);border-radius:100px;font-size:14px;background-color:transparent;position:relative;overflow:hidden}.btn-empty:is(:hover,:focus-visible){color:var(--text-light)}.btn-active{color:var(--text-light);padding:18px 28px;border:1px solid var(--button-active);border-radius:100px;font-size:14px;background-color:var(--button-active)}.btn-active span{color:var(--text-light)}.btn-empty:before{content:"";position:absolute;left:0;width:100%;height:0%;background:var(--button-active);z-index:-1;transition:.4s ease-in-out}.btn-empty:before{bottom:0;border-radius:50% 50% 0 0}.btn-empty:is(:hover,:focus-visible):before{height:130%}.btn-empty:is(:hover,:focus-visible) span{color:var(--text-light)}